@charset "utf-8";

/* topMainSec
----------------------------------------------------------*/
#topMainBox {
	clear: both;
	margin:  15px 0 0 0;
	position: relative;
}

#topMainBox .top_main_txt {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}

#topMainBox .bx-wrapper { margin: 0;}
#topMainBox .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 2000;
}



/* topProductsBox
----------------------------------------------------------*/
#topProductsBox {
	clear: both;
	margin: 80px 0 0 0;
}
#topProductsBox .list01 {
}
#topProductsBox .list01 > li {
	float: left;
	width: 23.6%;
	margin: 0 1.86% 0 0;
}
#topProductsBox .list01 > li:last-child {
	margin-right: 0;
}
#topProductsBox .list01 > li a {
	display: block;
}
#topProductsBox .list01 > li .name {
	font-size: 18px;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	#topProductsBox .list01 > li {
		width: 49%;
		margin: 0 2% 2% 0;
	}
	#topProductsBox .list01 > li:nth-child(even) {
		margin-right: 0;
	}
}
.topBtnMore {
	clear: both;
	text-align: center;
	margin: 40px 0 0 0;
}

#topProductsBox .list01 .picbox {
	text-align: center;
	position: relative;
}
#topProductsBox .list01 .picbox:after {
	content: "";
	width: 100%;
	height: 100%;
	background: url(../img/common/a_overlay.png) repeat 0 0;
	transition: all .2s ease-in;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#topProductsBox .list01 .picbox:hover:after {
	visibility: visible;
	opacity: 1;
}

#topProductsBox .list01 .picbox img {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
}


/* topQualityBox
----------------------------------------------------------*/
#topQualityBox {
	clear: both;
	margin: 80px 0 0 0;
}
#topQualityBox .clm {
	width: 48.9%;
}
#topQualityBox .clm.clm01 {
	float: left;
}
#topQualityBox .clm.clm02 {
	float: right;
}
@media only screen and (max-width: 767px) {
	#topQualityBox .clm {
		width: auto;
	}
	#topQualityBox .clm.clm01 {
		float: none;
	}
	#topQualityBox .clm.clm02 {
		float: none;
	}
}
#topQualityBox .clm .picBox {
	float: left;
	width: 48.32%;
	margin: 0 3.36% 3.36% 0
}
#topQualityBox .clm .picBox:nth-child(2n) {
	margin-right: 0;
}
#topQualityBox .clm .txtBox {
	float: left;
	width: 48.32%;
}

/* topQualityBox
----------------------------------------------------------*/
#topExportBox {
	clear: both;
	margin: 80px 0 0 0;
}
#topExportBox .clm01 {
	float: left;
	width: 76%;
}
#topExportBox .clm02 {
	float: right;
	width: 22.7%;
}
@media only screen and (max-width: 767px) {
	#topExportBox .clm01 {
		float: none;
		width: auto;
		margin: 0 0 30px 0;
	}
	#topExportBox .clm02 {
		float: none;
		width: auto;
	}
}
#topExportBox .clm02 .ttl01 {
	margin: 0 0 15px 0;
	padding: 0 0 16px 0;
	background: url(../img/common/ttl_bg02.png) 0 bottom repeat-x;
}
#topExportBox .clm02 .ttl02 {
	font-weight: bold;
	margin: 20px 0 15px 0;
	padding: 0 0 16px 0;
	background: url(../img/common/ttl_bg02.png) 0 bottom repeat-x;
}
#topExportBox .clm02 .txt01 {
}

/* topNewsreleaseBox
----------------------------------------------------------*/
#topNewsreleaseBox {
	clear: both;
	margin: 80px 0 0 0;
}
#topNewsreleaseBox .list01 {
	width: 640px;
	margin: 0 auto;
}
@media only screen and (max-width: 767px) {
	#topNewsreleaseBox .list01 {
		width: auto;
	}
}
#topNewsreleaseBox .list01 > li {
	clear: both;
	padding: 15px 50px;
	border-bottom: 1px solid #f6aa00;
}
@media only screen and (max-width: 767px) {
	#topNewsreleaseBox .list01 > li {
		padding-right: 0;
		padding-left: 0;
	}
}
#topNewsreleaseBox .list01 > li:first-child {
	border-top: 1px solid #f6aa00;
}
#topNewsreleaseBox .list01 > li a {
	display: block;
	color: #000000;
	border-bottom: 1px solid #ffffff;
}
#topNewsreleaseBox .list01 > li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #231815;
}
#topNewsreleaseBox .list01 > li .date {
	float: left;
	width: 10em;
	padding: 0 10px;
	color: #008a53;
}
#topNewsreleaseBox .list01 > li .txt {
	overflow: hidden;
}


.topText {
	margin: 40px auto;
}

.topText p {
	font-size: 18px;
	line-height: 2;
}