@charset "UTF-8";
/* CSS Document */
#wrapper-Tokusetu{
	background-color:#fff;
	min-height:600px;
	_height:600px;	}

#wrap-Tokusetu{
    position: relative;
    height:auto !important; /*IE6*/	
    height: 100%;
    min-height: 100%;
    background-color:#FFF;
	_padding-bottom:144px; /*Footer*/ /*IE6*/		 
}

.pagetop-area {
	width: 940px;	
	margin: 0 auto;
	padding: 30px 15px 10px 15px;	
	background:none !important;
	text-align:right;}


#content-Tokusetu {
    font-family: Arial,sans-serif;
}
/*--------------------------------------------------------------*/
.fl{display: flex;
	justify-content: space-between;
}

.cl{clear: both;}

article {
	margin:0 0 50px 0;}

h1 img{width: 100%;
height: auto;} 

/*--------------------------------------------------------------
main
--------------------------------------------------------------*/
#main {
	width:100%;
	margin-bottom:50px;}
#mainimage {
	height:450px;
	background:url(../images/index/mainimage.jpg) no-repeat center top;
	text-indent:-9999px;}

	.content-Index {
		margin:0 auto;
		width:960px;}
.productDetail {
	margin:50px auto;
	width:960px;}
.productDetail p.AreaLeft{
	float:left;
	width:680px;
	font-size:1.4em;
	line-height:180%;}
.productDetail p.AreaRight{
	float:right;
	width:221px;}
.productDetail p.AreaRight a {
	display:block;
	width:221px;
	height:56px;
	background:url(../images/index/btn_catalogue.gif) top;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;}
	.productDetail p.AreaRight a:hover {
		background-position:bottom;}

.productDetail p.AreaText{
	float:left;
	font-size:1.4em;
	line-height:180%;
	margin-bottom:40px;}

.content-Index h2 {
	color: #0068b7;
	margin-bottom:20px;
font-size: 3em;
font-weight: bold;}	


.productDetail {
	overflow:hidden;}

/*--------------------------------------------------------------
lineup
--------------------------------------------------------------*/
	
ul#lineup-list li {
	float:left;
	margin:0px 27px 27px 0;}
ul#lineup-list li:nth-child(3n) {
	margin-right:0; }
ul#lineup-list li:nth-last-child(-3+n) {
	margin-bottom:0; }

ul#lineup-list li a {
	display:inline-block;
	width:300px;
	height:200px;
	margin:0 0 14px 0;
	border:1px solid #ececec;}
ul#lineup-list li a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	border:1px solid #0068b7;}

ul#lineup-list li p {
	width:300px;
	font-size:1.2em;
	line-height:160%;}


/*--------------------------------------------------------------
structure
--------------------------------------------------------------*/
#structureTab {
	width:960px;
	margin:0 auto;
	letter-spacing:-0.4em;}
#structureTab li {
	display:inline-block;
	letter-spacing:normal;}
#structureTab li a {
	display:block;
	width:320px;
	height: 112px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;}
#structureTab #tabTRN a {
	background:url(../images/index/tab_productSeries.gif) bottom left;}
