@charset "utf-8";

body {background:url('/clinic/images/sub/sub_body_bg.gif') repeat-x center 382px; height:141px;}

#leftmenu{float:left; width:240px}
#leftmenu .tit {padding:50px 0px; text-align:center; background:#0c68d6 url('/clinic/images/sub/left_tit.gif') repeat left top; font-size:26px; font-weight:600; color:#fff;}
#leftmenu>ul>li {position:relative; background:#fff; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#leftmenu>ul>li.on>a {font-weight:600; color:#0c68d6;}
#leftmenu>ul>li a {display:block;}
#leftmenu>ul>li>a {padding:17px 15px; display:block; font-size:16px;}
#leftmenu>ul>li.select {border-top:0px}
#leftmenu>ul>li.select>a {padding:17px 15px; color:#0c68d6; font-weight:600; border-right:4px solid #386dc1;}
#leftmenu>ul>li.right_bar.select:hover>a:hover:before, a:focus:before, a:active:before {display:none;}
#leftmenu>ul>li.select>a>span {display:block; background:url('/clinic/images/sub/left_arrow.gif') no-repeat right center;}
#leftmenu>ul>li>ul {display:none; /*padding:5% 8%;*/ border-top:1px solid #ddd; background:#f9f9f9;}
#leftmenu>ul>li.select>ul {display:block;}
#leftmenu>ul>li>ul>li{border-top:1px dashed #ccc}
#leftmenu>ul>li>ul>li:first-child{border-top:0px}
#leftmenu>ul>li>ul>li>a {position:relative; padding:8px 8px 8px 25px; background:url('/clinic/images/sub/sssssblet.gif') no-repeat 10px center; font-size:14px; letter-spacing:-2px;}
#leftmenu>ul>li>ul>li>a:hover {border:none;}
#leftmenu>ul>li>ul>li.select {background:#fff; border:1px solid #ababab; font-weight:600; border-left:0px; border-right:0px;}
#leftmenu>ul>li>ul>li.select+li {border-top:0px}
#leftmenu>ul>li>ul>li.select a {color:#282828;}

#contents {float:right; width:75.834%;}

#tab {overflow:hidden; margin-top:30px; width:100%;}
#tab>ul>li {float:left; margin-left:1%;}
#tab>ul>li:first-child {margin-left:0;}
#tab>ul.col2>li {width:49%;}
#tab>ul>li>p>a {display:block; padding:15px 0; border:1px solid #ddd; box-sizing:border-box; text-align:center; font-size:16px; background:#fcfcfc;}
#tab>ul>li>p>a:hover {padding-bottom:13px; font-weight:600; border-top:3px solid #333; background:#fff;}
#tab>ul>li.select>a {padding-bottom:13px; font-weight:600; border-top:3px solid #333; background:#fff;}
#tab>ul>li.select>p>a {padding-bottom:13px; font-weight:600; border-top:3px solid #333; background:#fff;}

#stab ul{margin:25px 0px 10px; padding:3% 2%; background:#f8f8f8; border:1px solid #cbcbcb; text-align:center;}
#stab ul li{display:inline-block; margin:2px 0px; min-width:19%; }
#stab ul li a{display:block; padding:5px 4%; background:#fff; border:1px solid #dddddd; border-radius:3px; font-size:14px; white-space:pre }
#stab ul li.select a, #stab ul li:hover a{color:#fff; font-weight:bold; background:#0c68d6; border:1px solid #0c68d6; }
#stab ul.col4 li{min-width:24.5%; }

.sub_visual_wrap {width:100%; height:220px; border-bottom:1px solid #ddd;}
.sub_visual_wrap .sub_visual {background:url('/clinic/images/sub/sub_visu01.gif') no-repeat center top; height:220px;}

.sub_title {overflow:hidden; height:141px;}
.sub_title h3{padding:28px 0% 10px; font-size:32px; color:#333333;}
.sub_title ol li {position:relative; float:left; margin-left:4px; font-size:15px;}
.sub_title ol li:after {content:">"; padding-left:6px; font-size:12px; vertical-align:bottom;}
.sub_title ol li:last-child:after {content:""; padding-left:0;}
.sub_title ol li.home {margin-left:0px; padding-left:20px; background:url('/clinic/images/sub/home_ico.gif') no-repeat left center;}
.sub_title ol li.now {color:#333; font-weight:600;}
.sub_title .sns {float:right;}
.sub_title .sns li {float:left; margin-left:3px;}
.sub_title .sns li a {display:block; width:33px; height:33px; text-indent:-5000px;}
.sub_title .sns li.sns01 a {background:url(/clinic/images/inc/ic_sns01.gif) no-repeat center center;}
.sub_title .sns li.sns02 a {background:url(/clinic/images/inc/ic_sns02.gif) no-repeat center center;}
.sub_title .sns li.sns03 a {background:url(/clinic/images/inc/ic_sns03.gif) no-repeat center center;}
.sub_title .sns li.sns04 a {background:url(/clinic/images/inc/ic_sns04.gif) no-repeat center center;}
.sub_title .sns li.favorite a {background:url(/clinic/images/inc/ic_favorite.gif) no-repeat center center;}
.sub_title .sns li.print a {background:url(/clinic/images/inc/ic_print.gif) no-repeat center center;}

@media screen and (max-width:1200px){
	body {background-position:center 362px; height:141px;}
}

@media screen and (max-width:1094px){
	body {background:none;}

	#leftmenu .mb_hidden {display:block !important; position:fixed !important; top:-500000px !important; margin:0px !important; padding:0px !important; width:0px !important; height:0px !important; text-indent:-50000px !important; font-size:0px !important; line-height:0px !important; border:0px !important;}	

	#leftmenu{position:relative; width:100%; margin-top:-1px;}
	#leftmenu .tit {padding:20px 20px; text-align:left; font-size:24px;}
	#leftmenu .tit .dp_mb {display:block; color:#fff; position:absolute; right:20px; top:18px; z-index:99; padding:0; text-align:center; background:url('/clinic/images/inc/mb_menu_sub.png') no-repeat center top; font-size:26px; font-weight:600; color:#fff; border-radius:100px; width:40px; height:40px; text-indent:-99999px;}

	#contents {width:100%;}

	.sub_title {position:relative; display:block; overflow:hidden; padding:0 20px; height:auto; background:#f6f6f6; border-bottom:1px solid #d6d6d6;}
	.sub_title .sns {margin-bottom:20px;}

	#detail_con {padding:0 20px;}
	#data_control {margin:30px 20px 20px;}

	.wrapper {width:100%;}

	.sub_visual_wrap {display:none;}
}

@media screen and (max-width:767px){
	.sub_title .sns {margin-top:10px; width:100%;}
}