@charset "utf-8";

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------------ base ------------------------------------ */
/* ------------------------------------------------------------------------------------ */

* { margin:0; padding:0;}

body {
	font-family: Arial, sans-serif;
	margin:0; padding:0;
	font-size:100.01%;
}

img { vertical-align:bottom; border:none;}

/*firefox etc.*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*MacIE WinIE7*/
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h4 { font-size:0.9em;color:#666;}

em { font-style:normal;color:#FF6600;}

strong { color:#CC3300;}

p { font-size:0.9em;color:#4D4D4D;}

th,td {
	padding:10px;
	font-size:0.8em;
	color:#666;
	text-align:center;
	border-right:1px solid #999;
    border-bottom:1px solid #999;
}

th { background-color:#DBE7F2;}

hr { margin-bottom:60px; border:1px dashed #CCC;}

/* ------------------------------------------------------------------------------------ */
/* -------------------------------------- 1nd page ------------------------------------ */
/* ------------------------------------------------------------------------------------ */

/* ------------------------ header ------------------------ */

#header {
	width:850px;
	height:100px;
	margin:0 auto 0 auto;
	padding:0;
	background:url(../img/headerBack.jpg) no-repeat;
}

#header h1 {
	width:261px;
	padding:6px 0 0 29px;
	float:left;
}

#helpArea {
	width:398px;
	height:86px;
	padding: 6px 15px 0 0;
	float:right;
}

#helpArea ul {
	height:24px;
	float: right;
	display: inline;
	margin-right: 2px;
	margin-bottom:8px;
	_margin-bottom:0;
}
/* IE7 */
*:first-child+html #helpArea ul {margin-bottom:0px;}

#helpArea li { list-style-type:none; float:left;}
#helpArea p { clear:both;margin-top:8px;}

/* ------------------------ footer ------------------------ */

#footer {
	width:850px;
	height:42px;
	margin:0 auto 0 auto;
	padding-top:17px;
	clear:both;
	background:url(../img/footerBack.jpg) no-repeat;
}

.copyright {
	width:383px;
	margin:0 auto 0 auto;
	padding-left: 6px;
	_padding-left: 4px;
}

/* IE7 */
*:first-child+html .copyright {padding-left: 4px;}

/* ------------------------ navi -------------------------- */

#navi {
	width:828px;
	height:39px;
	margin:0 auto 0 auto;
	border-bottom:solid 1px #999;
}

#navi li { list-style-type:none; float:left;}

/* ------------------------ picture ---------------------- */

#mainPic {
	width:828px;
	height:149px;
	margin:0 auto 0 auto;
	border-bottom:solid 1px #999;
}

/* ------------------------ text link ---------------------- */

#textLink ul {
	margin-bottom:15px;
	font-size:0.8em;
	list-style-type:none;
	text-align:center;
}

#textLink li {
	padding: 0 3px 0 3px;
	display:inline;
	border-right:solid 1px #4D4D4D;
}

#textLink li.listend {
	padding: 0 3px 0 3px;
	display:inline;
	border-right:none;
}

#textLink a {
	color:#4D4D4D;
	text-decoration:none;
}

#textLink a:hover {
	color:#666;
}

/* ------------------------ contents ---------------------- */

#contents {
	width:850px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0;
	background:url(../img/back.gif) repeat-y;
}

#main {
	width:570px;
	padding:20px 0 0 30px;
	float:left;
}

#home p {
	margin-bottom:20px;
	font-size:0.9em;
	line-height:1.6;
	color:#333;	
}

p.banner {
	margin-bottom:40px;
	text-align:center;
}

p.banner02 {
	margin-bottom:20px;
	text-align:center;
}

#home .guideBox p.alert {
	font-size:0.8em;
	color:#F00;
	text-indent:0;	
}

/* 2009/4/23 HOS Insert ====================================================== */
#home .guideBox  ul { margin: 0 0 40px 0; padding-left:30px;width:auto;}
#home .guideBox  li { font-size:0.9em; line-height:1.6;}
#home .guideBox  .alert { color:#F00;}
/* =========================================================================== */

#home .guideBox {
	width:530px;
	margin-bottom:40px;
	padding:15px;
	border: solid 1px #BABABA;
	background:url(../img/guideBoxBack.gif) repeat;
}

#home .guideBox h3 {
	margin-bottom:12px;
	padding-left:18px;
	background:url(../img/mark01.gif) no-repeat left 50%;
}

#home .guideBox p { width:510px;margin-left:20px;}
#home .guideBox p.contact {	margin-bottom:5px;}

#home .guideBox table {
	width:auto;
	margin:0 0 10px 20px;
	border:solid 1px #999;
	border-collapse:collapse;
}

#home th,#home td {
	padding:10px;
	font-size:0.8em;
	color:#666;
	text-align:center;
	border-right:1px solid #999;
    border-bottom:1px solid #999;
}

#home th { background-color:#DBE7F2;}
/* firefox */
html>body #home td.marubatu { line-height:80%;font-size:1.6em;}

a { color:#176DE6; text-decoration:none;}
a:hover { color:#5C95E6;}

p#pagetop {
	width:600px;
	margin-bottom:20px;
	padding:0;
	clear:both;
	font-size:0.8em;
	text-align:right;
}

p#pagetop a{
	padding-left:12px;
	background:url(../img/pagetop.gif) no-repeat left 0.5em;
}

