@import url(../basic.css);

span.square {
	background: url(img/bg_square.png) center top no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-indent: 0;
	margin: 0 10px 0 0;
	text-align: center;
	padding-top: 10px;
}

span.triangle {
	background: url(img/bg_triangle.png) center top no-repeat;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-indent: 0;
	margin: 0 50px 0 0;
	text-align: center;
	padding-top: 10px;
}

div#contents td.square {
	background: url(img/bg_square.png) center center no-repeat;
	width: 34px;
	height: 34px;
	vertical-align: middle;
}

div#contents td.triangle {
	background: url(img/bg_triangle.png) center center no-repeat;
	width: 34px;
	height: 34px;
	padding-top: 24px;
	vertical-align: middle;
}


.red {
	color: #ff0000;
}

.blue {
	color: #0033ff;
}

div#contents h3 {
	clear: both;
}

div.rule {
	border: 1px solid #999;
	padding: 10px;
	margin: 0 20px 10px 80px;
	float: left;
	width: 400px;
}

div.rule dl {
	margin: 10px 0 0 0;
}

div.rule dt {
	float: left;
	text-align: center;
	margin: 0 10px 0 0;
}

div#contents div.rule + p {
	text-indent: -1em;
}

table div.rule {
	margin: 0 0 10px 0;
	width: auto;
}

table div.rule li img {
	float: right;
	padding-left: 10px;
}

div#contents dl.step {
	margin: 10px 0 0 80px;
	clear:both;
}

div#contents dl.step dt{
	float: left;
	margin: 0 0 50px 0;
	border: 1px solid #999;
	padding: 10px;
	width: 200px;
}



div#contents dl.step dd {
	margin: 0 0 50px 240px;
	width: 440px;
	padding: 10px;
	text-indent: -1em;
	border: 1px solid #fff;
}

div#contents dl.step dd:after {
	content: url(img/arrow.png);
	position: absolute;
	margin-top: 0;
	margin-left: -150px;
	display: block;
}

div#contents dl.step dd.step4:after {
	content: none;
}

div#contents dl.step table, div#contents table table {
	margin-left: 0;
	border-top: 1px solid #79ddff;
	border-bottom: none;
	text-indent: 0;
	margin-right: 0;
}

div#contents dl.step table th, div#contents table table th {
	border-top: 1px solid #79ddff;
	border-bottom: 1px solid #fff;
	white-space: nowrap;
}

div#contents dl.step tr:last-child th, div#contents table tr:last-child th {
	border-bottom: 1px solid #79ddff;
}

div#contents dl.step table td, div#contents table table td {
	border-bottom: 1px solid #79ddff;
	border-right: 1px solid #79ddff;
	text-align: center;
}

div#contents table table td {
	min-width: 15px;
}

div#contents p.question {
	float: right;
	border: 1px solid #999;
	padding: 10px;
	width: 240px;
	margin-left:0;
	margin: 0 10px 20px 10px;
	text-indent: 0;
}

div#contents td dl {
	clear:none;
}

div#contents td dl.clearfix dt{
	width:2em;	
}

div#contents td dl.clearfix dd {
	margin-left: 220px;
}

div#contents td img.photo {
	float: right;
	margin: 0 0 10px 10px;
}

div#contents img.results {
	float: left;
	margin: 0 10px 10px 0;
}

div.question {
	border: 1px solid #999;
	padding: 10px;
	margin: 0 20px 40px 0;
	width: 240px;
}