@charset "utf-8";
/* CSS Document */

/*
===== 1: common =====
*/
div#under_Area div#mainContents {
	width: 900px;
}
div#under_Area h3 {
	padding: 23px 0 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.attention {
	font-size: 83.3%;
	color: #3ea8a8;
}
.step2 .attention {
	font-size: 83.3%;
	color: #323232;
}
.contactText {
	font-size: 92.3%;
}
.contactText h4 {
	font-size: 116.7%;
}
.errorText {
	color: #F00;
}


/*
===== 2: corner =====
*/
.corner-box2 {
	clear: both;
	margin: 14px 0 32px;
	border: solid 1px #83cbca;
	background-color: #FFF;
	font-size: 92.3%;
}
.btArea {
	background-color: #daf2f2;
	text-align: center;
}
.step1 {
	padding: 16px 30px;
}
.step2 {
	padding: 16px 52px 16px 30px;
}
.btAreaIn {
	padding: 11px 30px 0;
}

/*
===== 3: step1 =====
*/
.step1 .right {
	width: 670px;
}
.step2 .right {
	width: 645px;
}
.step1 h4 {
	margin: 0 0 14px;
	padding: 0 0 0 8px;
	border-left: solid 3px #81cdc9;
	font-size: 116.7%;
}
.step1 table {
	width: 100%;
	margin: 0 0 12px;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border-top: solid 1px #d9d9d9;
	border-left: solid 1px #d9d9d9;
}
.step1 table th,
.step1 table td {
	padding: 6px;
	border-bottom: solid 1px #d9d9d9;
	border-right: solid 1px #d9d9d9;
}
.step1 table th {
	background-color: #f5f5ed;
	text-align: left;
}
.step1 table th strong {
	color: #3ea8a8;
}
.step1 input,
.step2 input {
	margin: 0 3px 0 0;
	padding: 2px;
	line-height: 1.1;
}
.step1 label {
	margin: 0 3px 0 0;
}
.step1 p {
	margin: 0 0 6px;
}

.typeA {
	width: 664px;
	height: 61px;
	margin: 0 0 15px;
	padding: 2px;
	line-height: 1.1;
	font-size: 100%;
}
.typeB {
	width: 60px;
}
.typeC {
	width: 160px;
}
.typeD {
	width: 310px;
}
.typeE {
	width: 30px;
}
.bgTypeA {
	background-color: #f5f5ed;
}

/*
===== 4: step2 =====
*/
.step2 .right .leftIn {
	float: left;
	width: 306px;
}

.step2 .right .rightIn {
	float: right;
	width: 306px;
}

.step2 .right .leftIn ul {
	margin: 0 0 0 17px;
}

.step2 .right .leftIn ul li {
	margin: 0 0 17px;
}

.step2 .right .rightIn ul li {
	margin: 0 0 12px;
}
.step2 .right .rightIn ul li ul {
	margin: 0 0 0 150px;
}
.step2 .right .rightIn ul li li {
	margin: 0 0 3px;
}

/*
===== 5: btArea =====
*/
.bt01,
.bt02 {
	display: inline-block;
	width: 175px;
	height: 41px;
	border: none;
	text-indent: -10000em;
	cursor: pointer;
}
.bt01 {
	background: url(images/bt01.gif) left top no-repeat;
}
.bt02 {
	background: url(images/bt02.gif) left top no-repeat;
}