p#pageNavi { font-size:0.8em; margin-bottom:20px;}

/* ------------------------ side ------------------------ */

#menu {
	margin:0;
	padding: 20px 10px 40px 0;
	width: 225px;
	float:right;
}

#menu h2 {
	height:22px;
	margin-bottom:5px;
	padding:8px 0 0 16px;
	font-size:0.9em;
	color:#006666;
	background:url(../img/sideh2Back.jpg) no-repeat;
}

#menu p { margin-bottom:15px; font-size:0.8em; line-height:1.3;}

#menu ul {
	list-style-type: none;
	margin: 0 0 43px 10px;
	padding:0;
	width: 190px;
}

#menu ul li {
	margin:0;
	padding:0 0 0 10px;
	font-size:0.8em;
	line-height:1.6;
	background:url(../img/list01.gif) no-repeat left 0.5em;
}

.textwidget {
	width:180px;
	margin-left:15px;
	padding-top:0px;
	text-align:center;
	padding-bottom: 20px;
}

#menu ul.children {
	margin: 0;
}

#menu ul.children li {
	font-size:1em;
}

#menu .sideBox {
	width:150px;
	height:auto;
	margin: 0 auto 15px auto;
	padding:9px;
	border: solid 1px #999;
}

#menu .sideBox img {
	padding: 0 5px 5px 5px;
	cursor:pointer;
}

#menu .sideBox p {text-align:left; margin-bottom:0;}

#menu .sideBox p.mobile { font-size:0.7em;}

#menu .sideBox p.mobile img {
	margin-right:5px;
	float:left;
}

#menu p.mobile a { color:#4D4D4D;}
#menu p.mobile a:hover { color:#666;}

#menu .sideBox p.counter {
	text-align: right;
}

/* ------------------------------------------------------------------------------------ */
/* -------------------------------------- 2nd page ------------------------------------ */
/* ------------------------------------------------------------------------------------ */

#main h3 {
	height:22px;
	margin-bottom:25px;
	padding:8px 0 0 16px;
	font-size:0.9em;
	color:#006666;
	background:url(../img/h3HeaderBack.jpg) no-repeat;
}

#main h3 a { color:#006666;}
#main h3 a:hover {color:#006666;}

#main h3 span { margin-top:-15px;padding-right:10px;float:right; font-size:0.8em; font-weight:normal;}

/* safari only 20090818 Ichimura Add source code */  
body:first-of-type #main h3 span { margin-top:0;}

p a.more-link { margin: 0 0 20px 15px; width:545px; display:block;}

/* ------------------------ topicpath --------------------- */

.breadcrumb {
	width:813px;
	margin:0 auto 0 auto;
	padding:5px 0 5px 15px;
	font-size:0.75em;
	line-height:1.7;
	border-bottom:solid 1px #999;
}

.breadcrumb a { color:#006AFF;}
.breadcrumb a:hover { color:#519BFF;}

/* ------------------------ sub picture ---------------------- */

#subPic {
	width:808px;
	height:45px;
	_height:44px;
	margin:0 auto 0 auto;
	padding:9px 0 0 20px;
	_padding:10px 0 0 20px;
	background:url(../img/h2HeaderBack.jpg) no-repeat;
}

/* IE7 */
*+html body #subPic { height:44px; padding:10px 0 0 20px;}

#subPic02 {
	width:808px;
	height:71px;
	_height:70px;
	margin:0 auto 0 auto;
	padding:9px 0 0 20px;
	_padding:10px 0 0 20px;
	background:url(../img/h2HeaderBack02.jpg) no-repeat;
}

*+html body #subPic02 { height:79px; padding:10px 0 0 20px;}

/* ------------------------ tab ---------------------- */

#tab {
	width:828px;
	height:26px;
	margin:0 auto 0 auto;
	background:url(../img/tabBack.jpg) no-repeat;
}

#tab ul { margin-left:46px;list-style-type:none;}
#tab li { float:left;}

/* ------------------------ guide-hosp ------------------------ */

.guide-hosp { width:545px;margin-left:18px;}
.guide-hosp p { width:auto; margin: 0 0 20px 0; font-size:0.9em; line-height:1.6; color:#4D4D4D;}

.guide-hosp img { padding-left:10px; float:right;}

/*
.guide-hosp a#naishikyo { color:#FF0000;}
.guide-hosp a#naishikyo:hover { color:#FF0000; text-decoration:underline;}
*/


/*  guide-hosp02  */

.guide-hosp02 h4 {width:168px;margin:0 auto 40px auto;}
.guide-hosp02 h5 {width:71px;margin:0 auto 22px auto;}

.guide-hosp02 ol {
	width:525px;
	margin:0;
	padding:0 0 0 38px;
	font-size:0.9em;
	line-height:1.6;
}

/*  guide-hosp03  */

.guide-hosp03 {width:545px;margin-left:15px;background:url(../img/pic_ketsueki.jpg) no-repeat top right;}

.guide-hosp03 h4{
	width:auto;
	margin:0 0 5px 0;
	padding-left:15px;
	background:url(../img/mark02.gif) no-repeat left 50%;
}

.guide-hosp03 p { width:auto; margin: 0 0 20px 15px; font-size:0.9em; line-height:1.6; color:#4D4D4D;}

.guide-hosp03 p.txtTop {
	width:400px;
}

/* ------------------------ diagnosis ------------------------ */

#diagnosis {
	width:545px;
	margin-left:18px;
	background:url(../img/pic_tyoushinki.jpg) no-repeat top right;
}

#diagnosis h4 {
	width:auto;
	margin:0 0 5px 0;
	padding-left:15px;
	background:url(../img/mark02.gif) no-repeat left 50%;
}

