@charset "Shift_JIS";
@import url("navi.css");

/*common.css
--------------------*/

/* format */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,img,li,address,table,th,td,form,select,option,input,label
{margin:0; padding:0;}
h1,h2,h3,h5,h6 { font-size:100%; font-weight: normal; margin: 0; padding: 0;}
h4 { font-size:14px; font-weight:bold; color:#0000FF; margin: 0; padding: 0;}
hr{display:none;}
p{margin:0; padding: 0;}
table, tr, td, th
{border-collapse:collapse; font-size:100%;}
fieldset, legend{border:none; padding:0; margin:0;}
img{display:block; border:none; margin: 0; padding: 0;}
img.inline{display:inline; vertical-align:middle; margin:0 2px;}
a:link{color:#558abc; text-decoration: none;}
a:visited{color:#558abc; text-decoration: none;}
a:hover{color:#1b5284; text-decoration:none;}
a:active{color:#558abc; text-decoration: none;}

sup{font-size: 0.7em;}
sub{font-size: 0.7em;}


/* link hover */
.hover a{}
.hover a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


/* position */
.p-r{ position:relative; }
.p-a{ position:absolute; }
.f-l{ float:left; margin: 0; padding: 0;}
.f-r{ float:right; }
.ta-l{ text-align:left; }
.ta-c{ text-align:center; }
.ta-r{ text-align:right; }
.va-t{ vertical-align: top; }
.c-b{ clear:both; }


/* margin */
.mt5{margin-top: 5px;}
.mt8{margin-top: 8px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mb5{margin-bottom: 5px;}
.mb8{margin-bottom: 8px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mt15b8{margin-top: 15px; margin-bottom: 8px;}
.ml10{margin-left: 10px;}
.ma{margin: auto;}
.mt8a{margin: 8px auto 0 auto;}
.pt8{padding-top: 8px;}



/* size */
.fs-ss{ font-size:10px; line-height: 1.5em; }
.fs-s{ font-size:11px; }
.fs-m{ font-size:16px; }
.fs-l{ font-size:18px; }
.ls-s{ letter-spacing:-1pt; }
.ls-m{ letter-spacing:0pt; }
.ls-l{ letter-spacing:1pt; }


/* color */
.st{color: #c2201e;}
.effect{color: #275914;}


/* border */

/* decorate etc. */
.hide{ text-indent:-9999px;font-size:0pt; }
.fw-b{ font-weight:bold; }
.fw-n{ font-weight:normal; }
.tt-u{ text-transform:uppercase; }
.ws-n{ white-space:nowrap; }


body{
	background:#eeeeee;
	text-align: center;
	font-family:"‚l‚r ƒSƒVƒbƒN","ƒqƒ‰ƒMƒmŠpƒS Pro W3",sans-serif;
	font-size: 12px;
	color: #555555;
	line-height: 1.4;
}

/* bg */
#contents{
	background: #ffffff;
}

#main_bg{
	width: 745px;
	margin: auto;
	overflow: hidden;
	background: url(../img/main_bg.gif) repeat-y;
}

/* head */
#head{
	width: 745px;
	height: 75px;
	position: relative;
	margin: auto;
	background: url(../img/head.gif) no-repeat;
}

#head h1{
	width: 700px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 15px;
	font-size: 10px;
	text-align: right;
	line-height: 12px;
}

#logo{
	width: 150px;
	height: 40px;
	position: absolute;
	top: 23px;
	left: 45px;
}

/*main*/
#main{
	width: 699px;
	overflow: hidden;
	margin: auto;
	padding-bottom: 15px;
}

#main_l{
	width: 169px;
	overflow: hidden;
}

#main_r{
	width: 530px;
	overflow: hidden;
}


/* left bnr */
.left_bnr{
	width: 155px;
	margin: 8px auto 0 auto;
	overflow: hidden;
}


/* right box */
.right_box{
	clear: both;
	width: 515px;
	overflow: hidden;
	float: right;
}


/* foot */
#foot_bg{
	clear: both;
	height: 100px;
	background:#eeeeee url(../img/foot_bg.gif) repeat-x;
}

#foot{
	width: 745px;
	height: 100px;
	position: relative;
	margin: auto;
	overflow: hidden;
	background: url(../img/foot.gif) no-repeat;
}


#foot a:link{
	color: #555555;
	text-decoration: none;
}

#foot a:visited{
	color: #555555;
	text-decoration: none;
}

#foot a:hover{
	color: #7f7f7f;
	text-decoration: none;
}

#foot a:active{
	color: #555555;
	text-decoration: none;
}

#page_top{
	width: 72px;
	height: 18px;
	position: absolute;
	top: 1px;
	right: 15px;
}

#foot_navi{
	width: 745px;
	height: 20px;
	color: #c5c5c5;
	font-size: 10px;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN","ƒqƒ‰ƒMƒmŠpƒS Pro W3",sans-serif;
	line-height: 20px;
	text-align: center;
	position: absolute;
	top: 19px;
	left: 0;
}
#foot_navi table{ margin:3px auto; }
#foot_navi td{ padding:3px 4px;border-right:1px solid #c2c2c2;text-align:center;line-height:11px; }
#foot_navi td.none{ border-right:none; }

#copy{
	text-indent: -9999px;
}
.half_box h4 {
	font-size: 12px;
	background-color: #F3F3F3;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	text-align: left;
	color: #52a1c3;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 8px;
}
