@charset "utf-8";

/*

比較ランキング

*/

#main h2 {
	margin-bottom: 50px;
}
#main h3 {
	background-repeat: no-repeat;
	padding: 12px 0 0 54px;
	width: 261px;
	height: 27px;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
}
#main h3 a:hover {
	color: #F36;
}
#main h3.rA1  { background-image: url(/images/hikaku/bg_rA1.gif); margin-left:  0px; padding: 42px 0 0 188px; width: 462px; height: 39px; font-size: 26px; line-height: 26px; }
#main h3.rA2  { background-image: url(/images/hikaku/bg_rA2.gif); margin-left:  8px; padding: 36px 0 0 179px; width: 462px; height: 33px; font-size: 22px; line-height: 22px; }
#main h3.rA3  { background-image: url(/images/hikaku/bg_rA3.gif); margin-left: 17px; padding: 28px 0 0 170px; width: 462px; height: 31px; font-size: 22px; line-height: 22px; }
#main h3.rB2  { background-image: url(/images/hikaku/bg_rB2.gif); }
#main h3.rB3  { background-image: url(/images/hikaku/bg_rB3.gif); }
#main h3.rB4  { background-image: url(/images/hikaku/bg_rB4.gif); }
#main h3.rB5  { background-image: url(/images/hikaku/bg_rB5.gif); }
#main h3.rB6  { background-image: url(/images/hikaku/bg_rB6.gif); }
#main h3.rB7  { background-image: url(/images/hikaku/bg_rB7.gif); }
#main h3.rB8  { background-image: url(/images/hikaku/bg_rB8.gif); }
#main h3.rB9  { background-image: url(/images/hikaku/bg_rB9.gif); }
#main h3.rB10 { background-image: url(/images/hikaku/bg_rB10.gif); }
#main div.rankA {
	position: relative;
	width: 650px;
	margin: 0 0 50px 15px;
}
#main div.rankA div {
	margin: 30px 0 30px 117px;
	width: 468px;
	height: 60px;
}
#main div.rankA h4 {
	padding: 0 0 14px 60px;
	width: 420px;
	font-size: 16px;
	color: #fe1700;
}
#main div.rankA dl {
	padding: 0 22px 0 66px;
	width: 392px;
}
#main div.rankA dl dt {
	padding: 5px 0 0 51px;
	width: 341px;
	height: 54px;
	background-image: url(/images/hikaku/img_rPoint.gif);
	background-repeat: no-repeat;
	background-position: 3px 0;
	font-size: 14px;
	line-height: 19px;
}
#main div.rankA dl dd {
	padding: 17px 17px 11px 24px;
	width: 351px;
	height: 87px;
	background-image: url(/images/hikaku/bg_rDd.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 18px;
}
#main div.rankA table {
	position: absolute;
	width: 168px;
	border: 2px solid #d0cbb8;
	right: 0;
	bottom: 51px;
}
#main div.rankA table th {
	border: 2px solid #d0cbb8;
	padding: 3px auto;
	width: 65px;
	background-color: #F4F3EF;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	color: #333;
	text-align: center;
}
#main div.rankA table td {
	border: 2px solid #d0cbb8;
	padding: 3px 0 3px 5px;
	font-size: 12px;
	line-height: 12px;
	color: #333;
}
#main div.rankA table td span {
	color: #F90;
}
#main div.rankA p {
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 170px;
	height: 33px;
}
#main div.rankB {
	width: 315px;
	margin: 0 10px 30px 13px;
	float: left;
	position: relative;
}
#main div.rankB h4 {
	padding: 13px 0 13px 20px;
	width: 295px;
	font-size: 14px;
	line-height: 14px;
	color: #fe1700;
}
#main div.rankB div {
	width: 120px;
	height: 60px;
	position: absolute;
	top: 75px;
	left: 15px;
}
#main div.rankB table {
	width: 300px;
	border: 2px solid #d0cbb8;
	margin: 0 0 18px 15px;
}
#main div.rankB table th {
	border: 2px solid #d0cbb8;
	padding: 3px auto;
	width: 60px;
	background-color: #F4F3EF;
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
	color: #333;
	text-align: center;
}
#main div.rankB table td {
	border: 2px solid #d0cbb8;
	padding: 3px 0 3px 5px;
	font-size: 10px;
	line-height: 10px;
	color: #333;
}
#main div.rankB table td span {
	color: #F90;
}
#main div.rankB dl {
	margin: 0 0 20px 143px;
	width: 172px;
	height: 66px;
}
#main div.rankB dl dd {
	width: 172px;
	font-size: 12px;
	line-height: 16px;
}
#main div.rankB p {
	text-align: right;
}
#main dl.rankQue {
	background-image: url("/images/hikaku/rank_question.jpg");
	background-repeat: no-repeat;
	color: #0000FF;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 30px 15px 10px 15px;
	width: 649px;
}
#main dl.rankQue dt {
	color: #FFFFFF;
	font-size: 15px;
	height: 26px;
	padding: 8px 0 0 27px;
}
#main dl.rankQue dd {
	color: #0000FF;
	font-size: 15px;
	height: 61px;
	line-height: 22px;
	padding: 15px 0 15px 100px;
}
#main div.rank_arrow {
	height: 26px;
	margin: 0 auto;
	width: 281px;
}
#main dl.rankAns {
	background-image: url(/images/hikaku/rank_answer.jpg);
	background-repeat: no-repeat;
	color: #0000FF;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 10px 15px 20px 15px;
	width: 649px;
}
#main dl.rankAns dt {
	color: #FFFFFF;
	font-size: 15px;
	height: 26px;
	padding: 8px 0 0 27px;
	font-weight: bold;
}
#main dl.rankAns dd {
	color: #FF0000;
	font-size: 15px;
	height: 49px;
	line-height: 22px;
	padding: 27px 0 15px 100px;
}
#main dl.rankAns strong {
	font-size: 24px;
	padding-right: 5px;
}
#main div.r_desc1  {
	background-image: url(/images/hikaku/bg_r_description.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	margin: 0 24px 50px;
}
#main div.r_desc1 p {
	padding: 10px 0 10px 15px;
	width: 390px;
}
#main p.r_desc2 {
	padding: 0 24px 50px 39px;
}
#sub h3 {
	padding-bottom: 15px;
}
#sub ul.bR {
	padding-bottom: 50px;
}
#sub ul.bI {
	padding: 0 0 30px 40px;
}
#sub ul.bI li {
	font-size: 14px;
	padding-bottom: 8px;
	list-style: circle;
}
#sub ul.bI li a:hover {
	color: #F36;
	font-weight: bold;
}
#main div.rankA div a:hover img,
#main div.rankA p a:hover img,
#main div.rankB div a:hover img,
#main div.rankB p a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}