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

/*トップページ---------------------------------------------------*/

/* ランキング調査詳細情報 */
#info_box{
width:970px;
margin:0 auto;
}
#info_box #info{margin:30px 0 20px;}

#info_rank{
width:970px;
margin:0 auto 20px;
}
#info_rank table{
width:970px;
border:#b9b9b9 1px solid;
border-top:#ffb0b1 10px solid;
border-collapse:collapse;
}
#info_rank table th, #info_rank table td{
padding:10px 5px;
text-align:center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-right:#b9b9b9 1px solid;
border-bottom:#b9b9b9 1px dotted;
}
#info_rank table td{
width:171px;
background:#FFF;
font-size:16px;
}
#info_rank table th{
width:115px;
background:#fd7d7e;
color:#FFF;
font-size:14px;
}
#info_rank .rankbox01{color:#fa3f43;}
#info_rank .rankbox02{color:#fa3f43;}
#info_rank .rankbox02 th{color:#ffdc00;}
#info_rank .rankbox02 td{background:#fff0ee;}
#info_rank table strong{font-size:24px !important;}
#info_rank table b{font-size:20px !important;}
#info_rank table small{font-size:14px !important;}

.info_rank_text{font-size:10px;
text-align:right;
margin:10px 40px;
}

/*トップ　ランキング---------------------------------------------------*/
.rank_box{
width:750px;
height:auto;
background:#FFF;
border-bottom:#b5b5b5 5px solid;
padding-bottom:40px;
margin-bottom:30px;
}

.rank_main{
position:relative;
z-index:0;
min-height:820px;
height:auto;
padding-bottom:10px;
}
#ranking01 {background:#c3a554 url(../img/01/back.jpg) no-repeat top;}
#ranking02 {background:#c0bfbd url(../img/02/back.jpg) no-repeat top;}
#ranking03 {background:#d9b68f url(../img/03/back.jpg) no-repeat top;}
#ranking04 {background:#fdbec2 url(../img/04/back.jpg) no-repeat top;}
#ranking05 {background:#fdbec2 url(../img/05/back.jpg) no-repeat top;}

.rank_title{
margin-bottom:50px;
}
.rank_allreview{}

