/* CSS Document */
body {
	background-color: #FF8A36;
	color: #444444;
	line-height: 20px;
}
body, h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, address {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-style: normal;
}

a { text-decoration: none; color: #5e52ba; }
a:visited { color: #d97590; }
a:hover { color: #4137ae; }

td { vertical-align: top; }
img { border: 0px; }
li { list-style: none; }
hr { background-color: #FFFFFF; }
.red { color: #FF0000; }
.pink{ color: #eb7399;}
.end { clear: both; }
.f14 { font-size: 14px; }

#header, .contents, #footer, #top_fla {
	width: 820px;
	margin: 0px auto 0px auto;
}
#header { position: relative;
	height: 80px;
}
#logo {  }
#navi { position: absolute; top:0px; left:150px; z-index: 20; }
#navi .link { position: relative; float: left; }
#navi .mask { display: none; position: absolute; top: 0px; left: 0px; z-index: 22;}
#navi .sheet { display: none; position: absolute; top: 0px; left: 0px; z-index: 21; }
#colon { position: absolute; top: 5px; left: 800px;}

.contents { padding:40px 0px 0px 0px;
	background-image: url(../img/body_bg.gif);
	background-position: top center;
	background-repeat: repeat-y;
}

#footer {
 	height: 15px;
	background-image: url(../img/foot_bg.gif);
	background-position: top center;
	background-repeat: no-repeat;
}

/*////////////////////////////////////////////////index/////*/
#index {
	height: 400px;
}
#top_fla { margin-top: 100px; text-align: center; }
#top #header { background-image:none;}
#top #navi { top: 0px; }
#top_fla address { display:block; }
/*////////////////////////////////////////////////message///*/
#message { }
#message table { width: 620px; margin: 0px auto 20px auto; }
#message #title { margin: 40px 5px 0px 0px; }
#message #mess {
	width: 410px;
	padding: 0px 0px 10px 10px;
}
#message .line { border-left: solid 4px #FF8A36; }
#message .line .doctor { margin-left: 110px; }
#message .doctor .name_jp { font-size: 14px; }
#message .doctor .name_en { font-size: 12px; padding-left: 40px; }
#message ul { margin: 5px 0px 0px 0px; }
#message ul li { font-size:10px; }

/*///////////////////////////////////////////information///*/
#information {}
#information table { width: 400px; margin-top: 20px;}
#information .narrow { width: 190px; text-align: right; padding-left: 20px;}
#information #fla { width:185px; height: 185px; background-color: #898ab4; text-align: center; }
#information .top_btn img { margin: 30px 0px 30px 0px; }
#information .title { padding-top: 10px; }

#bb .color { color: #5c4f99; text-align: left; }
#de .color { color: #9a74a8; }
#ho .color {}
#ab .color {}
#gy .color { color: #2f7d66; }
#information dl#gy .color { color:#5175a4; }

#information #menu { float: left; padding: 20px 30px 0px 80px; }
#information #menu a { display: block; width: 120px; font-size: 12px; font-weight: bold; line-height: 15px; margin: 5px 0px 5px 20px; padding-left: 5px;}
#information #menu .cap { font-weight: normal; color: #666666; }
#information #menu a:hover { background-color: #eeeeee; }
#information #menu a:hover .cap { color: #000000; }
#information #menu dd { margin: 5px 0px 10px 30px; font-size: 10px; line-height: 12px; }

#information #info_bb {color: #5c4f99; border: solid 1px #5c4f99;}
#information #info_de {color: #9a74a8; border: solid 1px #9a74a8;}
#information #info_ho {color: #c78aab; border: solid 1px #c78aab;}
#information #info_ab {color: #d59698; border: solid 1px #d59698;}
#information #info_gy {color: #2f7d66; border: solid 1px #2f7d66;}

#information dl#bb,
#information dl#gy { width: 590px; margin: 0px auto 0px auto;}
#information dl#bb dd,
#information dl#gy dd { position: relative; margin-left: 200px;}
#information dl#bb #il_naze_1 { position: absolute; top: 100px; left: -110px;}
#information dl#bb .btn,
#information dl#gy .btn { text-align: right; }
#information #kl_btn { position: absolute; top: 140px; left: -200px;}
#information dl#gy li { text-indent: -1em; margin-left: 1em; }

#information #gy_kl { text-align: center; padding: 30px;}
#information #gy_kl .btn { width: 610px; text-align: right; }
#information #gy_kl_2 img { margin: 30px;}

#information img.ph { float: right; margin: 10px 0px 10px 5px; }
/*/////////////////////////////////////////////////guide///*/
#guide { position:relative; height:1100px; }
#guide #il_1 { position: absolute; top: 27px; left: 170px;}
#guide #il_2 { position: absolute; top: 537px; left: 182px;}
#guide #il_3 { position: absolute; top: 890px; left: 515px;}
#guide #il_4 { position: absolute; top: 274px; left: 598px;}

#guide #ph_1 { position: absolute; top: 46px; left: 264px;}
#guide #ph_2 { position: absolute; top: 194px; left: 443px;}
#guide #ph_3 { position: absolute; top: 312px; left: 227px;}
#guide #ph_4 { position: absolute; top: 499px; left: 390px;}
#guide #ph_5 { position: absolute; top: 633px; left: 278px;}
#guide #ph_6 { position: absolute; top: 712px; left: 412px;}
#guide #ph_7 { position: absolute; top: 889px; left: 297px;}

#guide #sn_1 { position: absolute; top: 19px; left: 428px;}
#guide #sn_2 { position: absolute; top: 135px; left: 553px;}
#guide #sn_3 { position: absolute; top: 260px; left: 203px;}
#guide #sn_4 { position: absolute; top: 392px; left: 511px;}
#guide #sn_5 { position: absolute; top: 432px; left: 204px;}
#guide #sn_6 { position: absolute; top: 581px; left: 549px;}
#guide #sn_7 { position: absolute; top: 811px; left: 346px;}
#guide #sn_8 { position: absolute; top: 842px; left: 190px;}

#guide #mess { position: absolute; top: 84px; left: 437px; }

/*////////////////////////////////////////////////access///*/
#access table 	{ width: 1%; margin: 10px auto 10px auto; background-image:url(../img/access/photo.jpg); background-position:right top; background-repeat:no-repeat;}
#access h2 		{ padding: 25px 0px 0px 10px; }
#access address { padding: 15px 0px 0px 10px; }
#access dt 		{ background-color: #ffa6b6; height:20px; line-height:20px;}
#access dt,
#access dd 		{ padding: 0px 0px 0px 10px; }
#access dd		{ margin: 5px 0px 0px 0px;}
#access dd .pink { font-weight: bold; }
#access #subject,
#access #schedule { width: 230px; }
#access #subject dd{ margin: 5px 0px 0px 10px; text-indent: -10px;}
#access #map_btn { text-align: right; }
#access #map_btn dd img { margin-top: 10px; }

/*//////////////////////////////////////////////////map///*/
#map {

}
#map dl { padding: 10px 0px 20px 260px; }
#map dt { color: #00005e; text-indent: -15px; margin-left: 15px; }
#map dd { padding: 10px 0px 20px 12px; }
#map #transportation { color: #00005e;}
#map #info_center { text-indent: 0px; margin: 0px; font-size: 10px; line-height: 20px; font-weight: bold; color: #FFFFFF; background-color: #546497; }
#map #info_center a { color: #FFFFFF; }
#map hr { border: solid 1px #999999; }
#map #center { width: 610px; margin: 0px auto 0px auto; }
#map .btn { text-align: right; padding: 10px 10px 20px 10px; }

