@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:#100912;
	color:#3a3939;
	font-size:83%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	_text-align:left;
	text-align:left;	
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	}


#qa{
	padding:0px;
	background-color:#0b5dde;
	color:#ffffff;
}

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:100%;
	margin:0 auto;
		text-align:left;
}

#wrapperB{
	margin:auto;
	width:600px;
	padding:20px;}


#wrapperQa{
	width:550px;
	margin:0 auto;
		text-align:center;
}

.qaBox{
	width:468px;
	margin:0 auto;
	padding:5px 15px; 
	background-image:url(../images/qa_middle.gif);
	background-repeat:repeat-y;
	text-align:left;		
}

#header{
	display:inline-block;/*----------------IE7 clearfix*/
	width:365px;
	text-align:center;
	margin:0 0 0 14px;
	padding:10px;
	background-image:url(../images/bg2.png);
	position:relative;
		

	}

#btn2{
	width:184px;
	position:absolute;
	top:10px;left:400px;
	}

#btn2 a:hover img{
	opacity:0.75;
	filter: alpha(opacity=75);
}




#map{
width:247px;
min-height:191px;
padding-top:100px;
padding-left:35px;
	background-image:url(../images/h2_5.jpg);
	background-repeat:no-repeat;

}


.box{
width:536px;}


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

	}


#about{
	width:343px;
	margin:auto;
	text-align:left;}

#about td{
padding:5px 2px;
border-bottom:dashed 1px #393939;
}

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

#inline{
	display:none;}


#footer{
margin-top:0px;
color:#3f432c;
min-height:30px;
_height:30px;
padding:5px 0px 5px 0px ;
background-color:#100912;
}

.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;}	
	
.paLeft30px{
	padding-left:30px;}	
		
	
.paRight5px{
	padding-right:5px;}		
	

.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:20px;
	}




/*-------------------------2段組*/
.l2Col{
	float:left;
	width:370px;
	padding-left:30px;
	}
	
.r2Col{
	float:left;
	width:560px;
}




	
/*-------------------------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;
  /**/
}