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

body{
	margin:0;
	padding:0;
	font-size:14px;
	color:#666666;
	list-style:none;
	letter-spacing:1px;	
	font-family: "-apple-system, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'メイリオ', meiryo, sans-serif";
	background:#FFFFFF;
	line-height:1.5;
}

p{
	letter-spacing:2px;
	line-height:18px;
	margin:0;
}

a{
	border:0px;
	color:#00F;
	text-decoration:none;
	letter-spacing:2px;
	
	}
	
a:hover{
	text-decoration:underline;
	opacity:0.8;
}


img{
	border:none;
	vertical-align: bottom;
}

ul,li{
	list-style:none;
	margin:0;
	padding:0;
}

dl,dt,dd{
	margin:0;
	padding:0;
}

/************************************************
	共通STYLE
************************************************/
.wrapper{
	width:100%;
	margin:0 auto;
	text-align:center;
}

.container{
	max-width:960px;
	margin:0 auto;
	text-align:center;
	position:relative;
}

/*
---------------------------------------
画像と文字列の回り込み(FLOAT) 
親要素のボックスで幅(width)を個別に指定
--------------------------------------- */
div.common_img_float	{
	}

div.common_img_float img	{
	width		:100px;
	height		:100px;
	}

div.common_img_float dl	{
	display		:block;
	height		:120px;
	border-bottom	:1px dashed #7FC3EA
}
div.common_img_float dt	{
	width		:120px;
	clear 		:both;
	float 		:left;
	}
div.common_img_float dd	{
	margin-left	:120px;
	margin-top	:10px;
}
.common_img_float dd a	{
	font-weight	:bold;
}
.common_img_float h3	{
	padding-bottom	:0;
}

/*
---------------------------------------
テキストレイアウト系
--------------------------------------- */
.right_link	{
	text-align	:right;
}


div#system_error	{
	color		:#FF0000;
	padding		:24px;
	background	:#FFC0C0;
	border		:1px solid #333333;
}
div#system_error h1	{
	font-weight	:bold;
	font-size	:large;
	margin-bottom	:16px;
	border-bottom	:1px solid #000000;
}

/*
---------------------------------------
heder
--------------------------------------- */
.headWrap{
	height:100px;
}

.headWrap .headLogo{
	display:block;
	position:absolute;
	top:15px;
	left:0;
	width:210px;
	height:143;
	z-index:1;
}

.headWrap .navi{
	display:block;
	position:absolute;
	top:35px;
	right:10px;
}
.headWrap .navi li{
	border-left:2px solid #E7F5D4;
	padding:0 10px;
	display:inline-block;
	}
.headWrap .navi li:last-of-type{
	border-right:2px solid #E7F5D4;
	}

.headWrap .navi li a{
	color:#62260f;
	font-size:26px;
	font-weight:bold;
}
.headWrap .navi li a:hover{
	color:#91AE64;
}

/*
---------------------------------------
main
--------------------------------------- */
.main{
	background:url(../../images/bg_main.png) no-repeat #aaca81 center 0;
	height:220px;
}
.main .mainPhot{
	padding-top:20px;
}

/*
---------------------------------------
contents
--------------------------------------- */
.contents .container{
	max-width:920px;
}
.contents .container .p{
	max-width:920px;
	color:#FF0040;
}
h1{
	color:#62260f;
	font-size:28px;
}

.topLead{
	margin:0 0 20px 0;
}
.topLead img{
	float:left;
	width:100px;
}
.topLead dl{
	padding-left:130px;
	text-align:left;
}
.topLead dt{
	font-weight:bold;
	color:#319b43;
	font-size:20px;
	padding-bottom:3px;
}
.topLead dd{
	line-height:1.5;
}
/*
.linkAera{
	background:#e7f5d4;
}
.linkAera .container{ 
	max-width:920px;
	padding:20px 0;
}
.linkAera .container li{
	display:inline-block;
	width:300px;
	vertical-align: bottom;
	position:relative;
	}

.linkAera .container li p{
	position:absolute;
	top:0;
	left:0;
	opacity:0.8;
	background:#000000;
	width:300px;
	height:120px;
	margin:0;
	padding:0;
	color:#ffffff;
	padding:auto 0;
}
.linkAera .container li p span{
	text-align:center;
	height:inherit;
	padding-top:40px;
	display:inline-block;
}
.contactAera{
	padding:20px 0;
	height:100px;
}
*/
/*
---------------------------------------
fotter
--------------------------------------- */
.fotterWrap{
	background:url(../../images/bg_fotter.png) no-repeat #92af65 center 0;
	height:100px;
}
.fotterWrap .container{
	background:url(../../images/top_fotter001.png) no-repeat;
	height:100px;
}
.address{
	text-align:left;
	padding:50px 0 0 140px;
}
.copyright{
	background:#62260f;
	min-height:30px;
}
.copyright p{
	font-size:90%;
	color:#ffffff;
	margin:0;
	padding:5px 0 0 0;
}
.copyright p a{
	color:#ffffff;
}
/*
---------------------------------------
clearfix
--------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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