/*
html, body { margin: 0; background-image: url('images/bgsky.png'); background-position: top left; background-repeat: repeat-x; }
#container { position: relative; margin-left: auto; margin-right: auto; border-left: 1px solid #777; border-right: 1px solid #777; width: 1024px; height: 768px; background-image: url('images/bgclouds.png'); background-position: 0px 140px; background-repeat: no-repeat; }
#devtainer { position: absolute; top: 0; left: 0; width: 1024px; height: 768px; background-image: url('images/d-service_v6_BGTEST.png'); background-position: 0px 0px; background-repeat: no-repeat; opacity: 0.4; }

#hinahiyo { width: 120px; height: 100px; background-image: url('images/hinahiyos.png'); background-repeat: no-repeat; background-position: 0 0; }
#slideshow { width: 800px; height: 160px; margin: 20px; border: 1px solid orange; }

*/

*:focus {
	outline: 1px dotted orange;
}

@charset "UTF-8";
/* CSS Document */
body{margin:0; padding:0; background-color: rgb(96,56,19); font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

img{border:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline; color:#8d3e3a;}
a:visited{text-decoration:none; color:#8d3e3a;}
p{margin:0; padding:0;}
h1{margin:0 0 0 10px; padding:0;color:#d8b613; font-size:11px; text-align:100%; line-height:150%; font-weight:normal;}
h1 a:link{text-decoration:none; color:#ffffff;}
h1 a:hover{text-decoration:underline; color:#ffffff;}
h1 a:active{text-decoration:none; color:#ffffff;}
h1 a:visited{text-decoration:none; color:#ffffff;}
table{border:0; margin:0; padding:0;}

.hr-short { width : 60%; }
.custom-hr {width: 800px; height: 5px; background-image: url('../img/custom-hr.png'); background-position: center center; background-repeat: no-repeat; margin: 5px auto 5px auto; }
.custom-hr-short {width: 560px; height: 5px; background-image: url('../img/custom-hr.png'); background-position: center center; background-repeat: no-repeat; margin: 5px auto 5px auto; }
.boldorange { color: rgb(239,144,0); font-weight: bold; }
.boldyellow { color: rgb(255,240,0); font-weight: bold; }
.boldred { color: rgb(238,84,84); font-weight: bold; }
.boldblue { color: rgb(0,184,238); font-weight: bold; }
.wide { font-size: 1.2em; width: 100%; }
.bordertop-solid { border-top: 1px solid #333; padding-top: 4px; }
.breaker { display: block; margin-top: 15px; }

.largetext { font-size: 1.2em; }


.wrap{ margin:0; padding:0; width:100%;  background-image: url(../img/body_bg.png); background-position: center bottom; background-repeat: repeat-x; background-color: #29abe2; }
.header_bg{
	width:1024px;
	height:120px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.header_l{
	float:left;
	width:360px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.header_l div#hinahiyo {
	width:320px;
	height:130px;
	position:relative;
}
.header_l div#hinahiyo > a { display:block; width:436px; height:100px; background-image:url(../img/hinahiyos.png); background-position:0 0; background-repeat:no-repeat;}
.header_l div#hinahiyo > a > img {margin-left: 116px;}
.header_l p{margin:10px 0 0 10px; padding:0;color:#ffffff; font-size:11px; text-align:100%; font-weight:normal;}
.header_r{float:left; margin:0; width:588px; position: relative; }
.header_text{margin:0; padding:0;color:#ffffff; font-size:11px; text-align:100%;}
.header_text a:link{text-decoration:none; color:#ffffff;}
.header_text a:hover{text-decoration:underline; color:#ffffff;}
.header_text a:active{text-decoration:none; color:#ffffff;}
.header_text a:visited{text-decoration:none; color:#ffffff;}

.cont{
	width:1024px;
	margin-top: 10;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header_link_contact {
	position: absolute;
	top: 8px;
	right: 20px;
	display: block;
	width: 280px;
	height: 40px;
	background-image: url(../img/contact_link_header.png);
	color: transparent;
	text-indent: -9999px;
}

#menu{position: relative; height:150px; width: 580px; margin-left: -20px;}
#menu ul{margin:0; padding:0; list-style:none; position: absolute; top: 0; left: 0; height:150px; width: 580px;}

#menu ul li {position: absolute; text-indent:-9999px; width: 180px; height: 150px; }
#menu ul li span.hhpop {
	display:block;
	position: absolute;
	top: 57px;
	left: 610px;
	width: 180px;
	height: 150px;
	background-repeat: no-repeat;
	background-image: url(../img/minihinahiyo.png);
	width: 78px;
	height: 64px;
}
	#menu ul li span.hhpopleft { background-position: center top; }
	#menu ul li span.hhpopright { background-position: center bottom; }
#menu ul li a {
	display:block;
	position: relative;
	width: 160px;
	height: 135px;
	background-repeat: no-repeat;
	background-position: center top;
}
#menu ul li a span {display:block; position: relative; width: 180px; height: 150px; background-repeat: no-repeat; background-position: center bottom;}

#menu ul li#navi1 {top: 0px; left: -5px;
margin-left: -20px;}
#menu ul li#navi1 a {background-image: url(../img/navi1.png); }
#menu ul li#navi1 a span {background-image: url(../img/navi1.png); }

#menu ul li#navi2 {
	top: -30px;
	left: 150px;
	margin-left: -30px;
}
#menu ul li#navi2 a {background-image: url(../img/navi2.png); background-repeat: no-repeat;}
#menu ul li#navi2 a span {background-image: url(../img/navi2.png); }

#menu ul li#navi3 {
	width: 160px;
	top: 10px;
	left: 305px;
	margin-left: -45px;
}
#menu ul li#navi3 a {width: 160px; background-image: url(../img/navi3.png); background-repeat: no-repeat;}
#menu ul li#navi3 a span {background-image: url(../img/navi3.png); }

#menu ul li#navi4 {
	width: 160px;
	top: 5px;
	left: 450px;
	margin-left: -50px;
}
#menu ul li#navi4 a {width: 160px; background-image: url(../img/navi4.png); background-repeat: no-repeat;}
#menu ul li#navi4 a span {background-image: url(../img/navi4.png); }
#menu ul li#navi5 {
	top: 7px;
	left: 607px;
	width: 140px;
	margin-left: -75px;
}
#menu ul li#navi5 a {
	background-image: url(../img/kea_hinata.png);
	margin-top: 30px;
}
#menu ul li#navi5 a span {
	background-image: url(../img/kea_hinata.png);
}
#menu li a.cloudbg {display: block; position: absolute; top: 0; left: 0; background-position: top center; width: 180px; height: 180px; }
#menu li span.cloudglow {
	display: block;
	position: absolute;
	top: 0px;
	left: -10px;
	background-position: bottom center;
	width: 180px;
	height: 180px;
}
#menu li span.cloudglow2 {
	display: block;
	position: absolute;
	top: -15px;
	left: 10px;
	background-position: bottom center;
	width: 140px;
	height: 106px;
}
#menu li span.cloudglow-narrow { width: 160px; height: 180px; }

/* トップページ */
.main{
	padding:0;
	width:1024px;
	height:410px;
	background-image:url(../img/main_bg.png);
	background-repeat:repeat-x;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#slideshow {position: relative; width:875px; height:398px; margin: 0 auto 0 auto; border:0px solid orange; border-radius:40px; background-color: white;
	background-image: url('../img/slideshowfallback.png'); background-position: center bottom; background-repeat: no-repeat; }

#slideshow p#badgetext { position: absolute; top: 0px; left: 0px;height: 48px; width: 875px; line-height: 48px; background-color: rgb(122,201,67); color: white; 
				border-top-left-radius: 32px; border-top-right-radius: 32px; text-align: center; }
#slideshow p .smalltext { font-size: 18px; }
#slideshow p .bigtext { font-size: 26px; }
#slideshow p#orangetext {position: absolute; top: 48px; right: 644px; text-align: left; width: 211px; height: 140px; padding: 10px; font-size: 20px; line-height: 36px; background-color: orange; color: white;}
#slideshow p#plaintext {position: absolute; top: 220px; right: 660px; text-align: left; width: 200px; height: 190px; font-size: 18px; line-height: 32px;}

/* 他のページ（prep, schedule, training, equipment, staff, contact, sitemap etc） */
.mainpage_main {
	height: auto;
	min-height:410px;
	clear: both;
}

.mainpage_innerdiv {
	position: relative;
	width: 889px;
	border:6px solid orange;
	border-radius:40px;
	background-color: white;
	min-height:410px;
	padding-bottom: 32px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
	overflow: hidden;
}
.mainpage_innerdiv2 {
	position: relative;
	width: 889px;
	border:6px solid #53C0E4;
	border-radius:40px;
	background-color: white;
	min-height:410px;
	padding-bottom: 32px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow: hidden;
	height: auto;
}
.mainpage_inner_pl {
	position: relative;
	width: 889px;
	border:6px solid orange;
	border-radius:40px;
	background-color: white;
	min-height:410px;
	padding-bottom: 32px;
	height: 650px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow: hidden;
}
#prep_innerdiv { border-color: rgb(251,176,59); }
#prep_innerdiv2 {
	border-top-color: rgb(83,192,228);
	border-right-color: rgb(83,192,228);
	border-bottom-color: rgb(83,192,228);
	border-left-color: rgb(83,192,228);
}
#schedule_innerdiv { border-color: rgb(147,39,143); }
#training_innerdiv { border-color: rgb(51,181,74); }
#equipment_innerdiv { border-color: rgb(166,124,82); }
#staff_innerdiv { border-color: rgb(237,88,81); }
#contact_innerdiv { border-color: rgb(0,113,188); }
#koe_innerdiv { border-color: rgb(51,181,74); }
#sitemap_innerdiv {
	border-color: rgb(251,176,59);
	margin-top: 10px;
}

.mainpage_header { float: left; margin: -3px 0 0 -3px; width: 895px; height: 72px; background-image: url(../img/mainpage_headers.png); background-repeat: no-repeat; background-position:0 0; }
.kl_header {
	float: left;
	margin: -3px 0 0 -3px;
	width: 895px;
	height: 72px;
	background-image: url(../img/kh_headers.png);
	background-repeat: no-repeat;
	background-position:0 0;
}


.simap_header {
	float: left;
	margin: -3px 0 0 -3px;
	width: 895px;
	height: 72px;
	background-image: url(../img/mainpage_headers.png);
	background-repeat: no-repeat;
	background-position:0 -506;
}


.pl_header {
	float: left;
	margin: -3px 0 0 -3px;
	width: 895px;
	height: 72px;
	background-image: url(../img/pl_headers.png);
	background-repeat: no-repeat;
	background-position:left top;
}
#prep_header { background-position: 0 0; }
#schedule_header { background-position: 0 -72px; }
#training_header { background-position: 0 -144px; }
#equipment_header { background-position: 0 -216px; }
#staff_header { background-position: 0 -288px; }
#contact_header { background-position: 0 -360px; }
#koe_header { background-position: 0 -432px; }
#sitemap_header { background-position: 0 -506px; }

.pankuzu_a{margin:38px 0 0 0; width:880px; text-align:right;}
.pankuzu_a2{margin:38px 0 0 0; width:995px; text-align:right;}
.pankuzu{font-size:12px; color:#413b3b; line-height:130%; position: absolute; top: 30px; left: 320px; }
.pankuzu a:link{text-decoration:none; color:#333;}
.pankuzu a:hover{text-decoration:underline; color:#111;}
.pankuzu a:active{text-decoration:none; color:#333;}
.pankuzu a:visited{text-decoration:none; color:#777;}


.downarrow_blue { margin: 0px auto 0px auto; width: 14px; height: 24px; background-image: url(../img/downarrow.png); background-position: center center; background-repeat: no-repeat; 
	display: inline-block; }
.downarrow_orange { margin: 0px auto 0px auto; width: 26px; height: 48px; background-image: url(../img/downarrow_orange.png); background-position: center center; background-repeat: no-repeat; 
	display: inline-block; }
.flowchart_blue { margin: 0px auto 0px auto; text-align: center; padding: 4px 12px; background-color: rgb(0,184,238); border-radius: 10px; color: white; 
	display: inline-block; font-weight: normal; }
.flowchart_orange_hollow { margin: 0px auto 0px auto; text-align: center; padding: 20px; background-color: white; border: 4px solid rgb(239,144,0); border-radius: 40px; color: #333; 
	display: inline-block; font-weight: normal; width: 240px; height: auto; }
.flowchart_orange_hollow2 {
	text-align: center;
	padding: 15px;
	background-color: white;
	border: 4px solid rgb(239,144,0);
	border-radius: 40px;
	color: #333;
	display: inline-block;
	font-weight: normal;
	width: 270px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.flowchart_orange { margin: 0px auto 0px auto; text-align: center; padding: 4px 12px; background-color: rgb(239,144,0); border-radius: 10px; color: white; 
	display: inline-block; font-weight: normal;  }
.flowchart_orange_top {
	text-align: center;
	background-color: rgb(239,144,0);
	border-radius: 10px;
	color: white;
	display: inline-block;
	font-weight: normal;
	height: auto;
	width: 80%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 70px;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
}
.flowchart_pink {
	text-align: center;
	background-color: rgb(238,84,84);
	border-radius: 10px;
	color: white;
	display: inline-block;
	font-weight: normal;
	height: auto;
	width: 80%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 70px;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
}
.flowchart_white { margin: 0px auto 0px auto; text-align: center; padding: 24px; width: 200px;
	display: inline-block; font-weight: normal; }

/*prep page*/
#prep-main { margin: 80px auto 20px auto;  }
table#preptable { width: 889px; }
table#preptable td, table#preptable th { text-align: center; vertical-align: top; width: 440px; }
table#preptable td:first-child {  }
.flowchart_top_red { margin: 0px auto 0px auto; text-align: center; padding: 8px 12px; background-color: rgb(238,84,84); border-radius: 15px; color: white; 
	display: inline-block; font-weight: normal; font-size: 1.5em; }
.flowchart_top_green { margin: 0px auto 0px auto; text-align: center; padding: 8px 12px; background-color: rgb(141,194,31); border-radius: 15px; color: white; 
	display: inline-block; font-weight: normal; font-size: 1.5em; }
#prep-main p { margin: 0 auto 10px auto; text-align: center; }



/*schedule page*/
#schedule-links { list-style-type: none; margin: 0; padding: 0; }
#schedule-links a { display: inline-block; width: 120px; margin: 20px 0px 20px 40px; padding: 6px; border-radius: 20px; color: white; text-align: center; }
.bg-brightpink { background-color: rgb(237,30,121); }
.bg-palepink { background-color: rgb(255,123,172); }
.bg-royalblue { background-color: rgb(0,113,188); }
.schedule { width: 800px; margin: 10px auto 20px auto; padding: 10px 0 0 0; }
#schedule-main h3 { display: inline-block; width: 120px; margin: 0 0 20px 0; padding: 6px; border-radius: 20px; color: white; text-align: center; font-weight: normal; }
.pagetop { display: block; text-align: right; margin: 5px 25px; }

#schedule-ichinichi { width: 480px; }
#schedule-ichinichi .td-left { width: 160px; font-size: 1.2em; }
#schedule-ichinichi-badge { display: inline-block; width: 180px; height: 226px; background-image: url('../img/schedule-ichinichi-badge.png'); background-position: center center; background-repeat: no-repeat; 
	margin: 0 auto 0 auto; color: transparent; line-height: 0; }
.bluecircle { color: rgb(0,184,238); font-size: 0.9em; width: 32px; text-align: right; }
.bluedots { width: 32px; height: 22px; background-image: url(../img/horizdots_blue.png); background-position: center center; background-repeat: no-repeat; }
.car { width: 150px; height: 50px; background-image: url(../img/car.png); background-position: center right; background-repeat: no-repeat; line-height: 50px; }
#schedule-jikan { text-align: center; color: white; width: 300px; height: 250px; border-radius: 25px; border: 4px solid rgb(158,0,93); 
	float: right; margin: 50px 0 0 0; border-spacing: 0; background-color: rgb(158,0,93); }
	#schedule-jikan tbody { background-color: whitesmoke; color: black; }
	.td-largetext { font-size: 1.6em; }
	#schedule-jikan tfoot { text-align: left; text-indent: 12px; }
	
#schedule-ryoukin-a { width: 380px; }
#schedule-youshien-1 { display: inline-block; width: 76px; height: 76px; background-image: url('../img/youshien-1.png'); background-position: center center; background-repeat: no-repeat; 
	margin: 0 auto 0 auto; color: transparent; line-height: 0; }
#schedule-youshien-2 { display: inline-block; width: 76px; height: 76px; background-image: url('../img/youshien-2.png'); background-position: center center; background-repeat: no-repeat; 
	margin: 0 auto 0 auto; color: transparent; line-height: 0; }
	.td-gianttext { font-size: 1.8em; width: 280px; }
#ryoukin-betsu { display: inline-block; width: 100%; height: 46px; background-image: url('../img/ryoukin-betsu.png'); background-position: top right; background-repeat: no-repeat; 
	margin: 0 auto 0 auto; color: transparent; line-height: 0; }

#schedule-ryoukin-b { width: 380px; float: right; }
.youkaigo { font-size: 1.2em; }
.youkaigo2 { font-size: 0.8em; }
	.td-youkaigo-rt { width: 180px; }
	
#schedule-ryoukin-c { margin-top: 20px; border-spacing: 10px; width: 100%; font-size: 1.3em; }
#schedule-ryoukin-c-badge { display: inline-block; width: 95px; height: 95px; background-image: url('../img/schedule-ryoukin-c-badge.png'); background-position: top center; background-repeat: no-repeat; 
	margin: 0 auto 0 auto; color: transparent; line-height: 0; }

#akijouhou table {
	width: 700px; margin: 0 auto 0 auto; text-align: center;
	/*border-collapse: collapse;*/
	
}
	#akijouhou table td {
		height: 60px;
	}
	#akijouhou table th {
		height: 60px; border-radius: 10px 10px 0 0;
	}
	#akijouhou table th.side {
		height: 60px; border-radius: 10px 0 0 10px;
	}
	#akijouhou table th {
		color: white;
	}
	#akijouhou table td {
		background: rgb(150,203,288);
	}
	#akijouhou table td.getsu {
		background: white;
	}
	#akijouhou table tfoot td {
		background: white;
	}



