@charset "utf-8";


/*
	1 : commonArea
	2 : mainVisualArea
	3 : troubleArea
	4 : solveArea
	5 : productArea
	6 : featureArea
	7 : aboutArea
	8 : exampleArea
	9 : relationArea
 */

/* -----------------------------
	1 : commonArea
----------------------------- */
.mainArea .clockwise { float: right; }
.mainArea .anticlockwise { float: left; }

.mainArea .buttonArea li a {
	clear: both;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto;
}
.mainArea .productArea .buttonArea li.productBtn a,
.mainArea .relationArea .buttonArea li.productBtn a {
	width: 202px;
	height: 41px;
	background: url(/maker/ckd/products/regulator/ev/images/btn_product202x41.png) no-repeat;
	margin: 0 auto;
}
.mainArea .featureArea .buttonArea li.productBtn a,
.mainArea .exampleArea .buttonArea li.productBtn a  {
	clear: both;
	width: 286px;
	height: 45px;
	background: url(/maker/ckd/products/regulator/ev/images/btn_product286x45.png) no-repeat;
	margin: 0 auto;
}

/* -----------------------------
	2 : mainVisualArea
----------------------------- */
.mainArea .mainVisualArea { 
	position: relative;
	width: 950px;
	height: 190px;
	background: url(/maker/ckd/products/regulator/ev/images/mainVisual.png) no-repeat;
 }
.mainArea .mainVisualArea h1.mainVisual,
.mainArea .mainVisualArea p.mainLead {
	height: 0;
	overflow: hidden;
}

