@charset "utf-8";
/* step
--------------------------------------------------------------*/
.step{
	display: table;
	width: 100%;
	margin-bottom: 40px;
}
.stepList01, .stepList02, .stepList03{
	display: table-cell;
	position: relative;
	height: 60px;
	padding: 0 10px;
	background: #e9ecf0;
	color: #999999;
	vertical-align: middle;
	text-align: center;
	font-size:115%;
}
.stepList01, .stepList02{
	width: 30%;
	padding-right: 35px;
}
.stepList03{
	width: 28%;
}
.stepList01:after, .stepList02:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 60px;
	background: url(/help/img/step02.png) no-repeat 0 0;
}
.step li.active{
	background: #aaadb3;
	color: #fff;
}
.stepList01.active:after, .stepList02.active:after{
	background-image: url(/help/img/step01.png);
}
/*for IE7 */
*:first-child+html .step{
	overflow: hidden;
}
*:first-child+html .step li{
	float: left;
	width: 28.87%;
	height: auto;
	padding: 17px 2%;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
/* helpBox
--------------------------------------------------------------*/
.helpBox{
	margin: 45px 0 40px;
	border-top: 5px solid #0066cc;
	border-bottom: 1px solid #0066cc;
	background: #f8f9fb;
}
/* form
--------------------------------------------------------------*/
input, textarea, select{
	padding: 6px 1.5%;
	border: 1px solid #babfc6;
}
textarea{
	resize: vertical;
}
input[type="radio"]{
	vertical-align: middle;
}
form .w37per{ width: 37%}
form .w40per{ width: 40%}
form .w97per{ width: 97%}
/* btn
--------------------------------------------------------------*/
.btn01 input, .btn02 input{
	padding: 0;
	border: none;
}
.btnWrap01{
	margin: 50px auto 0;
	width: 200px;
}
.btnWrap02{
	margin: 50px auto 0;
	width: 500px;
	overflow: hidden;
}
.btn02{
	float: left;
	width: 220px;
	margin: 0 15px;
}


/*index.html
--------------------------------------------------------------*/
.index.helpBox {
	overflow: hidden;
	padding: 10px 0;
}
.index.helpBox .helpBoxLeft, .index.helpBox .helpBoxRight{
	float: left;
	padding: 0 20px 10px;
	text-align: center;
}
.index.helpBox .helpBoxLeft{
	width: 44%;
	width: calc(50% - 41px);
	border-right: 1px dotted #98999b;
}
.index.helpBox .helpBoxRight{
	width: 43.5%;
	width: calc(50% - 40px);
}
.index.helpBox .icoTel, .index.helpBox .icoPc{
	margin-bottom: 15px;
	border-bottom: 1px solid #006faf;
}
.index.helpBox .icoTel span, .index.helpBox .icoPc span{
	display: inline-block;
	padding: 12px 0 20px;
	background: no-repeat left center;
	font-size: 115%;
	font-weight: bold;
}
.index.helpBox .icoTel span{ padding-left: 30px; background-image: url(/help/img/ico_tel.png)}
.index.helpBox .icoPc span{ padding-left: 54px; background-image: url(/help/img/ico_pc.png)}

.index.helpBox .telNum{
	overflow: hidden;
	padding: 14px 0px;
	border-bottom: 1px dotted #98999b;
}
.index.helpBox .telNum dt{
	float: left;
	font-weight: bold;
}
.index.helpBox .telNum dd{
	float: right;
}
.index.helpBox .reception{
	margin: 18px 0 3px;
	text-align: left;
	font-size: 86%;
}
/*form.html / confirm.html
--------------------------------------------------------------*/
.form.helpBox tr{
	border-top: 1px solid #e6e6e6;
}
.form.helpBox tr:first-child{
	border-top: none;
}
.form.helpBox th{
	width: 24%;
	padding: 20px;
	font-size: 115%;
	vertical-align: top;
	white-space: nowrap;
}
.form.helpBox td{
	padding: 20px 20px 20px 0;
}
.form.helpBox .note{
	font-size: 86%;
}
.attention {
	margin: 30px 0 20px;
	padding: 0 0 0 10px;
	border-left: 5px solid #0066cc;
	border-top: none;
	border-bottom: none;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.3;
}
/* form_error.html
--------------------------------------------------------------*/
.errordiv{
	margin-bottom: 20px;
	padding: 15px;
	color: #ec0000;
	background: #FCEFEF;
}
.error th{
	color: #ec0000;
}
.error input, .error textarea, .error select{
	border: 2px solid #ec0000;
	background: #FCEFEF;
}
/*complete.html
--------------------------------------------------------------*/
.compTtl{
	margin: 87px 0 33px;
	text-align: center;
	font-size: 200%;
}
.comp.helpBox{
	overflow: hidden;
	margin-top: 30px;
	padding: 20px;
}
.comp.helpBox p{
	float: left;
	line-height: 36px;
	font-size: 115%;
}
.comp.helpBox .icoTel{
	margin-right: 6%;
	padding-left: 33px;
	background: url(/help/img/ico_tel.png) no-repeat left center;
	font-weight: bold;
}