/*training page*/
#training-banner { display: inline-block; width: 220px; height: 390px; background-image: url('../img/training-banner.png'); background-position: center center; background-repeat: no-repeat; 
	margin: 10px 20px 0 20px; }
#training-main { display: inline-block; width: 600px; height: auto; vertical-align: top; 
	margin: 10px 0px 0 0px; }
#training-toptext { font-size: 1.6em; width: 600px; margin: 5px auto 5px 0px; color: rgb(239,144,0); font-weight: bold; }
#training-main p { margin: 10px 0 10px 0;  }
#training-main h3 { margin: 20px 0 20px 0; text-align: center; padding: 4px 24px; background-color: rgb(141,194,31); border-radius: 10px; color: white; display: inline-block; 
	font-weight: normal; }
#training-main ul { list-style-type: circle; margin: 0;  }
#training-main ul li {  }
.training { width: 600px;  }


/*equipment page*/
#equipment-banner { width: 756px; height: 160px; background-image: url('../img/equipment-banner.png'); background-position: center center; background-repeat: no-repeat; margin: 70px auto 10px auto; }
#equipment-toptext { font-size: 1.1em; width: 840px; margin: 5px auto 5px 40px; }
.equipment { margin: 20px auto 20px auto; width: 840px; }
.equipment-image { display: inline-block; width: 350px; height: 175px; }
.equipment-image img { display: block; margin: 0 auto 10px auto; }
.equipment-expl { display: inline-block; width: 450px; vertical-align: top; margin: 0 0 0 20px;}
.equipment-expl h3 { text-align: center; margin: 0px 0 20px 0; padding: 4px 24px; background-color: rgb(141,194,31); border-radius: 10px; color: white; display: inline-block; 
	font-weight: normal; }