#diagnosis p { width:auto; margin: 0 0 20px 15px; line-height:1.6;}
#diagnosis p.alert { text-indent:0;}
#diagnosis p.btm { margin-bottom:5px;}
#diagnosis a.colorNone { color:#666;}
#diagnosis a:hover.colorNone { color:#666;}

#diagnosis table {
	width:auto;
	margin:0 0 20px 15px;
	border:solid 1px #999;
	border-collapse:collapse;
}

#diagnosis table.btm { margin-bottom:10px;}

#diagnosis th,#diagnosis td {
	padding:5px;
	font-size:0.8em;
	color:#666;
	text-align:center;
	border-right:1px solid #999;
    border-bottom:1px solid #999;
}

#diagnosis th { background-color:#DBE7F2;}
#diagnosis th.width { width:55px}
/* firefox */
html>body #diagnosis td.marubatu { line-height:80%;font-size:1.6em;}

#diagnosis dl { width:530px;margin: 0 0 20px 15px;}
#diagnosis dt {
	width:45px;
	float:left;
	font-size:0.9em;
	line-height:1.6;
	clear:both;
	letter-spacing:0.2em;
}

#diagnosis dd {
	width:485px;
	margin-left:45px;
	padding-bottom:10px;
	font-size:0.9em;
	line-height:1.5;
}

/*  diagnosis02  */

#diagnosis02 { width:545px;margin-left:15px;}

#diagnosis02 h4 {
	width:535px;
	margin-bottom:10px;
	padding:0;
	font-size:0.9em;
	line-height:1.7;
	color:#006666;
}

#diagnosis02 h5 {
	width:auto;
	margin:0 0 5px 0;
	padding-left:15px;
	font-size:0.9em;
	color:#666;
	background:url(../img/mark02.gif) no-repeat left 50%;
}

#diagnosis02 p { width:auto; margin: 0 0 20px 15px; line-height:1.6;}
#diagnosis02 p.btm { margin-bottom:5px;}
#diagnosis02 p.open {
	margin-left:15px;
	padding-left:35px;
	font-size:0.8em;
	color:#666666;
	background:url(../img/open.gif) no-repeat left 50%;
	cursor:pointer;
}

#diagnosis02 ol {
	width:auto;
	margin:0 0 20px 0;
	padding:0 0 0 38px;
	font-size:0.8em;
	line-height:1.6;
	color:#666;
}

#diagnosis02 ul {
	width:auto;
	margin:0 0 20px 1em;
	padding:0 0 0 38px;
	font-size:0.9em;
	line-height:1.6;
	color:#666;
}


#diagnosis02-01 {
	margin-bottom:20px;
	padding:10px 10px 20px 10px;
	border:solid 1px #CCC;
	background:url(../img/pic_insp_01_01.jpg) no-repeat 355px 10px;
	overflow:hidden;
}

#diagnosis02-02 {
	margin-bottom:20px;
	padding:10px 10px 20px 10px;
	border:solid 1px #CCC;
	background:url(../img/pic_insp_02_01.jpg) no-repeat 435px 10px;
	overflow:hidden;
}

#diagnosis02-02 p.txtTop { width:390px;}

#diagnosis02-03 {
	margin-bottom:20px;
	padding:10px 10px 20px 10px;
	border:solid 1px #CCC;
	overflow:hidden;
}

#diagnosis02-03 .middleBox { width:340px; margin:0 auto 0 auto; text-align:center;}
#diagnosis02-03 .middleBox p.picbox { width:135px;float:left; padding-right:20px;}

#diagnosis02-04 {
	margin-bottom:20px;
	padding:10px 10px 20px 10px;
	border:solid 1px #CCC;
	background:url(../img/pic_insp_03_01.jpg) no-repeat 355px 10px;
	overflow:hidden;
}

#diagnosis02-04 p.txtTop { width:320px;}

#diagnosis02-05 {
	margin-bottom:20px;
	padding:10px 10px 20px 10px;
	border:solid 1px #CCC;
	background:url(../img/pic_insp_04_01.jpg) no-repeat 335px 10px;
	overflow:hidden;
}

#diagnosis02-05 p.txtTop { width:300px;}

#diagnosis02-06 {
	margin-bottom:20px;
	padding:10px 10px 20px 10px;
	border:solid 1px #CCC;
	background:url(../img/pic_insp_05_01.jpg) no-repeat 355px 10px;
	overflow:hidden;
}

#diagnosis02-06 p.txtTop { width:320px;}

#diagnosis02-07 {
	margin-bottom:20px;
	padding:10px 10px 20px 10px;
	border:solid 1px #CCC;
	background:url(../img/pic_insp_06_01.jpg) no-repeat 355px 10px;
	overflow:hidden;
}

#diagnosis02-07 p.txtTop { width:320px;}

#diagnosis02-07 dl { margin-left:15px;font-size:0.9em;}
#diagnosis02-07 dt { line-height:1.6;}
#diagnosis02-07 dd { margin-bottom:10px;}

