@charset "utf-8";


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

.nav_all nav ul li i{ display:none;}
/* フッター */
#footer-nav			{_zoom: 1; overflow: hidden; margin:0; padding: 0; list-style: none; width:100%; box-sizing:border-box; background-color:#D6EEDF;  border-top:1px solid #D6EEDF;}
#footer-nav li			{padding: 12px 0 12px 0;margin:0 0 1px 0;float:left;font-size: 0.9rem;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: #00AEC1; border:#543B2E; border-radius: 100%;}*/
#footer-nav li a		{ color:#543B2E; display:block; padding-left:6px; text-decoration:none; text-align: center;}
#footer-nav li:nth-of-type(odd)	{ border-right:1px solid #D6EEDF;}
}


/*---------------------------------------------
 ** fo　タブレット
---------------------------------------------*/
 @media only screen and (min-width: 741px) and (max-width: 979px) { 

 #footer-nav			{_zoom: 1; overflow: hidden; margin:0; padding: 0; list-style: none; width:100%; box-sizing:border-box; background-color:#543B2E;}
#footer-nav li			{ padding:12px 0 12px 16px; margin:0 0 1px 0; float:left; font-size: 0.9rem; 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: #A9CC34;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　PC	*/
/*-----------------------------------------------------	*/
@media screen and (min-width: 980px) {
.nav-toggle{ display:none !important;}
.nav_all{width:100%;height: 150px;padding: 0;margin: 0px 0 0 0;z-index: 20;}

/* top以外 */
#nav {width:1200px;height:201px;float: left;position:relative;}
#nav ul li {float:left; text-indent:100%; -webkit-transition: all .3s; 	transition: all .3s;}
#nav ul li a {height: 150px;display: block;margin: 0;padding: 0;transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);white-space:nowrap;overflow:hidden; }

/* topのみ */
#top #nav {z-index: 1;width:679px;height:447px;float: right;margin: -147px 107px 0 0px;position:relative;}
#top #nav ul li {float:left;}
#top #nav ul li a {height: 150px;display: block;margin: 0;padding: 0; }



/* top */
#top #nav ul li#nav01 { position:absolute; top:0; left:0; margin:0 !important}
#top #nav ul li#nav01:hover {top: -10px;}
#nav ul li#nav01 a {width: 150px; background: url(../img/common/nav.png) 0 0; }
#nav ul li#nav01 a:hover {background: url(../img/common/nav.png) 0 -149px;}
/* #clinic #nav ul li#nav01 a {background: url(../img/common/nav.png) 0 -150px; } */

#top #nav ul li#nav02 {position:absolute;top: 117px;left: 116px; margin:0 !important;}
#top #nav ul li#nav02:hover {position:absolute;top: 107px;left: 116px;}
#nav ul li#nav02 a {width: 150px;  background:  url(../img/common/nav.png) -150px 0; }
#nav ul li#nav02 a:hover {background: url(../img/common/nav.png) -150px -149px; }

#top #nav ul li#nav03  {position:absolute; top:0; left:232px; margin:0 !important}
#top #nav ul li#nav03:hover  {top:-10px;}
#nav ul li#nav03 a{width: 150px; background: url(../img/common/nav.png) -300px 0; }
#nav ul li#nav03 :hover {background: url(../img/common/nav.png) -300px -149px; }

#top #nav ul li#nav04 {position:absolute;top: 117px;left: 348px; margin:0 !important}
#top #nav ul li#nav04:hover{top: 107px;}
#nav ul li#nav04 a {width: 150px;background:  url(../img/common/nav.png) -450px 0; }
#nav ul li#nav04 a:hover {background: url(../img/common/nav.png) -450px -149px;}

#top #nav ul li#nav05 { position:absolute; top:0; left:464px; margin:0 !important}
#top #nav ul li#nav05:hover {top:-10px;  }
#nav ul li#nav05 a {width: 150px; background:  url(../img/common/nav.png) -600px 0; }
#nav ul li#nav05 a:hover {background: url(../img/common/nav.png) -600px -149px;}

#top #nav ul li#nav06{ position:absolute; top:234px; left:232px; margin:0 !important}
#top #nav ul li#nav06:hover{top:224px; }
#nav ul li#nav06 a {width: 150px; background:  url(../img/common/nav.png) -750px 0; }
#nav ul li#nav06 a:hover {background: url(../img/common/nav.png) -750px -149px;}


/*---------------------------------------------
 **  top以外
---------------------------------------------*/


#nav ul li#nav01 {position:relative;top:0;left:0;margin-right:50px;margin-left: 50px;}
#nav ul li#nav01:hover {top: -10px;}
#nav ul li#nav01 a {width: 150px; background: url(../img/common/nav.png) 0 0; }
#nav ul li#nav01 a:hover {background: url(../img/common/nav.png) 0 -149px;}
/* hover */
#clinic #nav ul li#nav01 {top: -10px;}
#clinic #nav ul li#nav01 a{background: url(../img/common/nav.png) -0 -149px; }


#nav ul li#nav02 {position:relative;top: 0;left: 0; margin-right:50px; }
#nav ul li#nav02:hover {position:relative;top: -10px;left: 0;}
#nav ul li#nav02 a {width: 150px;  background:  url(../img/common/nav.png) -150px 0; }
#nav ul li#nav02 a:hover {background: url(../img/common/nav.png) -150px -149px; }
/* hover */
#doctor #nav ul li#nav02 {top: -10px;}
#doctor #nav ul li#nav02 a{background: url(../img/common/nav.png) -150px -149px; }


#nav ul li#nav03  { position:relative; top:0; left:0; margin-right:50px; }
#nav ul li#nav03:hover  {position:relative;top: -10px;left: 0;}
#nav ul li#nav03 a{width: 150px; background: url(../img/common/nav.png) -300px 0; }
#nav ul li#nav03 :hover {background: url(../img/common/nav.png) -300px -149px; }
/* hover */
#treat #nav ul li#nav03 {top: -10px;}
#treat #nav ul li#nav03 a{background: url(../img/common/nav.png) -300px -149px; }


#nav ul li#nav04 { position:relative; top:0; left:0; margin-right:50px; }
#nav ul li#nav04:hover{position:relative;top: -10px;left: 0;}
#nav ul li#nav04 a {width: 150px;background:  url(../img/common/nav.png) -450px 0; }
#nav ul li#nav04 a:hover {background: url(../img/common/nav.png) -450px -149px;}
/* hover */
#clinic_inner #nav ul li#nav04 {top: -10px;}
#clinic_inner #nav ul li#nav04 a{background: url(../img/common/nav.png) -450px -149px; }

#nav ul li#nav05 { position:relative; top:0; left:0; margin-right:50px;}
#nav ul li#nav05:hover {position:relative;top: -10px;left: 0;}
#nav ul li#nav05 a {width: 150px; background:  url(../img/common/nav.png) -600px 0; }
#nav ul li#nav05 a:hover {background: url(../img/common/nav.png) -600px -149px;}
/* hover */
#cataract #nav ul li#nav05 {top: -10px;}
#cataract #nav ul li#nav05 a{background: url(../img/common/nav.png) -600px -149px; }

#nav ul li#nav06{ position:relative; top:0; left:0;}
#nav ul li#nav06:hover{position:relative;top: -10px;left: 0;}
#nav ul li#nav06 a {width: 150px; background:  url(../img/common/nav.png) -750px 0; }
#nav ul li#nav06 a:hover {background: url(../img/common/nav.png) -750px -149px;}
/* hover */
#pt #nav ul li#nav06 {top: -10px;}
#pt #nav ul li#nav06 a{background: url(../img/common/nav.png) -750px -149px; }




/* フッターナビ */
.footer_nav_all{width: 100%;height: 50px;background: #FFF;padding: 10px 0;float: left;}
#footer-nav {width: 920px;margin:0 auto;overflow: hidden;}
#footer-nav ul {/* padding:10px 0 0 0; */}
#footer-nav ul li  {height: 25px;float:left;border-right: 1px solid #CACACA;padding: 0px 25px  0 0px;margin: 14px 26px 0 0;font-size: 14px;}
#footer-nav ul li a {display: block;margin: 0;padding: 0 0 0 35px;color: #9ABA2E;text-decoration: blink;font-weight: bold;}
#footer-nav ul li a:hover{text-decoration: none; text-decoration:underline;}
#footer-nav ul li:nth-of-type(6)  {height: 25px;float:left;border-right: none;padding: 0px 0 0 0px;margin: 14px 0px 0 0;font-size: 14px;}

#footer_nav01{ background:url(../img/common/footer_nav_01.png) no-repeat;}
#footer_nav02{ background:url(../img/common/footer_nav_02.png) no-repeat;}
#footer_nav03{ background:url(../img/common/footer_nav_03.png) no-repeat;}
#footer_nav04{ background:url(../img/common/footer_nav_04.png) no-repeat;}
#footer_nav05{ background:url(../img/common/footer_nav_05.png) no-repeat;}
#footer_nav06{ background:url(../img/common/footer_nav_06.png) no-repeat;}



}<!-- / -->