@charset "utf-8";

html{filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.clearfix:after {


    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*===================== all base =====================*/
* { 
	margin: 0; padding: 0; 
}
body{
	background:#FFF;
	text-align:center;
}
img{
	border:0;
}

/*-------------------- header Area --------------------*/
#header{
	height:104px;
}
#headerArea{
	height:104px;
	background:#CCFFFF;
}

#navi{
	height:90px;
	background:url(/com/img/navi_bg.gif) repeat-x 0 0;
	text-align:center;
}
#navi ul{
	list-style-type:none;
	margin:0 auto;
	width:900px;
}
#navi li{
	float:left;
}
#navi li a{
	display:block;
	height:55px;
	width:150px;
	background: url(/com/img/navi.gif) no-repeat 0 0;
}
#navi li.navi1 a {background-position: 0px 0px;}
#navi li.navi2 a {background-position: -150px 0px;}
#navi li.navi3 a {background-position: -300px 0px;}
#navi li.navi4 a {background-position: -450px 0px;}
#navi li.navi5 a {background-position: -600px 0px;}
#navi li.navi6 a {background-position: -750px 0px;}

#navi li.navi1 a:hover ,#navi li.navi1ov a {background-position: 0px -55px;}
#navi li.navi2 a:hover ,#navi li.navi2ov a {background-position: -150px -55px;}
#navi li.navi3 a:hover ,#navi li.navi3ov a {background-position: -300px -55px;}
#navi li.navi4 a:hover ,#navi li.navi4ov a {background-position: -450px -55px;}
#navi li.navi5 a:hover ,#navi li.navi5ov a {background-position: -600px -55px;}
#navi li.navi6 a:hover ,#navi li.navi6ov a {background-position: -750px -55px;}




/*-------------------- footer Area --------------------*/
#footerArea{
	padding: 5px 0 0; 
}
.pagetopF{
	width: 900px;
	margin:0 auto;
	padding:15px 0 30px;
	text-align:right;
	background: url(/com/img/dotline.gif) no-repeat right top;
}
.footBG{
	background: url(/com/img/footer_bg.gif) repeat-x 0 0;
	text-align:center;
	height:75px;
}
.footer{
	width: 900px;
	margin:0 auto;
	padding-top:10px;
}
ul.footNavi{
	width: 457px;
	list-style-type:none;
}		
ul.footNavi li{
	float:left;
}
ul.footNavi li a{
	display:block;
	height:25px;
	background: url(/com/img/footer_navi.gif) no-repeat 0 0;
}
ul.footNavi li.Fnavi1 a {width:119px;background-position: 0px 0px;}
ul.footNavi li.Fnavi2 a {width:131px;background-position: -119px 0px;}
ul.footNavi li.Fnavi3 a {width:109px;background-position: -250px 0px;}
ul.footNavi li.Fnavi4 a {width:98px;background-position: -359px 0px;}
ul.footNavi li.Fnavi1 a:hover {background-position: 0px -25px;}
ul.footNavi li.Fnavi2 a:hover {background-position: -119px -25px;}
ul.footNavi li.Fnavi3 a:hover {background-position: -250px -25px;}
ul.footNavi li.Fnavi4 a:hover {background-position: -359px -25px;}




/*-------------------- Main flame --------------------*/
#container{
	width: 900px;
	margin:0 auto;
	text-align:left;
}
#mainArea{
	width: 665px;
	float:right;
}
#sideArea{
	width: 205px;
	float:left;
}



/*-------------- side --------------*/
.menu{
	margin-bottom:5px;
	background:url(/com/img/sidemenu/menu_bg.gif) repeat-y 0 0;
}
.menuT{
	height:5px;
	font-size:1px;
	background:url(/com/img/sidemenu/menu_t.gif) repeat-y 0 0;
}
.menuB{
	height:6px;
	font-size:1px;
	background:url(/com/img/sidemenu/menu_b.gif) repeat-y 0 0;
}

.bannerArea{
	padding:0 5px 5px;
	background: url(/com/img/banner_bg.gif) ;
}
.bannerArea img{
	margin-top:5px;
}



/*-------------- main Area --------------*/
/*--- title ---*/
h2{
	margin:30px 0 0;
}