#diagnosis02-08 {
	margin-bottom:20px;
	padding:10px 10px 20px 10px;
	border:solid 1px #CCC;
	overflow:hidden;
}

#diagnosis02-08 .middleBox {
	width:450px;
	margin:0 auto 20px auto;
	text-align:center;
}

#diagnosis02-08 .middleBox p.picbox { width:200px;float:left; padding-right:0px;}

/*  diagnosis03  */

#diagnosis03 { width:545px;margin-left:15px;background:url(../img/pic_diag03_01.jpg) no-repeat 385px top;}

#diagnosis03 h4 {
	width:auto;
	margin:0 0 5px 0;
	padding-left:15px;
	font-size:0.9em;
	color:#4D4D4D;
	background:url(../img/mark02.gif) no-repeat left 50%;
}

#diagnosis03 h5 {
	width:auto;
	margin:0 0 5px 15px;
	padding-left:15px;
	font-size:0.9em;
	color:#666;
	background:url(../img/mark03.gif) no-repeat left 50%;
}

#diagnosis03 p { width:auto; margin: 0 0 20px 15px; line-height:1.6;}
#diagnosis03 p.txtTop { width:350px;}

#diagnosis03 table {
	width:auto;
	margin:0 0 30px 15px;
	border:solid 1px #999;
	border-collapse:collapse;
}

#diagnosis03 table.btm { margin-bottom:10px;}

#diagnosis03 th {
	width:140px;
	font-size:0.8em;
	text-align:left;
}

#diagnosis03 td {
	padding:10px;
	font-size:0.9em;
	color:#666;
	text-align:left;
	border-right:1px solid #999;
    border-bottom:1px solid #999;
}

#diagnosis03 td ul { margin: 0; padding-left:15px;width:auto;}
#diagnosis03 td li { font-size:0.9em; line-height:1.6;}
#diagnosis03 td li.alert { color:#FF0000;}

#diagnosis03 ul { margin: 0 0 40px 0; padding-left:30px;width:auto; color:#4D4D4D;}
#diagnosis03 li { font-size:0.9em; line-height:1.6;}
#diagnosis03 ol { padding-left:20px;}
#diagnosis03 ul ul { padding-left:20px;}

/*  diagnosis04  */

#diagnosis04 { width:545px;margin-left:15px;}

#diagnosis04 h4 { margin-bottom:6px;font-size:1em; text-align:center; color:#176DE6;}
#diagnosis04 h5 { font-size:0.9em; color:#176DE6;}
#diagnosis04 p { width:525px; margin: 0 0 40px 10px; font-size:0.9em; line-height:1.6; color:#4D4D4D;}
#diagnosis04 ul { width:280px;padding-left:55px;}
#diagnosis04 li { font-size:0.9em; line-height:1.5; color:#4D4D4D;}

#diagnosis04-01 {
	width:510px;
	height:311px;
	margin-bottom:10px;
	padding:7px 0 0 30px;
	background:url(../img/back-dg01.jpg) no-repeat;
}

#diagnosis04-02 {
	width:510px;
	height:223px;
	margin-bottom:10px;
	padding:7px 0 0 30px;
	background:url(../img/back-dg02.jpg) no-repeat;
}

#diagnosis04-03 {
	width:510px;
	height:220px;
	margin-bottom:10px;
	padding:7px 0 0 30px;
	background:url(../img/back-dg03.jpg) no-repeat;
}

#diagnosis04-04 {
	width:510px;
	height:195px;
	margin-bottom:40px;
	padding:7px 0 0 30px;
	background:url(../img/back-dg04.jpg) no-repeat;
}

/*  diagnosis05  */

#diagnosis05 { width:545px;margin-left:15px;margin-bottom:40px;}
#diagnosis05 p { width:525px; margin: 0 0 15px 15px; font-size:0.9em; line-height:1.6em; color:#4D4D4D;}
#diagnosis05 h4 {
	width:auto;
	margin:0 0 5px 0;
	padding-left:15px;
	font-size:0.9em;
	color:#4D4D4D;
	background:url(../img/mark02.gif) no-repeat left 50%;
}
#diagnosis05 h5 {
	width:auto;
	margin:15px 0 5px 15px;
	padding-left:15px;
	font-size:0.9em;
	color:#666;
	background:url(../img/mark03.gif) no-repeat left 50%;
}

#diagnosis05 table {
	width:auto;
	margin:0 0 5px 15px;
	border:solid 1px #999;
	border-collapse:collapse;
}

#diagnosis05 th {
	width:auto;
	font-size:1em;
	text-align:left;
}

#diagnosis05 td {
	padding:10px;
	font-size:1em;
	color:#666;
	text-align:left;
	border-right:1px solid #999;
    border-bottom:1px solid #999;
}
#diagnosis05 ul { margin: 0 0 40px 0; padding-left:40px;width:auto; color:#4D4D4D;}
#diagnosis05 li { font-size:0.9em; line-height:1.6;}
#diagnosis05 li.alert { color:#FF0000;}
#diagnosis05 .middleBox {
	margin:20px auto 20px auto;
	text-align:center;
}
#diagnosis05 a.colorNone { color:#666;}







/* ------------------------ facilities ------------------------ */

.facilities { width:545px;margin-left:15px;}

.facilities p { width:auto; margin-left:15px; line-height:1.6; margin-bottom:30px;}

.facilities ul { padding:50px 35px 0 0;list-style-type:none;float:left;}
.facilities li { padding-bottom:60px;}