.mainArea .productNav {
	position: relative;
	width: 931px;
	height: 44px;
	margin: 0 auto;
}
.mainArea .productNav li {
	position: absolute;
	width: 225px;
	height: 44px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .productNav li a {
	display: block;
	width: 225px;
	height: 44px;
	background-image: url(/maker/ckd/products/regulator/ev/images/product_nav.png);
}
.mainArea .productNav li.anchor01 {
	left: 0;
}
.mainArea .productNav li.anchor01 a {
	background-position: 0 0;
}
.mainArea .productNav li.anchor02 {
	left: 235px;
}
.mainArea .productNav li.anchor02 a {
	background-position: -235px 0;
}
.mainArea .productNav li.anchor03 {
	left: 471px;
}
.mainArea .productNav li.anchor03 a {
	background-position: -471px 0;
}
.mainArea .productNav li.anchor04 {
	left: 706px;
}
.mainArea .productNav li.anchor04 a {
	background-position: -706px 0;
}


/* -----------------------------
	3 : troubleArea
----------------------------- */
.mainArea .troubleArea .troubleBox {
	width: 850px;
	height: 288px;
	background: url(/maker/ckd/products/regulator/ev/images/trouble_bg.png) no-repeat;
	margin: 0 auto;
}
.mainArea .troubleArea .troubleBox dt,
.mainArea .troubleArea .troubleBox dd {
	height: 0;
	overflow: hidden;
}

/* -----------------------------
	4 : solveArea
----------------------------- */
.mainArea .solveArea .solveBox {
	position: relative;
	width: 850px;
	height: 276px;
	background: url(/maker/ckd/products/regulator/ev/images/solve_bg.png) no-repeat;
	margin: 0 auto;
}
.mainArea .solveArea .solveBox dt,
.mainArea .solveArea .solveBox dd {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* -----------------------------
	5 : productArea
----------------------------- */
.mainArea .productArea .productContent {
	border: solid #c9e9d4 10px;
	padding: 33px 0 24px;
}
.mainArea .productArea dl.productBox {
	width: 464px;
	padding: 4px 0 13px;
}
.mainArea .productArea dl.productBox:first-child {
	border-right: dashed 1px #a9a9a9;
}
.mainArea .productArea dl.productBox p { text-align: center; }
.mainArea .productArea dl.productBox .productTtl {
	display: block;
	width: 300px;
	height: 27px;
	margin: 0 auto 29px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .productArea dl.productBox .t01 { display: block; background: url(/maker/ckd/products/regulator/ev/images/product_ttl01.png) no-repeat; }
.mainArea .productArea dl.productBox .t02 { display: block; background: url(/maker/ckd/products/regulator/ev/images/product_ttl02.png) no-repeat; }
.mainArea .productArea dl.productBox .productImg {
	display: block;
	margin-bottom: 22px;
}
.mainArea .productArea dl.productBox p.productName {
	font-size: 13px;
	margin-bottom: 3px;
}
.mainArea .productArea dl.productBox p.productPrice {
	color: #dd0000;

}
.mainArea .productArea dl.productBox p.productShipment {
	margin: 6px 0 10px;
}

/* -----------------------------
	6 : featureArea
----------------------------- */
.mainArea .featureArea .featureContent { padding: 0 10px; }
.mainArea .featureArea .featureBox { clear: both; }
.mainArea .featureArea .anticlockwise .featureBox { width: 472px; }
.mainArea .featureArea .clockwise .featureBox {	width: 453px; }
.mainArea .featureArea .featureBox .featureTtl {
	display: block;
	width: 254px;
	height: 15px;
	margin-bottom: 10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainArea .featureArea .featureBox .t01 { display: block; background: url(/maker/ckd/products/regulator/ev/images/feature_ttl01.png) no-repeat; }
.mainArea .featureArea .featureBox .t02 { display: block; background: url(/maker/ckd/products/regulator/ev/images/feature_ttl02.png) no-repeat; }
.mainArea .featureArea .featureBox .t03 { display: block; background: url(/maker/ckd/products/regulator/ev/images/feature_ttl03.png) no-repeat; }
.mainArea .featureArea .featureBox .t04 { display: block; background: url(/maker/ckd/products/regulator/ev/images/feature_ttl04.png) no-repeat; }
.mainArea .featureArea .featureBox .t05 { display: block; background: url(/maker/ckd/products/regulator/ev/images/feature_ttl05.png) no-repeat; }
.mainArea .featureArea .featureBox .featureImg { display: block; text-align: center; }
.mainArea .featureArea .featureBox .featureLead { display: block; }
.mainArea .featureArea table.featureList {
	width: 428px;
	border: solid 1px #c9c9c9;
}
.mainArea .featureArea table.featureList th,
.mainArea .featureArea table.featureList td {
	text-align: center;
	border: solid 1px #c9c9c9;
}
.mainArea .featureArea table.featureList th {
	font-weight: bold;
	padding: 5px 0;
}
.mainArea .featureArea table.featureList td {
	font-size: 14px;
	padding: 15px 0;
}
.mainArea .featureArea table.featureList td strong.red,
.mainArea .featureArea table.featureList td strong.blue { font-size: 16px; }
.mainArea .featureArea table.featureList td strong.red { color: #dd0000; }
.mainArea .featureArea table.featureList td strong.blue { color: #003ebb; }
.mainArea .featureArea table th.red,
.mainArea .featureArea table td.red,
.mainArea .featureArea table th.blue,
.mainArea .featureArea table td.blue { width: 154px; }
.mainArea .featureArea table th.red,
.mainArea .featureArea table td.red { background: #ffeadb; }
.mainArea .featureArea table th.blue,
.mainArea .featureArea table td.blue { background: #dbf9ff; }
.mainArea .featureArea .featureBox p.featureListTxt {
	width: 428px;
	text-align: right;
	margin-top: 10px;
}
.mainArea .featureArea .featureBox dd.photo {
	width: 850px;
	background: #dff2fc;
	margin: 0 auto;
	padding: 10px 0;
}
.mainArea .featureArea .featureBox dd.photo p.featureImg {
	float: left;
}

/* -----------------------------
	7 : aboutArea
----------------------------- */
.mainArea .aboutArea p.lead {
	font-size: 13px; 
	line-height: 20px;
}
.mainArea .aboutArea dl.aboutBox {
	width: 915px;
	border: solid 2px #dcdcdc;
	margin: 0 auto;
	padding: 24px 0 22px;
}
.mainArea .aboutArea dl.aboutBox dt { width: 457px; }
.mainArea .aboutArea dl.aboutBox dd { width: 453px; }
.mainArea .aboutArea dl.aboutBox dt > span { display: block; padding: 0 5px 0 17px; }

/* -----------------------------
	8 : exampleArea
----------------------------- */


/* -----------------------------
	9 : relationArea
----------------------------- */
.mainArea .relationArea .relationContent { margin: 0 5px; }
.mainArea .relationArea dl.relationBox {
	float: left;
	width: 298px;
	border: solid 1px #d2d2d2;
	font-size: 13px; 
	line-height: 20px;
	margin-left: 10px;
	padding: 20px 0 30px;
}
.mainArea .relationArea dl.relationBox .relationName {
	display: block;
	text-align: center;
	font-size: 13px; 
	line-height: 20px;
	height: 75px;
}
.mainArea .relationArea dl.relationBox .relationImg {
	display: block;
	text-align: center;
	margin-bottom: 23px;
}
.mainArea .relationArea dl.relationBox .relationCap {
	display: block;
	height: 61px;
	padding: 0 28px;
}