﻿body{
background-color:#d6e9fa;
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック",Osaka;
}
*{
font-size:12px;
line-height:150%;
font-weight:normal;
}
img{
border:none;
}
strong{
font-weight:bold;
}
a:link,a:visited{
color:#003399;
text-decoration:none;
}
a:hover{
color:#ff0033;
text-decoration:none;
}
h1,h2,h3,h4,h5,p,div,dl,dt,dd,ul,ol,li{
margin:0;
padding:0;
}
h3{
margin:0;
padding:0;
}
h4{
font-size:14px;
line-height:150%;
font-weight:bold;
}
h4.r540{
width:540px;
}
#center{
width:820px;
margin:0 auto;
padding:0;
overflow:hidden;
background:url("../img/cont_bg.gif") repeat-y;
}
#btm{
width:820px;
height:20px;
float:left;
margin:0;
padding:0;
background:url("../img/foot_btm.gif") no-repeat;
}
#wrap{
width:800px;
float:left;
display:inline;
margin:0 0 0 10px;
}
#header{
width:800px;
float:left;
}
#header h1{
width:204px;
height:60px;
margin:0;
padding:0;
background:url("../img/header_logo.gif") no-repeat;
}
#navi{
background:url("../img/headnavi.gif") no-repeat;
float:left;
width:800px;
height:40px;
margin:0 0 10px 0;
padding:0;
}

#navi li, #navi a{
display:block;
}

#navi li{
float:left;
width:100px;
height:40px;
list-style:none;
display:inline;
}

#navi01,#navi02,#navi03,#navi04,#navi05{
width: 100px;
height:40px;
}

#navi01 a:hover {float:left;width:100px;height:40px;background:url("../img/headnavi.gif") 0px -40px no-repeat; }
#navi02 a:hover {float:left;width:100px;height:40px;background:url("../img/headnavi.gif") -100px -40px no-repeat; }
#navi03 a:hover {float:left;width:100px;height:40px;background:url("../img/headnavi.gif") -200px -40px no-repeat; }
#navi04 a:hover {float:left;width:100px;height:40px;background:url("../img/headnavi.gif") -300px -40px no-repeat; }
#navi05 a:hover {float:left;width:100px;height:40px;background:url("../img/headnavi.gif") -400px -40px no-repeat; }

#navi01on {background:url("../img/headnavi.gif") 0px -80px no-repeat; }
#navi02on {background:url("../img/headnavi.gif") -100px -80px no-repeat; }
#navi03on {background:url("../img/headnavi.gif") -200px -80px no-repeat; }
#navi04on {background:url("../img/headnavi.gif") -300px -80px no-repeat; }
#navi05on {background:url("../img/headnavi.gif") -400px -80px no-repeat; }

#header h2{
width:800px;
}


.border{
width:800px;
height:5px;
margin:0;
padding:0;
font-size:1px;
line-height:1px;
float:left;
background:url("../img/head_line_blue.gif") no-repeat;
}

.pagetop{
	text-align:right;
	margin:20px 10px 20px 0;
}

/* span */
#header h1 span,
#footer .copyright span,
#navi span{
display:block;
width:1px;
height:1px;
overflow:hidden;
}

.clr{
clear:both;
}

.righttext{
text-align:right;
margin:0 0 5px 0;
padding:0;
}

#news{
width:700px;
float:left;
display:inline;
margin:20px 0 20px 50px;
}


/* footer */
#footer{
text-align:center;
width:800px;
float:left;
padding:0 0 30px 0;
background-color:#eeeeee;
}
#footer .copyright{
width:324px;
height:12px;
float:left;
display:inline;
margin:20px 0 0 238px;
background:url("../img/footer_copyright.gif") no-repeat;
}
#footer .footernavi{
margin:10px 0 0 0;
}

/*	items */


.w780{
 clear:both;
 width:780px;
 }
.w470{
width:470px;
display:inline;
}
.w290{
width:290px;
display:inline;
}
.wp31{
	width:240px;
	float:left;
	margin:0 10px;
	display:inline;
}
.wp32{
	margin:0 10px;
	display:inline;
	width:500px;
	float:left;
}



.leftbox{
float:left;
margin:2px 7px 2px 2px;
display:inline;
}
.rightbox{
float:right;
display:inline;
margin:2px 2px 2px 7px;
}

.fl{
float:left;
}
.fr{
float:right;
}

.mt5{
margin-top:5px !important;
}
.mt10{
margin-top:10px !important;
}
.mt20{
margin-top:20px !important;
}
.mt30{
margin-top:30px !important;
}
.mt40{
margin-top:40px !important;
}
.mb5{
margin-bottom:5px !important;
}
.mb10{
margin-bottom:10px !important;
}
.mb20{
margin-bottom:20px !important;
}
.mb30{
margin-bottom:30px !important;
}
.mb40{
margin-bottom:40px !important;
}
.mr10{
margin-right:10px !important;
}
.mr20{
margin-right:20px !important;
}
.ml10{
margin-left:10px !important;
}
.ml20{
margin-left:20px !important;
}

.pb5{
padding-bottom:5px !important;
}
.pb10{
padding-bottom:10px !important;
}
.pb20{
padding-bottom:20px !important;
}
.pb30{
padding-bottom:30px !important;
}
.ar{
text-align:right;
}
.fl{
float:left;
margin:0 10px 10px 0;
display:inline;
}
.fr{
float:right;
margin:0 0 10px 10px;
display:inline;
}
.clearfix:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

/* for WinIE7 only */
*:first-child+html .clearfix{
height: 1%;
}
/* for WinIE6 and below */
/*\*/
* html .clearfix{
height: 1%;
}

.gbox{
	width:780px;
	background-color:#f0f0f0;
	padding-top:10px;
	padding-bottom:10px;
	}

.fb{
	color:#003399;
	}
.ulb{
border-bottom:1px solid #94b1ec;
}
