@charset "utf-8";
/* CSS Document */

/*
[1]レイアウトに関する指定
[2]ヘッダー内の各部分指定
[3]全体のリンク指定
[4]フォントに関する指定
[5]リストに関する指定
[6]クラスの指定
[7]その他
*/

/*======================================
[1]レイアウトに関する指定
======================================*/
html,body{
	height:100%;
	}

body{
	background-color: #F6F6F6;
}

body,h1,h2,h3,h4,h5,h6,h7,p,address{
	margin:0;
	padding:0;
}

#wrapper{
	background-image:url(../img/bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	width:998px;
	margin:0 auto;
	}

#container{
	margin:0 49px;
	padding-bottom:20px;
	}

#breadcombs{
	margin-bottom:12px;
	font-size:10px;
	}
	
/* sidenavi */
#container #sidenavi{
	float:left;
	background:url(../img/bg_sidenavi.gif) repeat 0 0;
	width:233px;
	}
#container #sidenavi ul{
	margin:0 12px 12px 12px;
	}
#container #sidenavi ul li.sn_end{ /*sidenavi　通常バージョン*/
	background:url(../img/sn_end.gif) no-repeat bottom center;
	width:209px;
	height:41px;
	display:block;
	}
#container #sidenavi ul li.sn_end_l{ /*sidenavi　ロングバージョン*/
	background:url(../img/sn_end.gif) no-repeat bottom center;
	width:209px;
	height:61px;
	display:block;
	}
ul.leftMenu,
ul.leftMenu img{
	margin:0 0 0 6px !important;
	padding:0 !important;
	}
ul.leftMenu li{
	margin:0;
	padding:0;
	}

/*footer*/
#footer{
	background:url(../img/bg_foot.gif) repeat-x 0 0;
	height:118px;
	width:998px;
	display:block;
	margin:0 auto;
	}

#footer p{
	font-size: 0.8em;
	color:#666;
	}

.gotop{
	padding-right:64px;
	padding-top:15px;
	width:80px;
	height:15px;
	display:block;
	}


/*======================================
[2]ヘッダー内の各部分指定
======================================*/
#header{
	width:930px;
	margin:0 34px;
	}

#header #logo{
	width:325px;
	height:45px;
	}
#header #logo h1 a{
	background-image:url(../img/logo.jpg);
	background-repeat:no-repeat;
	width:325px;
	height:45px;
	display:block;
	position:absolute;
	text-indent:-999999px;
	}
#gnavi{
	background-image:url(../img/bg_gnavi.jpg);
	width:930px;
	height:66px;
	margin:3px 34px;
	}

#gnavi li{
	float:left;
	height:66px;
	text-align:center;
	text-indent:-999999px;
	}
	
#gnavi li#g_01 a{
	background-image:url(../img/bg_gnavi.jpg);
	background-position:0px 0px;
	width:166px;
	height:66px;
	display:block;
	}
#gnavi li#g_01 a:hover{
	background-image:url(../img/bg_gnavi.jpg);
	background-position:0px -66px;
	width:166px;
	height:66px;
	display:block;
	}
#gnavi li#g_02 a{
	background-image:url(../img/bg_gnavi.jpg);
	background-position:-166px 0px;
	width:151px;
	height:66px;
	display:block;
	}
#gnavi li#g_02 a:hover{
	background-image:url(../img/bg_gnavi.jpg);
	background-position:-166px -66px;
	width:151px;
	height:66px;
	display:block;
	}
#gnavi li#g_03 a{
	background-image:url(../img/bg_gnavi.jpg);
	background-position:-317px 0px;
	width:151px;
	height:66px;
	display:block;
	}
#gnavi li#g_03 a:hover{
	background-image:url(../img/bg_gnavi.jpg);
	background-position:-317px -66px;
	width:151px;
	height:66px;
	display:block;
	}
#gnavi li#g_04 a{
	background-image:url(../img/bg_gnavi.jpg);
	background-position:-468px 0px;
	width:151px;
	height:66px;
	display:block;
	}
#gnavi li#g_04 a:hover{
	background-image:url(../img/bg_gnavi.jpg);
	background-position:-468px -66px;
	width:151px;
	height:66px;
	display:block;
	}
#gnavi li#g_05 a{
	background-image:url(../img/bg_gnavi.jpg);
	background-position:-619px 0px;
	width:151px;
	height:66px;
	display:block;
	}
#gnavi li#g_05 a:hover{
	background-image:url(../img/bg_gnavi.jpg);
	background-position:-619px -66px;
	width:151px;
	height:66px;
	display:block;
	}
	
/*======================================
[3]全体のリンク指定
======================================*/
a:link{
	text-decoration:none;
	color: #336699;
	}
a:visited {
	text-decoration:none;
	color: #336699;
	}
a:hover{
	text-decoration:underline;
	color: #336699;
	}


/*======================================
[4]フォントに関する指定
======================================*/
body {
	font-family:Arial,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 0.8em;
	color:#3F3F3F;
	line-height: 150%;}

/*======================================
[5]リストに関する指定
======================================*/
ul,li{
	list-style-type:none;
	}
ul{
	margin:0px;
	padding:0px;
	}

/*======================================
[6]クラスの指定
======================================*/
/*文字装飾*/
.fbold{font-weight:bold;}

/*フォントサイズ*/
.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}

/*行間*/
.lhn{line-height:0px;}
.lhs{line-height:10px;}
.lhm{line-height:18px;}
.lhb{line-height:22px;}

/*マージン*/
/*all*/
.m0{margin:0px;}
.m3{margin:3px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m12{margin:12px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m25{margin:25px;}
.m30{margin:30px;}
.m35{margin:35px;}
.m40{margin:40px;}
.m45{margin:45px;}
.m50{margin:50px;}
/*top*/
.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
/*bottom*/
.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb45{margin-bottom:45px;}
.mb50{margin-bottom:50px;}
/*right*/
.mr0{margin-right:0px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15{margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
/*left*/
.ml0{margin-left:0px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15{margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}

/*パディング*/
/*all*/
.p0{padding:0px;}
.p3{padding:3px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p12{padding:12px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}
.p35{padding:35px;}
.p40{padding:40px;}
.p45{padding:45px;}
.p50{padding:50px;}
/*top*/
.pt0{padding-top:0px;}
.pt3{padding-top:3px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
/*bottom*/
.pb0{padding-bottom:0px;}
.pb3{padding-bottom:3px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
/*right*/
.pr0{padding-right:0px;}
.pr3{padding-right:3px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}
/*left*/
.pl0{padding-left:0px;}
.pl3{padding-left:3px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}

/*横幅*/
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w22{width:22%;}
.w25{width:25%;}
.w30{width:30%;}
.w40{width:40%;}
.w48{width:48%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w75{width:75%;}
.w78{width:78%;}
.w80{width:80%;}

/*フロート*/
.right {float:right;}
.left {float:left;}
.clear{clear:both;}

/*横揃え*/
.txtar{text-align:right;}
.txtal{text-align:left;}
.txtac{text-align:center;}

/*縦揃え*/
.vat{vertical-align:top;}
.vac{vertical-align:middle;}
.vab{vertical-align:bottom;}

/*ボーダー*/
.bd_b{border:1px solid #000000;}
.bd_g{border:1px solid #CCCCCC;}

/*======================================
[7]その他
======================================*/
img{
	border:none;
	vertical-align:top;
}

/*clerafix*/
#container:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	clear:both;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */