@charset "utf-8";
/* ===================================================================
CSS information

 file name  :result.css
 style info :診断結果用
=================================================================== */
h3 {
	height:44px;
	background:#fff url("../img/result/h_result.gif") 0 0 no-repeat;
	text-indent:-9999px;
}
h4 {
	color:#fe84e8;
	padding:5px 10px 0;
	font-size:130%;
}
p#bg_border {
	padding:0 10px 10px;
	margin-bottom:15px;
	background:#fff url("../img/result/bg_p_border.gif") 0 bottom no-repeat;
}
.result_rank {
	clear:both;
	margin-bottom:10px;
}
.rank_left {
	float:left;
	width:254px;
	text-align:center;
}
p.rank_bg {
	clear:both;
	width:240px;
	height:172px;
	position:relative;
	background:#fff url("../img/result/bg_site.gif") 0 0 no-repeat;
}
.rank_png {
	clear:both;
	position: absolute;
	z-index:1;
	left:-5px;
	top:-15px;
}
p.rank_bg img {
	padding-top:7px;
}
p.btn_buy {
	clear:both;
	margin-top:15px;
	margin-bottom:15px;
}
dl.p_date {
	width:240px;
	background:#ffffe8 url("../img/result/bg_date.gif") 0 0 no-repeat;
	padding-top:35px;
	padding-bottom:15px;
	margin-bottom:10px;
	text-align:left;
	font-size:75%;
}
dl.p_date dt {
	padding:10px 10px 5px 10px;
}
dl.p_date dd {
	padding:0 10px 5px 10px;
}
.rank_right {
	float:right;
	width:476px;
 }
.rank_title {
	clear:both;
	margin-right:10px;
	margin-bottom:10px;
	border-top:#feb8b7 dotted 1px;
	border-bottom:#feb8b7 dotted 1px;
}
.rank_title h5 {
	float:left;
	width:300px;
	color:#84affe;
	font-size:150%;
	line-height:1.3;
}
.rank_title h5 span {
	color:#515151;
	font-size:70%;
}
.rank_title img {
	width:142px;
	float:right;
}
.title_match {
	clear:both;
	width:466px;
	height:30px;
	text-indent:-9999px;
	background:#fff url("../img/result/title_match.gif") 0 0 no-repeat;
}
dl.match {
	margin:15px 0;
	padding:0 15px;
	background:#fff url("../img/result/bg_match.gif") 0 0 no-repeat;
}
dl.match dt {
	width:375px;
	float:left;
}
dl.match dd {
	float:right;
	color:#515151;
	line-height:2.4;
	font-weight:bold;
	width:60px;
	text-align:center;
}
.title_feature {
	clear:both;
	width:466px;
	height:30px;
	text-indent:-9999px;
	background:#fff url("../img/result/title_feature.gif") 0 0 no-repeat;
}
dl.feature {
	clear:both;
	margin:5px 0;
	padding:0 15px;
	font-weight:bold;
}
dl.feature dt {
	width:50px;
	color:#84affe;
	float:left;
}
dl.feature dd {
	float:right;
	color:#515151;
	width:390px;
}
.title_recommendation {
	clear:both;
	width:466px;
	height:30px;
	text-indent:-9999px;
	background:#fff url("../img/result/title_recommendation.gif") 0 0 no-repeat;
}
p.recommendation {
	clear:both;
	margin:5px 0;
	padding:0 15px;
	font-weight:bold;
	color:#515151;
}
.title_comment {
	clear:both;
	width:720px;
	height:30px;
	text-indent:-9999px;
	background:#fff url("../img/result/title_comment.gif") 0 0 no-repeat;
}
dl.title_comment {
	clear:both;
	margin:5px 0;
	padding:0 15px;
	font-weight:bold;
}
ul.comment {
	clear:both;
	width:720px;
	height:138px;
	line-height:1.5;
	background:#fff url("../img/result/bg_comment.gif") 0 0 no-repeat;
}
ul.comment li {
	float:left;
	display:inline;
	padding:15px 35px 10px 10px;
	width:195px;
	line-height:1.4;
}
p.btn_bottom_buy {
	clear:both;
	width:720px;
	text-align:right;
	margin-bottom:50px;
}
#flash {
	clear:both;
	width:720px;
	text-align:center;
	margin-bottom:20px;
}