/*contact page*/
#contact-main { margin: 80px auto 0 auto; }
#contact-left { display: inline-block; width: 340px; }
#contact-phone { width: 296px; height: 96px; margin: 0 0 0 20px; background: url(../img/contact-phone2.png) no-repeat; background-position: top center; 
	position: relative; }
	#contact-phone span { display: block; position: absolute; bottom: 0; right: 0; }
	#contact-main p { margin: 20px; }
	#contact-main form ul li { margin: 5px 0; }
	#contact-main form ul { list-style-type: none; margin: 20px; padding: 0; }
	#contact-main form ul label { display: inline-block; width: 100px; vertical-align: top; }
	#contact-main form ul input[type="text"], #contact-main form ul textarea { display: inline-block; width: 180px; border: 1px solid #333; 
		font-size: 1.2em; padding: 3px 3px 3px 6px; }
	#contact-main form ul textarea { height: 120px; }
	#contact-main form ul input[type="submit"] { background-color: rgb(238,84,84); color: white; font-size: 1.1em; padding: 3px; border: none; 
		border-radius: 6px; display: block; width: 60px; margin: 0 auto 0 auto; cursor: pointer; }
	#contact-main form ul input[type="submit"]:hover { background-color: rgb(258,104,104);  }
#contact-right { display: inline-block; width: 540px; border-left: 1px dotted #999; vertical-align: top; }
	#map { display: block; text-decoration: none; width: 500px; height: 350px; margin: 0 20px; border: none; background: url('../img/contact-map.png') bottom center no-repeat; 
		color: #333; font-size: 1.2em; }
	.transport { text-align: right; height: 60px; padding-top: 10px; background-position: 30px 0px; background-repeat: no-repeat; margin: 10px 20px 10px 20px;}
	#transport-car { background-image: url('../img/transport-car.png'); }
	#transport-bus { background-image: url('../img/transport-bus.png'); }
