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





/*BASIS*/
/*******************************************************************/
a { color: #2B8AAD;}
a:hover { color: #C36;}
hr { position: absolute; left: -9999em;}
.center { margin: 0 auto; text-align: center;}
.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;}





/*LAYOUT*/
/*******************************************************************/
body {
	margin: 0 auto;
	text-align: center;
	color: #4D4549;
}
div#container {
	position: relative;
	width: 900px;
	margin: 0 auto;
	text-align: justify;
	letter-spacing: 0.1em;
	line-height: 1.8;
	font-size: 93%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}





/*HEADER*/
/*******************************************************************/
div#header { height: 98px; margin-bottom: 10px; background: url(../images/header.gif) left bottom no-repeat;}
div#header a, div#header p {
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px; overflow: hidden;
}
div#header h1 a {
	position: absolute; top: 18px; left: 0;
	width: 298px; height: 57px;
	background-image: url(../images/logo.gif);
}
div#header p {
	position: absolute; top: 24px; right: 0;
	width: 294px; height: 24px;
	background-image: url(../images/tel.gif);
}
div#header ul { position: absolute; top: 76px; right: 0; height: 20px;}
div#header ul li { float: left;}
div#header ul li a { width: 136px; height: 20px;}
div#header ul li#btn01 a { background-image:url(../images/btn01.gif);}
div#header ul li#btn02 a { background-image:url(../images/btn02.gif);}
div#header ul li#btn03 a { background-image:url(../images/btn03.gif);}
div#header ul li#btn04 a { background-image:url(../images/btn04.gif);}
div#header ul li a:hover, div#header ul li.select a { background-position: 0 -20px;}





/*CONTENTS*/
/*******************************************************************/
div#contents { float: left; width: 570px; margin-bottom: 20px;}
div#side { float: right; width: 270px;}
div#info { padding: 8px 12px; border: solid 1px #E9E8E9;}
div#side li { padding-top: 10px;} 
h2 { padding: 0 0 20px;}
h3 { margin: 0 0 5px;}
h3.title {
	padding-left: 16px;
	background: url(../images/arrow.gif) left center no-repeat;
	border-bottom: solid 1px #000C40;
	font-size: 153.9%; font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	color: #000C40;
}
h4 { padding: 10px 0; font-size: 108%; font-weight: bold;}
div.contents p { margin-bottom: 10px;}
table { margin: 20px 0; line-height: 1.8; text-align: left;}
div#contents dt { font-weight: bold;}
div#contents dd { margin-bottom: 10px;}
.fl { float: left; width: 310px;}
.fr { float: right; width: 240px;}
div.fl p { padding: 10px 0;}
div.fr img { padding: 5px 0;}
ul.menu { margin-left: 20px;}
ul.menu li {
	margin-bottom: 15px; padding-bottom: 15px;
	border-bottom: dotted 1px #CCC;
	list-style: circle;
	line-height: 1.2;
}





/*******************************************************************/
/*FOOTER*/
/*******************************************************************/
div#footer {
	position: relative;
	clear: both;
	height: 100px;
	text-align: left;
	background: url(../../images/footer.gif) 0 0 repeat-x;
}
div#footer h4, div#footer ul { float: left; margin: 18px 0 0 20px; padding: 0;}
div#footer li { display: inline; list-style: none; padding-right: 20px;}
div#footer li a { padding-right: 16px; background: url(../../images/newwin.gif) right center no-repeat; color: #281112;}
div#footer address{
	position: absolute; top: 56px;
}