@charset "UTF-8";

/* header.css
**************************************************************************************/


/* header-layout
=============================================================================*/

.home #header .header-area-box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:60;
}

#header .header-area-in {
	margin:0 auto;
	width:1200px;
	height:108px;
	background-color:#FFFFFF;
	position:relative;
}

#header .header-main {
	width:235px;
	float:left;
}

#header .header-sub-wrapper {
	width:965px;
	float:right;
}

@media screen and (max-width: 767px){

#header .header-area-box ,
.home #header .header-area-box {
	min-width:320px;
	width:100%;
	position:fixed;
	z-index:80;
	/* box-shadow */
	box-shadow:0px 0px 6px 1px rgba(0,0,0,0.09);
	-moz-box-shadow:0px 0px 6px 1px rgba(0,0,0,0.09);
	-webkit-box-shadow:0px 0px 6px 1px rgba(0,0,0,0.09);
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
#header .header-area-in {
	width:auto;
	height:65px;
	position:relative;
}
#header .header-main {
	width:auto;
	float:none;
}

#header .header-sub-wrapper {
	width:auto;
	float:none;
}
}


/* sns
=============================================================================*/
#header .fixed-sns-area {
	width:40px;
	height:315px;
	background-color:#FFFFFF;
	position:fixed;
	top:130px;
	right:0;
	z-index:95;
	/* box-shadow */
	box-shadow:0px 0px 5px 1px rgba(0,0,0,0.20);
	-moz-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.20);
	-webkit-box-shadow:0px 0px 5px 1px rgba(0,0,0,0.20);
}
@media screen and (max-width: 767px){
#header .fixed-sns-area {
	display:none;
}
}

/* header-main
=============================================================================*/

#header .header-main .logo {
	padding:30px 0 0 5px;
	font-size:1px;
}
.home #header .header-main .logo {
	padding:30px 0 0 23px;
}
@media screen and (max-width: 767px){
#header .header-main .logo {
	padding:14px 0 0 10px !important;
}
#header .header-main .logo img {
	width:144px;
}
}


/* header-sub
=============================================================================*/

#header .header-sub {
	background-color:#535353;
	height:48px;
}

@media screen and (max-width: 767px){
#header .header-sub {
	display:none;
}
}

/*フォントサイズ変更----------------------*/

#header .font-controller-area {
	float:left;
	position:relative;
}
/*btn*/
#header .font-controller-area .font-btn {
	padding:0 1px 0 0;
}
#header .font-controller-area .font-btn a {
	display:block;
	width:148px;
	height:48px;
	padding:15px 0 0 45px;
	color:#ffffff;
	line-height:1.4em;
	font-family: "Noto Sans Japanese","メイリオ",sans-serif;
	font-weight:400;
	text-decoration:none;
	font-size:12px;
	background-image:url("../../image/header-ic002.png") ;
	background-position:19px 17px;
	background-repeat:no-repeat;
	background-color:#404040;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
#header .font-controller-area .font-btn a:hover {
	background-color:#323232;
}

/*box*/
#header .font-controller-area .font-controller-box {
	display:none;
	position:absolute;
	top:48px;
	left:0;
	background-color: rgba(0,0,0,0.5);
	width:148px;
	height:50px;
}
#header div#fontController {
	float:left;
	width:108px;
	padding:12px 0 0 20px;
}
#header div#fontController dt {
	display:none;
}
#header div#fontController dd {
	float:left;
}
#header div#fontController dd a {
	display:block;
	height:26px;
	text-indent:101%;
	font-size:1px;
	white-space:nowrap;
	overflow:hidden;
	background:url("../../image/fontsize-bt001.gif") no-repeat 0 0;
}

#header div#fontController dd.small {
	padding-right:2px;
}
#header div#fontController dd.small ,
#header div#fontController dd.small a {
	width:30px;
	background-position:0 0;
}
#header div#fontController dl dd.small a:hover ,
#header div#fontController dl dd.small a.small-btn-on {
	background-position:0 bottom;
}

#header div#fontController dd.middle ,
#header div#fontController dd.middle a {
	width:44px;
	background-position:-32px 0;
}
#header div#fontController dl dd.middle a:hover ,
#header div#fontController dl dd.middle a.reset-btn-on {
	background-position:-32px bottom;
}

#header div#fontController dd.large ,
#header div#fontController dd.large a {
	width:30px;
	background-position:-78px 0;
	float:right;
}
#header div#fontController dl dd.large a:hover ,
#header div#fontController dl dd.large a.large-btn-on {
	background-position:-78px bottom;
}

