/* @group feature */

#mainImg_feature h2 {
	background: url("images/feature/h2Feature.png") no-repeat;
	width: 329px;
	height: 48px;
	text-indent: -9999px;
	
}

#mainImg_feature p {
	background: url("images/feature/catchH2.png") no-repeat;
	width: 329px; 
	height: 114px; 
	text-indent: -9999px; 
	margin-bottom: 0;
}

#mainImg_feature {
	background-image: url("images/feature/mainImgFeature.jpg");
	clear: both;
	margin-top: 7px;
	height: 162px;
}

#cloverPropose div {
	background: url("images/feature/imgPropose.jpg") no-repeat left bottom;
}

#comsystemFeature div.left {
	border-left: 4px solid #99be0d;
	padding-left: 12px;
	width: 539px;
	margin-bottom: 24px;
}

#cloverPropose h3 {
	background-image: url("images/feature/h3CloverPropose.png");
}

#comsystemFeature h3 {
	background-image: url("images/feature/h3ComsystemFeature.png");
}

#comsystemFeature h4.left {
	width: 143px;
	height: 19px;
	margin-right: 7px;
}

#csfBody01 h4 {
	background: url("images/feature/h4Feature01.png") no-repeat left top;
}

#csfBody02 h4 {
	background: url("images/feature/h4Feature02.png") no-repeat left top;
}

#cloverPropose p.catch03 {
	background: url("images/feature/catchFeature.png") no-repeat;
	height: 95px;
	float: right;
	display: inline;
	width: 505px;
	margin-bottom: 35px;
}

#cloverPropose div p {
	clear: both;
	width: 384px;
	float: right;
	display: inline;
}

#csfBody01 div p.p03 {
	background-image: url("images/feature/pCsf01catch.png");
}

#csfBody02 div p.p03 {
	background-image: url("images/feature/pCsf02catch.png");
}

p#csfComment {
	background: url("images/feature/pCsf01.png") no-repeat;
	width: 699px;
	height: 35px;
	text-indent: -9999px;
	display: block;
	text-align: center;
	margin: 18px auto 9px;
}

p#solution {
	background-image: url("images/feature/pSolution.png");
	width: 169px;
	height: 93px;
	text-indent: -9999px;
	margin: 0 auto 24px;
}

#csfBody02 img {
	margin: 8px 0 21px;
}

#csfBody02 p {
	padding-left: 2px;
}

#csf02li h5 {
	background: url("images/feature/h5Feature.png") no-repeat;
	width: 180px;
	height: 21px;
}

#csf01li h5 {
	background: url("images/feature/h5Happen.png") no-repeat;
	width: 180px;
	height: 21px;
}

#csf02li,#csf01li {
	margin: 10px 0 30px;
}

#csf02liBox,#csf01liBox {
	margin-top: 14px;
}

#csf02liBox div.sepL, #csf01liBox div.sepL {
	float: left;
	width: 340px;
	display: inline;
}

#csfBody01 div img {
	margin-bottom: 21px;
}

#csf02liBox div.sepR, #csf01liBox div.sepR {
	float: right;
	width: 340px;
	display: inline;
}

#csf02liBox li, #csf01liBox li {
	background: url("images/feature/arrow01.png") no-repeat 0 center;
	padding: 0 0 4px 13px;
}


#ideal {
	margin-top: 50px;
}

#ideal h4 {
	background: url("images/feature/h4Ideal.png") no-repeat;
	width: 186px;
	height: 21px;
}


#ideal img.center {
	margin: 20px 0 15px;
}

#ideal p {
	padding-left: 28px;
}

/* @end */