@charset "euc-jp";
@import "service_tmpl.css";
/*--------------------------------------
　サービス案内　お申し込み
---------------------------------------*/
#step3 .about {
	margin-bottom: 10px;
	background: url(/service/img/03/about_back01.jpg) no-repeat;
}

#step4 .about {
	margin-bottom: 5px;
	background: url(/service/img/03/about_back02.jpg) no-repeat;
}

#step4 h3 {
	margin-top: 0px;
}

#step5 .about {
	margin-bottom: 10px;
	background: url(/service/img/03/about_back03.jpg) no-repeat;
}

#step3 dl {
	margin: 0px 35px 0px 10px;
	padding: 10px 10px 10px 10px;
	background: url(/service/img/03/dl_back.jpg) repeat-x left bottom;
}

#step3 {
	margin-bottom: 50px;
}

#step3 dt {
	width: 160px;

	float: left;

	font-weight: bold;
}

#step3 dd {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 175px;

	text-indent: -12px;
}

	* html #step3 dd {
		text-indent: -15px;
	}

#step3 dd span {
	margin-right: 5px;
	font-weight: bold;
}

#step3 dd.line {
	margin: -3px 0px 5px 0px;
	padding: 0px;

	text-indent: 0;
}

	* html #step3 dd.line {
		margin: 5px 0px 7px 0px;
	}

#step3 h4 {
	margin: 0px 0px 10px 10px;

	clear: both;
}

.feature_guide {
	padding: 0px 40px 20px 10px;
}

.feature_guide .left {
	margin-bottom: 10px;

	float: left;
	clear: left;
}

.feature_guide .right {
	margin-bottom: 10px;

	float: right;
	clear: right;
}

#step4 {
	margin-bottom: 50px;
}

#step4 p.text {
	margin: 0px 40px 30px 10px;
	padding: 10px 0px 10px 10px;
	background: url(/service/img/03/section02_p_back.jpg) repeat-x left bottom;
}

#step4 p.text span {
	padding: 0px 10px 0px 250px;
	display: block;

	text-indent: -1em;
}

#step5 p.text {
	margin: 0px 40px 0px 10px;
	padding: 10px 10px 10px 10px;
	background: url(/service/img/03/section02_p_back.jpg) repeat-x left top;
	overflow: auto;
}

	* html #step5 p.text {
		width: 100%;
	}

#step5 p.text span {
	padding: 0px 250px 0px 10px;
	display: block;

	text-indent: -1em;
}