@charset "utf-8";



#content h2#sol1,
#content h2#sol2,
#content h2#sol3 {
	padding: 0 0 0 5px;
}
#content h2#sol1 span {
	padding: 3px 0 3px 70px;
	background: url("../img/h_solution_01.gif") left no-repeat;
}
#content h2#sol2 span {
	padding: 3px 0 3px 70px;
	background: url("../img/h_solution_02.gif") left no-repeat;
}
#content h2#sol3 span {
	padding: 3px 0 3px 70px;
	background: url("../img/h_solution_03.gif") left no-repeat;
}


#content ul.merit {
	padding: 10px 0 10px 10px;
	background: #eaeaea;
}
#content ul.merit li {
	float: left;
}


#content div.features {
	width: 655px;
}
#content div.features .text {
	float: left;
	width: 500px;
}
#content div.features .more {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	background: url("../img/line_01.gif") left top repeat-x;
}
#content div.features .more a {
	padding: 0 0 0 12px;
	background: url("../../img/bl_01.gif") 0 3px no-repeat;
}
#content div.features img.pic {
	display: block;
	float: right;
}



#content h2.flow {
	padding: 0 0 0 10px;
}
#content div.flow {
	width: 655px;
}
#content div.flow img.pic {
	float: left;
	display: block;
}
#content div.flow .text {
	float: right;
	width: 380px;
}
#content div.flow div.notes {
	margin: 30px 0 0 0;
	padding: 4px 10px 14px 10px;
	background: #e6e6e6;
}
#content div.flow div.notes dl dt {
	float: left;
	width: 50px;
	margin: 10px 0 0 0;
	font-size: 75%;
	line-height: 1.3;
}
#content div.flow div.notes dl dd {
	float: left;
	width: 310px;
	margin: 10px 0 0 0;
	font-size: 75%;
	line-height: 1.3;
}