@charset "utf-8";
@import "reset.css";
@import "fonts.css";





/*BASIS*/
/*******************************************************************/
a { color: #2B8AAD;}
a:hover { color: #C36;}
hr { position: absolute; left: -9999em;}
.fl { float: left;}
.fr { float: right; margin: 0 0 10px 10px;}
.center { margin: 0 auto; text-align: center;}
.cl { clear: both;}
.clr { display: inline-block;} 
.clr:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;} 
/* start commented backslash hack \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* close commented backslash hack */
.attention { color: #900;}
.mini { font-size: 85%;}
.mb { margin-bottom: 50px;}
.yellow { background: #F9D227;}




/*LAYOUT*/
/*******************************************************************/
body {
	margin: 0 auto;
	text-align: center;
	color: #180102;
}
div#container {
	width: 950px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/back.jpg) left top repeat-y;
	letter-spacing: 0.1em;
	line-height: 1.4;
	font-size: 93%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
div#header, div#main {
	position: relative;
	width: 930px;
	margin: 0 auto;
	text-align: justify;
}





/*HEADER*/
/*******************************************************************/
div#header {
	height: 152px;
	background: url(../images/header.jpg) left top no-repeat #FFF;
}
div#header h1 a {
	position: absolute; top: 6px; left: 0;
	text-decoration: none;
	color: #EFD75C;
}
div#header ul { position: absolute; top: 100px; left: 0;}
div#header li { float: left;}
div#header li a {
	display: block;
	width: 186px; height: 52px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px; overflow: hidden;
}
div#header li#btn01 a { background-image:url(../images/btn01.gif);}
div#header li#btn02 a { background-image:url(../images/btn02.gif);}
div#header li#btn03 a { background-image:url(../images/btn03.gif);}
div#header li#btn04 a { background-image:url(../images/btn04.gif);}
div#header li#btn05 a { background-image:url(../images/btn05.gif);}
div#header li a:hover, div#header li.select a { background-position: 0 -52px;}





/*TOP*/
/*******************************************************************/
div#flash,
div#news { margin-bottom: 20px;}
div#news dt { float: left; clear: left; padding: 8px 0 8px 16px; background: url(../images/arrow2.gif) left center no-repeat;}
div#news dd strong { font-weight: bold; font-size: 116%; color: #C36;}
div#news dd { padding: 8px 0 8px 90px; border-bottom: dotted 1px #999;}
div#info li { float: left; width: 160px; padding: 10px 5px; text-align: center; font-size: 85%;}





/*CONTENTS*/
/*******************************************************************/
div#contents {
	float: right;
	display: inline;
	width: 705px;
	margin: 20px 20px 10px 0;
	background: #FFF;
}
div.top div#contents { background: none; color: #FFF;}
div#contents p { margin-bottom: 10px;}
div#contents div.section { padding: 20px;}
div#contents h3 {
	height: 30px;
	margin-bottom: 10px; padding-left: 30px;
	background: url(../images/h3.gif) left bottom no-repeat;
	line-height: 2;
	font-size: 135%;
	font-weight: bold;
}
div#contents ol { margin: 10px;}
div#contents ol li { list-style: none; margin-bottom: 10px; padding-bottom: 10px; border-bottom: dotted 1px #CCC;}

table.line { width: 660px; margin-bottom: 10px; border-top: solid 1px #CCC; border-left: solid 1px #CCC; line-height: 1.2;}
table.line th { width: 150px; padding: 10px 5px; text-align: center; background: #EEE; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC; font-weight: bold;}
table.line th span { color: #900;}
table.line td { padding: 10px 20px; border-bottom: solid 1px #CCC; border-right: solid 1px #CCC;}
input { margin-left: 4px; padding: 5px;}
.long { width: 400px;}

table.staff { width: 660px; margin-bottom: 10px; line-height: 1.2;}
table.staff th { font-weight: bold;}
table.staff td { padding: 6px 3px; font-size: 85%;}
table.staff td.comment { padding: 6px 12px; vertical-align: top;}




/*SIDE*/
/*******************************************************************/
div#side { float: left; display: inline; width: 175px; margin: 10px 0 10px 5px; line-height: 1.2}
div#side div.section { margin-bottom: 10px; background: url(../images/side.gif) left top repeat-y;}
div#side div.banner { margin-bottom: 10px;}
div#side div.section ul,
div#side div.section form,
div#side div.section p.end { padding-bottom: 2px; background: url(../images/bottom.gif) left bottom no-repeat;}
div#side div.section li { display: inline;}
div#side div.section li a {
	display: block;
	margin: 0 2px;
	padding: 5px 5px 5px 12px;
	background: url(../images/arrow.gif) 6px center no-repeat #CCC;
	border-bottom: solid 1px #F2F2F2;
	text-decoration: none;
	color: #000;
}
div#side div.section li a:hover { background: url(../images/arrow.gif) 6px center no-repeat #DDD;}
div#side div.section h4 { font-weight: bold;}
div#side div.section h4,
div#side div.section p { margin: 0 6px 6px 6px; padding-bottom: 6px; border-bottom: dotted 1px #999;}
div#side div.section p.end { margin: 0 0 6px; padding: 0 6px 10px 6px; border: none;} 
div#side div.section form { text-align: center;}





/*FOOTER*/
/*******************************************************************/
div#footer {
	position: relative;
	clear: both;
	width: 950px;
	height: 60px;
	margin: 0 auto;
	background: url(../images/footer.jpg) 0 0 no-repeat #FFF;
}
div#footer div#top a {
	display: block;
	position: absolute; top: 22px; right: 10px;
	width: 94px; height: 10px;
	background: url(../images/pagetop.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
div#footer address { position: absolute; top: 22px; left: 10px; font-style: normal; letter-spacing: 0.2em; font-size: 85%;}