@charset "UTF-8";
@media screen and (min-width: 960px) {
/** グローバルナビ========================================*/
#nav-wrap {
      width:100%;
	  height:110px;
	  margin:0;
	  padding:0;
	  position:relative;
	  background-color:#FFFAEC;
	  filter:alpha(opacity=80);
	  -moz-opacity: 0.8;
	  opacity: 0.8;
	  border-top:4px solid #1DADDE;
	  z-index:10;
}
#nav{ position:relative; padding:0 0 0 0; margin:-4px auto 0 auto; z-index:11; width: 1068px; height:110px; background:url(../images/common/cover.png) top center no-repeat; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
#ul-nav {
	  width: 980px;
	  margin:75px auto 0 auto;
	  padding: 0;
	  list-style: none;
}

#ul-nav li {
	  height: 21px;
	  padding: 0;
	  float:left;
}

#ul-nav li a {
      display: block;
	  height: 21px;     
	  padding: 0;
	  text-indent:100%;
	  white-space:nowrap;
	  overflow:hidden;
}

li#nav01 a { background: url(../images/nav/l-nav.png) 0 0; width:140px; margin-right:47px;}
li#nav01 a:hover { background: url(../images/nav/l-nav.png) 0 -21px; width:140px;}

li#nav02 a { background: url(../images/nav/l-nav.png) -187px 0; width:95px; margin-right:72px;}
li#nav02 a:hover { background: url(../images/nav/l-nav.png) -187px -21px; width:95px;}

li#nav03 a { background: url(../images/nav/l-nav.png) -354px 0; width:86px; margin-right:71px;}
li#nav03 a:hover { background: url(../images/nav/l-nav.png) -354px -21px; width:86px;}

li#nav04 a { background: url(../images/nav/l-nav.png) -511px 0; width:98px; margin-right:58px;}
li#nav04 a:hover { background: url(../images/nav/l-nav.png) -511px -21px; width:98px;}

li#nav05 a { background: url(../images/nav/l-nav.png) -667px 0; width:113px; margin-right:58px;}
li#nav05 a:hover { background: url(../images/nav/l-nav.png) -667px -21px; width:113px;}

li#nav06 a { background: url(../images/nav/l-nav.png) -838px 0; width:98px;}
li#nav06 a:hover { background: url(../images/nav/l-nav.png) -838px -21px; width:98px;}

/** トップナビ========================================*/
#top-nav{ padding:0; margin:0; width:100%; background-color:#D2ECFA; position:relative; clear:both;}
#top-nav ul{ padding:0; margin:0 auto; width:980px;}
#top-nav ul li{ padding:25px 40px 15px 0; margin:0; width:300px; float:left;}
#top-nav ul li:last-child{ padding-right:0;}
#top-nav01{ padding:0; margin:0; width:300px; height:150px; background: url(../images/nav/l-top-nav.png) 0 0 no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#top-nav02{ padding:0; margin:0; width:300px; height:150px; background: url(../images/nav/l-top-nav.png) -340px 0 no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#top-nav03{ padding:0; margin:0; width:300px; height:150px; background: url(../images/nav/l-top-nav.png) -680px 0 no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#top-nav ul li p{ font-size:12px; text-align:center;}

/** フッターナビ========================================*/
#footer-nav{ height:100%; margin:8px 0 0 40px; padding: 0; list-style: none; float:left;}
#footer-nav li{ padding:0 20px; margin:0 0 8px 0; float:left; font-size: 13px; font-size: 1.3rem; border-left:1px solid #FFF;}
#footer-nav li.f-rb{border-right:1px solid #FFF;}
#footer-nav li a{ color:#FFF;}
#footer-nav li a:hover{color:#00A290;}
#footer-nav li a:focus{color:#00A290;}
#footer-nav li a:active{color:#00A290;}
}

@media only screen and (min-width: 481px) and (max-width: 959px) {
/** グローバルナビ========================================*/
#nav-wrap {
      width:100%;
	  height:110px;
	  margin:0;
	  padding:0;
	  background-color:#FFFAEC;
	  filter:alpha(opacity=80);
	  -moz-opacity: 0.8;
	  opacity: 0.8;
	  border-top:4px solid #1DADDE;
	  z-index:10;
	  position:relative;
}
#nav{ position:relative; padding:0 0 0 0; margin:-15px auto 0 auto; z-index:11; width: 100%; height:110px; background:url(../images/common/cover.png) top center no-repeat; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
#ul-nav {
	  margin:47px auto 0 auto;
	  padding: 0;
	  list-style: none;
}
#ul-nav li {
	  height:100%;
	  padding: 0;
	  float:left;
	  font-size:18px;
	  font-size:1.8rem;
	  width:33%;
	  background-color:#FFF;
}
#ul-nav li:nth-child(3n){ width:34%;}
#ul-nav li a {
      display: block;
	  padding: 15px 0;
	  color:#5F4C3E;
	  text-align:center;
	  text-decoration:none;
}