#structureTab #tabBER-PLS a {
	background:url(../images/index/tab_productSeries.gif) bottom center;}
	#structureTab #tabTRN a.active {background-position:top left;}
	#structureTab #tabBER-PLS a.active {background-position:top center;}
	#structureTab #tabTRN a:hover {background-position:top left;}
	#structureTab #tabBER-PLS a:hover {background-position:top center;}
	#structureTab #tabTAR a {
		background:url(../images/index/tab_productSeries.gif) bottom right;}
	#structureTab #tabTAR a.active {background-position:top right;}
	#structureTab #tabTAR a:hover {background-position:top right;}

	.structure {
		width:100%;
		margin-top:-1px;
		border-top: 1px solid #d4e1e3;}
	.structure .bkcolor {
		padding:50px 0 30px 0;
		background:#f1f9fa;}
	#TAR .bkcolor {
		padding:50px 0 30px 0;
		background:#fdfbf0;}
		.bkcolor  > h2 {
		color: #333;
		font-size: 30px;
		font-weight: bold;
		width:960px;
		margin:0 auto 35px auto;
	}
		
	.bkcolor > div {
		width:960px;
		margin:0 auto;
		overflow:hidden;}
	.bkcolor div .imageColumn {
		float:left;
		width:558px;}
	.bkcolor div .imageColumn .disc {
		margin:0 0 40px 0;}
	.bkcolor div .imageColumn .disc h3 {
		margin:0 0 6px 0;
		font-size:1.8em;
		font-weight:bold;
		line-height:120%;}
		#TAR .disc h3::before {
			content: "";
			display: inline-block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 8px 0 8px 13.9px;
			border-color: transparent transparent transparent #88b304;
			margin-right: 5px;
		}
		#TAR .image2-mt{margin-top: 60px;}
	.bkcolor div .imageColumn .disc p {
		width:530px;
		font-size:1.4em;
		line-height:140%;}
	.bkcolor div .imageColumn > img {
		margin:0 0 50px 0;}
	.bkcolor div .imageColumn .diagram {
		letter-spacing:-0.4em;}
	.bkcolor div .imageColumn .diagram img {
		display:inline-block;
		margin:0 20px 0 0;
		vertical-align:top;}
	.bkcolor div .imageColumn .diagram .mixedFlow {
		display:inline-block;
		letter-spacing:normal;}
	.bkcolor div .imageColumn .diagram .mixedFlow h4 {
		margin:0 0 6px 0;
		color:#0068b7;
		font-size:1.2em;
		font-weight:bold;
		line-height:100%;}
	.bkcolor div .imageColumn .diagram .mixedFlow p {
		width:350px;
		font-size:1.2em;
		line-height:120%;}
	
	.bkcolor div .textColumn {
		float:right;
		width:375px;}
	.bkcolor div .textColumn div #pagenationTab {
		margin:0 0 25px 0;
		overflow:hidden;}
	.bkcolor div .textColumn div #pagenationTab li {
		float:left;}
	.bkcolor div .textColumn div #pagenationTab li a {
		display:block;
		height:45px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;}
	.bkcolor div .textColumn #pagenationTabAreaTRN #pagenationTab #tabNo1-4TRN a {
		width:188px;
		background:url(../images/index/tab_disc2TRN.gif) bottom left;}
	.bkcolor div .textColumn #pagenationTabAreaTRN #pagenationTab #tabNo5-7TRN a {
		width:187px;
		background:url(../images/index/tab_disc2TRN.gif) bottom right;}
		.bkcolor div .textColumn #pagenationTabAreaTRN #pagenationTab #tabNo1-4TRN  a.active {background-position:top left;}
		.bkcolor div .textColumn #pagenationTabAreaTRN #pagenationTab #tabNo5-7TRN a.active {background-position:top right;}
		.bkcolor div .textColumn #pagenationTabAreaTRN #pagenationTab #tabNo1-4TRN  a:hover {background-position:top left;}
		.bkcolor div .textColumn #pagenationTabAreaTRN #pagenationTab #tabNo5-7TRN a:hover {background-position:top right;}
	
	.bkcolor div .textColumn #pagenationTabAreaBER #pagenationTab #tabNo1-4BER a {
		width:188px;
		background:url(../images/index/tab_disc2BER.gif) bottom left;}
	.bkcolor div .textColumn #pagenationTabAreaBER #pagenationTab #tabNo5-9BER a {
		width:187px;
		background:url(../images/index/tab_disc2BER.gif) bottom right;}
		.bkcolor div .textColumn #pagenationTabAreaBER #pagenationTab #tabNo1-4BER  a.active {background-position:top left;}
		.bkcolor div .textColumn #pagenationTabAreaBER #pagenationTab #tabNo5-9BER a.active {background-position:top right;}
		.bkcolor div .textColumn #pagenationTabAreaBER #pagenationTab #tabNo1-4BER  a:hover {background-position:top left;}
		.bkcolor div .textColumn #pagenationTabAreaBER #pagenationTab #tabNo5-9BER a:hover {background-position:top right;}
	
		.bkcolor div .textColumn #pagenationTabAreaTAR #pagenationTab #tabNo1-5TAR a {
			width:188px;
			background:url(../images/index/tab_disc2TAR.gif) bottom left;}
		.bkcolor div .textColumn #pagenationTabAreaTAR #pagenationTab #tabNo6-9TAR a {
			width:187px;
			background:url(../images/index/tab_disc2TAR.gif) bottom right;}
			.bkcolor div .textColumn #pagenationTabAreaTAR #pagenationTab #tabNo1-5TAR  a.active {background-position:top left;}
			.bkcolor div .textColumn #pagenationTabAreaTAR #pagenationTab #tabNo6-9TAR a.active {background-position:top right;}
			.bkcolor div .textColumn #pagenationTabAreaTAR #pagenationTab #tabNo1-5TAR  a:hover {background-position:top left;}
			.bkcolor div .textColumn #pagenationTabAreaTAR #pagenationTab #tabNo6-9TAR a:hover {background-position:top right;}
	
	.bkcolor div .textColumn > div > .textArea > ul li p {
		padding:10px 0 30px 22px;
		font-size:1.2em;
		line-height:150%;}
		.bkcolor div .textColumn > div > .textArea > ul li:last-child p {
			padding-bottom:0;}
	.bkcolor div .textColumn > div > .textArea > ul li p span.head {
		display:block;
		font-size:1.3em;
		font-weight:bold;
		line-height:150%;}
	#TAR .textArea > ul li p span.head {
		color: #88b304;
}
	#TAR .textArea > ul li p span.head span{
		font-weight: normal;
}
	.bkcolor div .textColumn > div > .textArea > ul li p span.sub {
		display:block;
		font-weight:bold;
		line-height:150%;} 

		#pagenationTabAreaTRN .textArea h3,
		#pagenationTabAreaBER .textArea h3,
		#pagenationTabAreaTAR .textArea h3{
			font-size: 2em;
			font-weight: bold;
			text-indent: -1.1em;
			padding-left: 1em;
		}
		#pagenationTabAreaTRN .textArea h3 span,
		#pagenationTabAreaBER .textArea h3 span{
			font-size: 0.8em;
			font-weight: normal;
		}
		#pagenationTabAreaTRN .textArea h3,
		#pagenationTabAreaBER .textArea h3{
			color: #0068b7;
		}
		#pagenationTabAreaTAR .textArea h3{
			color: #88b304;
		}
	

