@charset "utf-8";

/* mainlist
 -------------------------------------------------- */
.mainlist dt { border-top: 2px dotted #000;}
.mainlist dd .text { display: table-cell; vertical-align: middle;}

.cbwin h3 { padding-bottom: 12px; font-size: 114%; line-height: 1.2; font-weight: bold;}
.cbwin .relative { margin: 15px 0 0 -2px; margin-left: auto; margin-right: auto;}
.cbwin .relative li { float: left; display: inline; margin-left: 4px;}
.cbwin .relative a,
.cbwin .relative li.crt a { overflow: hidden; float: left; height: 34px}
.cbwin .relative a:hover,
.cbwin .relative li.crt a { border: 3px solid #0da7ff; height: 28px;}
.cbwin .relative a:hover img,
.cbwin .relative li.crt a img { margin: -3px;}
.cbwin .relative li a img { width: 60px; position: relative; top:0;}

.cbwin .movieWrap{ display: none;}
.cbwin .movieWrap.crt{ display: block;}
.cbwin .movie{ width: 640px; height: 360px; margin: auto;}

/* pageRank
 ============================================================ */
.pageRank #mainArea h2 { padding: 16px 0 15px; border-bottom: 2px dotted #000;}
.pageRank #mainArea .lead { padding: 34px 0 22px;}
.pageRank .mainlist { position: relative;}
.pageRank .mainlist .fig01 { z-index: 2; position: absolute; top: 162px; left: -30px;}
.pageRank .mainlist .btn { z-index: 10; position: relative;}
.pageRank .mainlist dt { padding-top: 10px;}
.pageRank .mainlist dd { height: 146px; margin: -146px 0 16px 319px;}
.pageRank .mainlist dd .text { height: 146px;}
.pageRank .mainlist dd.num02, .pageRank .mainlist dd.num03 { height: 188px; margin-top: -188px; margin-bottom: 13px;}
.pageRank .mainlist dd.num02 .text, .pageRank .mainlist dd.num03 .text { height: 188px;}
.pageRank .mainlist dt.num01 { padding-top: 0; border-top: 0;}
.pageRank .mainlist dt.num01.samerank { padding-top: 26px; border-top: 2px dotted #000;}
.pageRank .mainlist dd.num01 { position: relative; top: -57px; height: 0; margin: 0;}
.pageRank .mainlist dd.num01 .text { height: auto; padding: 0 21px 26px;}
.pageRank .mainlist dd .text h3 { font-size: 129%; font-weight: bold;}

.pageRank .mainlist.rank3rd dd.num01 .text img{margin-top:-2px;}
.pageRank .mainlist.rank3rd dd.num01.samerank .text img{margin-top:-1px;}
.pageRank .mainlist.rank3rd dd.num03 .text img{padding-top: 4px;}
.pageRank .mainlist.rank3rd dd.num03.samerank .text img{padding-top: 4px;}
.pageRank .mainlist.rank3rd dd.num05 .text img{padding-top: 10px;}
.pageRank .mainlist.rank3rd dd.num06 .text img{padding-top: 10px;}
.pageRank .mainlist.rank3rd dd.num07 .text img{padding-top: 16px;}
.pageRank .mainlist.rank3rd dd.num08 .text img{padding-top: 14px;}
.pageRank .mainlist.rank3rd dd.num08.samerank .text img{padding-top: 12px;}
.pageRank .mainlist.rank3rd dd.num10 .text img{padding-top: 10px;}

.pageRank .mainlist.rank4th dd.num01 .text img{margin-top: -1px; margin-left: 2px;}
.pageRank .mainlist.rank4th dd.num02 .text img{padding-top:2px;}
.pageRank .mainlist.rank4th dd.num03 .text img{padding-top: 1px;}
.pageRank .mainlist.rank4th dd.num04 .text img{padding-top: 4px;}
.pageRank .mainlist.rank4th dd.num05 .text img{padding-top: 6px;}
.pageRank .mainlist.rank4th dd.num06 .text img{padding-top: 8px;}
.pageRank .mainlist.rank4th dd.num07 .text img{padding-top: 8px; margin-left: -1px;}
.pageRank .mainlist.rank4th dd.num08 .text img{padding-top: 6px; margin-left: -1px;}
.pageRank .mainlist.rank4th dd.num09 .text img{padding-top: 6px;}
.pageRank .mainlist.rank4th dd.num10 .text img{padding-top: 4px;}

/* pageJiken
 ============================================================ */
.pageJiken #mainArea h2 { padding: 16px 0 15px; border-bottom: 2px dotted #000;}
.pageJiken #mainArea .lead { padding: 34px 0 118px; background: url(../../niconico/jiken/img/fig_01.png) no-repeat 50% 100%;}
.pageJiken .mainlist dt { padding-top: 9px;}
.pageJiken .mainlist dd { height: 152px; margin: -152px 0 9px 333px;}
.pageJiken .mainlist dd .text { height: 152px;}

/* clear
 ============================================================ */
.cbwin .relative { zoom: 1;}
.cbwin .relative:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
