@charset "utf-8";
#container{position:relative}
#tmenu ul{text-align:center; padding-right:2.3%; overflow:hidden; font-size:0px}
#tmenu ul li{display:inline-block}
#tmenu ul li a{display:block; padding:14px 45px; font-size:17px; color:#fff; font-weight:bold; text-shadow:0px 0px 2px rgba(0,0,0,.3)}	
#tmenu ul ul{display:none}
.life #tmenu{background:#ea6f7e}
.life #tmenu ul li.on a{background:#d04052}
.visitors #tmenu{background:#ffb628}
.visitors #tmenu ul li a{padding:14px 30px}
.visitors #tmenu ul li.on a{background:#eb6e12}
.facility header{border-bottom:3px solid #379238}
.facility #tmenu{background:#379238}
.facility #tmenu ul li.on a{background:#28702a}

#lmenu h2{padding:115px 0px 28px; background-color:#fff !important; background-repeat:no-repeat; background-position:center 30px; color:#222; font-size:2em}
#lmenu.menu1_1 h2{background-image:url(../img/sub/lm01_01_bg.gif)}
#lmenu.menu1_2 h2{background-image:url(../img/sub/lm01_02_bg.gif)}
#lmenu.menu1_3 h2{background-image:url(../img/sub/lm01_03_bg.gif)}
#lmenu.menu1_4 h2{background-image:url(../img/sub/lm01_04_bg.gif)}
#lmenu.menu2_1 h2{background-image:url(../img/sub/lm02_01_bg.gif)}
#lmenu.menu2_2 h2{background-image:url(../img/sub/lm02_02_bg.gif)}
#lmenu.menu2_3 h2{background-image:url(../img/sub/lm02_03_bg.gif)}
#lmenu.menu2_4 h2{background-image:url(../img/sub/lm02_04_bg.gif)}
#lmenu.menu2_5 h2{background-image:url(../img/sub/lm02_05_bg.gif)}
#lmenu.menu2_6 h2{background-image:url(../img/sub/lm02_06_bg.gif)}
#lmenu.menu2_7 h2{background-image:url(../img/sub/lm02_07_bg.gif)}
#lmenu.menu3_1 h2{background-image:url(../img/sub/lm03_bg.gif)}
#detail_con{padding-left:15px; padding-right:15px}
#detail_con>h4{position:relative; padding-left:37px; background:#fff}
#detail_con>h4:before{display:block; content:''; position:absolute; left:0px; top:7px; width:30px; height:30px; background-image:url(../img/sub/blet.gif); background-repeat:no-repeat}
.life #detail_con>h4:before{background-position:center top}
.visitors #detail_con>h4:before{background-position:center -35px}
.facility #detail_con>h4:before{background-position:center -70px}
.bl02{position:relative; padding-left:24px; background:#fff; font-weight:bold}
.bl02:before{display:block; content:''; position:absolute; left:0px; top:8px; width:18px; height:18px; border-radius:100px; box-sizing:border-box; box-shadow:0px 1px 1px rgba(0,0,0,.1)}
.life .bl02{color:#d04052}
.visitors .bl02{color:#eb6e12}
.facility .bl02{color:#28702a}
.life .bl02:before{border:5px solid #ea6f7e}
.visitors .bl02:before{border:5px solid #ffb628}
.facility .bl02:before{border:5px solid #379238}
.bl03{margin-left:15px}
.bl03>p{padding-left:13px}
.bl03>p:before,
.bl03>p:after{display:block; content:''; position:absolute; left:0px; top:13px; border-radius:1px; background:#484848; border:0px}
.bl03>p:before{left:0px; top:12px; width:9px; height:3px;}
.bl03>p:after{left:3px; top:9px; height:9px; width:3px;}
.bl04{margin-left:15px}
.nobl{padding-left:0px !important}
.nobl:before,
.nobl:after{display:none !important}

table.trbg{}
table.trbg tbody th{background:none !important; font-weight:bold}
table.trbg .bgfill{background:#f6f6f6}
table.sdata th, table.data td{padding:10px 1%; line-height:150%}
table.sdata thead th{font-size:14px; line-height:140%}
table.sdata td{font-size:13px}
table.data tbody tr td>ul.bl04:first-child {margin-top:8px;}

.sitemap>div {display:table; margin-top:20px; width:100%;}
.sitemap>div>p {display:table-cell; text-align:center; vertical-align:middle; padding:3%; width:25%; border:1px solid #bbb; border-right:1px solid #e6e6e6; background-color:#fafafa;}
.sitemap>div>p>span {display:inline-block; position:relative; text-align:center; padding-top:150px; font-size:21px; font-weight:bold; color:#333;}
.sitemap>div>p>span:before {display:block; content:""; position:absolute; left:50%; top:40px; width:91px; height:100px; margin-left:-45px; background-image:url('/clinic/img/sub/lmenu_tit.gif'); background-repeat:no-repeat;}
.sitemap>div:nth-child(1)>p>span:before {background-image:url(../img/sub/lm01_01_bg.gif);}
.sitemap>div:nth-child(2)>p>span:before {background-image:url(../img/sub/lm02_01_bg.gif);}
.sitemap>div:nth-child(3)>p>span:before {background-image:url(../img/sub/lm03_bg.gif);}
.sitemap>div>ul {display:table-cell; vertical-align:top; padding:5%; border:1px solid #bbb; border-left:none;}
.sitemap>div>ul>li {overflow:hidden; margin-top:20px; padding-top:15px; width:100%; border-top:1px solid #dfdfdf;}
.sitemap>div>ul>li:first-child {margin-top:0; padding-top:0; border-top:none;}
.sitemap>div>ul>li>a {float:left; margin-top:5px; color:#333; font-size:18px; font-weight:bold;}
.sitemap>div>ul>li>ul {padding-left:180px;}
.sitemap>div>ul.dp_pc {display:none;}
.sitemap>div>ul>li>ul>li {margin:5px 15px 15px 0;}
.sitemap>div>ul>li>ul>li>a {position:relative; padding-left:8px; color:#777;}
.sitemap>div>ul>li>ul>li>a:after {content:''; position:absolute; left:0; top:7px; width:3px; height:3px; border-radius:100%; background-color:#111;}
.sitemap>div>ul>li>ul>li>a:hover {color:#5e31b3; font-weight:600;}
.sitemap>div ul.depth4 {float:left; margin:10px 0; padding:10px 0; width:100%; background-color:#f8f8f8;}
.sitemap>div ul.depth4 li {display:inline-block; padding:5px 20px; width:32%; box-sizing:border-box;}
.sitemap>div ul.depth4 a {position:relative; display:block; padding-left:10px; font-size:14px;}
.sitemap>div ul.depth4 a:after {content:'-'; position:absolute; left:0; top:0;}

/************************************************************************************************************/


@media all and (min-width:801px){
	#container:before,
	#container:after{display:block; content:''; position:absolute; top:0px; width:1px; height:100%; background:rgba(0,0,0,0.1); box-sizing:content-box}
	#container:before{left:0.05%}
	#container:after{left:20.9%}
	#container.noLeft #contents{width:100%}
	#container.noLeft:before, #container.noLeft:after{display:none}

	#lmenu>ul{border-bottom:1px solid #ddd}
	#lmenu>ul>li{border-width:1px 0px 0px 0px; border-color:#ddd; border-style:solid}
	#lmenu>ul>li.on{background:#f9f9f9}
	.life #lmenu>ul>li.on{border-color:#d04052}
	.life #lmenu>ul>li.on>a{background:#d04052}	
	.visitors #lmenu>ul>li.on{border-color:#eb6e12}
	.visitors #lmenu>ul>li.on>a{background:#eb6e12}	
	.facility #lmenu>ul>li.on{border-color:#379238}
	.facility #lmenu>ul>li.on>a{background:#379238}
	#lmenu>ul>li.on>a.point:after{top:25px}
	#lmenu>ul>li>ul>li.on{border-color:#666}
	#lmenu>ul>li>ul>li.on>a{color:#333; text-decoration:underline}
	#lmenu>ul>li>ul>li.on>a:before{background:#333}
	#lmenu>ul>li a[target=_blank]{padding-right:35px}
/*	#lmenu ul.depth4{padding:20px 10px 20px 25px; background:#f5f5f5}
	#lmenu ul.depth4>li{margin:0px; }
	#lmenu ul.depth4>li.on{font-weight:bold}
	#lmenu ul.depth4>li>a{font-size:15px}
	#lmenu ul.depth4>li>a{padding:7px 8px; font-size:15px}
	#lmenu ul.depth4>li>a[target=_blank]{padding-right:25px; background-position:right 10px top 12px}
 	#lmenu ul.depth4>li>a:before{left:0px !important; top:15px !important; width:4px !important; height:4px !important} 
	#lmenu ul.depth4>li.on>a{color:#333; text-decoration:underline}
	#lmenu ul.depth4>li.on>a:before{background:#333} */
	#tab>ul>li.on{border-color:#5f6770}
	#tab>ul>li.on a{background:#818890}
}

@media all and (max-width:800px){
	#tmenu{display:none}
	.sitemap>div>p, .sitemap>div>ul {display:block; width:100%;}
	.sitemap>div>p {border-right-width:0; border-bottom:1px solid #e6e6e6;}
	.sitemap>div>p>span {padding-top:120px;}
	.sitemap>div>p>span:before {top:15px;}
	.sitemap>div>ul>li>a {float:none;}
	.sitemap>div>ul>li>ul {margin-top:10px; padding-left:0;}
}
