@charset "utf-8";

/* // Common
----------------------------------------------- */

#ContentsWrap {
	overflow:hidden;
	padding-bottom:80px;
	height: 100%;
}
body.hederFix {
	padding-top:78px;
}
body.hederFix.onSubNavi {
	padding-top:108px;
}

/* // Header
----------------------------------------------- */
#Header {
	background-color:#FFF;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	position:relative;
	z-index:9999;
	width:100%;
}
#Header a.logo img {
	position:absolute;
	top:27px;
	left:50%;
	margin-left:-500px;
}
#Header a.logo img.logo2 {
	display:none;
}

#Header ul.linkBtn {
	text-align:right;
	line-height:1;
	margin-bottom:3px;
}
#Header ul.linkBtn li {
	background-color:#FFF;
	display:inline-block;
	line-height:1;
}
#Header ul.linkBtn li a {
	display:block;
	padding:5px 16px;
	font-size:84%;
}
#Header ul.linkBtn li.en a {
	background-color:#ddd;
	color:#11683F;
}
#Header ul.linkBtn li.information a,
#Header ul.linkBtn li.contact a {
	background-color:#8A8A8A;
	color:#FFF;
}
#Header ul.linkBtn li.en a:hover,#Header ul.linkBtn li.en a:active {
	background-color:#CCC;
}
#Header ul.linkBtn li.information a:hover,#Header ul.linkBtn li.information a:active,
#Header ul.linkBtn li.contact a:hover,#Header ul.linkBtn li.contact a:active {
	background-color:#496D55;
	color:#FFF;
	
}

#Header.scroll{
	position: fixed;
	top:-37px;
	left: 0; 
}

#Header.scroll #Gnavi ul{
	margin-left:300px;
}
#Header.scroll #Gnavi ul li a{
	padding-bottom:11px;
}
#Header.scroll #Gnavi ul li.on a {
	padding-bottom:8px;
	border-bottom-width:3px;
}
#Header.scroll #Gnavi ul li a img{
	width:90px;
}
#Header.scroll a.logo img.logo1 {
	display:none;
}
#Header.scroll a.logo img.logo2 {
	width:280px;
	display:block;
}
#Header.scroll a.logo img {
	top:54px;
}

/* // Gnavi
----------------------------------------------- */
#Gnavi ul {
/*	margin-left:450px;	*/
	margin-left: 300px;  
}
#Gnavi ul li {
	float:left;
/*	width:20%;	*/
/*	width: 16%; */
	width: 14%;	
	padding:0 1% 2px;	
/*	padding: 0 0 2px; */
	box-sizing:border-box;
}
#Gnavi ul li a {
	display:block;
	padding:15px 0 17px;
	width:100%;
	text-align:center;
	box-sizing: border-box;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
#Gnavi ul li a:hover {
	background-color:#EAF7F2;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
#Gnavi ul li a img {
	width:100%;
}
#Gnavi ul li a:hover img {
	opacity:1;
}

#Gnavi ul li.on a {
	border-bottom:5px solid #6EB92B;
	padding-bottom:13px;
}


/* // Breadcrumb
----------------------------------------------- */
#Breadcrumb {
	background:url(../img/breadcrumb_bg.png);
	color:#999;
	font-weight:100;
	line-height:1.1;
	font-size:90%;
	-moz-box-shadow: inset 0px -2px 2px rgba(0,0,0,0.08);
	-webkit-box-shadow: inset 0px -2px 2px rgba(0,0,0,0.08);
	box-shadow: inset 0px -2px 2px rgba(0,0,0,0.08);
}
#Breadcrumb ul {
	margin-left:-8px;
}
#Breadcrumb li {
	display:inline-block;
}
#Breadcrumb li i {
	display:inline-block;
	margin-right:5px;
	margin-left:2px;
}
#Breadcrumb a{
	color:#666;
	font-weight:100;
	padding:9px 13px;
	display:inline-block;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
#Breadcrumb a:hover{
	background-color:#ddd;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}


/* // Footer
----------------------------------------------- */
#Footer {
	background-color:#ECECEC;
}
#Footer .topBlock {
	padding:30px 0 22px;
}
#Footer .topBlock .naviWrap{
	text-align:center;
	margin-bottom:20px;
}
#Footer .topBlock .naviWrap li {
	display:inline-block;
}
#Footer .topBlock .naviWrap li:after {
	content:"　｜　";
}
#Footer .topBlock .naviWrap li:last-child:after {
	content:"";
}
#Footer .topBlock .logo {
	margin-bottom:10px;
}
#Footer .topBlock .logo img {
	width:250px;
}
#Footer .topBlock .infoWrap {
	margin-bottom:10px;
}
#Footer .topBlock .infoWrap .adress {
	line-height:1.7em;
	font-size:94%;
	display:inline-block;
	margin-right:50px;
	color:#666;
}
#Footer .topBlock .infoWrap .btn {
	display:inline-block;
	margin-left:30px;
	position:relative;
	top:-13px;
}
#Footer .btmBlock {
	background-color:#f9f9f9;
	padding:14px 0;
	position:relative;
}
#Footer .btmBlock .naviWrap{
	text-align:left;
}
#Footer .btmBlock .naviWrap li {
	display:inline-block;
	margin-right:26px;
	font-size:85%;
}
#Footer .btmBlock p.copy {
	position:absolute;
	top:0;
	right:0;
	font-size:75%;
	color:#999;
}

