@charset "utf-8";



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

/*---------------------------------------------
 ** グローバルナビ
---------------------------------------------*/
#nav { 	width: 980px; height: 60px; margin: 0 auto; padding:0; text-align:center; position:relative; }

/* nav*/
#nav ul { width: 980px; float: right;}
#nav ul li { height: 60px; float:left; text-indent:100%; text-indent:-999em; }
#nav ul li a { height: 60px; display: block;  margin: 0; padding: 0; }

#nav ul li#nav01 a {width: 101px;}
#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 -60px; }

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

#nav ul li#nav03 a {width: 119px;}
#nav ul li#nav03 a {background:  url(../images/nav/nav.png) -220px 0; }
#nav ul li#nav03 a:hover {background: url(../images/nav/nav.png) -220px -60px; }

#nav ul li#nav04 a {width: 110px;}
#nav ul li#nav04 a {background:  url(../images/nav/nav.png) -340px 0; }
#nav ul li#nav04 a:hover {background: url(../images/nav/nav.png) -340px -60px; }

#nav ul li#nav05 a {width: 150px;}
#nav ul li#nav05 a {background:  url(../images/nav/nav.png) -452px 0; }
#nav ul li#nav05 a:hover {background: url(../images/nav/nav.png) -452px -60px; }

#nav ul li#nav06 a {width: 153px;}
#nav ul li#nav06 a {background:  url(../images/nav/nav.png) -598px 0; }
#nav ul li#nav06 a:hover {background: url(../images/nav/nav.png) -598px -60px; }

#nav ul li#nav07 a {width: 99px;}
#nav ul li#nav07 a {background:  url(../images/nav/nav.png) -751px 0; }
#nav ul li#nav07 a:hover {background: url(../images/nav/nav.png) -751px -60px; }

#nav ul li#nav08 a {width: 130px;}
#nav ul li#nav08 a {background:  url(../images/nav/nav.png) -850px 0; }
#nav ul li#nav08 a:hover {background: url(../images/nav/nav.png) -850px -60px; }