/* 背景色変更----------------------*/

#header .bgcolor-controller-area {
	float:left;
	position:relative;
}
/*btn*/
#header .bgcolor-controller-area .bgcolor-btn {
	padding:0 1px 0 0;
}
#header .bgcolor-controller-area .bgcolor-btn a {
	display:block;
	width:118px;
	height:48px;
	padding:15px 0 0 38px;
	color:#ffffff;
	line-height:1.4em;
	font-family: "Noto Sans Japanese","メイリオ",sans-serif;
	font-weight:400;
	text-decoration:none;
	font-size:12px;
	background-image:url("../../image/header-ic003.png") ;
	background-position:17px 18px;
	background-repeat:no-repeat;
	background-color:#404040;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
#header .bgcolor-controller-area .bgcolor-btn a:hover {
	background-color:#323232;
}

/*box*/
#header .bgcolor-controller-area .bgcolor-controller-box {
	display:none;
	position:absolute;
	top:48px;
	left:0;
	background-color: rgba(0,0,0,0.5);
	height:50px;
	width:156px
}


#header div#bgcolorController {
	padding:12px 0 0 15px;
}

#header div#bgcolorController dl.bgcolor {
	width:126px;
}

#header div#bgcolorController dl dt {
	display:none;
}

#header div#bgcolorController dl dd {
	height:26px;
	width:30px;
	float:left;
	padding-right:2px;
}

#header div#bgcolorController dl dd.bgcolor-c {
	padding:0;
}

#header div#bgcolorController dl dd a {
	display:block;
	height:26px;
	width:30px;
	text-indent:101%;
	font-size:1px;
	white-space:nowrap;
	overflow:hidden;
	background:url("../../image/bgcolor-bt001.gif") no-repeat 0 0;
}

#header div#bgcolorController dl dd.default a {	
	background-position:0 0;
}

#header div#bgcolorController dl dd.default a:hover ,
#header div#bgcolorController dl dd.default a.reset-btn-on {
	background-position:0 bottom;
}

#header div#bgcolorController dl dd.bgcolor-a a {	
	background-position:-32px 0;
}

#header div#bgcolorController dl dd.bgcolor-a a:hover ,
#header div#bgcolorController dl dd.bgcolor-a a.bgcolor-a-btn-on {
	background-position:-32px bottom;
}

#header div#bgcolorController dl dd.bgcolor-b a {	
	background-position:-64px 0;
}

#header div#bgcolorController dl dd.bgcolor-b a:hover ,
#header div#bgcolorController dl dd.bgcolor-b a.bgcolor-b-btn-on {
	background-position:-64px bottom;
}

#header div#bgcolorController dl dd.bgcolor-c a {
	background-position:-96px 0;
}

#header div#bgcolorController dl dd.bgcolor-c a:hover ,
#header div#bgcolorController dl dd.bgcolor-c a.bgcolor-c-btn-on {
	background-position:-96px bottom;
}


/* サイト内検索----------------------*/

#header .search-box-area {
	float:left;
	position:relative;
}
/*btn*/
#header .search-box-area .search-btn a {
	display:block;
	width:118px;
	height:48px;
	padding:15px 0 0 30px;
	color:#ffffff;
	line-height:1.4em;
	font-family: "Noto Sans Japanese","メイリオ",sans-serif;
	font-weight:400;
	text-decoration:none;
	font-size:12px;
	background-image:url("../../image/header-ic004.png") ;
	background-position:13px 17px;
	background-repeat:no-repeat;
	background-color:#404040;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
#header .search-box-area .search-btn a:hover {
	background-color:#323232;
}

/*box*/
#header .search-box-area .search-wrap {
	display:none;
	position:absolute;
	top:48px;
	left:0;
	background-color: rgba(0,0,0,0.5);
	width:200px;
	height:50px;
}
#header .search-box-area .search-wrap .search-deco {
	padding:12px 0 0 15px;	
}
#header div.search-area-in {
	width:30px;
	padding:0 0 0 140px;
	position:relative;
	height:26px;
	margin:0;
	font-size:1px;
}

#header div.search-area input.input-q {
	font-size:13px;
	width:138px;
	height:20px;
	border:1px solid #solid 1px #FFFFFF;
	padding:2px 4px;
	position:absolute;
	top:0;
	left:0;
	font-family: 'メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}


/*header-sub-navi----------------------*/