/*--------------------------------------------------------------
Mixed flow of air-water profile during operation
--------------------------------------------------------------*/
.mixedFlowOfAir {
	width:960px;
	margin:0 auto 60px auto;
	clear: both;
}
.mixedFlowOfAir h2 {
	margin:0 0 30px 0;
color: #0068b7;
font-size: 3em;
font-weight: bold;}
	
.mixedFlowOfAir .mixedFlowTRN {
	margin:0 0 60px 0;}
.mixedFlowOfAir div h3 {
	height:25px;
	margin:0 0 23px 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;}
	.mixedFlowOfAir .mixedFlowTRN h3 {background:url(../images/index/head_mixedTRN.gif) no-repeat;}
	.mixedFlowOfAir .mixedFlowBER-PLS h3 {background:url(../images/index/head_mixedBER-PLS.gif) no-repeat;}
	.mixedFlowOfAir .mixedFlowTAR h3 {background:url(../images/index/head_mixedBER-PLS.gif) no-repeat;}
.mixedFlowOfAir div ul {
	overflow:hidden;}
.mixedFlowOfAir div ul li {
	/* position:relative; */
	float:left;
	margin:0 30px 0 0;
	padding:0 0 15px 0;
	background:#f1f9fa;}

	.mixedFlowOfAirBER {
		display: flex;
		justify-content: center;
	}
	.mixedFlowOfAir .mixedFlowTRN ul li {width:300px;}
	.mixedFlowOfAir .mixedFlowBER-PLS ul li {width:350px;}
	.mixedFlowOfAir .mixedFlowTAR ul li {width:350px;}
	.mixedFlowOfAir div ul li:last-child {margin-right:0;}
.mixedFlowOfAir div ul li h4 {
	margin:0 0 14px 0;
	padding:2px 0;
	color:#fff;
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	background:#0068b7;}
.mixedFlowOfAir div ul li p {
	margin:0 20px 15px 20px;
	color:#555;
	font-size:1.4em;}
.mixedFlowOfAir div ul li img {
	display:block;
	margin:0 auto;}



/*--------------------------------------------------------------
specialOffer
--------------------------------------------------------------*/
.specialOffer {
	width:880px;
	margin:0 auto;
	padding:40px;
	background:#f1f8f1;
	overflow:hidden;}
.specialOffer > h2 {
	width:960px;
	height:31px;
	margin:0 0 8px -40px;
	background:url(../images/index/tit_specialOffer.gif) no-repeat;
	text-indent:-9999px;
	white-space:nowrap;
	overflow:hidden;}
.specialOffer > p {
	margin:0 0 30px 0;
	color:#0068b7;
	font-size:1.8em;
	font-weight:bold;
	text-align:center;}

.specialOffer .inCombi {
	float:left;
	width:510px;
	margin:0 26px 0 0;
	border-right:4px dotted #0068b7;}
.specialOffer .inCombi > h3 {
	height:44px;
	margin:0 0 24px 0;
	background:url(../images/index/tit_specialOffer_inCombi.gif) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;}
.specialOffer .inCombi > p {
	width: 440px;
	margin:0 0 50px 0;
	padding:14px;
	color:#0068b7;
	font-size:1.4em;
	line-height:140%;
	background:#fff;
	box-shadow:5px 5px 10px 0px rgba(0,0,0,0.5);}
	
	
.specialOffer .optional {
	float:left;
	width:340px;}
.specialOffer .optional > h3 {
	height:40px;
	margin:0 0 10px 0;
	background:url(../images/index/tit_specialOffer_optional.gif) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;}
.specialOffer .optional .stand {
	margin:0 0 20px 0;}
	

	.productInfo .btn-product {
		width: auto;
		height: auto;
	}
	.productInfo .btn-product a{
		display: block;
		width: 230px;
		height: 56px;
		background: url(../images/index/btn_product_RSR.gif) top;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.productInfo li > div > a:hover {
    background-position: bottom;
}

.relatedproducts{
	box-sizing: border-box;
	padding: 20px;
	width:960px;
	margin: 0 auto;
}

#TRN .relatedproducts{
	background-color: #f1f8f1;
}
#TRN .relatedproducts h2{
	background-color: #00a59f;
}
#TAR .relatedproducts{
	background-color: #fdfbf0;
}
#TAR .relatedproducts h2{
	background-color: #95c600;
}
.relatedproducts > div{
	background-color: #fff;
	padding: 20px;
}