.facilities #map1fBox { height:422px;margin-left:15px; background:url(../img/map1fBack.jpg) no-repeat;}

.facilities #map1fBox a { display: inline; float:left;}

.facilities #map1fBox .camera01 {
	width:18px;
	left:52px;
	top:37px;
	position: relative;
}
.facilities #map1fBox .camera02 {
	width:18px;
	left:120px;
	top:18px;
	position: relative;
}
.facilities #map1fBox .camera03 {
	width:18px;
	left:196px;
	top:0;
	position: relative;
}
.facilities #map1fBox .camera04 {
	width:18px;
	left:245px;
	top:-34px;
	position: relative;
}
.facilities #map1fBox .camera05 {
	width:18px;
	left:292px;
	top:-36px;
	position: relative;
}
.facilities #map1fBox .camera06 {
	width:18px;
	left:361px;
	top:-54px;
	position: relative;
}
.facilities #map1fBox .camera07 {
	width:18px;
	left:460px;
	top:-73px;
	position: relative;
}
.facilities #map1fBox .camera08 {
	width:18px;
	left:210px;
	top:-20px;
	position: relative;
}
.facilities #map1fBox .camera09 {
	width:18px;
	left:267px;
	top:0;
	position: relative;
}
.facilities #map1fBox .camera10 {
	width:18px;
	left:383px;
	top:-5px;
	position: relative;
}
.facilities #map1fBox .camera11 {
	width:18px;
	left:75px;
	top:140px;
	position: relative;
}
.facilities #map1fBox .camera12 {
	width:18px;
	left:188px;
	top:88px;
	position: relative;
}

.facilities #map2fBox { height:422px;margin-left:15px; background:url(../img/map2fBack.jpg) no-repeat;}

.facilities #map2fBox .camera01 {
	width:18px;
	left:160px;
	top:37px;
	position: relative;
}
.facilities #map2fBox .camera02 {
	width:18px;
	left:230px;
	top:19px;
	position: relative;
}
.facilities #map2fBox .camera03 {
	width:18px;
	left:362px;
	top:1px;
	position: relative;
}
.facilities #map2fBox .camera04 {
	width:18px;
	height:18px;
	left:460px;
	top:-17px;
	position: relative;
}
.facilities #map2fBox .camera05 {
	width:18px;
	left:460px;
	top:-16px;
	position: relative;
}
.facilities #map2fBox .camera06 {
	width:18px;
	left:50px;
	top:75px;
	position: relative;
}
.facilities #map2fBox .camera07 {
	width:18px;
	height:18px;
	left:184px;
	top:55px;
	position: relative;
}
.facilities #map2fBox .camera08 {
	width:18px;
	left:234px;
	top:80px;
	position: relative;
}
.facilities #map2fBox .camera09 {
	width:18px;
	left:270px;
	top:62px;
	position: relative;
}
.facilities #map2fBox .camera10 {
	width:18px;
	left:315px;
	top:44px;
	position: relative;
}
.facilities #map2fBox .camera11 {
	width:18px;
	left:371px;
	top:26px;
	position: relative;
}
.facilities #map2fBox .camera12 {
	width:18px;
	left:427px;
	top:8px;
	position: relative;
}

.facilities #map3fBox { height:422px;margin-left:15px; background:url(../img/map3fBack.jpg) no-repeat;}

.facilities #map3fBox .camera01 {
	width:18px;
	left:260px;
	top:37px;
	position: relative;
}
.facilities #map3fBox .camera02 {
	width:18px;
	left:10px;
	top:117px;
	position: relative;
}
.facilities #map3fBox .camera03 {
	width:18px;
	left:50px;
	top:110px;
	position: relative;
}

.facilities #map4fBox { height:422px;margin-left:15px; background:url(../img/map4fBack.jpg) no-repeat;}

.facilities #map4fBox .camera01 {
	width:18px;
	left:75px;
	top:60px;
	position: relative;
}
.facilities #map4fBox .camera02 {
	width:18px;
	left:210px;
	top:20px;
	position: relative;
}
.facilities #map4fBox .camera03 {
	width:18px;
	left:333px;
	top:1px;
	position: relative;
}
.facilities #map4fBox .camera04 {
	width:18px;
	left:51px;
	top:94px;
	position: relative;
}

/* ------------------------ staff-intro ------------------------ */

#staff-intro { width:545px;margin-left:15px;}
#staff-intro h4 {
	width:408px;
	margin: 0 0 5px 115px;
	padding:5px 0 3px 7px;
	font-size:1em;
	color:#006666;
	background-color: #D9D9D9;
	border-left:double 6px #666;
}
#staff-intro ul {
	width:auto;
	padding-left:130px;
}
#staff-intro li { font-size:0.9em; line-height:1.5; color:#4D4D4D;}
#staff-intro ul.kino { padding-left:20px; font-size:1em;}
#staff-intro span { font-size:0.8em; font-weight:normal;}
#staff-intro p { width:auto;}

.drBox { auto;margin-bottom:40px; padding-bottom:40px; border-bottom: solid 1px #CCC;}
.drBox img { border:solid 1px #666;}
.drfloat { float:left;}

/*  staff-intro02  */

#staff-intro02 {
	width:545px;
	margin-left:15px;
}

.staff-intro02Box {
	margin-bottom:20px;
	padding:10px 10px 20px 10px;
	border:solid 1px #CCC;
	overflow:hidden;
}

#staff-intro02 h4 {
	width:auto;
	margin-bottom:10px;
	padding:0;
	font-size:0.9em;
	line-height:1.7;
	color:#006666;
}

