/* ====================================================================
 RESET setting
======================================================================= */
*{ margin:0; padding:0;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, code, form, fieldset, legend, input, textarea, 
p, blockquote, th, td{margin:0;padding:0;}
a {outline: none; text-decoration: none;}
img { border:none }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
sup{ line-height:100%;}

/* Clearfix
------------------------------------------------------------------------*/
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clear { clear:both; }

/* ====================================================================
 基本設定
======================================================================= */
html,body{
	height:100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	line-height: 1.7;
	color: #333;
	-webkit-text-size-adjust: none;
}
#wrap{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}
/* =================================================================
 ヘッダー
================================================================= */
header{
	width:100%;
	height:130px;
	border-top:#34B154 5px solid;
}
header .header_area{
	width:980px;
	margin:0 auto;
}
.header_area .ha_left{
	float:left;
	margin-top:40px;
}
.header_area .ha_right{
	float:right;
	margin-top:20px;
}
.ha_right ul{
	list-style:none;
	padding:0;
	margin:0;
}
.ha_right li{
	float:left;
	padding:0;
	margin-left:15px;
}
.ha_right li a:hover{
	opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
	-khtml-opacity: .60; /* Safari 1.x */
	-moz-opacity: .60; /* FF lt 1.5, Netscape */
}

/* =================================================================
 ナビゲーション
================================================================= */
nav{
	width:100%;
	border-bottom:#ddd 1px solid;
}
nav ul{
	width:980px;
	list-style:none;
	padding:0;
	margin:0 auto;
}
nav ul li{
	float:left;
	padding:0;
	margin:0;
}
nav ul li img{
	display:block;
}
/* =================================================================
 メイン
================================================================= */
#contents{
	width:100%;
	padding-bottom:360px;
	margin:0 auto;
}
#contents #bnr_area{
	width:925px;
	overflow:hidden;
	border:#E1F0E3 1px solid;
	background: url(../image/common/bg1.png) repeat;
	/*padding:30px 15px 30px 40px;*/
	padding:20px 15px 20px 40px;
	margin:30px auto 80px auto;
}
#bnr_area ul{
	list-style:none;
	padding:0;
	margin:0;
}
#bnr_area li{
	float:left;
	padding:0;
	margin:10px 8px 10px 0px;
}

#bnr_area li img{
	display:block;
}
/* =================================================================
 フッター
================================================================= */
footer{
	width:100%;
	height:360px;
	background:#F4F4F4;
	position:absolute;
	bottom:0;
}
footer .footer_area1{
	width:980px;
	height:250px;
	position:relative;
	padding:35px 0;
	margin:0 auto;
}
.footer_area1 .fa1_left{
	float:left;
}
.footer_area1 .fa1_left p{
	font-size:116%;
	margin-bottom:20px;
}
.footer_area1 .fa1_right{
	float:right;
}
.fa1_right ul{
	float:left;
	font-size:100%;
	list-style:none;
	padding:0;
	margin-left:40px;
}
.fa1_right ul li{
	background: url(../image/common/footer_po.png) no-repeat;
	background-position:0px 6px;
	padding-left:21px;
	margin-bottom:13px;
}
.fa1_right ul li a{
	color:#333;
}
.fa1_right ul li a:hover{
	text-decoration: underline;
}
 .footer_area1 .totop{
 	right:0;
 	bottom:20px;
	position:absolute;
}

/* COPYRIGHT */
footer .footer_area2{
	height:30px;
	color:#FFF;
	text-align:center;
	background:#34B154;
	padding-top:10px;
}