/** トップナビ========================================*/
#top-nav{ padding:0; margin:0; width:100%; background-color:#D2ECFA; position:relative; clear:both;}
#top-nav ul{ padding:0; margin:0 auto; width:98%;}
#top-nav ul li{ padding:25px 10px 15px 0; margin:0; width:240px; float:left;}
#top-nav ul li:last-child{ padding-right:0;}
#top-nav01{ padding:0; margin:0; width:240px; height:120px; background: url(../images/nav/top-nav01.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; background-size:240px 120px;}
#top-nav02{ padding:0; margin:0; width:240px; height:120px; background: url(../images/nav/top-nav02.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; background-size:240px 120px;}
#top-nav03{ padding:0; margin:0; width:240px; height:120px; background: url(../images/nav/top-nav03.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; background-size:240px 120px;}
#top-nav ul li p{ font-size:12px; text-align:center; padding:0 6px;}

/** フッターナビ========================================*/
#footer-nav{ height:100%; margin:8px auto 0 auto; padding: 0; list-style: none;}
#footer-nav li{ padding:0; margin:0 0 0 0; float:left; font-size: 16px; font-size: 1.6rem; border-bottom:1px solid #0098d8; box-sizing:border-box; width:25%; background-color:#FFF; line-height:3.0; border-right:1px solid #0098d8;}
#footer-nav li:nth-child(4n){ border-right:none;}
#footer-nav li a{ color:#004DA1; display:block; text-align:center;}
#footer-nav li:last-child{ margin-bottom:20px;}
#footer-nav li a:hover{color:#00A290; text-decoration:none;}
#footer-nav li a.clearB{ clear:none;}
}

@media screen and (min-width: 320px) and (max-width: 480px) {
#nav-wrap{ padding:0; margin:0;}
#nav{ padding:0; margin:0; width:100%;}
#ul-nav {
	  margin:0;
	  padding: 0;
	  list-style: none;
	  width:100% !important;
}

#ul-nav li {
	  margin:0;
	  padding: 0;
	  border-bottom:1px solid #05A1DA;
}

#ul-nav li a {
	  margin:0;
	  padding: 0;
}
#ul-nav li a:hover {
	text-decoration:none;
}

li#nav01{ background-color:#07569F; width:100%; z-index:10;}
li#nav02{ background-color:#07569F; width:100%; z-index:10;}
li#nav03{ background-color:#07569F; width:100%; z-index:10;}
li#nav04{ background-color:#07569F; width:100%; z-index:10;}
li#nav05{ background-color:#07569F; width:100%; z-index:10;}
li#nav06{ background-color:#07569F; width:100%; z-index:10;}

li#nav01 a { text-align:center; margin:0; padding: 0.8em 0; display: block; color:#FFF; font-size:18px; font-size:1.8rem;}
li#nav02 a { text-align:center; margin:0; padding: 0.8em 0; display: block; color:#FFF; font-size:18px; font-size:1.8rem;}
li#nav03 a { text-align:center; margin:0; padding: 0.8em 0; display: block; color:#FFF; font-size:18px; font-size:1.8rem;}
li#nav04 a { text-align:center; margin:0; padding: 0.8em 0; display: block; color:#FFF; font-size:18px; font-size:1.8rem;}
li#nav05 a { text-align:center; margin:0; padding: 0.8em 0; display: block; color:#FFF; font-size:18px; font-size:1.8rem;}
li#nav06 a { text-align:center; margin:0; padding: 0.8em 0; display: block; color:#FFF; font-size:18px; font-size:1.8rem;}

/** トップナビ========================================*/
#top-nav{ width:100%; padding:25px 0 10px 0; margin:0; background-color:#D2ECFA; position:relative;}
#top-nav ul{ padding:0; margin:0 auto; width:300px; list-style:none;}
#top-nav ul li{ padding:0; margin:0 0 15px 0;}
#top-nav01{ padding:0; margin:0 0 6px 0; width:300px; height:150px; background: url(../images/nav/top-nav01.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; background-size:300px 150px;}
#top-nav02{ padding:0; margin:0 0 6px 0; width:300px; height:150px; background: url(../images/nav/top-nav02.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; background-size:300px 150px;}
#top-nav03{ padding:0; margin:0 0 6px 0; width:300px; height:150px; background: url(../images/nav/top-nav03.png) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; background-size:300px 150px;}
#top-nav ul li p{ font-size:16px; font-size:1.6rem; padding:0; margin:0;}

/** フッターナビ========================================*/
#footer-nav{ height:100%; margin:8px auto 0 auto; padding: 0; list-style: none;}
#footer-nav li{ padding:0; margin:0 0 0 0; float:left; font-size: 13px; font-size: 1.3rem; border-bottom:1px solid #0098d8; box-sizing:border-box; width:50%; background-color:#FFF; line-height:3.6;}
#footer-nav li:nth-child(odd){ border-right:1px solid #0098d8; }
#footer-nav li a{ color:#004DA1; display:block; text-align:center;}
#footer-nav li:last-child{ margin-bottom:20px;}
#footer-nav li a:hover{color:#00A290; text-decoration:none;}
}