/*---------------------------------------------
 ** サブナビ
---------------------------------------------*/
.suv_nav{width: 200px; float: left; font-size:12px; }
.suv_nav{}
.suv_nav li { background:url(../product/img/list.png) 15px 22px no-repeat ;  border-bottom: 1px dashed #E7E7E7;}
.suv_nav li:hover{ background:url(../product/img/list_w.png) 15px 22px no-repeat #0096D5 ; font-weight:bold; color:#FFF!important;}

.suv_nav li a{ padding: 15px 0 15px 30px;  display:block; outline: none;}

.suv_nav li a:link {text-decoration: none;color: #104C3B;}
.suv_nav li a:visited {text-decoration: none;color: #104C3B;}
.suv_nav li a:hover {text-decoration: none;color: #104C3B;}
.suv_nav li a:active {text-decoration: none;color: #104C3B;}

.suv_nav li a:hover{ padding: 15px 0 15px 30px; display:block; outline: none; color:#FFF; }

/*---------------------------------------------
 ** フッターナビ
---------------------------------------------*/
nav.footer-nav {width: 100%; height: 67px;padding:0 0 0 0;	_zoom: 1;	overflow: hidden;	background:url(../images/common/footer_nav_bg.png) no-repeat;}

/* nav*/
.footer-nav ul{ width: 960px; margin:0 auto; padding:20px 0 0 0;  }
.footer-nav ul li  {/* width: 150px; */ height: 37px; float:left;  padding: 0px 17px  0 19px;margin: 0 5px 0 0;background: url(../images/common/footer_nav.png) 0 6px no-repeat; }
.footer-nav ul li a { height: 67px; display: block;  margin: 0; padding: 0; }


/*---------------------------------------------
 ** 乳腺外科
---------------------------------------------*/
#suv_nav { 	width: 940px; height: 59px; margin: 0 auto 35px auto; padding:0; text-align:center; position:relative; }

/* nav*/
#suv_nav ul { width: 940px; float: right; }
#suv_nav ul li { height: 59px; float:left; text-indent:100%; text-indent:-999em; }
#suv_nav ul li a {height: 59px; display: block;  margin: 0; padding: 0; }

#suv_nav ul li#suv_nav01 a {width: 313px;}
#suv_nav ul li#suv_nav01 a {background: url(../ng/img/sub_menu.png) -0 0; }
#suv_nav ul li#suv_nav01 a:hover {background: url(../ng/img/sub_menu.png) -0 -60px; }
.ng_01_on #suv_nav ul li#suv_nav01 a {background: url(../ng/img/sub_menu.png) -0 -60px; }

#suv_nav ul li#suv_nav02 a {width: 313px;}
#suv_nav ul li#suv_nav02 a {background: url(../ng/img/sub_menu.png) -314px 0; }
#suv_nav ul li#suv_nav02 a:hover {background: url(../ng/img/sub_menu.png) -314px -60px; }
.ng_02_on #suv_nav ul li#suv_nav02 a{background: url(../ng/img/sub_menu.png) -314px -60px; }

#suv_nav ul li#suv_nav03 a {width: 313px;}
#suv_nav ul li#suv_nav03 a {background:  url(../ng/img/sub_menu.png) -626px 0; }
#suv_nav ul li#suv_nav03 a:hover {background: url(../ng/img/sub_menu.png) -626px -60px; }
.ng_03_on #suv_nav ul li#suv_nav03 a{background: url(../ng/img/sub_menu.png) -626px -60px; }


/*---------------------------------------------
 ** 乳腺外科
---------------------------------------------*/
#suv_nav { 	width: 940px; height: 59px; margin: 0 auto 35px auto; padding:0; text-align:center; position:relative; }

/* nav*/
#suv_nav ul { width: 940px; float: right; }
#suv_nav ul li { height: 59px; float:left; text-indent:100%; text-indent:-999em; }
#suv_nav ul li a {height: 59px; display: block;  margin: 0; padding: 0; }

#suv_nav ul li#suv_nav01 a {width: 313px;}
#suv_nav ul li#suv_nav01 a {background: url(../ng/img/sub_menu.png) -0 0; }
#suv_nav ul li#suv_nav01 a:hover {background: url(../ng/img/sub_menu.png) -0 -60px; }
.ng_01_on #suv_nav ul li#suv_nav01 a {background: url(../ng/img/sub_menu.png) -0 -60px; }

#suv_nav ul li#suv_nav02 a {width: 316px;}
#suv_nav ul li#suv_nav02 a {background: url(../ng/img/sub_menu.png) -314px 0; }
#suv_nav ul li#suv_nav02 a:hover {background: url(../ng/img/sub_menu.png) -314px -60px; }
.ng_02_on #suv_nav ul li#suv_nav02 a{background: url(../ng/img/sub_menu.png) -314px -60px; }

#suv_nav ul li#suv_nav03 a {width: 313px;}
#suv_nav ul li#suv_nav03 a {background:  url(../ng/img/sub_menu.png) -626px 0; }
#suv_nav ul li#suv_nav03 a:hover {background: url(../ng/img/sub_menu.png) -626px -60px; }
.ng_03_on #suv_nav ul li#suv_nav03 a{background: url(../ng/img/sub_menu.png) -626px -60px; }


/*---------------------------------------------
 ** 内科・消化器内科
---------------------------------------------*/
#suv_nav_nk { 	width: 940px; height: 59px; margin: 0 auto 35px auto; padding:0; text-align:center; position:relative; }

/* nav*/
#suv_nav_nk ul { width: 940px; float: right; }
#suv_nav_nk ul li { height: 59px; float:left; text-indent:100%; text-indent:-999em; }
#suv_nav_nk ul li a {height: 59px; display: block;  margin: 0; padding: 0; }

#suv_nav_nk ul li#suv_nav01 a {width: 313px;}
#suv_nav_nk ul li#suv_nav01 a {background: url(../nk/img/sub_menu.png) -0 0; }
#suv_nav_nk ul li#suv_nav01 a:hover {background: url(../nk/img/sub_menu.png) -0 -60px; }

#suv_nav_nk ul li#suv_nav02 a {width: 313px;}
#suv_nav_nk ul li#suv_nav02 a {background: url(../nk/img/sub_menu.png) -314px 0; }
#suv_nav_nk ul li#suv_nav02 a:hover {background: url(../nk/img/sub_menu.png) -314px -60px; }

#suv_nav_nk ul li#suv_nav03 a {width: 313px;}
#suv_nav_nk ul li#suv_nav03 a {background:  url(../nk/img/sub_menu.png) -626px 0; }
#suv_nav_nk ul li#suv_nav03 a:hover {background: url(../nk/img/sub_menu.png) -626px -60px; }
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------	**	 for - スマートフォン				*/
/*-----------------------------------------------------	*/
/* @media screen and (max-width: 640px) { */
@media screen and (max-width: 960px) {
/* nav*/
.footer-nav ul {	width:100%;  margin: 2%;	float:left; text-align:center; 	}
.footer-nav ul li {	height: 30px;	float:left;	margin:0 0 10px 0; padding: 6px 0  0 0; margin-left:0; background:#FFF; }
.footer-nav ul li a{ font-size:12px; padding:9px 8px; color:#104C3A; display:block; height:30px; margin:0; padding:0; border-radius:3px; vertical-align:bottom; }

.footer-nav ul li a{ text-decoration:none; }

.footer-nav ul li.footer_01{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_02{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_03{ width:30%; }
.footer-nav ul li.footer_04{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_05{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_06{ width:30%; font-size: 10px; }
.footer-nav ul li.footer_07{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_08{ width:30%; margin-right:10px; }

/*---------------------------------------------
 ** 乳腺外科
---------------------------------------------*/
#suv_nav { 	width: 100%; margin: 0 auto 35px auto;  	padding: 0 0 10px 0 !important; 	padding:0; text-align:center; position:relative; background-color: #D8EDF0; _zoom: 1; overflow: hidden;}
/* nav*/
#suv_nav ul {	width:100%;  margin: 2%;	 text-align:center; 	}
#suv_nav ul li {	height: 30px;	float:left; background:#FFF; }
#suv_nav ul li a{ font-size:10px; color:#104C3A; display:block; height:30px;  vertical-align:bottom; }
#suv_nav ul li a{ text-decoration:none; line-height: 300%; }

#suv_nav ul li#suv_nav01{ width: 20%;	 margin-right:2%; padding:1% 2%; }
#suv_nav ul li#suv_nav02{ width: 40%;	 margin-right:2%; padding:1% 2%; }
#suv_nav ul li#suv_nav03{ width: 20%;	 margin:0; padding:1% 2%; }

/*---------------------------------------------
 ** 消化器内科
---------------------------------------------*/
#suv_nav_nk { 	width: 100%; margin: 0 auto 35px auto;  	padding: 0 0 10px 0 !important; 	padding:0; text-align:center; position:relative; background-color: #D8EDF0; _zoom: 1; overflow: hidden;}
/* nav*/
#suv_nav_nk ul {	width:100%;  margin: 2%;	 text-align:center; 	}
#suv_nav_nk ul li {	height: 30px;	float:left; background:#FFF; }
#suv_nav_nk ul li a{ font-size:10px; color:#104C3A; display:block; height:30px;  vertical-align:bottom; }
#suv_nav_nk ul li a{ text-decoration:none; line-height: 300%; }

#suv_nav_nk ul li#suv_nav01{ width: 30%;	 margin-right:2%; padding:1% 2%; }
#suv_nav_nk ul li#suv_nav02{ width: 20%;	 margin-right:2%; padding:1% 2%; }
#suv_nav_nk ul li#suv_nav03{ width: 30%;	 margin:0; padding:1% 2%; }

}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------	**	 for - tablet				*/
/*-----------------------------------------------------	*/
 @media only screen and (min-width: 641px) and (max-width: 960px) {
/* nav*/
.footer-nav ul {	width:100%;  margin: 2%;	float:left; text-align:center; 	}
.footer-nav ul li {	height: 30px;	float:left;	margin:0 0 10px 0; padding: 6px 0  0 0; margin-left:0; background:#FFF; }
.footer-nav ul li a{ font-size:12px; padding:9px 8px; color:#104C3A; display:block; height:30px; margin:0; padding:0; border-radius:3px; vertical-align:bottom; }
.footer-nav ul li a{ text-decoration:none; }

.footer-nav ul li.footer_01{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_02{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_03{ width:30%; }
.footer-nav ul li.footer_04{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_05{ width:30%; margin-right:10px; }
.footer-nav ul li.footer_06{ width:30%; font-size: 10px; }
.footer-nav ul li.footer_07{ width:95.5%; }


/*---------------------------------------------
 ** 乳腺外科
---------------------------------------------*/
#suv_nav { 	width: 100%; margin: 0 auto 35px auto;  	padding: 0 0 10px 0 !important; 	padding:0; text-align:center; position:relative; background-color: #D8EDF0; _zoom: 1; overflow: hidden;}
/* nav*/
#suv_nav ul {	width:100%;  margin: 2%;	 text-align:center; 	}
#suv_nav ul li {	height: 30px;	float:left; background:#FFF; }
#suv_nav ul li a{ font-size:10px; color:#104C3A; display:block; height:30px;  vertical-align:bottom; }
#suv_nav ul li a{ text-decoration:none; line-height: 300%; }

#suv_nav ul li#suv_nav01{ width: 20%;	 margin-right:2%; padding:1% 2%; }
#suv_nav ul li#suv_nav02{ width: 40%;	 margin-right:2%; padding:1% 2%; }
#suv_nav ul li#suv_nav03{ width: 20%;	 margin:0; padding:1% 2%; }

/*---------------------------------------------
 ** 消化器内科
---------------------------------------------*/
#suv_nav_nk { 	width: 100%; margin: 0 auto 35px auto;  	padding: 0 0 10px 0 !important; 	padding:0; text-align:center; position:relative; background-color: #D8EDF0; _zoom: 1; overflow: hidden;}
/* nav*/
#suv_nav_nk ul {	width:100%;  margin: 2%;	 text-align:center; 	}
#suv_nav_nk ul li {	height: 30px;	float:left; background:#FFF; }
#suv_nav_nk ul li a{ font-size:10px; color:#104C3A; display:block; height:30px;  vertical-align:bottom; }
#suv_nav_nk ul li a{ text-decoration:none; line-height: 300%; }

#suv_nav_nk ul li#suv_nav01{ width: 30%;	 margin-right:2%; padding:1% 2%; }
#suv_nav_nk ul li#suv_nav02{ width: 20%;	 margin-right:2%; padding:1% 2%; }
#suv_nav_nk ul li#suv_nav03{ width: 30%;	 margin:0; padding:1% 2%; }
}