#staff-intro02 h5 {
	width:auto;
	margin:0 0 5px 0;
	padding-left:15px;
	font-size:0.9em;
	color:#666;
	background:url(../img/mark02.gif) no-repeat left 50%;
}

#staff-intro02 p { width:auto; margin-left:15px; line-height:1.6; margin-bottom:30px;}
#staff-intro02 p.btm { margin-bottom:5px;}
#staff-intro02 p.indent { margin-left:50px;text-indent:-35px;}
#staff-intro02 p.kango { margin-left:50px;}
#staff-intro02 p.open {
	margin-left:15px;
	padding-left:35px;
	font-size:0.8em;
	color:#666666;
	background:url(../img/open.gif) no-repeat left 50%;
	cursor:pointer;
}

#staff-intro02 .box {background-color:#FFFFCC;}

#staff-intro02 ol { margin-bottom:40px;padding-left:30px;}
#staff-intro02 li { font-size:0.9em; line-height:1.5; color:#4D4D4D;}

/* ------------------------ access ------------------------ */

#access { width:545px;margin-left:15px;}
#access h4 {
	width:auto;
	margin:0 0 5px 0;
	padding-left:15px;
	font-size:0.9em;
	color:#4D4D4D;
	background:url(../img/mark02.gif) no-repeat left 50%;
}
#access ul { margin-bottom:40px;padding-left:30px;}
#access li { font-size:0.9em; line-height:1.5; color:#4D4D4D;}

#map { width:500px; height:450px; margin:0; padding:0; border:#999 1px solid;}
#viewArea { width:500px; height:320px; margin:0 0 60px 0; padding:0; border:#999 1px solid;}

#access .rootBox { width:250px; height:300px; padding: 0 0 0 15px; float:left;}
#access .rootBox h5 { margin-bottom:5px;font-size:0.9em; color:#006666;}
#access .rootBox img { margin-bottom:3px;}
#access .rootBox p { font-size:0.8em; line-height:1.4;}
#access p.mapPic { width:500px;height:500px;margin-bottom:40px;border:solid 1px #CCC;}

/* ------------------------ privacy ------------------------ */

#privacy { width:545px;margin-left:15px;}
#privacy h4 {
	width:auto;
	margin:0 0 5px 0;
	padding-left:15px;
	font-size:0.9em;
	color:#4D4D4D;
	background:url(../img/mark02.gif) no-repeat left 50%;
}
#privacy h5 {
	width:auto;
	margin:0 0 5px 13px;
	padding:0;
	font-size:0.9em;
	color:#4D4D4D;
}
#privacy p { width:525px; margin: 0 0 40px 15px; font-size:0.9em; line-height:1.6; color:#4D4D4D;}
#privacy p.sign { text-align:right;}
#privacy ol { margin-bottom:40px;padding:20px 0 0 35px; border-top:dashed 1px #CCC;}
#privacy ol li {
	font-size:0.9em;
	line-height:1.6;
	color:#4D4D4D;
}

#privacy ul { margin-bottom:40px;padding-left:25px; list-style-type:none;}
#privacy ul li {
	padding-left:15px;
	font-size:0.9em;
	line-height:1.6;
	color:#4D4D4D;
	background:url(../img/mark03.gif) no-repeat left 0.5em;
}

/* ------------------------ sitemap ------------------------ */

.sitemap { width:545px;margin-left:15px;}

.sitemap h4 {
	width:auto;
	margin:0 0 10px 0;
	padding-left:15px;
	font-size:0.9em;
	color:#4D4D4D;
	background:url(../img/mark02.gif) no-repeat left 50%;
}
.sitemap ul { margin-bottom:30px;padding-left:30px;}
.sitemap li {
	font-size:0.9em;
	line-height:1.6;
	color:#4D4D4D;
}

.sitemap h4.btm { margin-bottom:40px;}

