@charset "euc-jp";

/* ------------------------------ *
	ranking: numbering
 * ------------------------------ */
ol.ranking li a { background-size: 20px 16px; }
ol.ranking li.n1 a { background-image: url(/images/nm1411/icon/ol/n1.png); }
ol.ranking li.n2 a { background-image: url(/images/nm1411/icon/ol/n2.png); }
ol.ranking li.n3 a { background-image: url(/images/nm1411/icon/ol/n3.png); }
ol.ranking li.n4 a { background-image: url(/images/nm1411/icon/ol/n4.png); }
ol.ranking li.n5 a { background-image: url(/images/nm1411/icon/ol/n5.png); }
ol.ranking li.n6 a { background-image: url(/images/nm1411/icon/ol/n6.png); }
ol.ranking li.n7 a { background-image: url(/images/nm1411/icon/ol/n7.png); }
ol.ranking li.n8 a { background-image: url(/images/nm1411/icon/ol/n8.png); }
ol.ranking li.n9 a { background-image: url(/images/nm1411/icon/ol/n9.png); }
ol.ranking li.n10 a { background-image: url(/images/nm1411/icon/ol/n10.png); }
ol.ranking li.n11 a { background-image: url(/images/nm1411/icon/ol/n11.png); }
ol.ranking li.n12 a { background-image: url(/images/nm1411/icon/ol/n12.png); }
ol.ranking li.n13 a { background-image: url(/images/nm1411/icon/ol/n13.png); }
ol.ranking li.n14 a { background-image: url(/images/nm1411/icon/ol/n14.png); }
ol.ranking li.n15 a { background-image: url(/images/nm1411/icon/ol/n15.png); }
ol.ranking li.n16 a { background-image: url(/images/nm1411/icon/ol/n16.png); }
ol.ranking li.n17 a { background-image: url(/images/nm1411/icon/ol/n17.png); }
ol.ranking li.n18 a { background-image: url(/images/nm1411/icon/ol/n18.png); }
ol.ranking li.n19 a { background-image: url(/images/nm1411/icon/ol/n19.png); }
ol.ranking li.n20 a { background-image: url(/images/nm1411/icon/ol/n20.png); }



/* ------------------------------ *
	ranking: aside
 * ------------------------------ */
div.aside div.ranking ul.nav { display: inline-block; width: 226px; font-size: 0; margin: 0 2px; }
div.aside div.ranking ul.nav li {
width: 75px;
display: inline-block; list-style: none; white-space: nowrap;
font-size: 12px; font-weight: bold;
}
div.aside div.ranking ul.nav li:first-child { width: 76px; }
div.aside div.ranking ul.nav li a {
display: block;
height: 12px;
color: #fff;
line-height: 1; text-align: center;
background-color: #6680be;
padding: 6px 0;
transition: 0.2s;
}
div.aside div.ranking ul.nav li a:hover,
div.aside div.ranking ul.nav li.selected a { color: #fff; background-color: #002c92; text-decoration: none; }

div.aside div.ranking div.section-body { border: 2px solid #99abd3; border-top: none; padding: 15px 8px; }

div.aside div.ranking ol.ranking { list-style: none; }
div.aside div.ranking ol.ranking li { border-bottom: 1px solid #bfcae4; padding-bottom: 5px; margin-bottom: 8px; }
div.aside div.ranking ol.ranking li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
div.aside div.ranking ol.ranking li a {
display: block;
font-size: 93%;
font-weight: bold;
line-height: 1.3;
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 30px;
}
div.aside div.ranking ol.ranking li a:hover { text-decoration: none; }
div.aside div.ranking ol.ranking li a span.heading { display: block; margin-bottom: 4px; }
div.aside div.ranking ol.ranking li a span.sub { display: block; }
div.aside div.ranking ol.ranking li a:hover span.heading { text-decoration: underline; }

div.aside div.ranking ol.ranking li a span.fb-share { display: inline-block; color: #fff; font-size: 0.9em; font-weight: normal; line-height: 1; background-color: #7f95c8; border-radius: 3px; padding: 2px 7px; margin: 5px 0 3px; }
div.aside div.ranking ol.ranking li:last-child a span.fb-share { margin-bottom: 0; }



/* ------------------------------ *
	ranking: ranking index
 * ------------------------------ */
body.ranking div.aside div.ranking { display: none; }

body.ranking div.index-list div.section-header h2 span.sub { margin: 0 0.5em; }
body.ranking div.index-list div.section-header  ul.nav { display: block; }

body.ranking div.index-list div.section-body ol.ranking { list-style: none; background: none; }
body.ranking div.index-list div.section-body ol.ranking li { line-height: 1.3; padding: 15px 0; }
body.ranking div.index-list div.section-body ol.ranking li.n2,
body.ranking div.index-list div.section-body ol.ranking li.n4,
body.ranking div.index-list div.section-body ol.ranking li.n6,
body.ranking div.index-list div.section-body ol.ranking li.n8,
body.ranking div.index-list div.section-body ol.ranking li.n10,
body.ranking div.index-list div.section-body ol.ranking li.n12,
body.ranking div.index-list div.section-body ol.ranking li.n14,
body.ranking div.index-list div.section-body ol.ranking li.n16,
body.ranking div.index-list div.section-body ol.ranking li.n18,
body.ranking div.index-list div.section-body ol.ranking li.n20 { background-color: #f2f4f9; }

body.ranking div.index-list div.section-body ol.ranking li a { display: block; line-height: 1.3; background-repeat: no-repeat; background-position: 15px 0; padding: 0 15px 0 45px; }
body.ranking div.index-list div.section-body ol.ranking li a:hover { text-decoration: none; }

body.ranking div.index-list div.section-body ol.ranking li a span.text { display: block; width: 475px; float: left; }
body.ranking div.index-list div.section-body ol.ranking li a span.image { display: block; width: 90px; float: right; }
body.ranking div.index-list div.section-body ol.ranking li.noimage a span.text { width: 580px; float: none; }

body.ranking div.index-list div.section-body ol.ranking li a span.heading { display: block; font-size: 128.6%; font-weight: bold; margin-bottom: 3px; }
body.ranking div.index-list div.section-body ol.ranking li a span.sub1,
body.ranking div.index-list div.section-body ol.ranking li a span.sub2 { display: block; font-size: 107.3%; margin-bottom: 3px; }
body.ranking div.index-list div.section-body ol.ranking li a span.date,
body.ranking div.index-list div.section-body ol.ranking li a span.summary { display: block; font-size: 100%; }
body.ranking div.index-list div.section-body ol.ranking li a span.date { color: #002c92; padding-top: 7px; margin-bottom: 10px; }
body.ranking div.index-list div.section-body ol.ranking li a:hover span.heading { text-decoration: underline; }

body.ranking div.index-list div.section-body ol.ranking li a span.extras { color: #002c92; padding-top: 7px; margin-bottom: 10px; }
body.ranking div.index-list div.section-body ol.ranking li a span.extras span { display: inline-block; }
body.ranking div.index-list div.section-body ol.ranking li a span.date { margin-right: 1em; }
body.ranking div.index-list div.section-body ol.ranking li a span.fb-share { color: #fff; font-size: 93%; background-color: #7f95c8; border-radius: 3px; padding: 2px 8px; }