h3{
	width:635px;
	height:30px;
	margin:20px 0 8px;
	background: url(/com/img/ttl3_bg.gif) no-repeat 0 0;
}
h3.small{
	width:310px;
	height:30px;
	margin:20px 0 8px;
	background: url(/com/img/ttl3_bg_s.gif) no-repeat 0 0;
}
h3.small2{
	width:310px;
	height:30px;
	margin:10px 0 8px;
	background: url(/com/img/ttl3_bg_s.gif) no-repeat 0 0;
}
h3.mdl{
	width:375px;
	height:30px;
	margin:10px 0 8px;
	background: url(/com/img/ttl3_bg_m.gif) no-repeat 0 0;
}

h3 p ,h3.small p ,h3.mdl p{
	color:#0383C0;
	line-height:30px;
	padding-left:13px;
}



/*--- pankuzu ---*/
.pan{
	background:#F0F0F0 url(/com/img/dotline.gif) no-repeat left bottom;
}
.pan p{
	padding:10px 15px;
	line-height:1;
}
.pan p a:link,
.pan p a:visited{
	color:#1E1E1E;
	font-weight:bold;
	text-decoration: none;
}
.pan p a:hover,
.pan p a:active{
	color:#1E1E1E;
	font-weight:bold;
	text-decoration: underline;
}
.pan p a.active:link,
.pan p a.active:visited{
	color:#0082BE;
	font-weight:bold;
	text-decoration: none;
}
.pan p a.active:hover,
.pan p a.active:active{
	color:#0082BE;
	font-weight:bold;
	text-decoration: underline;
}

/*--- area ---*/
.area0{
	padding:20px 15px 0;
}
.area1{
	padding:20px 15px;
}


.area310{
	width:310px;
}

/*--- dotline ---*/
.dotline{
	margin:15px 0;
}



/*-------------- table --------------*/
.tableLine{
	border-collapse: collapse;
}
.tableLine td{
	padding:10px;
	border:1px solid #C0C0C0;
	background:#FFF;
}
.tableLine td.ttl{
	padding:5px;
	border:1px solid #C0C0C0;
	background:#DAECF6;
	color:#0082BE;
	text-align:center;
}

.tableLine2{
	border-collapse: collapse;
}
.tableLine2 td{
	padding:5px;
	border:1px solid #C0C0C0;
	background:#FFF;
}

.tableA{
	border-collapse: collapse;
}
.tableA th{
	padding:5px;
	border:1px solid #C0C0C0;
	background:#DAECF6;
	color:#0082BE;
	text-align:center;
	font-weight:normal;
}
.tableA td{
	padding:5px;
	border:1px solid #C0C0C0;
	background:#FFF;
}
.tableA td.bg1{
	background:#F4F9FC;
}
.tableA td.total{
	color:#FFF;
	background:#5CAFD7;
}



/*-------------- other --------------*/
/*---- margin ----*/
.mgnT10{
	margin-top:10px;
}
.mgnT20{
	margin-top:20px;
}
.mgnT30{
	margin-top:30px;
}
.mgnT40{
	margin-top:40px;
}
.mgnTB20{
	margin:20px 0;
}
.mgnR15{
	margin-right:15px;
}


/*---- float ----*/
.left{
	float:left;
}
.right{
	float:right;
}


/*---- font ----*/
p , td , th {
	color:#1E1E1E;
	line-height:150%;
}
.bold{
	font-weight:bold;
}
.fcolor01{
	color:#0082BE;
}

.txtL{
	text-align:left;
}
.txtR{
	text-align:right;
}
.txtC{
	text-align:center;
}
.txtH{
	vertical-align:middle;
}

span.text_out {
	position:absolute;
	top:-5000px;
	left:-999px;
	font-size:1px;
}
/*IEのみ*/
* html span.text_out{
	position:static;
	visibility: hidden;
}

/*---- link ----*/
a:link,
a:visited{
	color:#0082BE;
	text-decoration: none;
}
a:hover,
a:active{
	color:#0082BE;
	text-decoration: underline;
}


/*---- attention ----*/
p.attention{
	margin:5px 0;
	padding:3px 0 3px 25px;
	color:#FF0000;
	background: url(/com/img/attention_icon.gif) no-repeat 0 0.3em;
}


/*---- pagetop ----*/
.pagetop{
	text-align:right;
}

/*---- button page ----*/
.btnGB{
	background: url(/com/img/btn_bg.gif);
}
.dataDot{
	margin:8px 0 3px;
}