.sitemap p { margin: 0 0 40px 15px; font-size:0.9em; line-height:1.6; color:#4D4D4D;}

/* ------------------------ column ------------------------ */

.column { width:545px;margin-left:15px;}

.column h4 {
	width:auto;
	margin:0 0 10px 0;
	padding-left:15px;
	font-size:0.9em;
	color:#4D4D4D;
	background:url(../img/mark02.gif) no-repeat left 50%;
}

.column h5 { margin-bottom:10px;font-size:0.9em;color:#4D4D4D;}

.column p { width:525px; margin: 0 0 40px 15px; font-size:0.9em; line-height:1.6; color:#4D4D4D;}
.column ul { margin:0 0 30px 0;padding-left:30px;font-size:0.9em;}
.column li { line-height:1.5;color:#4D4D4D;}
.column ol { margin:0 0 30px 0;padding-left:30px;font-size:0.9em;}
.column ol li { margin:0 0 5px 0; font-weight:bold; color:#CC3300;}
.column ol ul { margin: 0 0 10px 15px; padding-left:0;}
.column ol ul li {
	padding:0;
	font-weight: normal;
	font-size:1.1em;
	color:#4D4D4D;
}

.column .metaBox { width:auto; margin-bottom:40px;padding:10px;border:solid 1px #CCC;}

.column table { margin:0 0 40px 15px;	border:solid 1px #999;	border-collapse:collapse;}
.column th,td { padding:5px;}
.column th.borderLost,td.borderLost { border-right:none;}

.column caption { margin-bottom:10px;font-size:0.9em;font-weight:bold;color:#4D4D4D;}
.column .blup { color:#3333CC; font-weight:bold; }

/* ------------------------ poplar ------------------------ */

.poplar { width:545px;margin-left:15px;}

.poplar h4 {
	width:auto;
	margin:0 0 10px 0;
	padding-left:15px;
	font-size:0.9em;
	color:#4D4D4D;
	background:url(../img/mark02.gif) no-repeat left 50%;
}

.poplar h4.crab {
	margin-left:15px;
	padding-left:35px;
	line-height:1.9;
	color:#CC3300;
	background:url(../img/ico_kani02.gif) no-repeat left 50%;
}

.poplar h4.question {
	margin-left:15px;
	line-height:1.5;
	text-indent: -1em;
	color:#CC3300;
	background: none;
}

.poplar h5.crabTitle {
	text-align:center;
	color:#CC3300;
}

.poplar ul { margin-bottom:30px;padding-left:30px;}
.poplar li {
	font-size:0.9em;
	line-height:1.6;
	color:#4D4D4D;
}

.poplar .middleBox {width:510px;margin:0 auto 40px auto;text-align:center;}
.poplar .middleBox02 {
	width:430px;
	margin:0 auto 40px auto;
	text-align:center;
}
.poplar .middleBox03 {
	width:455px;
	margin:0 auto 40px auto;
	text-align:center;
}
.poplar .middleBox04 {
	width:405px;
	margin:0 auto 40px auto;
	text-align:center;
}

.poplar p.picbox {
	width:auto;
	padding:1px;
	float:left;
	color:#FFFFFF;
	font-size:0.8em;
	background-color:#666;
	line-height:1.4;
}

.poplar p.picbox02 {
	margin:0 auto 40px auto;
	padding:1px;
	width: 250px;
	color:#FFFFFF;
	font-size:0.8em;
	text-align:center;
	background-color:#666;
	line-height:1.4;
}

.poplar p.picbox03 {
	margin:0 auto 40px auto;
	padding:1px;
	width: 200px;
	color:#FFFFFF;
	font-size:0.8em;
	text-align:center;
	background-color:#666;
	line-height:1.4;
}

.poplar p.picbox04 {
	margin:0 auto 40px auto;
	padding:1px;
	width: 320px;
	color:#FFFFFF;
	font-size:0.8em;
	text-align:center;
	background-color:#666;
	line-height:1.4;
}

.poplar p { margin: 0 0 40px 15px; font-size:0.9em; line-height:1.6; color:#4D4D4D;}
.poplar p.jimuBox { margin: 0 auto 40px auto;width:325px;padding:10px;border: solid 1px #CCC;}
p.right { text-align:right;}
.poplar p.btmEnd { margin-bottom:40px;}
.poplar p.btmBar { margin-bottom:40px; padding-bottom:40px; border-bottom: dashed 1px #CCC;}
.poplar p.menuTxt { margin-left:430px;}
.poplar .answer { margin: 0 0 40px 30px;padding:5px;background-color:#FFFFCC;}
.answer p {text-indent: -1em; margin-bottom:0;}
p.alert { margin-left:30px;color:#F00;text-indent: -1em;}

.poplar table { margin:0 0 0 15px;	border:solid 1px #999;	border-collapse:collapse;}
.poplar th,td { padding:5px;}
.poplar tr.back { background:url(../img/guideBoxBack.gif) repeat;}


/* ------------------------ classroom ------------------------ */

.classroom { width:545px;margin-left:15px;}

.classroom h4 {
	width:auto;
	margin:0 0 10px 0;
	padding-left:15px;
	font-size:0.9em;
	color:#4D4D4D;
	background:url(../img/mark02.gif) no-repeat left 50%;
}

/* 2009/12/10 HOS Insert start ================================================= */
.classroom h5 {
	width:auto;
	margin:0 0 5px 15px;
	padding-left:15px;
	font-size:0.9em;
	color:#666;
	background:url(../img/mark03.gif) no-repeat left 50%;
}
/* 2009/12/10 HOS Insert end =================================================== */

.classroom ul { margin-bottom:30px;padding-left:15px; list-style-type:none;}
.classroom li {
	font-size:0.9em;
	line-height:1.6;
	color:#4D4D4D;
}

.classroom table {
	width:auto;
	margin:0 0 40px 15px;
	border:solid 1px #999;
	border-collapse:collapse;
}

.classroom th {
	width:auto;
	font-size:0.9em;
	text-align: center;
}

.classroom tr.back { background:url(../img/guideBoxBack.gif) repeat;}

.classroom td {
	padding:10px;
	font-size:0.9em;
	color:#666;
	text-align:left;
	border-right:1px solid #999;
    border-bottom:1px solid #999;
}

.classroom table ol { padding-left:25px;list-style-type:upper-roman; text-align:left;}
.classroom table li { padding-left:0px;}

.classroom p { margin: 0 0 40px 15px; font-size:0.9em; line-height:1.6; color:#4D4D4D;}
.classroom p.btm { margin-bottom:5px;}


/* ------------------------ whatsnew ------------------------ */

.whatsnew { width:545px;margin: 0 0 40px 15px;}

.whatsnew h4 {
	width:auto;
	margin:0 0 10px 0;
	padding-left:15px;
	font-size:0.9em;
	color:#4D4D4D;
	background:url(../img/mark02.gif) no-repeat left 50%;
}

.whatsnew h4.title02 { margin-bottom:15px;line-height:1.6;color:#FFF;text-align:center; background-image:none;background-color:#666;}

.whatsnew h5 {
	width:auto;
	margin:0 0 5px 15px;
	padding-left:15px;
	font-size:0.9em;
	color:#666;
	background:url(../img/mark03.gif) no-repeat left 50%;
}

.whatsnew p { margin: 0 0 40px 15px; font-size:0.9em; line-height:1.6; color:#4D4D4D;}
.whatsnew p.btm { margin-bottom:5px;}

.whatsnew ul { margin-bottom:30px;padding-left:30px; list-style-type:square;}
.whatsnew ol { margin-bottom:30px;padding-left:30px;}
.whatsnew li { font-size:0.9em;line-height:1.6;color:#4D4D4D;}
.btmLong { margin-bottom:20px;}
.btmLong30 { margin-bottom:30px;}

.whatsnew .middleBox {
	width:500px;
	margin:0 auto 40px auto;
	padding-left:40px;
	text-align:center;
	background:url(../img/img_arrow_01.gif) no-repeat 49% 50px;
}
.whatsnew .picbox {
	margin: 0 40px 0 0;
	width:auto;
	float:left;
	color:#666;
	font-size:1em;
	line-height:1.4;
	display:inline;
}

.whatsnew ul.absence { margin-bottom:30px;padding-left:30px; list-style-type:none;}
.whatsnew ul.bar { padding-bottom:30px;border-bottom: solid 1px #CCC;}



/* 2008/12/05 HOS Insert ====================================================== */
.whatsnew table {
	width:auto;
	margin:0 0 20px 15px;
	border:solid 1px #999;
	border-collapse:collapse;
}

.whatsnew th {
	width:auto;
	font-size:0.9em;
	text-align: center;
}

.whatsnew tr.back { background:url(../img/guideBoxBack.gif) repeat;}

.whatsnew td {
	padding:10px;
	font-size:0.9em;
	color:#666;
	text-align:left;
	border-right:1px solid #999;
    border-bottom:1px solid #999;
}

.whatsnew table ol { padding-left:25px;list-style-type:upper-roman; text-align:left;}
.whatsnew table li { padding-left:0px;}


/* 2009/2/18 HOS Insert ====================================================== */

.whatsnew .caution {
	font-size:0.8em;
	color:#F00;
}

.whatsnew .bold { font-weight:bold;}

.doctable table {
	width:auto;
	margin:0 0 20px 15px;
	border:solid 1px #999;
	border-collapse:collapse;
}

.doctable table.btm { margin-bottom:10px;}

.doctable th, .doctable td {
	padding:5px;
	font-size:0.8em;
	color:#666;
	text-align:center;
	border-right:1px solid #999;
    border-bottom:1px solid #999;
}

.doctable th { background-color:#DBE7F2;}
.doctable th.width { width:55px}

/* 2009/3/5 HOS Insert ====================================================== */

.metabolic { width:545px;margin-left:15px;margin-bottom:40px;}
.metabolic p { width:525px; margin: 0 0 15px 15px; font-size:0.9em; line-height:1.6em; color:#4D4D4D;}
.metabolic h4 {
	width:auto;
	margin:0 0 5px 0;
	padding-left:15px;
	font-size:1em;
	color:#4D4D4D;
	background:url(../img/mark02.gif) no-repeat left 50%;
}

.metabolic td {
	padding:2px 0px;
	font-size:0.9em;
	color:#666;
	border:none;
	text-align:left;
}
.metabolic input {
	font-size:0.8em;
}
.metabolic td.alert {
	font-size:0.8em;
	color:#FF0000;
}

.metabolic ul { margin: 0 0 40px 0; padding-left:40px;width:auto; color:#4D4D4D;}
.metabolic li { font-size:1em; line-height:1.6;}


/* ------------------------ page base css set ------------------------ */

.XXX { width:545px;margin-left:15px;}
.XXX h4 {
	width:auto;
	margin:0 0 10px 0;
	padding-left:15px;
	font-size:0.9em;
	color:#4D4D4D;
	background:url(../img/mark02.gif) no-repeat left 50%;
}
.XXX p { margin: 0 0 40px 15px; font-size:0.9em; line-height:1.6; color:#4D4D4D;}

.XXX ul { margin-bottom:30px;padding-left:30px; list-style-type:square;}
.XXX ol { margin-bottom:30px;padding-left:30px;}
.XXX li { font-size:0.9em;line-height:1.6;color:#4D4D4D;}

/* ------------------------ etc ------------------------ */

p.center { width:auto;clear:both;text-align:center;}
p.btm { width:auto;
	margin-bottom:10px;
}
p.green { color:#006666;}
p.bar { padding-bottom:30px;border-bottom: solid 1px #CCC;}
p.pageback {
	width:540px;
	margin-bottom:20px;
	padding:0;
	clear:both;
	font-size:0.8em;
	text-align:right;
}

p.pageback a{
	padding-left:12px;
	background:url(../img/pageback.gif) no-repeat left 0.4em;
}