#Footer .bnr100th {
	text-align:center;
	margin-bottom:20px;
 	margin-top:30px;
}








/* // Text Setting
----------------------------------------------- */
.headTxA {
	line-height:1.3;
	font-size:178%;
	font-weight:600;
	color:#000;
	padding:15px 0 15px 23px;
	border-left:#000 8px solid;
	margin-bottom:30px;
}
.headTxB {
	font-weight:500;
	font-size:160%;
	line-height:1.4;
	color:#000;
	margin-bottom:10px;
}
.headTxC {
	font-weight:400;
	font-size:140%;
	line-height:1.4;
	color:#059900;
	margin-bottom:10px;
}



/* // CategoryHeader
----------------------------------------------- */

#CategoryHeader {
	position:relative;
	overflow:hidden;
	text-align:left;
}
#CategoryHeader .widthFix {
	padding:50px 0;
}
#CategoryHeader img.main {
	position:absolute;
	left:50%;
	top:50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#CategoryHeader .title {
	position:relative;
	z-index:10;
	background:url(../img/cmn_pagetitle_bg_B_01.png) left top no-repeat;
	background-size:100% 100%;
	display:inline-block;
	color:#FFF;
	text-align:left;
	padding:20px 150px 20px 20px;
}
#CategoryHeader .title .en {
	display:block;
	font-size:200%;
	color:#FFF;
	font-weight:500;
	transform: scale( 1 , 0.8 );
	-webkit-transform: scale( 1 , 0.8 );
	-moz-transform: scale( 1 , 0.8 );
	opacity:0.5;
	line-height:1;
}
#CategoryHeader .title .ja {
	display:block;
	font-size:250%;
	color:#FFF;
	font-weight:600;
	-moz-text-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-text-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	line-height:1;
	margin-top:10px;
	letter-spacing:0.1em;
}
#ProductsYoutubeBtn {
	display: block;
	margin-top: 50px;
}
#ProductsYoutubeBtn a {
	display: block;
	background: url(../img/products_youtube_btn.png) 0 0 no-repeat;
	width: 300px;
	height: 37px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

/* // SubNavi
----------------------------------------------- */
#SubNavi {
	margin-top:-90px;
	margin-bottom:50px;
	background-color:#E9E9E9;
	position:relative;
	z-index:99;
}
#SubNavi li {
	display:inline-block;
	float:left;
	border-right:1px solid #E9E9E9;
}
#SubNavi li .cateName {
	display:none;
}
#SubNavi li a {
	display:block;
	padding:15px 25px;
	background-color:#DADADA;
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-ms-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
	color:#003D17;
}
#SubNavi li a:hover,#SubNavi li a:active {
	background-color:#C9C9C9;
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-ms-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
}
#SubNavi li a.on {
	background-color:#2BA12D;
	color:#FFF;
	font-weight:400;
}

#SubNavi.fixed {
	margin-top:0;
	margin-bottom:0;
	position:fixed;
	left:0;
	top:60px;
	width:100%;
}
#SubNavi.fixed li {
	display:inline-block;
	float:left;
	border-right:1px solid #E3EDE8;
}
#SubNavi.fixed li .cateName {
	display:inline;
	padding-right:5px;
}
#SubNavi.fixed li a {
	display:block;
	padding:12px 15px;
	font-size:86%;
	line-height:1;
}

.subNaviBlank {
	height:90px;
}


/* // InformationWrap
----------------------------------------------- */
#InformationWrap {
	margin-bottom:50px;
}
#InformationWrap .secTitleA {
	margin-bottom:22px;
}

#InformationWrap .frame {
	border:1px solid #CCC;
	padding:25px 40px 30px;
	box-sizing: border-box;
}
#InformationWrap ul.infoWrap li {
	background-color:#F2F2F2;
	line-height:1.4;
}
#InformationWrap ul.infoWrap li a:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
#InformationWrap ul.infoWrap li a {	display: inline-block;} 
/* Hides from IE Mac */
* html #InformationWrap ul.infoWrap li a {	height: 1%;	}
#InformationWrap ul.infoWrap li a {	display:block;	}
/* End Hack */ 

#InformationWrap ul.infoWrap li:nth-child(even) {
	background-color:#FAFAFA;
}
#InformationWrap ul.infoWrap li a {
	display:block;
	padding:17px 30px 17px 40px;
}
html:not(.tbsp) #InformationWrap ul.infoWrap li a:not(.curDefault):hover {
	background-color:#D4F7DD;
}
#InformationWrap ul.infoWrap li span {
	vertical-align:top;
}
#InformationWrap ul.infoWrap li .date {
	display:block;
	float:left;
	width:120px;
}
#InformationWrap ul.infoWrap li .body {
	display:block;
	float:left;
	margin-left:-120px;
	padding-left:170px;
	box-sizing: border-box;
	width:100%;
	font-weight:100;
	position:relative;
}
#InformationWrap ul.infoWrap li a.curDefault .body {
	padding-left:145px;
}