#header .header-sub ul.header-sub-navi {
	float:left;
	padding:15px 0 0 5px;
}
#header .header-sub ul.header-sub-navi li {
	float:left;
	border-left:1px solid #808080;
	padding:0 15px;
	height:17px;
}
#header .header-sub ul.header-sub-navi li:first-child {
	border:none;
}
#header .header-sub ul.header-sub-navi li a {
	color:#ffffff;
	text-decoration:none;
	font-family: "Noto Sans Japanese","メイリオ",sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:1.4em;
	vertical-align:top;
}
#header .header-sub ul.header-sub-navi li a:hover {
	color:#a6ce39;
}

/*Language----------------------*/
#header .header-sub .language-select-area {
	float:left;
	width:100px;
	padding:10px 0 0 5px;
}
#header .header-sub .language-select {
	position:relative;
}
#header .header-sub .language-select .title span {
	display:block;
	height:28px;
	overflow:hidden;
}
#header .header-sub .language-select .title img {
	vertical-align:top;
}
#header .header-sub .language-select-area ul {
	position:absolute;
	top:28px;
	width:100%;
	left:0;
	display:none;
	background-color:#FFFFFF;
	border-left:1px solid #e4e3e7;
	border-right:1px solid #e4e3e7;
	border-bottom:1px solid #e4e3e7;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
#header .header-sub .language-select-area ul li a {
	display:block;
	border-top:1px solid #e4e3e7;
	padding:5px 10px;
	text-decoration:none;
	color:#111111;
	font-size:12px;
}
#header .header-sub .language-select-area ul li a:hover {
	color:#FFFFFF;
	background-color:#a6ce39;
}


/* 資料請求
=============================================================================*/

#header .document-request-btn {
	position:absolute;
	top:0;
	right:0;
	width:150px;
	height:48px;
}
#header .document-request-btn a {
	display:block;
	width:150px;
	height:48px;
	background-image:url("../../image/header-ic001.png");
	background-size:20px auto;
	background-color:#ef7b2e;
	background-position:29px 16px;
	background-repeat:no-repeat;
	font-family: "Noto Sans Japanese","メイリオ",sans-serif;
	font-weight:400;
	text-decoration:none;
	font-size:14px;
	color:#ffffff;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	padding:13px 0 0 62px;
	line-height:1.4em;
}
#header .document-request-btn a:hover {
	background-color: #fba319;
}

@media screen and (max-width: 767px){
#header .document-request-btn {
	position:absolute;
	top:10px;
	right:108px;
	width:48px;
	height:45px;
}
#header .document-request-btn a {
	display:block;
	width:48px;
	height:45px;
	background-position:center 9px;
	font-weight:300;
	font-size:10px;
	padding:28px 0 0 0;
	text-align:center;
}
#header .document-request-btn a:hover {
	background-color: #ef7b2e;
}
}


/* gnavi
=============================================================================*/

.gnavi-area {
	background:#a6ce39;
	position:relative;
}

#gnavi {
	width:1200px;
	margin:0 auto;
}

#gnavi ul li {
	float:left;
	line-height:1;
}

#gnavi ul li a {
	display:block;
	background:url("../../image/gnavi.gif") no-repeat 0 0;
	text-indent:101%;
	white-space:nowrap;
	overflow:hidden;
	height:85px;
	font-size:1px;
}

#gnavi ul li.gnavi001 ,
#gnavi ul li.gnavi001 a {
	width:150px;
	background-position:0 0;
}
#gnavi ul li.gnavi001 a.current,
#gnavi ul li.gnavi001 a:hover {
	width:150px;
	background-position:0 -85px;
}

#gnavi ul li.gnavi002 ,
#gnavi ul li.gnavi002 a {
	width:150px;
	background-position:-150px 0;
}
#gnavi ul li.gnavi002 a.current ,
#gnavi ul li.gnavi002 a:hover {
	width:150px;
	background-position:-150px -85px;
}

#gnavi ul li.gnavi003 ,
#gnavi ul li.gnavi003 a {
	width:150px;
	background-position:-300px 0;
}
#gnavi ul li.gnavi003 a.current ,
#gnavi ul li.gnavi003 a:hover {
	width:150px;
	background-position:-300px -85px;
}

#gnavi ul li.gnavi004 ,
#gnavi ul li.gnavi004 a {
	width:150px;
	background-position:-450px 0;
}
#gnavi ul li.gnavi004 a.current ,
#gnavi ul li.gnavi004 a:hover {
	width:150px;
	background-position:-450px -85px;
}

