@charset "utf-8";
@import "html5reset-1.6.1.css";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "MS Pゴシック", "MS P Gothic", "Myriad Web", "Myriad Pro", Verdana, sans-serif;
	color: #3c2800;
	font-size: 16px;
	letter-spacing: 0.1em;
	-webkit-text-size-adjust:none;
	height: 100%;
	min-width: 1000px;
	background: url(../images/main_bg.jpg) center;
}
html{
height: 100%;
}
img{
border-style: none;
}
br {
letter-spacing: 0;
}
a{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	text-decoration: none;
}
.bold{
	font-weight: bold;
}
.fixed{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
}
#wrapper{
	width: 100%;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
}
#header{
	width: 100%;
	padding: 0px 0 40px;
	background: url(../images/main_bg.jpg) center;
	z-index:10;
}
#header.fixed{
	-webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
	padding: 10px 0 10px;
	background: #FFFFFF;
}
#header.fixed .headerSubTitle{
	display:none;
}
#header .headerSubTitle{
	text-align: center;
	background: url(../images/bg_green.jpg) top;
	padding: 15px 0px 12px;
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 40px;
}
#gNavi{
	max-width: 1240px;
	min-width: 960px;
	padding:0 20px;
	margin: 0px auto;
	text-align:center;
}
#gNavi .logo{
	margin:0 auto 30px;
}
#header.fixed #gNavi .logo{
	display:none;
}
#gMenu{
	text-align: center;
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	font-size:0;
}
#gMenu ul{
	border-left: 1px solid #00A73C;
}
#gMenu ul li{
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	padding: 2px 17px 0;
	height:25px;
	border-right: 1px solid #00A73C;
}
#gMenu ul li a {
	text-align: center;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	padding: 5px 5px 5px;
	font-size: 14px;
	color: #00A73C;
}
#gMenu ul li a:hover {
	color: #00A73C;
}
#gMenu ul li a.active, #gMenu ul li a:hover {
	border-bottom: 1px solid #00A73C;
}
#contents{
	margin-right: auto;
	margin-left: auto;
	padding-bottom:110px;
	overflow: hidden;
}
.pageTop {
	position: fixed;
	bottom: 60px;
	right:20px;
	display: none;
	z-index: 3;
}
.pageTop a{
	background: #3c2800;
	width: 40px;
	display: block;
	text-align: center;
	vertical-align: middle;
	padding: 12px 0px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
#footer{
	position:absolute;
	bottom:0;
	width: 100%;
}
#footer a{
	color: #FFFFFF;
}
#footer .inner{
	max-width: 1240px;
	min-width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 10px;
}
#footerUpr{
	background: url(../images/bg_green.jpg) top;
	padding: 15px 0px;
}
#subMenu{
	text-align: center;
}
#subMenu li{
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	width: 15%;
	border-left: 1px solid #FFFFFF;
	font-size: 0.9em;
	letter-spacing: normal;
	padding: 5px 0px;
}
#subMenu li a{
	display: block;
	text-align: center;
}
#footerBtm{
	color: #00A73C;
	padding: 20px 0px 20px;
}
#footerBtm p.copy{
	letter-spacing: normal;
	font-size: 0.8em;
	text-align: center;
}
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {
 display: inline-block;
}
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}