@charset "utf-8";


/*-----------------------------------------------------	*/
/*	for　PC	*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 961px) {
.nav-toggle {display: none; }

/*---------------------------------------------
 ** グローバルナビ
---------------------------------------------*/

#nav { 	width: 1040px; height: 50px; position:relative;margin: -89px auto;}
#nav ul:nth-of-type(1){width: 420px; float: left;}
#nav ul:nth-of-type(2){width: 420px; float: right;}
/* nav*/

#nav ul li { height: 50px; float:left; text-indent:100%; text-indent:-999em; }
#nav ul li a { height: 50px; display: block;  margin: 0; padding: 0; }

#nav ul li#nav01 a {width: 140px;}
#nav ul li#nav01 a {background:  url(../images/nav/nav.png) 0 0; }
#nav ul li#nav01 a:hover {background: url(../images/nav/nav.png) 0 -50px; }

#nav ul li#nav02 a {width: 140px;}
#nav ul li#nav02 a {background:  url(../images/nav/nav.png) -140px 0; }
#nav ul li#nav02 a:hover {background: url(../images/nav/nav.png) -140px -50px; }

#nav ul li#nav03  {width: 140px;}
#nav ul li#nav03  {background: url(../images/nav/nav.png) -280px 0; }
#nav ul li#nav03 :hover {background: url(../images/nav/nav.png) -280px -50px; }

#nav ul li#nav04 a {width: 140px;}
#nav ul li#nav04 a {background:  url(../images/nav/nav.png) -620px 0; }
#nav ul li#nav04 a:hover {background: url(../images/nav/nav.png) -620px -50px;}

#nav ul li#nav05 a {width: 140px;}
#nav ul li#nav05 a {background:  url(../images/nav/nav.png) -760px 0; }
#nav ul li#nav05 a:hover {background: url(../images/nav/nav.png) -760px -50px; }

#nav ul li#nav06 a {width: 140px;}
#nav ul li#nav06 a {background:  url(../images/nav/nav.png) -900px 0; }
#nav ul li#nav06 a:hover {background: url(../images/nav/nav.png) -900px -50px; }

#nav ul li#nav07 { display:none;}

/*---------------------------------------------
 ** フッターナビ
---------------------------------------------*/
nav#footer-nav { padding:0; float: left; position:relative;}

/* nav*/
#footer-nav ul {/* padding:10px 0 0 0; */}
#footer-nav ul li  {/* width: 80px; */height: 37px; float:left;  p;padding: 0px 0px  0 19px;margin: 16px 20px 0 0;background: url(../images/common/footer_nav.jpg) 0 6px no-repeat;font-size: 14px;}
#footer-nav ul li a {  display: block;  margin: 0; padding: 0; color: #FFF; }


}


/*---------------------------------------------
 ** for スマートフォン
---------------------------------------------*/
@media screen and (max-width: 640px) {



#footer-nav{_zoom: 1; overflow: hidden; margin:0; padding: 0; list-style: none; width:100%; box-sizing:border-box;}
#footer-nav li{ padding:12px 0 12px 16px; margin:0 0 1px 0; float:left; font-size: 16px;font-size: 1.0rem; width:50%; position: relative; display:inline-block; background-color:#FFF; box-sizing:border-box; list-style:inside;}
#footer-nav li:after{ display: block; content: ''; position: absolute; top: 1.2em; left: 0.5em; width: 10px; height: 10px; background-color: #ED7600; border:#543B2E; border-radius: 100%;}
#footer-nav li a{ color:#543B2E; display:block; padding-left:6px; text-decoration:none;}
#footer-nav li:nth-of-type(odd){ border-right:1px solid #543B2E;}
}


/*---------------------------------------------
 ** for タブレット
---------------------------------------------*/
 @media only screen and (min-width: 641px) and (max-width: 978px) { 
 /* nav*/
#footer-nav{_zoom: 1; overflow: hidden; margin:0; padding: 0; list-style: none; width:100%; box-sizing:border-box;}
#footer-nav li{ padding:12px 0 12px 16px; margin:0 0 1px 0; float:left; font-size: 16px;font-size: 1.0rem; width:50%; position: relative; display:inline-block; background-color:#FFF; box-sizing:border-box; list-style:inside;}
#footer-nav li:after{ display: block; content: ''; position: absolute; top: 1.2em; left: 0.5em; width: 10px; height: 10px; background-color: #ED7600; border:#543B2E; border-radius: 100%;}
#footer-nav li a{ color:#543B2E; display:block; padding-left:6px; text-decoration:none;}
#footer-nav li:nth-of-type(odd){ border-right:1px solid #543B2E;}}