@charset "utf-8";

/* index.css */

#mainContent div.pankuzu {
	margin-bottom: 0;
}

#leadPhase {
	margin: 30px 0 20px;
}

#leadPhase .twoColumnLeft {
	width: 310px;
}

#leadPhase .twoColumnRight {
	width: 380px;
}

/* phase1　原理　*/

#phase1 {
}

#phase1 .twoColumnLeft,
#phase1 .twoColumnRight {
	width: 345px;
}

#phase1 p.phase1Position {
	margin-top:  15px !important;
}

/* phase1の2番目　*/

#phase1in {
	margin: 0 0 0;
}

#phase1in .twoColumnLeft,
#phase1in .twoColumnRight {
	position: relative;
	width: 340px;
}

#phase1in .column {
	width: 320px;
	padding: 10px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

#phase1in .pointPhase {
	margin-top: 15px;
	_margin: 0;
}

#phase1in .explain {
	margin: 10px 0 0;
}


#usagePhase {
	margin: 60px 0 0;
}

#kenbaiki {
}

#kenbaiki li {
	float: left;
	margin: 0 5px 0 0;
}

#kenbaiki li.last {
	margin: 0;
}

#phase2 p img.pop {
	float:right;
	padding: 0 0 8px 8px;
}

/* phase2　特徴　*/

#phase2 {
	margin: 60px 0 0;
}

#phase2 .twoColumnLeft,
#phase2 .twoColumnRight {
	position: relative;
	width: 355px;
	min-height: 437px;
	height: auto !important;
	height: 437px;
}


/* phase2　特徴 （耐久性など）*/
#phase2 .twoColumnContainer {
	margin: 0 0 5px;
}

#phase2 .twoColumnLeft,
#phase2 .twoColumnRight {
	width: 355px;
	border: 1px solid #aaa;
}

#phase2 div.column {
	/*position: relative;
	left: 0;
	top: 0;*/
	/*padding: 10px;*/
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

#phase2 p.explainImage {
	position: absolute;
	bottom: 10px;
}
#phase2 span.titleClearDetail {
	width: 60px;
	display: inline-block;
}
#phase2 span.titleAgDtail {
	width: 60px;
	display: inline-block;
}

/*　耐久性　*/

#endure {
	width: 718px;
	border: 1px solid #aaa;
}

#endure .leadExplain {
	margin: 10px 13px;
}

#featurePhase {
	margin: 0 13px;
}

#featurePhase li {
	float: left;
	margin: 0 6px 6px 0;
	background: url(/images/common/item_stripe01.gif);
}

#featurePhase li.last {
	margin-right: 0;
}

#featurePhase .featureBox {
	position: relative;
	width: 216px;
	margin: 5px;
	border: none;
	min-height: 270px;
	height: auto !important;
	height: 270px;
	background: #fff;
}
#featurePhase .featureBox.long {
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

#featurePhase .featureBox dl {
	padding: 10px;
}

#featurePhase .featureBox dt {
	margin: 0 0 0.5em;
}

#featurePhase .featureBox dd {
	padding: 0px;
}

#featurePhase p.explainImage {
	position: absolute;
	left:  8px;
	bottom: 8px;
}





/* phase3　カスタマイズ　*/

#phase3 {
	margin: 60px 0 0;
}

#phase3 .twoColumnContainer {
	padding: 10px;
	background: #fff;
	position: relative;

}

#phase3 .twoColumnLeft,
#phase3 .twoColumnRight {
	width: 335px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#phase3 .column {
}


/* phase4　仕様表 */

#phase4 {
	margin: 60px 0 0;
}

.notes {
	font-size:85%;
}



/* 用途例 */

#usagePhase p.explainImage {
}