@charset "utf-8";

.lead {
	margin-bottom: 46px;
}

/* howto */
#howto {
	width: 860px;
	height: 920px;
	margin-bottom: 33px;
	background: url(../../img/test2/howto/bg.gif) no-repeat;
}

#howto h3 {
	width: 820px;
	margin: 0 auto 50px auto;
	padding: 16px 0 16px 0;
	border-bottom: 2px solid #ea6088;
}

#howto ul {
	width: 760px;
	overflow: hidden;
	margin: 0 auto;
}

#howto li {
	float: left;
	width: 170px;
	margin-right: 26px;
}

#howto li dt {
	margin-bottom: 27px;
}

/* result */
.result {
	margin-bottom: 46px;
}

.hantei h3 {
	text-align: left;
	margin-top: -20px;
	position: relative;
}

.hantei > div {
	width: 860px;
	height: 524px;
	padding: 36px 0 0 0;
	background: url(../../img/test2/result/hantei_bg.gif) no-repeat;
}

.hantei .cal {
	width: 640px;
	margin: 0 auto 24px auto;
	padding: 0 24px 33px 24px;
	background: url(../../img/test2/result/dot_line.gif) no-repeat bottom center;
}

.hantei table {
	width: 640px;
}

.hantei table .input,
.hantei table .output {
	text-align: center;
	width: 120px;
}

.hantei table .input img ,
.hantei table .output img {
	display: block;
	text-align: center;
	margin: 0 auto 14px auto;
}

.hantei table td input {
	width: 120px;
	height: 80px;
	border: 1px solid #b1b2b2;
	font-size: 36px;
	line-height: 80px;
	text-align: center;
}

.hantei table .output input {
	font-size: 48px;
	font-weight: bold;
	padding-bottom: 6px;
}

.hantei table .cm {
	vertical-align: bottom;
	width: 52px;
	padding-left: 8px;
}

/**/
.hantei dt {
	margin-bottom: 30px;
}

.hantei dd ul {
	margin: 0 27px;
	overflow: hidden;
}

.hantei dd li {
	width: 185px;
	 float: left;
	 margin-right: 22px;
}