@charset "utf-8";

/* html */
html {
	height:100%;
	overflow-y:scroll;
}

/* body */
body {
	height:100%;
	font-size:13px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height:1.7em;
	color:#333;
	text-align:left;
	background:url("../images/head_bg.png") #fff repeat-x left top;
}

a:link,
a:visited {
	color:#65b721;
	text-decoration:none;
}

a:hover,
a:active,
a:hover span,
a:active span {
	color:#008700;
	text-decoration:underline;
}

img.fix {
	width:100%;
	height:auto;
}

/* wrapper*/
#wrapper {
	margin:0 auto;
	padding:0;
}

/* header */
#header {
	width:1000px;
	height:auto;
	margin:0 auto;
	padding:0;
}

#header .inner {
	position:relative;
	width:1000px;
	height:155px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#headLogo {
	position:absolute;
	top:35px;
	left:0px;
	width:215px;
	height:50px;
	overflow:hidden;
}

#header .inner p {
	width:1000px;
	height:20px;
	font-size:10px;
	font-weight:normal;
	line-height:1.5em;
	color:#fff;
	overflow:hidden;
}

#header .inner p span  {
	display:block;
	padding-top:3px;
}

#header ul.hNavi {
	position:absolute;
	top:30px;
	right: 0;
	width: 510px;
	height: 60px;
	overflow:hidden;
	z-index:999;
}
#header ul.hNavi li.tel {
	float: left;
	margin:0;
	padding:0;
	width: 330px;
	height: 60px;
}
#header ul.hNavi li.line {
	float: right;
	margin: auto;
	padding: 0;
	width: 160px;
	height: 60px;
}

/* global nav */

#gnavi {
	position:absolute;
	top:100px;
	left:0px;
	width:100%;
	height:55px;
	margin:0;
}

#gnavi ul {
	position:relative;
	width:1000px;
	height:55px;
	margin:0px auto;
	padding:0;
	overflow:hidden;
	background:url("../images/g_navi_bg_in.jpg") no-repeat left bottom;
}

#gnavi ul li {
	float:left;
	margin:0;
	padding:0;
	height:35px;
}

#gnavi ul li.navi1 { width: 200px; }
#gnavi ul li.navi2 { width: 200px; }
#gnavi ul li.navi3 { width: 200px; }
#gnavi ul li.navi4 { width: 200px; }
#gnavi ul li.navi5 { width: 200px; }
#gnavi ul li.navi6 { width: 200px; }

/* contents */
#contents {
	width:100%;
	height:auto;
	margin:0px auto;
	padding:50px 0px 50px 0px;
	background-color:#c9e6b2;
}

#contents > .inner {
	width:1000px;
	margin:0px auto;
	padding:0;
}

#contents #leftWrap {
	float:left;
	width:680px;
}

#contents #rightWrap {
	float:right;
	width:300px;
}


/* 右側コンテンツ */
/* specialPickup */
#specialPickup {
	width:100%;
}

#specialPickup .inner {
	margin-top:15px;
	background-color:#000;
}

#specialPickup .inner h3 {
	margin-top:10px;
	font-size:24px;
	font-family: "Playfair Display", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight:400;
	line-height:1em;
}

#specialPickup .inner h3 small {
	padding-left:10px;
	font-size:11px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

#specialPickup .inner h3 a {
	color:#fff;
}

#specialPickup .inner p {
	margin:10px 0px;
	font-size:11px;
	color:#fff;
}

#specialPickup .inner .linkBtn {
	background-color:#dd5077;
}

/* twitter */
#twitter {
	margin-top:15px;
	margin-bottom:25px;;
	width:100%;
}

/* naviDialBanner */
#naviDialBanner {
	margin:0px 0px 15px 0px;
}

#naviDialBanner ul {
	margin:0;
	padding:0;
}
#naviDialBanner ul li.tel {
	margin: 0px 0px 5px 0px;
	width: 300px;
	height: 270px;
	line-height: 1;
	overflow: hidden;
	background: url("../banner/tel_banner_bg.png") no-repeat center center;
	position: relative;
}
#naviDialBanner ul li.tel ul {
	padding: 110px 10px 0 10px;
}
#naviDialBanner ul li.tel ul li {
	margin-bottom: 10px;
}

#naviDialBanner ul li.en {
	margin:0px 0px 5px 0px;
	width:300px;
	height:210px;
	line-height:1em;
	overflow:hidden;
}

/* rightBanner */
#rightYoutube {
	margin:10px 0;
}

#rightBanner {
	margin-top:10px;
	width:100%;
}

#rightBanner ul {
	background-color:#ecf6e3;
	padding:5px 5px 0px 5px;
}

#rightBanner ul li {
	padding-bottom:5px;
	width:290px;
	height:88px;
	line-height:1em;
	overflow:hidden;
}

/* blogBanner */
#blogBanner {
	margin:15px 0px;
}

#blogBanner ul {

}

#blogBanner ul li {
	margin: 10px 0px;
	width:300px;
	height:125px;
	line-height:1em;
	overflow:hidden;
}

/* footer */
#footer {
	width:100%;
	height:auto;
	margin:0;
}

/* bred list */
#footer #footerBlist {
	margin:0;
	padding:10px 0px;
	background-color:#65b721;
}

#footer #footerBlist .inner {
	width:1000px;
	margin:0px auto;
	overflow:hidden;
	font-size:12px;
	line-height:1.25em;
}

