@charset "UTF-8";

/* Skin style CSS */

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

Ranking Stylesheet ホワイトデーランキング2013

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


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

/* 共通設定 --------------------- */
.titleArea h2 {
width: 590px;
margin: 0 auto 30px;
}
.titleArea p {
width: 543px;
margin: -25px auto 30px;
font-size:12px;
}
#whiteday2013 h3 {
width: 590px;
margin: 0 auto;
}
#whiteday2013 h3.ver03 {
margin-bottom: 15px;
}
.ranking_king h3,
.ranking_otomo h3 {
margin-bottom: 15px;
}
.beingCalculated {
width: 543px;
margin: 10px auto;
}
.wait/* 集計中 */{
width: 543px;
height: 202px;
margin: 12px auto 0;
background: url(../../img/ranking/whiteday2013/txt_beingCalculated.jpg) no-repeat 0 0;
text-indent: -9999em;
white-space:nowrap;
overflow:hidden;
}
.ranking_king,
.ranking_otomo {
width: 590px;
margin: 0 auto 30px;
font-size:12px;
}
.rankingArea {
}
.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: 36px;
border-left:1px solid #666;
}
.c_right {
float: right;
margin-right: 35px;
}


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

/* ナイトコンテスト --------------------- */
/* TOP3 */
.ranking_king .layout1 {
background: url(../../img/ranking/whiteday2013/bg_king_no1.png) no-repeat top right;
}
.ranking_king .layout2 {
background: url(../../img/ranking/whiteday2013/bg_king_no2.png) no-repeat top right;
}
.ranking_king .layout3 {
background: url(../../img/ranking/whiteday2013/bg_king_no3.png) no-repeat top right;
}
.ranking_king .top3 { 
float:left;
width:193px;
height:177px;
margin: 0 -2px 18px 4px;
}
.ranking_king .top3 .rank {
display: none;
}
.ranking_king .top3 .charaName {
margin: 20px 0 0 62px;
font-size: 15px;
font-weight: bold;
line-height: 1.4;
}
.ranking_king .top3 .point {
margin-right: 33px;
text-align: right;
font-weight: bold;
}
.ranking_king .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_king .rankin .rank {
background: url(../../img/ranking/whiteday2013/ico_king_rankin.png) no-repeat 0 0;
}
.ranking_king .no1 .rank { background-position: 0 0; }
.ranking_king .no2 .rank { background-position: 0 -30px; }
.ranking_king .no3 .rank { background-position: 0 -60px; }
.ranking_king .no4 .rank { background-position: 0 -90px; }
.ranking_king .no5 .rank { background-position: 0 -120px; }
.ranking_king .no6 .rank { background-position: 0 -150px; }
.ranking_king .no7 .rank { background-position: 0 -180px; }
.ranking_king .no8 .rank { background-position: 0 -210px; }
.ranking_king .no9 .rank { background-position: 0 -240px; }
.ranking_king .no10 .rank { background-position: 0 -270px; }

/* ナイトコンテスト投票 --------------------- */
.polling_station {
width: 588px;
margin: 0 auto 20px;
background-color: #FFF;
border: 1px solid #000;
border-top: none;
}
.polling_station .lead {
width: 540px;
margin: 0 auto 20px;
padding-top: 10px;
font-size: 1.2em;
}
.voteArea {
width: 550px;
margin-left: 22px;
}
#contentArea input { border: none; vertical-align: -3px; margin-right: 2px; }
.candidateBox {
float: left;
width: 110px;
height: 120px;
margin-bottom: 10px;
}
.candidateBox label {
display: block;
width: 100px;
height: 20px;
padding-top: 100px;
font-size: 1.2em;
text-align: center;
}
.candidate1 label,
#voted_check .candidate1 {
background: url(../../img/ranking/whiteday2013/img_vote_chara1.jpg) no-repeat top center;
}
.candidate2 label,
#voted_check .candidate2 {
background: url(../../img/ranking/whiteday2013/img_vote_chara2.jpg) no-repeat top center;
}
.candidate3 label,
#voted_check .candidate3 {
background: url(../../img/ranking/whiteday2013/img_vote_chara3.jpg) no-repeat top center;
}
.candidate4 label,
#voted_check .candidate4 {
background: url(../../img/ranking/whiteday2013/img_vote_chara4.jpg) no-repeat top center;
}
.candidate5 label,
#voted_check .candidate5 {
background: url(../../img/ranking/whiteday2013/img_vote_chara5.jpg) no-repeat top center;
}
.candidate6 label,
#voted_check .candidate6 {
background: url(../../img/ranking/whiteday2013/img_vote_chara6.jpg) no-repeat top center;
}
.candidate7 label,
#voted_check .candidate7 {
background: url(../../img/ranking/whiteday2013/img_vote_chara7.jpg) no-repeat top center;
}
.candidate8 label,
#voted_check .candidate8 {
background: url(../../img/ranking/whiteday2013/img_vote_chara8.jpg) no-repeat top center;
}
.candidate9 label,
#voted_check .candidate9 {
background: url(../../img/ranking/whiteday2013/img_vote_chara9.jpg) no-repeat top center;
}
.candidate10 label,
#voted_check .candidate10 {
background: url(../../img/ranking/whiteday2013/img_vote_chara10.jpg) no-repeat top center;
}
.btn_votecheck {
clear: both;
margin: 15px auto 25px;
width:257px;
height: 39px;
}
#contentArea .btn_votecheck a,
#contentArea .btn_votecheck input {
display: block;
width:257px;
height: 39px;
background: url(../../img/ranking/whiteday2013/bg_btn.png) no-repeat 0 0;
text-indent: -9999em;
white-space:nowrap;
overflow:hidden;
}
#contentArea .btn_votecheck a:hover {
background: url(../../img/ranking/whiteday2013/bg_btn.png) no-repeat 0 -39px;
}
.vote_caution {
width: 550px;
margin: 0 auto 15px;
padding-top: 8px;
background-color:#f3f2e2;
border: 2px solid #cfcca4;
color:#6e680a;
}
.vote_caution h4 {
width: 520px;
margin: 0 auto 3px;
font-size: 1.2em;
}
.vote_caution ul {
width: 510px;
margin: 0 auto 10px;
padding-left: 0.5em;
font-size: 1.2em;
line-height: 1.4;
text-indent: -0.5em;
}