#InformationWrap ul.infoWrap li .body i {
	position:absolute;
	left:145px;
	top:5px;
}
html:not(.tbsp) #InformationWrap ul.infoWrap li a:hover i {
	left:148px;
}

/* // KaiInformationWrap
----------------------------------------------- */
#KaiInformationWrap {
/*	margin-bottom:50px;	*/
}
#KaiInformationWrap .secTitleA {
	margin-bottom:22px;
}

#KaiInformationWrap .frame {
	padding:10px 10px 10px;
	box-sizing: border-box;
}
#KaiInformationWrap ul.infoWrap li {
	background-color:#F2F2F2;
	line-height:1.4;
}
#KaiInformationWrap ul.infoWrap li a:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
#KaiInformationWrap ul.infoWrap li a {	display: inline-block;} 
/* Hides from IE Mac */
* html #KaiInformationWrap ul.infoWrap li a {	height: 1%;	}
#KaiInformationWrap ul.infoWrap li a {	display:block;	}
/* End Hack */ 

#KaiInformationWrap ul.infoWrap li:nth-child(even) {
	background-color:#FAFAFA;
}
#KaiInformationWrap ul.infoWrap li a {
	display:block;
	padding:17px 30px 17px 40px;
}
html:not(.tbsp) #KaiInformationWrap ul.infoWrap li a:not(.curDefault):hover {
	background-color:#D4F7DD;
}
#KaiInformationWrap ul.infoWrap li span {
	vertical-align:top;
}
#KaiInformationWrap ul.infoWrap li .date {
	display:block;
	float:left;
	width:120px;
}
#KaiInformationWrap ul.infoWrap li .body {
	display:block;
	float:left;
/*	margin-left:-120px;
	padding-left:170px;	*/
	box-sizing: border-box;
	width:100%;
	font-weight:100;
	position:relative;
}
#KaiInformationWrap ul.infoWrap li a.curDefault .body {
	padding-left:100px;
}

#KaiInformationWrap ul.infoWrap li .body i {
	position:absolute;
	left:145px;
	top:5px;
}
html:not(.tbsp) #KaiInformationWrap ul.infoWrap li a:hover i {
	left:148px;
}




/* // Module
----------------------------------------------- */
#CategoryMv {
	margin-bottom:50px;
}
#CategoryMv .widthFix {
	position:relative;
}
#CategoryMv img.main {
	position:relative;
	left:50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
#CategoryMv .title {
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size:260%;
	font-weight:500;
}
.categoryTitleA {
	display:inline-block;
	background:url(../img/cmn_pagetitle_bg_A_01.png) center top repeat-y;
	padding:23px 200px;
	text-align:center;
}
.categoryTitleA .en {
	display:block;
	font-size:230%;
	color:#FFF;
	font-weight:500;
	transform: scale( 1 , 0.8 );
	-webkit-transform: scale( 1 , 0.8 );
	-moz-transform: scale( 1 , 0.8 );
	opacity:0.5;
	line-height:1;
}
.categoryTitleA .ja {
	display:block;
	font-size:300%;
	color:#FFF;
	font-weight:600;
	-moz-text-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
	-webkit-text-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	line-height:1;
	margin-top:10px;
	letter-spacing:0.1em;
}


.secTitleA {
	margin-bottom:35px;
}
.secTitleA .en {
	font-size:38px;
	display:block;
	line-height:1.1;
	margin-bottom:10px;
	transform: scale( 1 , 0.85 );
	-webkit-transform: scale( 1 , 0.85 );
	-moz-transform: scale( 1 , 0.85 );
	font-weight:100;
	text-align:center;
	color:#999;
}
.secTitleA .ja {
	font-size:22px;
	font-weight:100;
	text-align:center;
	display:block;
}

.secTitleB {
	color:#049600;
	font-size:230%;
	font-weight:500;
	text-align:center;
	line-height:1.3;
	padding-bottom:26px;
	border-bottom:1px solid #DDD;
	margin-bottom:50px;
}
.secTitleB .en {
	color:#2D3A2E;
	display:block;
	font-size:120%;
	line-height:1;
	font-weight:200;
	transform: scale( 1 , 0.9 );
	-webkit-transform: scale( 1 , 0.9 );
	-moz-transform: scale( 1 , 0.9 );
}
.secTitleB .ja {
	color:#2D3A2E;
	display:block;
	font-weight:200;
	font-size:50%;
	margin-top:15px;
}

.secTitleC {
	margin: 0 auto; 
	color:#666666;
	width: 1000px;
	text-align: left;
	font-size:180%;
	font-weight:300;
	line-height:0;
	padding-bottom:26px;
}



.bannerArea {
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	padding: 60px 0;
}
.bannerArea.noBorder {
	border-bottom:0 solid #DDD;
	padding-bottom:0;
}

section.section {
	margin-bottom:60px;
}
section.section.gray {
	background-color:#FaFaFa;
}
section.section.padding {
	padding:50px 0;
}
section.section:last-child {
	margin-bottom:0;
}