#TAR .mixedFlow h4{
color: #88b304;
}
.relatedproducts h2{

	color: #fff;
	text-align: center;
	font-size: 3em;
	font-weight: bold;
	padding: 5px;	
}
.relatedproducts h3{
	color: #333;
    font-size: 2em;
	font-weight: bold;
	margin-bottom: 8px;
}
.relatedproducts p{
    font-size: 1.4em;
	line-height: 1.4;
    margin-bottom: 30px;
}
.relatedproducts .productInfo{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.relatedproducts .productInfo li:nth-child(1){
	width: 500px;
}

.relatedproducts .productInfo img{
	margin-right: 40px;
}

.discharge{
	background-color: #fff;
	box-sizing: border-box;
	padding: 40px;
	width: 960px;
}
.discharge h4{
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 20px;
}

.discharge ul{
	display: flex;
	justify-content: space-between;
}
.discharge ul p{
    font-size: 1.2em;
    line-height: 150%;
	margin-top: 24px;
}

.specialOffer {
    width: 880px;
    margin: 0 auto;
    padding: 40px;
    background: #f1f8f1;
    overflow: hidden;
}

.combinationTRN{
	width: 880px;
    margin: 0 auto;
    padding: 40px;
    background: #fdfbf0;
    overflow: hidden;
}
.combinationTRN h2{
	color: #88b304;
	font-size: 3em;
	font-weight: bold;
	margin-bottom: 20px;
}
.combinationTRN h2 + p{
    font-size: 2.2em;
    line-height: 180%;
	margin-bottom: 30px;
}
.combinationTRN dl dt{margin-bottom:10px;}
.combinationTRN dl dd{
	font-size: 1.2em;
}

#No6-9TAR li:nth-child(3) h3 span,
#No6-9TAR li:nth-child(4) h3 span,
#No6-9TAR li:nth-child(1) h3 span{
	font-size: 0.8em;
	font-weight: normal;
}