#footer #footerBlist .inner ul {
	float:left;
	width:850px;
	height:16px;
	overflow:hidden;
}

#footer #footerBlist .inner ul li {
	float:left;
}

#footer #footerBlist .inner ul li a {
	display:block;
	color:#fff;
}

#footer #footerBlist .inner ul li a span {
	color:#fff;
}

#footer #footerBlist .inner ul li.home a {
	display:inline-block;
	padding-left:20px;
	background:url("../images/home_icon.png") no-repeat left center;
}

#footer #footerBlist .inner ul li.step1 a {
	display:inline-block;
	margin-left:10px;
	padding-left:20px;
	background:url("../images/blist_icon.png") no-repeat left center;
}

#footer #footerBlist .inner #pageTop {
	float:right;
	width:150px;
	height:16px;
	text-align:right;
}

#footer #footerBlist .inner #pageTop a {
	display:block;
	color:#fff;
}

#footer #footerBlist .inner #pageTop a span {
	color:#fff;
}

#footer #footerBlist .inner #pageTop a span {
	display:inline-block;
	padding-left:20px;
	background:url("../images/top_arrow_white14.png") no-repeat left center;
}

/* footerNaviHead */

#footerNavi {
	width:100%;
	background-color:#fff;
}

#footerNavi .inner {
	width:1000px;
	margin:0px auto;
	padding:35px 0 0 0;
}

#footerNaviHead {
	text-align:center;
}

#footerNaviHead dl dt {
	text-align:center;
}

#footerNaviHead dl dt img {
	width: 200px;
	height:110px;
}

#footerNaviHead dl dd {
	padding:20px 0px;
	font-size:11px;
	line-height:1em;
	color:#fff;
	text-align:center;
}

/* sns-button */
#footerNaviHead dl dd ul {
	overflow:hidden;
}

#footerNaviHead dl dd ul li {
	display:inline;
	margin:0px 5px;
}

#footerNaviHead dl dd ul li.article-facebook,
#footerNaviHead dl dd ul li.article-twitter,
#footerNaviHead dl dd ul li.article-google,
#footerNaviHead dl dd ul li.article-line,
#footerNaviHead dl dd ul li.article-hatena{
	border: none;
	width: auto;
	height: 30px;
}
/* footerNaviBody */
#footerNaviBody {
	border-top: 1px solid #c9e6b2;
	padding:15px 0px;
	overflow:hidden;
	text-align:center;
}

#footerNaviBody ul {
	font-size:12px;
	line-height:1.5em;
}

#footerNaviBody ul li {
	display:inline-block;
	padding:0px 10px;
}

#footerNaviBody ul li span {
	white-space: nowrap;
	text-wrap:none;
}

/* footerCopy */
#footerCopy {
	width:100%;
}

#footerCopy .inner {
	width:1000px;
	margin:0px auto;
	padding:10px 0 30px 0;
	font-size:11px;
	line-height:1.25em;
	text-align:center;
}

/* mainPageTitle */
#mainPageTitle {
	margin:5px 0px 0px 0px;
	width:100%;
}

#mainPageTitle h2 {
	width:1000px;
	margin:0px auto;
}

/* padding */

.pad5 { padding:5px; }
.pad10 { padding:10px; }
.pad15 { padding:15px; }
.pad20 { padding:20px; }

.padW5 { padding:0px 5px; }
.padW10 { padding:0px 10px; }
.padW15 { padding:0px 15px; }

.padH5 { padding:5px 0px; }
.padH10 { padding:10px 0px; }
.padH15 { padding:15px 0px; }

/* radius */

.round3 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	behavior: url("PIE.htc.html");
}

.round5 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url("PIE.htc.html");
}

.round10 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	behavior: url("PIE.htc.html");
}

/* link arrow */

.leftArrowG12 {
	padding-left:15px;
	background:url("../images/left_arrow_grn12.png") no-repeat left center;
}

.leftArrowW12 {
	padding-left:15px;
	background:url("../images/left_arrow_white12.png") no-repeat left center;
}

.leftArrowG10 {
	padding-left:13px;
	background:url("../images/left_arrow_mg10.png") no-repeat left center;
}

.leftPlusW10 {
	padding-left:13px;
	background:url("../images/left_plus_mW10.png") no-repeat left center;
}

/* link button */

.moreView {
	position: relative;
	width:auto;
	margin:15px 0px;
	text-align:center;
	font-size:12px;
	line-height:1.2em;
}

.btnArea {
	position: relative;
}
.linkBtn a {
	position: relative;
	display: block;
	padding: 0 0;
	font-size: 15px;
	text-align:center;
	background-color:#65b721;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 40px;
	behavior: url("PIE.htc.html");
}

.linkBtn a:hover {
	background-color:#008700;
}
.wAll {
	margin:0px auto;
	width:100%;
}
.wHarf {
	margin: 0 auto;
	width: 50%;
}
.wIcon {
	position: absolute;
	top: 0;
	right: 0;
	width: 22.5%;
}
.wIcon a {
	padding: 0 0;
	font-size: 26px;
	height: 40px;
	/*background-color:#dedede;*/
	background-color:#008700;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wIcon a:hover {
	background-color:#65b721;
	color: #fff;
	text-decoration: none;
}

/*------------------------------
CLEAR-FIX
------------------------------*/

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

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

/* clearfix */
#contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contents {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html #contents {
	height: 1%;
}

#contents {
	display: block;
}



/* End hide from IE-mac */