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

/*---------------------------------------ページ基本定義*/
/*---------------------------------------フォント・テキスト定義*/
/*---------------------------------------基本レイアウト*/
/*---------------------------------------ヘッダ詳細*/
/*---------------------------------------グローバルナビゲーション*/
/*---------------------------------------ローカルナビゲーション*/
/*---------------------------------------contents詳細*/
/*---------------------------------------汎用ボックス*/
/*---------------------------------------段組み*/
/*---------------------------------------「ページトップへ」*/




/*---------------------------------------ページ基本定義*/

/*-------------------------CSS Reset*/
html, body, h1, h2, h3, h4, h5, h6,
blockquote, ul, ol, dl, form, div, p, img, td ,tr, table{
	margin:0;
	padding:0;
	}

img{
vertical-align:top;}

td{
vertical-align:top;}

/*-------------------------hack for IE 7 */
*+html{
	background-color:#ffffff;/*-----------IE7 zoom機能対策*/
	}

#index{
	padding:0px;
	background-color:#D9D9D9;
	color:#333333;
	font-size:83%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	_text-align:center;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	}


ul.noStyle{
	list-style-type:none;
	}
img{
	border:none;
	}
hr{
	display:none;
	}



/*---------------------------------------フォント・テキスト定義*/
.reg{
	font-size:100%;/*body 83% of 100%*/
	line-height:1.4em;
	}
.sml{
	font-size:80%;/*body 83% of 80%*/
	line-height:1.4em;
	}
.lrg{
	font-size:120%;/*body 83% of 120%*/
	line-height:1.4em;
	}
/*-----------------------ボールド*/
strong{
	font-weight:bold;
	font-style:normal;
	}
/*-----------------------下線*/
.uLine{
	text-decoration:underline;
	}
/*-----------------------約物「・」などを等幅で表示する*/
.mono{
	font-family:monospace;
	}


/*-----------------------基本リンクスタイル*/
a{
	}
a:link,
a:visited{
	color:#639700;
	text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	}


/*-----------------------真ん中寄せ、右寄せ*/
.alCenter{
	text-align:center;
	}
.alRight{
	text-align:right;
	}


/*---------------------------------------基本レイアウト*/
#skipMenu{
	position:absolute;
	visibility:hidden;
	}

#wrapper{
	width:960px;
	margin:0 auto;
		text-align:center;
}




#header{
	display:inline-block;/*----------------IE7 clearfix*/
	width:960px;
	text-align:left;
	margin:auto;
	min-height:231px;
	_height:231px;
	background-image:url(../images/top_bg.jpg);
	background-repeat:no-repeat;
	}




h1{
width:391px;
}


/*#logo a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}*/




#map{
width:373px;
min-height:191px;
background-color:#f4f4f4;
text-align:center;
}




#main{
	display:inline-block;/*----------------IE7 clearfix*/
	width:960px;
	text-align:left;   
	margin:auto;

	}

	
/*---------------------------------------contents詳細*/



#footer{
margin-top:10px;
color:#333333;
min-height:30px;
_height:30px;
padding:20px 0px 5px 0px ;

}

.footerBox{
width:800px;
margin:auto;

}

/*---------------------------------------汎用ボックス*/



.mgrow5px{
	margin:5px 0;
	}
.mgrow10px{
	margin:10px 0;
	}
.mgrow15px{
	margin:15px 0;
	}
.mgrow20px{
	margin:20px 0;
	}

.mgtop5px{
	margin-top:5px;
	}
	
.mgtop8px{
	margin-top:8px;
	}	
	
.mgtop10px{
	margin-top:10px;
	}
.mgtop15px{
	margin-top:15px;
	}
.mgtop20px{
	margin-top:20px;
	}
.mgtop30px{
	margin-top:30px;
	}

.mgbtm5px{
	margin-bottom:5px;
	}
.mgbtm10px{
	margin-bottom:10px;
	}
.mgbtm15px{
	margin-bottom:15px;
	}
.mgbtm20px{
	margin-bottom:20px;
	}
.mgbtm30px{
	margin-bottom:30px;
	}



.mgLeft5px{
	margin-left:5px;
}

.mgLeft10px{
	margin-left:10px;
}
.mgLeft19px{
	margin-left:19px;
}

.paTop5px{
	padding-top:5px;}

.paTop10px{
	padding-top:10px;}
	
.paTop15px{
	padding-top:15px;}

.paTop20px{
	padding-top:20px;}	
	
.paTop25px{
	padding-top:25px;}	
	
.paTop60px{
	padding-top:60px;}	
		
	
.paLeft3px{
	padding-left:3px;}
	

.paLeft10px{
	padding-left:10px;}

.paLeft19px{
	padding-left:19px;}
	
.paLeft26px{
	padding-left:26px;}	

.pabtm5px{
	padding-bottom:5px;
	}

.pabtm60px{
	padding-bottom:60px;
	}

/*左インデント付きボックス*/
.ind1em{
	padding-left:1em;
	}
.ind2em{
	padding-left:2em;
	}


/*段落*/
p.lead{
	margin:0 0 1.5em 0;
	width:773px;
	padding-left:50px;
	}



/*----------------------------------------段組み*/
.flWrap{
	display:inline-block;/*----------------IE7 clearfix*/
	width:960px;
	margin:auto;
	padding-top:5px;
	}

.flWrapA{
	display:inline-block;/*----------------IE7 clearfix*/
	width:960px;
	margin:auto;
	}



/*-------------------------2段組*/
.l2Col{
	float:left;
	width:391px;
	padding-left:105px;
	padding-top:10px;
	}
	
.r2Col{
	float:left;
	width:460px;
	padding-left:4px;
}



.l2ColA{
	float:left;
	width:373px;
	padding-left:100px;
	}
	
.r2ColA{
	float:left;
	width:373px;
	padding-left:10px;

}


	
/*-------------------------3段組*/
.l3Col,
.c3Col,
.r3Col{
	float:left;
	width:160px;
	}
.l3Col{
	background-color:#ffccff;
	}
.c3Col{
	margin-left:20px;
	background-color:#cccccc;
	}
.r3Col{
	margin-left:20px;
	background-color:#00ccff;
	}




/*---------------------------------------「ページトップへ」*/
.toPageTop{
	display:inline-block;/*----------------IE7 clearfix*/
	width:100%;
	margin:20px 0;
	}
.toPageTop a{
	display:block;
	float:right;
	min-width:80px;
	_width:95px;
	height:16px;
	padding-right:10px;
	}
.toPageTop a:link,
.toPageTop a:visited{
	}
.toPageTop a:hover{
	}
.toPageTop a span{
	/*display:none;*/
	}



/*clearfix start*/
#header:after,
#Navi ul:after,
#main:after,
.flWrap:after,
.toPageTop:after {
	content:".";
	height:0;
	font-size:0;
	clear:both;
	display:block;
	visibility:hidden;
}
/*clearfix end*/



.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}