@charset "utf-8";

#section-head {
	height: 140px;
	background: url("../images/bg_index-head.jpg") left top no-repeat;
}
#section-head h1 {
	margin: 20px 0 0 20px;
	width: 315px;
	height: 120px;
	float: left;
}
#section-head .lead {
	margin: 20px 0 0;
	width: 285px;
	height: 120px;
	text-indent: -999em;
	background: url("../images/txt_index-catch.gif") left top no-repeat;
	float: left;
}
/* step */

#section-body {
	height: 480px;
	overflow: hidden;
	position: relative;
}
#section-body .section-block {
	position: absolute;
	width: 960px;
	height: 480px;
}
#section-body p.head {
	padding-top: 28px;
	height: 20px;
	text-indent: -999em;
}
#section-body .needs li {
	position: absolute;
}
#section-foot {
}
#section-foot .message {
	margin: 0 auto;
	width: 506px;
	height: 50px;
	text-indent: -999em;
	background: url("../images/txt_index-message.gif") left top no-repeat;
}
/* step01 */
#step01 {
	z-index: 10;
	background: url("../images/bg_index-body.jpg") left top no-repeat;
}
#step01 .head {
	background: url("../images/txt_index-q.gif") center 28px no-repeat;
}
#step01 .needs li.detail-01 {
	left: 147px;
	top: 87px;
}
#step01 .needs li.detail-02 {
	left: 617px;
	top: 89px;
}
/* step02-individual */
#step02-individual {
	background: url("../images/bg_index-body-individual.jpg") left top no-repeat;
}
#step02-individual .head,
#step02-corporate .head {
	background: url("../images/txt_index-q02.gif") center 28px no-repeat;
}
#step02-individual .needs li.detail-individual01 {
	left: 20px;
	top: 153px;
}
#step02-individual .needs li.detail-individual02 {
	left: 335px;
	top: 80px;
}
#step02-individual .needs li.detail-individual03 {
	left: 738px;
	top: 147px;
}
#step02-individual .needs li.detail-individual04 {
	left: 686px;
	top: 44px;
}
#step02-individual .needs li.detail-individual05 {
	left: 73px;
	top: 45px;
}
/* step02-individual */
#step02-corporate {
	background: url("../images/bg_index-body-corporate.jpg") left top no-repeat;
}
#step02-corporate .needs li.detail-corporate01 {
	left: 530px;
	top: 80px;
}
#step02-corporate .needs li.detail-corporate02 {
	left: 70px;
	top: 84px;
}
#step02-corporate .needs li.detail-corporate03 {
	left: 246px;
	top: 77px;
}
#step02-corporate .needs li.detail-corporate04 {
	left: 41px;
	top: 176px;
}
#step02-corporate .needs li.detail-corporate05 {
	left: 730px;
	top: 88px;
}
#section-body .section-block .btn_back {
	position: absolute;
	bottom: 30px;
	left: 10px;
}