/* ===== 
	コンテンツ用CSS
 ================================================== */
 /*
@import url(../../common/css/main.css);
*/
/* サイドナビ現在マーカー */
#sideNav > li.this > a{
	color: #99bd56;
}
	#sideNav > li.this:before,
	#sideNav > li.this:before{
		background: #99bd56;
	}

/* コンテンツトップ  *********************************/
#pageTtl{
	background-color: #99bd56;
}

#depts_index li.clm{
	display: table;
	height: 80px;
	margin-bottom: 10px;
	font-size: 16px;
	font-size: 16px;
}

#depts_index li a{
	display: table-cell;
	height: 80px;
	padding: 0 10px 0 90px;
	color: #555;
	vertical-align: middle;
	border: 1px solid #d2d2d2;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: contain;
}

	#depts_index li#idx_010 a{ background-image: url("../images/idx_010.jpg"); }
	#depts_index li#idx_340 a{ background-image: url("../images/idx_340.jpg"); }
	#depts_index li#idx_350 a{ background-image: url("../images/idx_350.jpg"); }
	#depts_index li#idx_500 a{ background-image: url("../images/idx_500.jpg"); }
	#depts_index li#idx_110 a{ background-image: url("../images/idx_110.jpg"); }
	#depts_index li#idx_160 a{ background-image: url("../images/idx_160.jpg"); }
	#depts_index li#idx_170 a{ background-image: url("../images/idx_170.jpg"); }
	#depts_index li#idx_510 a{ background-image: url("../images/idx_510.jpg"); }
	#depts_index li#idx_610 a{ background-image: url("../images/idx_610.jpg"); }
	#depts_index li#idx_180 a{ background-image: url("../images/idx_180.jpg"); }
	#depts_index li#idx_250 a{ background-image: url("../images/idx_250.jpg"); }
	#depts_index li#idx_210 a{ background-image: url("../images/idx_210.jpg"); }
	#depts_index li#idx_120 a{ background-image: url("../images/idx_120.jpg"); }
	#depts_index li#idx_150 a{ background-image: url("../images/idx_150.jpg"); }
	#depts_index li#idx_130 a{ background-image: url("../images/idx_130.jpg"); }
	#depts_index li#idx_520 a{ background-image: url("../images/idx_520.jpg"); }
	#depts_index li#idx_100 a{ background-image: url("../images/idx_100.jpg"); }
	#depts_index li#idx_300 a{ background-image: url("../images/idx_300.jpg"); }
	#depts_index li#idx_310 a{ background-image: url("../images/idx_310.jpg"); }
	#depts_index li#idx_025 a{ background-image: url("../images/idx_025.jpg"); }
	#depts_index li#idx_230 a{ background-image: url("../images/idx_230.jpg"); }
	#depts_index li#idx_240 a{ background-image: url("../images/idx_240.jpg"); }
	#depts_index li#idx_260 a{ background-image: url("../images/idx_260.jpg"); }
	#depts_index li#idx_270 a{ background-image: url("../images/idx_270.jpg"); }
	#depts_index li#idx_037 a{ background-image: url("../images/idx_037.jpg"); }
	#depts_index li#idx_038 a{ background-image: url("../images/idx_038.jpg"); }
	#depts_index li#idx_460 a{ background-image: url("../images/idx_460.jpg"); }
	#depts_index li#idx_430 a{ background-image: url("../images/idx_430.jpg"); }
	#depts_index li#idx_480 a{ background-image: url("../images/idx_480.jpg"); }
	#depts_index li#idx_490 a{ background-image: url("../images/idx_490.jpg"); }
	#depts_index li#idx_390 a{ background-image: url("../images/idx_390.jpg"); }
	#depts_index li#idx_pth a{ background-image: url("../images/idx_pth.jpg"); }
	#depts_index li#idx_hpc a{ background-image: url("../images/idx_hpc.jpg"); }
	#depts_index li#idx_icu a{ background-image: url("../images/idx_icu.jpg"); }
	#depts_index li#idx_ptd a{ background-image: url("../images/idx_ptd.jpg"); }
	#depts_index li#idx_410 a{ background-image: url("../images/idx_410.jpg"); }
	#depts_index li#idx_280 a{ background-image: url("../images/idx_280.jpg"); }


/* 診療科案内  *********************************/

/* 医師紹介  */
.dr_list{
	margin: 0 0 30px;
	padding: 0 0 10px;
	border-bottom: 1px solid #dfdfdf;
}
	.dr_list:last-child{
		border: 0;
	}

.dr_list td.img{
	width: 100%;
}


/* フロア案内  *********************************/
.floor h2.ttl02{
	margin: 0;
}

.floorMap{
	position: relative;
	margin: 30px auto;
}

.floorMap img{
	max-width: 100% !important;
}

.floorMap .zoom{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}

.area ul{
	margin: 30px 5px;
}

.area li{
	display: inline-block;
	margin: 0 20px 0 0;
}

.floorImg li{
	text-align: center;
}


.floor_dtl{
	display: flex;
	flex-wrap: wrap;
	margin: 40px auto 60px;
}

.floor_dtl .clm{
	display: flex;
}

.floor_dtl span{
	line-height: 30px;
}

.floor_dtl .name{
	padding-top: 0.25em;
	line-height: 1.5;
}

.floor_dtl span img{
	vertical-align: top;
}


.sign01,
.sign02,
.sign03,
.sign04,
.sign05,
.sign06,
.sign07{
	display: block;
	/*
	float: left;
	*/
	width: 30px;
	min-width: 30px;
	height: 30px;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	margin-right: 5px;
}

.sign01{ background: #135caf; }
.sign02{ background: #d74040; }
.sign03{ background: #f0963c; }
.sign04{ background: #99bd56; }
.sign05{ background: #af13a9; }
.sign06{ background: #edbc29; }

.sign01_02,
.sign02_02,
.sign03_02,
.sign04_02,
.sign05_02,
.sign06_02,
.sign07_02{
	display: block;
	float: left;
	width: auto;
	padding: 0 0.5em;
	height: 30px;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	margin-right: 5px;
}

.sign01_02{ color: #135caf; border: 1px solid #135caf; }
.sign02_02{ color: #d74040; border: 1px solid #d74040; }
.sign03_02{ color: #f0963c; border: 1px solid #f0963c; }
.sign04_02{ color: #99bd56; border: 1px solid #99bd56; }
.sign05_02{ color: #af13a9; border: 1px solid #af13a9; }
.sign06_02{ color: #edbc29; border: 1px solid #edbc29; }


.floor_dtl span sub{
	bottom: 0;
	font-size: 55%;
}


/* =====================================
	 for TB (min-width: 640px)
===================================== */
@media screen and (min-width: 640px) {


/* 医師紹介  *********************************/
.dr_list .label th{
	width: 180px;
}
.dr_list .label td{
	width: auto;
}


}

/* =====================================
	 for PC (min-width: 1024px)
===================================== */
@media screen and (min-width: 1024px) {

#depts_index li.clm{
	padding: 0;
}
	#depts_index li.clm:nth-child(3n+1){
		padding-right: 12px;
	}
	#depts_index li.clm:nth-child(3n+2){
		padding-left: 6px;
		padding-right: 6px;
	}
	#depts_index li.clm:nth-child(3n){
		padding-left: 12px;
	}

#depts_index li a{
	height: 120px;
	padding-left: 130px;
}


/* 医師紹介  *********************************/
.dr_list{
	margin: 0 0 50px;
	padding: 0 0 20px;
}
.dr_list th,
.dr_list td.img{
	width: 190px;
	min-width: 190px;
}

}