#gnavi ul li.gnavi005 ,
#gnavi ul li.gnavi005 a {
	width:150px;
	background-position:-600px 0;
}
#gnavi ul li.gnavi005 a.current ,
#gnavi ul li.gnavi005 a:hover {
	width:150px;
	background-position:-600px -85px;
}

#gnavi ul li.gnavi006 ,
#gnavi ul li.gnavi006 a {
	width:150px;
	background-position:-750px 0;
}
#gnavi ul li.gnavi006 a.current ,
#gnavi ul li.gnavi006 a:hover {
	width:150px;
	background-position:-750px -85px;
}

#gnavi ul li.gnavi007 ,
#gnavi ul li.gnavi007 a {
	width:150px;
	background-position:-900px 0;
}
#gnavi ul li.gnavi007 a.current ,
#gnavi ul li.gnavi007 a:hover {
	width:150px;
	background-position:-900px -85px;
}

#gnavi ul li.gnavi008 ,
#gnavi ul li.gnavi008 a {
	width:150px;
	background-position:-1050px 0;
}
#gnavi ul li.gnavi008 a.current ,
#gnavi ul li.gnavi008 a:hover {
	width:150px;
	background-position:-1050px -85px;
}

@media screen and (max-width: 767px){
.gnavi-area {
	display:none;
}
}


/*メガドロップ-----------------*/
#gnavi .box {
	display:none;
	position:absolute;
	bottom:85px;
	left:0;
	width:100%;
	color:#FFFFFF;
	background-color: rgba( 0, 0, 0, 0.8 );
	z-index:80;
}
#gnavi .g-under {
	bottom:auto !important;
	top:85px !important;
}
#gnavi .box .area {
	width:1160px;
	margin:0 auto;
	padding:40px 0 20px;
}

/*title*/
#gnavi .box h2 {
	font-size:24px;
	line-height:1.4em;
	margin-bottom:20px;
	font-family: "Noto Sans Japanese","メイリオ",sans-serif;
	font-weight:400;
	padding:0 0 0 35px;
}
#gnavi li.gnavi001 .box h2 {
	background:url("../../image/mega-ic001.png") no-repeat 4px 6px;
}
#gnavi li.gnavi002 .box h2 {
	background:url("../../image/mega-ic002.png") no-repeat 0 6px;
}
#gnavi li.gnavi003 .box h2 {
	background:url("../../image/mega-ic003.png") no-repeat 4px 8px;
}
#gnavi li.gnavi004 .box h2 {
	background:url("../../image/mega-ic004.png") no-repeat 4px 9px;
}
#gnavi li.gnavi005 .box h2 {
	background:url("../../image/mega-ic005.png") no-repeat 2px 10px;
}
#gnavi li.gnavi006 .box h2 {
	background:url("../../image/mega-ic006.png") no-repeat 0 8px;
}
#gnavi li.gnavi007 .box h2 {
	background:url("../../image/mega-ic007.png") no-repeat 3px 9px;
}
#gnavi li.gnavi008 .box h2 {
	background:url("../../image/mega-ic008.png") no-repeat 4px 10px;
}

/*left-inner*/
#gnavi .box .left-inner {
	float:left;
	width:360px;
	padding-bottom:30px;
}

/*right-inner*/
#gnavi .box .right-inner {
	float:right;
	width:750px;
	overflow:hidden;
}
#gnavi .box .right-inner ul {
	letter-spacing:-0.4em;
}
#gnavi .box .right-inner ul li {
	float:none;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	width:33.33%;
	margin:0 0 5px 0;
	padding:0;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
#gnavi .box .right-inner ul li a {
	display:block;
	height:auto;
	width:auto;
	text-indent:0;
	font-size:100%;
	white-space:normal;
	overflow:visible;
	background:none;
	color:#FFFFFF;
	text-decoration:none;
	line-height:1.5em;
	padding:0 10px 5px 25px;
	background:url("../../image/mega-ar001.png") no-repeat 10px 4px;
	-webkit-transition: all 0.2s ease-in-out;  
	-moz-transition: all 0.2s ease-in-out;  
	-o-transition: all 0.2s ease-in-out;  
	transition: all 0.2s ease-in-out;
}


/* SP Menu
=============================================================================*/

#header .sp-menu-btn ,
#header .sp-menu-area {
	display:none;
}

