/*============================================================================================
↓共通========================================================================================
============================================================================================*/
html {
	font-size: 100%;
	height: 100%;
} 
body {
	color: #666252;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1em;
	-webkit-text-size-adjust: 100%;
}

/* clearfix */
#header::after, #wrapper::after, .contents-box::after, .clearfix::after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
#header, #wrapper, .contents-box, .clearfix {
    display: inline-block;
    min-height: 1%;
}
* html #header, * html #wrapper, * html .contents-box, * html .clearfix { height: 1%;}
#header, #wrapper, .contents-box, .clearfix { display: block;}

/* Hides from IE-mac */
* html #wrapper,
* html .contents-box,
* html .clearfix{height:1%;}

/* リンクテキスト */
a {
    color: #5c3612;
    outline: medium none;
    overflow: hidden;
    text-decoration: none;
}
a:visited {
    color: #5c3612;
    text-decoration: none;
}
a:hover {
    color: #1aa2e6;
    text-decoration: underline;
}

/* 余白/フロート */
.clear{ clear:both;}
.left{ float:left;  }
.right{ float:right; }
.align-c{ text-align:center; }
.align-r{ text-align:right; }
.align-l{ text-align:left; }

.mgB0{   margin-bottom:0;  }
.mgB5{   margin-bottom:5px;  }
.mgB10{  margin-bottom:10px; }
.mgB15{  margin-bottom:15px; }
.mgB20{  margin-bottom:20px; }
.mgB30{  margin-bottom:30px; }
.mgB40{  margin-bottom:40px; }
.mgB50{  margin-bottom:50px; }
.mgB60{  margin-bottom:60px; }

.mgT0{   margin-top:0;  }
.mgT5{   margin-top:5px;  }
.mgT10{  margin-top:10px; }
.mgT15{  margin-top:15px; }
.mgT20{  margin-top:20px; }
.mgT30{  margin-top:30px; }
.mgT40{  margin-top:40px; }
.mgT50{  margin-top:50px; }

.mgR0{   margin-right:0;  }
.mgR5{   margin-right:5px;  }
.mgR10{  margin-right:10px; }
.mgR15{  margin-right:15px; }
.mgR20{  margin-right:20px; }
.mgR30{  margin-right:30px; }
.mgR40{  margin-right:40px; }
.mgR50{  margin-right:50px; }

.mgL0{   margin-left:0;  }
.mgL5{   margin-left:5px;  }
.mgL10{  margin-left:10px; }
.mgL15{  margin-left:15px; }
.mgL20{  margin-left:20px; }
.mgL30{  margin-left:30px; }
.mgL40{  margin-left:40px; }
.mgL50{  margin-left:50px; }

.pdgB0{   padding-bottom:0;  }
.pdgB5{   padding-bottom:5px;  }
.pdgB10{  padding-bottom:10px; }
.pdgB15{  padding-bottom:15px; }
.pdgB20{  padding-bottom:20px; }
.pdgB30{  padding-bottom:30px; }
.pdgB40{  padding-bottom:40px; }
.pdgB50{  padding-bottom:50px; }

.pdgT0{   padding-top:0;  }
.pdgT5{   padding-top:5px;  }
.pdgT10{  padding-top:10px; }
.pdgT15{  padding-top:15px; }
.pdgT20{  padding-top:20px; }
.pdgT30{  padding-top:30px; }
.pdgT40{  padding-top:40px; }
.pdgT50{  padding-top:50px; }

.pdgR0{   padding-right:0;  }
.pdgR5{   padding-right:5px;  }
.pdgR10{  padding-right:10px; }
.pdgR15{  padding-right:15px; }
.pdgR20{  padding-right:20px; }
.pdgR30{  padding-right:30px; }
.pdgR40{  padding-right:40px; }
.pdgR50{  padding-right:50px; }

.pdgL0{   padding-left:0;  }
.pdgL5{   padding-left:5px;  }
.pdgL10{  padding-left:10px; }
.pdgL15{  padding-left:15px; }
.pdgL20{  padding-left:20px; }
.pdgL30{  padding-left:30px; }
.pdgL40{  padding-left:40px; }
.pdgL50{  padding-left:50px; }


/*============================================================================================
↓レイアウト==============================================================================
============================================================================================*/

#wrapper {
    height: 100%;
    width: 100%;
}
.contents-inner { 
    margin: 0 auto;
    width: 1080px;
}
.contents-box { 
    margin: 0 auto;
    padding: 80px 0;
    width: 1080px;
}

/* tit */
.h3-tit { text-align: center;}

/* background */
.bg-beige { background: url(../img/bg-beige.jpg) repeat;}

/* navi */
.gnav { 
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    position: absolute;
    height: 110px;
    width: 100%;
    z-index: 1;
}
.gnav .gnav-logo a:hover {
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    opacity:0.7;
}
.gnav .gnav-L {
    float: left;
    padding: 13px 0;
    margin-right: 50px;
    width: 144px;
}
.gnav .gnav-R {
    float: left;
    padding: 0;
    width: 886px;
}
.gnav-list li {
    float: left;
    padding: 45px 0;
    margin-right: 35px;
    text-align: right;
}
.gnav-list li.gnavi-list-last { margin-right: 0;}
.gnav-list li a { 
    color: #57b25a;
    font-size: 16px;
    font-weight: 500;
}
.gnav-list li a:hover {
    border-bottom: solid 2px #57b25a;
    padding-bottom: 8px;
    text-decoration: none;
}
/* fixed */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
/* footer */
.footer-inner { 
    color: #57b25a;
    text-align: center;
}
.footer-add { 
    font-size: 12px;
    margin: 20px 0 15px 0;
}
.footer-copyright { 
    font-size: 10px;
    font-family: 'Source Sans Pro', sans-serif;
}