@charset "UTF-8";

/* Skin style CSS */

/* --------------------------------------------------

Ranking Stylesheet バレンタインランキング2013

-------------------------------------------------- */


/* 
-------------------------------------------------- */
/* h1タイトル */
h1#cttTitle {
background: url(../../img/ranking/valentine2013/bg_cttTitle_ranking.png) no-repeat 0 0;
}
hr { display: none; }

/* 共通設定 --------------------- */
.titleArea h2 {
width: 590px;
margin: 0 auto 25px;
}
.ranking_queen h3,
.ranking_otomo h3 {
margin-bottom: 15px;
}
.beingCalculated,/* 集計中 */
.wait {
width: 543px;
margin: 0 auto 30px;
}
.ranking_queen,
.ranking_otomo {
width: 590px;
margin: 0 auto 30px;
font-size:12px;
}
.rankingArea {
padding-bottom: 16px;
background: url(../../img/ranking/valentine2013/bg_queen.png) no-repeat right bottom;
}
.no1 { border-color:gold; }
.no2 { border-color:silver; }
.no3 { border-color:#C96; }
.no1 .rank { color:gold; }
.no2 .rank { color:silver; }
.no3 .rank { color:#C96; }
.rankinArea {
clear: both;
width: 518px;
margin: 0 auto;
}
.rankin {
width:258px;
height:50px;
margin-bottom: -1px;
border:1px solid #666;
border-left: none;
background-color: #FFF;
}
.rankin .rank {
float: left;
width: 55px;
height: 30px;
margin-top: 10px;
text-indent: -9999em;
white-space:nowrap;
overflow:hidden;
}
.rankin .charaName {
float: left;
width: 120px;
margin-top: 14px;
font-weight: bold;
}
.rankin .point {
float: left;
width: 65px;
margin-top: 15px;
text-align: right;
}
.c_left {
float: left;
margin-left: 35px;
border-left:1px solid #666;
}
.c_right {
float: right;
margin-right: 36px;
}


/* 集計時間 */
.date {
clear: both;
width: 518px;
margin: 0 auto;
padding-top: 10px;
}

/* クイーンコンテスト --------------------- */
/* TOP3 */
.ranking_queen .layout1 {
background: url(../../img/ranking/valentine2013/bg_queen_no1.png) no-repeat top right;
}
.ranking_queen .layout2 {
background: url(../../img/ranking/valentine2013/bg_queen_no2.png) no-repeat top right;
}
.ranking_queen .layout3 {
background: url(../../img/ranking/valentine2013/bg_queen_no3.png) no-repeat top right;
}
.ranking_queen .top3 { 
float:left;
width:193px;
height:177px;
margin: 0 3px 18px 0;
}
.ranking_queen .top3 .rank {
display: none;
}
.ranking_queen .top3 .charaName {
margin: 20px 0 0 62px;
font-size: 15px;
font-weight: bold;
line-height: 1.4;
}
.ranking_queen .top3 .point {
margin-right: 33px;
text-align: right;
font-weight: bold;
}
.ranking_queen .top3 .charaImg {
clear: both;
width: 128px;
height: 90px;
margin: 5px auto 0;
border: 1px solid #909090;
background-position:0 0;
background-repeat: no-repeat;
text-indent: -9999em;
white-space:nowrap;
overflow:hidden;
}
/* Rankin */
.ranking_queen .rankin .rank {
background: url(../../img/ranking/valentine2013/ico_queen_rankin.png) no-repeat 0 0;
}
.ranking_queen .no1 .rank { background-position: 0 0; }
.ranking_queen .no2 .rank { background-position: 0 -30px; }
.ranking_queen .no3 .rank { background-position: 0 -60px; }
.ranking_queen .no4 .rank { background-position: 0 -90px; }
.ranking_queen .no5 .rank { background-position: 0 -120px; }
.ranking_queen .no6 .rank { background-position: 0 -150px; }
.ranking_queen .no7 .rank { background-position: 0 -180px; }
.ranking_queen .no8 .rank { background-position: 0 -210px; }
.ranking_queen .no9 .rank { background-position: 0 -240px; }
.ranking_queen .no10 .rank { background-position: 0 -270px; }


/* クイーンのおともランキング --------------------- */
.ranking_otomo .layout1 {
background: url(../../img/ranking/valentine2013/bg_otomo_no1.png) no-repeat top right;
}
.ranking_otomo .layout2 {
background: url(../../img/ranking/valentine2013/bg_otomo_no2.png) no-repeat top right;
}
.ranking_otomo .layout3 {
background: url(../../img/ranking/valentine2013/bg_otomo_no3.png) no-repeat top right;
}
.ranking_otomo .top3 {
width: 520px;
height: 50px;
margin: 0 auto 3px;
}
.ranking_otomo .top3 .rank {
display: none;
}
.ranking_otomo .top3 .charaName {
float: left;
width: 280px;
margin: 14px 0 0 85px;
font-size: 15px;
font-weight: bold;
line-height: 1.4;
}
.ranking_otomo .top3 .point {
float: left;
width: 90px;
margin-top: 16px;
text-align: right;
}
.ranking_otomo .rankin .rank {
background: url(../../img/ranking/valentine2013/ico_otomo_rankin.png) no-repeat 0 0;
}
.ranking_otomo .no1 .rank { background-position: 0 0; }
.ranking_otomo .no2 .rank { background-position: 0 -30px; }
.ranking_otomo .no3 .rank { background-position: 0 -60px; }
.ranking_otomo .no4 .rank { background-position: 0 -90px; }
.ranking_otomo .no5 .rank { background-position: 0 -120px; }
.ranking_otomo .no6 .rank { background-position: 0 -150px; }
.ranking_otomo .no7 .rank { background-position: 0 -180px; }
.ranking_otomo .no8 .rank { background-position: 0 -210px; }
.ranking_otomo .no9 .rank { background-position: 0 -240px; }
.ranking_otomo .no10 .rank { background-position: 0 -270px; }
.ranking_otomo .no11 .rank { background-position: 0 -300px; }
.ranking_otomo .no12 .rank { background-position: 0 -330px; }
.ranking_otomo .no13 .rank { background-position: 0 -360px; }
.ranking_otomo .no14 .rank { background-position: 0 -390px; }
.ranking_otomo .no15 .rank { background-position: 0 -420px; }
.ranking_otomo .no16 .rank { background-position: 0 -450px; }
.ranking_otomo .no17 .rank { background-position: 0 -480px; }
.ranking_otomo .no18 .rank { background-position: 0 -510px; }
.ranking_otomo .no19 .rank { background-position: 0 -540px; }
.ranking_otomo .no20 .rank { background-position: 0 -570px; }
.ranking_otomo .no21 .rank { background-position: 0 -600px; }
.ranking_otomo .no22 .rank { background-position: 0 -630px; }
.ranking_otomo .no23 .rank { background-position: 0 -660px; }
.ranking_otomo .no24 .rank { background-position: 0 -690px; }
.ranking_otomo .no25 .rank { background-position: 0 -720px; }
.ranking_otomo .no26 .rank { background-position: 0 -750px; }
.ranking_otomo .no27 .rank { background-position: 0 -780px; }
.ranking_otomo .no28 .rank { background-position: 0 -810px; }
.ranking_otomo .no29 .rank { background-position: 0 -840px; }
.ranking_otomo .no30 .rank { background-position: 0 -870px; }
.btn_bangaihen {
width: 483px;
margin: 15px auto 0;
}
.btn_bangaihen a {
display: block;
width: 483px;
height: 45px;
background: url(../../img/ranking/valentine2013/btn_bangaihen.png) no-repeat 0 0;
text-indent: -9999em;
white-space:nowrap;
overflow:hidden;
}
.btn_bangaihen a:hover {
background: url(../../img/ranking/valentine2013/btn_bangaihen.png) no-repeat 0 -45px;
}