@media screen and (max-width: 767px){
#header .sp-menu-area {
	display:none;
	position:absolute;
	top:65px;
	left:0;
	width:100%;
	z-index:70;
	height:auto;
	background-color: rgba(0,0,0,0.8);
}
#header .sp-menu-area ul li {
	border-top:1px solid #999999;
}
#header .sp-menu-area ul li a {
	display:block;
	padding:8px 10px 8px 22px;
	color:#ffffff;
	text-decoration:none;
	font-family: "Noto Sans Japanese","メイリオ",sans-serif;
	font-weight:300;
	font-size:14px;
	line-height:1.4em;
	background:url("../../image/menu-ar001.png") no-repeat 8px center;
	background-size:7px auto;
}

#header .sp-menu-btn {
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	width:48px;
	height:45px;
}
#header .sp-menu-btn a {
	display:block;
	height:45px;
	background-image:url("../../image/sp-bt-ic002.png");
	background-size:17px auto;
	background-position:center 9px;
	background-repeat:no-repeat;
	font-family: "Noto Sans Japanese","メイリオ",sans-serif;
	font-weight:300;
	text-decoration:none !important;
	font-size:10px;
	text-align:center;
	padding:28px 0 0 0;
	line-height:1.4em;
	color:#FFFFFF !important;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
#header .sp-menu-btn a.btn-off {
	background-color:#a6ce39;
}
#header .sp-menu-btn a.btn-on {
	background-color:#2c5f38;
}
}


/* tnavi
=============================================================================*/

.tnavi-area {	
	width:100%;
	height:60px;
}
.home .tnavi-area {
	background:#376742;
}

.tnavi-area ul li {
	float:left;
	padding-top:20px;
	height:60px;
	overflow:hidden;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
	background:url("../../image/tnavi-li002.png") no-repeat right 19px;
}
.home .tnavi-area ul li {
	background:url("../../image/tnavi-li001.png") no-repeat right 19px;
}
.tnavi-area ul li a {
	color:#2c5f38;
	text-decoration:none;
	font-family: "Noto Sans Japanese","メイリオ",sans-serif;
	font-weight:300;
	font-size:14px;
	line-height:1.4em;
	vertical-align:top;
}
.home .tnavi-area ul li a {
	color:#ffffff;
}

.tnavi-area ul li a.current ,
.tnavi-area ul li a:hover {
	color:#a6ce39;
}
.tnavi-area ul li.tnavi001 {
	width:158px;
	padding-left:36px;
}
.tnavi-area ul li.tnavi002 {
	width:158px;
	padding-left:36px;
}
.tnavi-area ul li.tnavi003 {
	width:158px;
	padding-left:36px;
}
.tnavi-area ul li.tnavi004 {
	width:157px;
	padding-left:36px;
}
.tnavi-area ul li.tnavi005 {
	width:186px;
	padding-left:36px;
}
.tnavi-area ul li.tnavi006 {
	width:148px;
	background:none;
	padding-left:36px
}

.tnavi-btn {
	display:none;
}

@media screen and (max-width: 767px){
.tnavi-area {
	display:none;
	position:absolute;
	top:65px;
	left:0;
	width:100%;
	z-index:70;
	height:auto;
	background-color: rgba(0,0,0,0.8) !important;
}
.tnavi-area ul li {
	float:none;
	width:100% !important;
	padding:0 !important;
	background:none !important;
	border-top:1px solid #999999;
	height:auto;
}
.tnavi-area ul li a {
	display:block;
	padding:10px 10px 10px 22px;
	background:url("../../image/menu-ar001.png") no-repeat 8px center;
	background-size:7px auto;
}
.tnavi-area ul li a.current ,
.tnavi-area ul li a:hover {
	color:#FFFFFF;
}
.tnavi-btn {
	display:block;
	position:absolute;
	top:10px;
	right:59px;
	width:48px;
	height:45px;
}
.tnavi-btn a {
	display:block;
	height:45px;
	background-image:url("../../image/sp-bt-ic001.png");
	background-size:15px auto;
	background-position:center 8px;
	background-repeat:no-repeat;
	font-family: "Noto Sans Japanese","メイリオ",sans-serif;
	font-weight:300;
	text-decoration:none !important;
	font-size:10px;
	text-align:center;
	padding:28px 0 0 0;
	line-height:1.4em;
	color:#FFFFFF !important;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing:border-box;
}
.tnavi-btn a.btn-off {
	background-color:#a6ce39;
}
.tnavi-btn a.btn-on {
	background-color:#2c5f38;
}
.tnavi-area ul li a {
	color:#ffffff;
}
	
}