@charset "UTF-8";

/*=======================*/
/* 各医院のページ　　    */
/*=======================*/

/* タイトル */
#title h2{ background-image: url(../img/office/h2_office.png); }

/* 見出し */
#contents #right #basis h3.ichihara{
	width: 352px;
	height: 47px;
	background-image: url(../img/office/ichihara_dc/logo.png);
}

#contents #right #basis h3.wanpaku{
	width: 399px;
	height: 48px;
	background-image: url(../img/office/wanpaku_peds/logo.png);
}

#contents #right #basis h3.kojima{
	width: 358px;
	height: 56px;
	background-image: url(../img/office/kojima_clinic/logo.png);
}

#contents #right #basis h3.miyamoto{
	width: 337px;
	height: 61px;
	background-image: url(../img/office/miyamoto_lc/logo.png);
}

#contents #right #basis h3.uemura{
	width: 350px;
	height: 42px;
	background-image: url(../img/office/uemura_ent/logo.png);
}

#contents #right #basis h3.morita{
	width: 355px;
	height: 51px;
	background-image: url(../img/office/morita_derma/logo.png);
}


/*=======================*/
/* concept　　　 　　    */
/*=======================*/

#right{
	width: 710px;
	margin-left: 250px;
}

#basis{
	position: relative;
	margin-bottom: 50px;
}

#basis h3{
	margin-bottom: 30px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#basis p.interior{
	position: absolute;
	top: 0;
	right: 0;
}

#basis p.interior img{
	border: solid 1px #BBBBBB;
}

#basis dl{
	margin: 0 300px 40px 0;
}

#basis dt{
	width: 7.5em;
	padding: 5px 0;
	font-weight: bold;
	float: left;
}

#basis dd{
	padding:  5px 0 5px 8em;
	border-bottom: solid 1px  #BBBBBB;
}

#basis table{
	width: 100%;
	border-collapse: collapse;
	clear: both;
}

#basis dd a.url{ font-size: 90%; }


#basis th,
#basis td{
	padding: 8px 15px;
	border: solid 1px #BBBBBB;
}

#basis th{
	text-align: left;
	background-color: #F2FAFB;
}

#basis th.time{
	width: 240px;
	text-indent: -9999px;
	background-image: url(../img/office/time.png);
	background-position: center;
	background-repeat: no-repeat;
}

#basis th span{
	font-size: 80%;
	line-height: 1.4em;
}

#basis th.mon,
#basis th.tue,
#basis th.wed,
#basis th.thu,
#basis th.fri,
#basis th.sat,
#basis th.sun{
	text-indent: -9999px;
	background-color: #EEEEEE;
	background-position: center;
	background-repeat: no-repeat;
}

#basis th.mon{ background-image: url(../img/office/mon.png); }
#basis th.tue{ background-image: url(../img/office/tue.png); }
#basis th.wed{ background-image: url(../img/office/wed.png); }
#basis th.thu{ background-image: url(../img/office/thu.png); }
#basis th.fri{ background-image: url(../img/office/fri.png); }
#basis th.sat{ background-image: url(../img/office/sat.png); }
#basis th.sun{ background-image: url(../img/office/sun.png); }

#basis td{
	text-indent: -9999px;
	background-position: center;
	background-repeat: no-repeat;
}

#basis td.y{ background-image: url(../img/office/y.png); }
#basis td.n{ background-image: url(../img/office/n.png); }


/*=======================*/

#director,
#doctor{
	position: relative;
	margin-bottom: 50px;
}

#director h3,
#doctor h3{
	width: 100%;
	height: 20px;
	margin-bottom: 30px;
	text-indent: -9999px;
	background-image: url(../img/office/h3_doctor.png);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: solid 2px #2B93BF;
}

#director h4,
#doctor h4{
	width: 496px;
	height: 18px;
	margin-bottom: 20px;
	text-indent: -9999px;
	background-image: url(../img/office/h4_career.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#director dl.director,
#doctor dl.director{
	position: absolute;
	top: 50px;
	right: 0;
	padding: 5px;
	background-color: #EEEEEE;
}

#director p,
#doctor p{
	margin: 0 200px 25px 0;
}

#director dl.director dt,
#doctor dl.director dt{
	margin-bottom: 5px;
}

#director dl.director dd,
#doctor dl.director dd{
	text-align: center;
	font-size: 90%;
}

#director dl.career dt,
#doctor dl.career dt{
	width: 6.5em;
	float: left;
}

#director dl.career dd,
#doctor dl.career dd{
	padding-left: 7em;
	margin-bottom:0.5em;
}

#director ul,
#doctor ul{
	margin-bottom: 15px;
}

#director ul li,
#doctor ul li{
	list-style: none;
}


/*=======================*/

#left{
	position: absolute;
	top: 40px;
	left: 0;
	width: 210px;
}

#floor{
	margin-bottom: 60px;
}

#floor h3{
	width: 100%;
	height: 18px;
	margin-bottom: 30px;
	text-indent: -9999px;
	background-image: url(../img/office/h3_floor_map.png);
	background-repeat: no-repeat;
	background-position: left;
}

#office{
}

#office h3{
	width: 100%;
	height: 18px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-image: url(../img/office/h3_office.png);
	background-repeat: no-repeat;
	background-position: left;
}

#office li{
	height: 70px;
	position: relative;
	border-bottom: dotted 1px #BBBBBB;
	list-style: none;
}

#office li.ichihara a{
	position: absolute;
	top: 23px;
	left: 10px;
	display: block;
	width: 180px;
	height: 25px;
	text-indent: -9999px;
	background-image: url(../img/office/ichihara.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#office li.wanpaku a{
	position: absolute;
	top: 19px;
	left: 10px;
	display: block;
	width: 182px;
	height: 22px;
	text-indent: -9999px;
	background-image: url(../img/office/wanpaku.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#office li.kojima a{
	position: absolute;
	top: 19px;
	left: 10px;
	display: block;
	width: 170px;
	height: 27px;
	text-indent: -9999px;
	background-image: url(../img/office/kojima.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#office li.miyamoto a{
	position: absolute;
	top: 19px;
	left: 10px;
	display: block;
	width: 163px;
	height: 30px;
	text-indent: -9999px;
	background-image: url(../img/office/miyamoto.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#office li.uemura a{
	position: absolute;
	top: 15px;
	left: 10px;
	display: block;
	width: 160px;
	height: 41px;
	text-indent: -9999px;
	background-image: url(../img/office/uemura.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#office li.morita a{
	position: absolute;
	top: 23px;
	left: 10px;
	display: block;
	width: 170px;
	height: 24px;
	text-indent: -9999px;
	background-image: url(../img/office/morita.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#office li a:hover{ background-position: 1px 1px; }
#office li.visit a{ background-position: left bottom; }