#form_messages { text-align: center; }
.mail_error { color: #ff0000; }
.mail_success { color: #00cc00; }

.koebox { display: inline-block; vertical-align: top; width: 380px; margin: 20px 20px 20px 20px; }

#staff-main { margin: 20px auto 0 auto; }
.staff-box { margin: 20px 16px 20px 20px; width: 256px; display: inline-block; vertical-align: top; }
.staff-box > img { float: left; width: 100px; height: 100px; margin: 5px 20px 5px 10px; box-shadow: 1px 1px 3px 2px #ccc; border: 6px solid white; }
.staff-box > p { margin: 10px 10px 10px 10px; }
.staff-box-wide { width: 848px; display: block; }
.staff-box-wide > img { float: left; width: 200px; height: 200px; box-shadow: 1px 1px 3px 2px #ccc; border: 10px solid white; }
.staff-box h3 { text-align: center; margin: 0px 0 20px 0; padding: 4px 24px; background-color: rgb(141,194,31); 
	border-radius: 10px; color: white; font-weight: normal; font-size: 18px; }
.staff-box h3 span { font-size: 14px; }

.staff-box.staff-igarashi h3 { background-color: #F8B62D; }
.staff-box.staff-takahashi h3 { background-color: #FC9465; }
.staff-box.staff-negishi h3 { background-color: #8DC32C; }
.staff-box.staff-yamamoto h3 { background-color: #D0D600; }
.staff-box.staff-murai h3 { background-color: #32A5DB; }
.staff-box.staff-nanpuku h3 { background-color: #7CC5EA; }

.staff-box.staff-sekiguti-kikuzawa h3 { background-color: #F29600; }
.staff-box.staff-murayama h3 { background-color: #8B60AD; }

#koe-main { margin: 80px 20px 20px 20px; }
#koe-main p { margin: 20px; }


/*equipment page*/
#sitemap-main {
	margin: 80px auto 10px auto;
	width: 850px;
	height: 320px;
	text-align: center;
}
#pl-main {
	width: 850px;
	height: 600px;
	background-image: url('../img/day-kun.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#sitemap-main a { position: relative; display: inline-block; width: 110px; margin: 10px; line-height: 80px; height: 80px; border: 1px solid orange; vertical-align: top; margin-bottom: 30px; 
	border-radius: 8px; color: #333; text-decoration: none; }
#sitemap-main a:hover { color: white; background-color: orange; text-decoration: none; }
.sitemap-hr { position: absolute; bottom: -20px; left: 54px; display: block; width: 20px; height: 20px; border-left: 1px dashed #777; }
#sitemap-main ul { list-style: none; margin: 0; padding: 0; }
#sitemap-main ul li { margin: 0; padding: 0; display: inline; }
#sitemap-main ul li a { position: relative; display: inline-block; width: 110px; margin: 10px; height: 80px; border: 1px solid orange; vertical-align: top; 
	border-radius: 8px; color: #333; text-decoration: none; }
#sitemap-main ul li a:hover { color: white; background-color: orange; text-decoration: none; }
.sitemap-hr-small { display: inline-block; width: 131px; position: absolute; top: -23px; left: -77px; height: 20px; border-top: 1px dashed #777; border-left: 1px dashed #777; border-right: 1px dashed #777; }
.sitemap-link-oneline { line-height: 80px !important; }
.sitemap-link-twolines { line-height: 30px !important; padding: 10px 0 0 0 !important; height: 70px !important; }





.footer_wrap{width:100%; background: url(../img/footer_bg.png) repeat-x; background-position: 0px 0px; margin:0 auto 0 auto; height:320px;}
.footer_bg{position: relative; width:1017px; height:300px; margin:0 auto 0 auto;}
.footer_l{
	width:330px;
	position: absolute;
	top: 190px;
	left: 20px;
}
.footer_center{position: absolute; width:300px; padding-top: 80px; bottom: 0; left: 358px; text-align: center;  
			background-image: url(../img/hinahiyo_white.png); background-position: top center; background-repeat: no-repeat; }
.footer_r{ width:360px; position: absolute; top: 220px; right: 20px; text-align: right;}

a#staff_link { display: block; color: transparent; width: 202px; height: 202px; background-image: url(../img/staff_link.png); background-position: top center; background-repeat: no-repeat; 
			position: absolute; left: 0px; top: -14px; }
a#staff_link:hover { background-position: bottom center; }
a#footer_contact_link { display: block; color: transparent; width: 500px; height: 256px; background-image: url(../img/contact_link.png); background-position: center center; background-repeat: no-repeat; 
			position: absolute; right: 10px; top: -36px; }
div#opinion { display: block; color: transparent; width: 172px; height: 164px; background-image: url(../img/opinion.png); background-position: center center; background-repeat: no-repeat; 
			position: absolute; left: 280px; top: 20px; }
div#opinion a.expander { color: transparent; border: 1px solid #fff; background-color: white; width: 172px; height: 52px; display: block; border-radius: 50px; position: absolute; bottom: 112px; left: 0px;
			font-size: 1.2em; 
			-moz-box-shadow: 0 0 2px 2px #888;
			-webkit-box-shadow: 0 0 2px 2px#888;
			box-shadow: 2px 2px 3px 1px #aaa;}
div#opinion a.expander:hover {  }
div#opinion a.expander span.bubble { display: block; position:absolute; bottom: -50px; left: 50px; width: 30px; height: 50px; background-image: url(../img/opinion_bubble.png); 
			background-repeat: no-repeat; background-position: bottom center; }
div#opinion a.expander p.short { color: black; margin: 0; padding: 0; line-height: 50px; text-align: center; }
div#opinion a.expander p.long { color: black; margin: 10px 10px 0px 10px; text-indent: 8px; text-align: left; }


#koenav, #actualcomment { display: none; margin: 0; padding: 0; }
#koenav { text-align: center; height: 24px; }
#koenav span.leftie, #koenav span.rightie { display: inline-block; color: #555; margin: 0 50px; padding: 5px; }
#koenav span.leftie:hover, #koenav span.rightie:hover { color: #777; }


.footer_text{font-size:11px; line-height:130%; color: white;}
.lg {font-size: 16px;}
.footer_text a:link{text-decoration:none; color: white;}
.footer_text a:hover{text-decoration:underline; color: white;}
.footer_text a:active{text-decoration:none; color: white;}
.footer_text a:visited{text-decoration:none; color: white;}

.footer_text2{font-size:16px; line-height:130%; color: white;}
.footer_text2 a:link{text-decoration:none; color: white;}
.footer_text2 a:hover{text-decoration:underline; color: white;}
.footer_text2 a:active{text-decoration:none; color: white;}
.footer_text2 a:visited{text-decoration:none; color: white;}

@media only screen and (device-width:768px)and (orientation:landscape) {
	/*iPad landscape orientation styles */
	/*
	html, body{margin:0; padding:0; }
	h1 {display:none;}
	
	.main{margin:0 auto 0 auto;}
	
	
	.header_bg{height:100px; }
	#menu{position: absolute; height:100px; width: 588px;}
	#menu li#navi1, #menu li#navi2, #menu li#navi3, #menu li#navi4 {margin-top: 0px; }
	
	.footer_wrap{height: 254px; background-position: 0px 56px;}
	.footer_bg{height:254px;}
	
	.footer_l{top: 116px;}
	.footer_center{padding-top: 80px; bottom: 10px; }
	.footer_r{top: 152px; }
	
	a#footer_contact_link { width: 500px; background-image: url(../img/contact_link_narrow.png); right: 0px; top: -80px; }*/
}

@media only screen and (device-width:768px)and (orientation:portrait) {
	/*iPad Portrait orientation styles */
	
}


.spl18{margin:0 0 0 18px;}
.red{color:#f13535;}
.font18{font-size:18px;}
.ls_color{color:#daba21;}
.right{text-align:right;}
.center{text-align:center;}
.spt450{margin-top:450px;}
.spt180{margin-top:180px;}
.spt89{margin-top:89px;}
.spt88{margin-top:88px;}
.spt87{margin-top:87px;}
.spt80{margin-top:80px;}
.spt79{margin-top:79px;}
.spt68{margin-top:68px;}
.spt60{margin-top:60px;}
.spt58{margin-top:58px;}
.spt55{margin-top:55px;}
.spt54{margin-top:54px;}
.spt50{margin-top:50px;}
.spt48{margin-top:48px;}
.spt47{margin-top:47px;}
.spt45{margin-top:45px;}
.spt44{margin-top:44px;}
.spt42{margin-top:42px;}
.spt40{margin-top:40px;}
.spt36{margin-top:36px;}
.spt35{margin-top:35px;}
.spt33{margin-top:33px;}
.spt30{margin-top:30px;}
.spt29{margin-top:29px;}
.spt28{margin-top:28px;}
.spt27{margin-top:27px;}
.spt26{margin-top:26px;}
.spt25{margin-top:25px;}
.spt23{margin-top:23px;}
.spt22{margin-top:22px;}
.spt20{margin-top:20px;}
.spt19{margin-top:19px;}
.spt18{margin-top:18px;}
.spt17{margin-top:17px;}
.spt16{margin-top:16px;}
.spt15{margin-top:15px;}
.spt14{margin-top:14px;}
.spt13{margin-top:13px;}
.spt12{margin-top:12px;}
.spt10{margin-top:10px;}
.spt9{margin-top:9px;}
.spt8{margin-top:8px;}
.spt7{margin-top:7px;}
.spt6{margin-top:6px;}
.spt5{margin-top:5px;}
.spt4{margin-top:4px;}
.spt3{margin-top:3px;}
.spt2{margin-top:2px;}
.spt1{margin-top:1px;}
.clear{clear:both; margin:0; padding:0;}
.clearbar{ visibility: hidden; display: block; clear: both; }
#pl-main p {
	line-height: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#pl-main ul {
}

#preptable tbody tr td ul li {
	text-align: left;
	line-height: 25px;
	font-size: 15px;
}