/* ナイトコンテスト　投票したキャラクター --------------------- */
.vote_finish {
width: 588px;
margin: 0 auto 20px;
padding: 18px 0;
background-color: #FFF;
border: 1px solid #000;
border-top: none;
}
#img_voted {
width: 550px;
height: 200px;
margin: 0 auto;
text-indent: -9999em;
white-space:nowrap;
overflow:hidden;
}
.npcNo1 { background: url(../../img/ranking/whiteday2013/img_yourvote_chara1.jpg) no-repeat top center; }
.npcNo2 { background: url(../../img/ranking/whiteday2013/img_yourvote_chara2.jpg) no-repeat top center; }
.npcNo3 { background: url(../../img/ranking/whiteday2013/img_yourvote_chara3.jpg) no-repeat top center; }
.npcNo4 { background: url(../../img/ranking/whiteday2013/img_yourvote_chara4.jpg) no-repeat top center; }
.npcNo5 { background: url(../../img/ranking/whiteday2013/img_yourvote_chara5.jpg) no-repeat top center; }
.npcNo6 { background: url(../../img/ranking/whiteday2013/img_yourvote_chara6.jpg) no-repeat top center; }
.npcNo7 { background: url(../../img/ranking/whiteday2013/img_yourvote_chara7.jpg) no-repeat top center; }
.npcNo8 { background: url(../../img/ranking/whiteday2013/img_yourvote_chara8.jpg) no-repeat top center; }
.npcNo9 { background: url(../../img/ranking/whiteday2013/img_yourvote_chara9.jpg) no-repeat top center; }
.npcNo10 { background: url(../../img/ranking/whiteday2013/img_yourvote_chara10.jpg) no-repeat top center; }

/* ナイトコンテスト　確認画面 --------------------- */
#voted_check {
width: 450px;
height: 138px;
margin: 0 auto 20px;
padding-top: 28px;
background: url(../../img/ranking/whiteday2013/bg_voted_check.png) no-repeat top center;
}
#voted_check p {
width: 100px;
padding-top: 100px;
margin: 0 auto;
font-size: 1.2em;
text-align: center;
}
.txt_votecheck {
font-size: 1.2em;
text-align: center;
}
.txt_caution {
color: #D50000;
font-size: 1.2em;
text-align: center;
}
.btnArea {
width: 320px;
margin: 30px auto 0;
}
#whiteday2013_check #historyBack {
float: left;
margin: 0;
}
#whiteday2013_check #contentArea #historyBack a {}
.btn_vote {
float: right;
width: 150px;
height: 27px;
}
.btn_vote a,
.btn_vote input {
display: block;
width: 150px;
height: 27px;
background: url(../../img/ranking/whiteday2013/bg_btn.png) no-repeat 0 -78px;
text-indent: -9999em;
white-space:nowrap;
overflow:hidden;
}
.btn_vote a:hover {
background: url(../../img/ranking/whiteday2013/bg_btn.png) no-repeat 0 -105px;
}

/* ナイトコンテスト　完了画面 --------------------- */
#whiteday2013_success #contentArea h2 {
margin-bottom: 5px;
font-size: 1.8em;
font-weight: bold;
text-align: center;
}
.btn_eventtop {
width: 150px;
height: 27px;
margin: 30px auto 0;
}
#contentArea .btn_eventtop a {
display: block;
width: 150px;
height: 27px;
background: url(../../img/ranking/whiteday2013/bg_btn.png) no-repeat 0 -159px;
text-indent: -9999em;
white-space:nowrap;
overflow:hidden;
}
#contentArea .btn_eventtop a:hover {
background: url(../../img/ranking/whiteday2013/bg_btn.png) no-repeat 0 -132px;
}

/* エラー画面 --------------------- */
.errorBox {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px dotted #595656;
height: auto;
padding: 20px;
margin: 0 20px;
}
.error_common {
background: url(../../img/error/img_common.jpg) no-repeat scroll center center transparent;
height: 239px;
margin: 0 auto;
padding: 30px 0 0;
position: relative;
text-align: center;
width: 553px;
}
.imgerror_back {
bottom: 50px;
left: 0;
position: absolute;
width: 100%;
}
.error_common table {
height: 223px;
left: 0;
position: absolute;
top: 20px;
width: 100%;
}
.mainte_news_body table, tr, td {
border: medium none;
margin: 0;
padding: 3px;
vertical-align: top;
}
.error_common td {
color: #535250;
font-size: 1.4em;
font-weight: bold;
text-align: center;
vertical-align: middle;
}

/* アラート表示 --------------------- */
.notFoundBox_b_s {
margin-bottom: 20px;
}