.rank_infobox{
background:url(../img/rank_box01.png) repeat-y;
padding:15px 35px;
}
.rank_infotext{
width:345px;
float:left;
margin-bottom:25px;
font-size:15px;
line-height:27px;
background:url(../img/rank_text_bg.gif);
}
.rank_infotext span{color:#ff3232;}
.rank_infotext strong{color:#ff3232; font-size:18px;}

.rank_infopoint{
width:315px;
float:right;
margin-bottom:25px;
}
.rank_infopoint ul{
width:315px;
height:256px;
background:url(../img/rank_point_bg.png) no-repeat;
margin-top:10px;
padding:75px 10px 15px;
}
.rank_infopoint ul li{
padding-left:1em;
text-indent:-1em;
color:#4d4d4d;
font-size:18px;
font-weight:bold;
line-height:24px;
margin-bottom:5px;
}
.rank_infopoint ul li span:first-child{color:#b79d56;}
.rank_infopoint ul li span{color:#ff3232;}

.rank_img{
width:680px;
padding:0;
clear:both;
}
.rank_img li{
width:330px;
margin-bottom:15px;
}
.rank_img li:nth-child(odd){float:left;}
.rank_img li:nth-child(even){float:right;}
.rank_img li img{
width:330px;
height:271px;
margin-bottom:5px;
}
.rank_img li p{
width:330px;
height:110px;
background:url(../img/rank_img_text.gif) no-repeat;
padding:5px 10px;
font-size:12px;
}
.rank_img li p span{color:#ff3232;}

.rank_item_info{width:670px;}
.rank_item_info th , .rank_item_info td{
height:40px;
background:url(../img/rank_text_bg.gif) repeat-x bottom;
text-align:left;
font-size:14px;
padding:0 10px;
}
.rank_item_info th{width:80px;}
.rank_item_info th:first-child{height:20px;}
.rank_item_info td strong{font-size:22px; font-weight:bold;}
.rank_item_info td b{font-size:18px;}


.rank_review{
width:710px;
padding:15px;
margin:0 20px 40px;
border:#ff5d5e 3px solid;
border-top:none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
}
.rank_review div{
height:560px;
overflow:hidden;
overflow-y:scroll;
padding-right:10px;
}
.rank_review ul li{
padding:10px;
color:#4d4d4d;
}
.rank_review ul li strong{
font-size:21px;
font-weight:bold;
color:#000;
}
.rank_review ul li:nth-child(odd){background:#fff0ee url(../img/review_starbg01.png) no-repeat left top;}
.rank_review ul li:nth-child(even){background:#e5e5e5 url(../img/review_starbg02.png) no-repeat left top;}
.rank_review dl{
width:480px;
float:left;
}
.rank_review dl dt{
height:40px;
margin:5px 0 10px;
line-height:40px;
}
.rank_review dl dt img{
width:175px;
height:40px;
}
.rank_review dl dd{
line-height:28px;
padding-left:10px;
}
.review_img{
width:120px;
height:120px;
float:right;
}
.review_text{
font-size:10px;
text-align:right;
margin:10px 0 0;
}

.report_ttl{
width:750px;
height:350px;
margin:50px 0 20px;
background:url(../img/report_ttl.jpg) no-repeat;
position:relative;
}
.report_ttl img{
position:absolute;
top:135px;
left:55px;
}
.report_ttl p{
position:absolute;
width:400px;
top:235px;
left:55px;
font-size:14px;
}
.report_img{
width:640px;
margin:0 55px;
}
.report_img li{
margin-bottom:20px;
}
.report_img li img{
width:320px;
height:250px;
}
.report_img li div {
width:310px;
height:250px;
padding:10px;
font-size:14px;
line-height:22px;
background:#fae3eb ;
}
.report_img li div p{
background:url(../img/report_text_bg.gif);
padding-left:4px;
}

.report_img li:nth-child(odd) img , .report_img li:nth-child(even) div{float:left;}
.report_img li:nth-child(even) img , .report_img li:nth-child(odd) div{float:right;}

.report_graph{
width:640px;
height:340px;
margin:0 55px;
background:url(../img/report_checkbg.jpg) no-repeat;
}
.report_graph img{
float:left;
width:390px;
height:320px;
margin-top:5px;
}
.report_graph p{
float:right;
width:235px;
margin:80px 15px 15px 0;
font-size:14px;
line-height:22px;
}
.report_graph_text{
font-size:10px;
text-align:right;
margin:10px 55px 0;
}

/*調査情報---------------------------------------------------*/
.ranking_box{
width:750px;
height:auto;
background:#FFF;
border-bottom:#b5b5b5 5px solid;
padding:0 30px 30px !important;
margin-bottom:30px;
}
.ranking_box h2 {
width:100%;
height:45px;
font-size:18px;
line-height:45px;
color:#fa3f43;
margin:0 0 20px;
padding:0 10px;
background:#fff0ee;
border-bottom:#fa3f43 3px solid;
}
.ranking_box h2 img{
width:30px !important;
margin-right:10px;
vertical-align:middle !important;
}

.ranking_box dl.ranking_text01{
width:640px;
margin:0 25px;
}
.ranking_box dl.ranking_text01 dt{
height:40px;
font-size:18px;
font-weight:normal;
line-height:40px;
border-bottom:#fa3f43 1px solid;
margin-bottom:10px;
}
.ranking_box dl.ranking_text01 dd{
margin-bottom:30px;
line-height:26px;
}

.ranking_box dl.ranking_text02{
width:640px;
margin:0 25px;
}
.ranking_box dl.ranking_text02 dt{
height:40px;
font-size:18px;
font-weight:boldt;
line-height:40px;
margin-bottom:10px;
}
.ranking_box dl.ranking_text02 dt strong,
.ranking_box dl.ranking_text02 dt span{
font-size:18px;
font-weight:bold !important;
}
.ranking_box dl.ranking_text02 dt span{color:#fa3f43;}
.ranking_box dl.ranking_text02 dd{
margin-bottom:30px;
line-height:26px;
}


.ranking_box table {
width:650px;
font-size:14px;
color:#3E3939;
line-height:1.4;
margin:0 25px ;
text-align:center;
border:#c6c6c6 1px solid;
}

.ranking_box table th {
padding:15px;
background-color:#fff0ee;
border-style:dotted solid;
border-color:#c6c6c6;
border-width: 1px;
vertical-align:top;
color:#665F51;
text-align:center;
}

.ranking_box table td {
width:90px;
padding:15px;
border-style:dotted solid;
border-color:#c6c6c6;
border-width: 1px;
}