/*/////////////////////////////////////////////kodawari///*/
#kodawari {}
#kodawari h2 { width: 610px; margin: 0px auto 0px auto; padding: 10px 10px 20px 10px;}
#kodawari p { width: 610px; padding: 0px 10px 20px 10px; margin: 0px auto 0px auto;}
#kodawari hr { width: 630px; margin: 0px auto 0px auto;}
#kodawari table { width: 300px; margin: 0px auto 0px 105px; background-color:#ffffff; border:solid 1px #999999; }
/*/////////////////////////////////////////////otayori///*/
#otayori { position:relative; padding-top: 40px; }
#otayori img { vertical-align: top; }
#otayori #title { position: absolute; top: 10px; left: 100px; }
#otayori #illust { position: absolute; top: 5px; left: 460px;}
#otayori .otayori_box {
	width: 480px;
	margin: 0px auto 15px auto;
	border-top: solid 1px #999999;
}
#otayori_box1,
#otayori_box2,
#otayori_box3,
#otayori_box4,
#otayori_box5 { display: none; }

#otayori .otayori_box .otayori,
#otayori .otayori_box .mess {
	padding: 40px 20px 10px 20px;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
	background-image: url(../img/otayori/hole.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
#otayori .otayori_box .mess {
	font-size: 10px;
	padding: 40px 10px 20px 15px;
}
#otayori .terminate1 {
	height: 10px;
	background-image: url(../img/otayori/terminate1.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
#otayori .terminate2 {
	height: 60px;
	background-image: url(../img/otayori/terminate2.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
#otayori .btn { margin: 0px auto 0px auto; }
#otayori #head { width: 600px; }
#otayori #foot { width: 480px; padding-bottom: 20px; }
#otayori .btn .prev { float: left; }
#otayori .btn .next { float: right; }

/*///////////////////////////////////////////////staff///*/
#staff {}
#staff table { width: 630px; margin: 0px auto 20px auto }
#staff h2 { width: 300px; }
#staff h2 img { margin: 10px; }
#staff ul { margin-top: 20px; }
#staff li {
	line-height: 13px;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
}
#staff #ph_1 { margin-left: 10px; }
#staff .pr20 { padding-right: 20px; }