@charset "euc-jp";

/* ------------------------------ *
	index-list
 * ------------------------------ */
div.index-list { width: 640px; margin-bottom: 30px; }

div.index-list div.section-header { margin-bottom: 15px; }
div.index-list div.section-header form.menu { display: inline-block; }

div.index-list div.billboard { margin-bottom: 15px; }

div.index-list ul.headlines-full li { line-height: 1.3; padding: 15px; }
div.index-list ul.headlines-full li.even { background-color: #f2f4f9; }
div.index-list ul.headlines-full li a { display: block; }
div.index-list ul.headlines-full li a:hover { text-decoration: none; }

div.index-list ul.headlines-full li a span.text { display: block; width: 500px; float: left; }
div.index-list ul.headlines-full li a span.image { display: block; width: 90px; float: right; }
div.index-list ul.headlines-full li.noimage a span.text { width: 610px; float: none; }

div.index-list ul.headlines-full li a span.badge { line-height: 1; }
div.index-list ul.headlines-full li a span.badge.right { margin-left: 1em; }

div.index-list ul.headlines-full li span.heading,
div.index-list ul.headlines-full li a span.heading { display: block; font-size: 128.6%; font-weight: bold; margin-bottom: 3px; }
div.index-list ul.headlines-full li span.heading { color: #002c92; }
div.index-list ul.headlines-full li a span.heading { color: #000; }
div.index-list ul.headlines-full li a:hover span.heading { color: #002c92; }

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

div.index-list ul.headlines-full li.empty span.heading { color: #002c92; font-size: 114.4%; font-weight: bold; padding-left: 30px; margin-bottom: 0; }

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

/* simple */
div.index-list ul.headlines-full.simple.reverse li.odd { background-color: #f2f4f9; }
div.index-list ul.headlines-full.simple.reverse li.even { background-color: #fff; }

div.index-list ul.headlines-full.simple li a span.text { width: 610px; float: none; }
div.index-list ul.headlines-full.simple li a span.date { margin-bottom: 0; }
div.index-list ul.headlines-full.simple.sub li a span.text span.heading { font-size: 107.3%; margin-bottom: 0; }

div.index-list ul.headlines-full.simple li a.disable { cursor: default; }
div.index-list ul.headlines-full.simple li a.disable span { color: #bfcae4; }
div.index-list ul.headlines-full.simple li a.disable:hover span { text-decoration: none; }

div.index-list div.section-body div.buttons.last { height: 22px; letter-spacing: normal; border-top: none; padding-top: 10px; margin-top: 0; }

div.index-list ul.headlines-full.simple.underlined li { border-bottom: 1px solid #bfcae4; }

/* for single column */
body > div.body.single div.index-list { width: 1004px; }
body > div.body.single div.index-list div.section-body { padding-bottom: 0; }
body > div.body.single div.index-list ul.headlines-full.simple li.noimage a span.text { width: 974px; }
body > div.body.single div.index-list ul.headlines-full.simple li a span.date { display: block; color: #002c92; font-size: 107.3%; }
body > div.body.single div.index-list ul.headlines-full.simple li a.disable span.date { color: #bfcae4; }



/* ------------------------------ *
	index-list: nav
 * ------------------------------ */
div.index-list ul.nav { height: 28px; font-size: 0; border-bottom: 2px solid #bfcae4; padding-top: 10px; }
div.index-list div.section-header div.navs { background: url(/images/nm1411/bg/bg_border2h.png) repeat-x left bottom; }
div.index-list div.section-header div.navs ul.nav { display: inline-block; margin: 0 10px 0 0; }
div.index-list ul.nav li {
display: inline-block;
list-style: none;
font-size: 13px;
white-space: nowrap;
}
div.index-list ul.nav.fork li { font-weight: bold; }
div.index-list ul.nav li a {
display: block;
color: #6680be;
height: 18px;
padding: 5px 10px;
transition: 0.1s;
}
div.index-list ul.nav li a:hover { color: #002c92; text-decoration: none; border-bottom: 2px solid #002c92; }
div.index-list ul.nav li.selected a,
div.index-list ul.nav.switchable li a.selected { color: #002c92; border-bottom: 2px solid #002c92; }



/* ------------------------------ *
	index-list: series top
 * ------------------------------ */
div.index-list div.section-body div.tile { font-size: 0; padding: 5px 2px 0; }
div.index-list div.section-body div.tile dl {
display: inline-block;
width: 190px;
font-size: 14px;
line-height: 1.25;
letter-spacing: normal;
vertical-align: top;
padding: 11px;
}
div.index-list div.section-body div.tile dl.even { background-color: #f2f4f9; }
div.index-list div.section-body div.tile dl span.heading { display: block; }
div.index-list div.section-body div.tile dl span.sub,
div.index-list div.section-body div.tile dl span.date { display: block; font-size: 13px; }
div.index-list div.section-body div.tile dl dt { border-bottom: 1px solid #f2f4f9; margin-bottom: 10px; }
div.index-list div.section-body div.tile dl.even dt { border-bottom-color: #fff; }
div.index-list div.section-body div.tile dl dt a span.heading { color: #002c92; padding-right: 55px; }
div.index-list div.section-body div.tile dl dt a img { width: 45px; float: right; }
div.index-list div.section-body div.tile dl dd { min-height: 125px; }
div.index-list div.section-body div.tile dl dd a span.heading { font-weight: bold; }
div.index-list div.section-body div.tile dl dd a span.sub { color: #002c92; margin-bottom: 7px; }
div.index-list div.section-body div.tile dl dd a span.date { color: #002c92; margin-top: 7px; margin-right: 1em; }
div.index-list div.section-body div.tile dl dd a span.fb-share { display: inline-block; color: #fff; font-size: 13px; background-color: #7f95c8; border-radius: 3px; padding: 2px 8px; margin-top: 5px; }
div.index-list div.section-body div.tile dl dt a,
div.index-list div.section-body div.tile dl dd a { display: block; }
div.index-list div.section-body div.tile dl dt a { min-height: 60px; margin-bottom: 10px; }
div.index-list div.section-body div.tile dl dt a:hover,
div.index-list div.section-body div.tile dl dd a:hover { text-decoration: none; }
div.index-list div.section-body div.tile dl dt a:hover span.heading,
div.index-list div.section-body div.tile dl dd a:hover span.heading { text-decoration: underline; }

div.index-list div.article-profile { width: 640px; margin: 30px 0; }
div.index-list div.article-profile div.section-header { margin-bottom: 0; }

div.index-list div.article-profile div.series-profile { width: 260px; }
div.index-list div.article-profile div.author-profile { width: 360px; }
div.index-list div.article-profile div.author-profile h5,
div.index-list div.article-profile div.author-profile p { width: 260px; }
div.index-list div.article-profile.single div.series-profile { width: 640px; }
div.index-list div.article-profile.single div.series-profile h5,
div.index-list div.article-profile.single div.series-profile p { width: 530px; }
div.index-list div.article-profile.single.extras { width: 606px; }



/* ------------------------------ *
	index-list: treatise
 * ------------------------------ */
body.treatise div.index-list div.section-body div.treatise-arrival h3 { height: 15px; color: #fff; font-size: 107.3%; line-height: 1; background-color: #6680be; padding: 9px 10px 8px; }
body.treatise div.index-list div.section-body div.treatise-arrival h3 a { color: #fff; cursor: default; pointer-events: none; }
body.treatise div.index-list div.section-body div.treatise-arrival > a.button { color: #fff; border-color: #94a7d2; background-color: transparent; margin: 4px 4px 0 0;  }
body.treatise div.index-list div.section-body div.treatise-arrival > a.button:hover { background-color: #94a7d2; }
body.treatise div.index-list div.section-body div.treatise-arrival > a.button:active { border-color: #002c92; background-color: #002c92; }
body.treatise div.index-list div.section-body div.treatise-arrival { margin-top: 15px; }
body.treatise div.index-list div.section-body div.treatise-arrival ul.headlines-full.simple li a span.text span.heading { font-size: 114.4%; margin-bottom: 0; }
body.treatise div.index-list div.section-body div.treatise-arrival ul.headlines-full.simple li a span.text span.date { padding-top: 5px; }
body.treatise div.index-list div.section-body div.treatise-arrival div.buttons { text-align: right; }

body.treatise div.index-list div.section-body div.buttons.last { text-align: right; padding-top: 20px; }



/* ------------------------------ *
	index-list: genre
 * ------------------------------ */
/* for genre top */
body.genre.cover div.aside div.genre-navi-light { display: none; }

body.genre div.index-list div.section-body div.keywords { clear: both; padding: 10px 15px; }
body.genre div.index-list div.section-body div.keywords.even { background-color: #fef3e8; }

body.genre div.index-list div.section-body div.keywords h4 { font-size: 128.6%; border-bottom: 1px solid #fef3e8; padding-bottom: 5px; margin-bottom: 12px; }
body.genre div.index-list div.section-body div.keywords.even h4 { border-bottom-color: #fff; }
body.genre div.index-list div.section-body div.keywords h4 a { color: #e56d00; background: url(/images/nm1411/icon/arrow_next_o.png) no-repeat right center; background-size: 6px 11px; padding-right: 12px; }

body.genre div.index-list div.section-body div.keywords dl { color: #002c92; font-size: 100%; }
body.genre div.index-list div.section-body div.keywords dl.drug { border-top: 4px solid #f2f4f9; padding-top: 12px; margin-top: 7px; }
body.genre div.index-list div.section-body div.keywords dl dt { display: block; font-weight: normal; margin-bottom: 7px; }
body.genre div.index-list div.section-body div.keywords dl dd { display: inline; list-style: none; font-weight: bold; white-space: nowrap; }
body.genre div.index-list div.section-body div.keywords dl dd a { display: inline-block; text-decoration: underline; padding-bottom: 7px; margin-left: 1.5em; }
body.genre div.index-list div.section-body div.keywords dl dd a:hover { color: #000; text-decoration: none; }

body.genre div.index-list div.section-body div.keywords.featured {
background-color: #fce7d1;
padding: 20px;
margin: 30px 0;
border-radius: 5px;
}
body.genre div.index-list div.section-body div.keywords.featured h4 { color: #e56d00; border-bottom-color: #fff; }
body.genre div.index-list div.section-body div.keywords.featured p { color: #e56d00; margin-bottom: 20px; }
body.genre div.index-list div.section-body div.keywords.featured dl dd { font-size: 107.3%; }
body.genre div.index-list div.section-body div.keywords.featured dl dd a { padding-bottom: 12px; }

/* for genre index */
body.genre div.index-list div.section-header { margin-bottom: 5px; }
body.genre div.index-list div.section-header h2 { color: #fff; background-color: #f5a453; margin-bottom: 0; }
body.genre div.index-list div.section-header a.button { color: #fff; border-color: #f8c088; }
body.genre div.index-list div.section-header a.button:hover { border-color: #f28519; background-color: #f28519; }
body.genre div.index-list div.section-header a.button:active { border-color: #e57300; background-color: #e57300; }

body.genre div.index-list div.section-header div.keywords { border-bottom: 2px solid #f5a453; }
body.genre div.index-list div.section-header div.keywords h3 { color: #fff; font-size: 171.5%; background-color: #f28519; padding: 7px 10px; margin-bottom: 10px; }
body.genre div.index-list div.section-header div.keywords h3 > a { color: #fff; cursor: default; pointer-events: none; }
body.genre div.index-list div.section-header div.keywords h3 > a:hover { text-decoration: none; }
body.genre div.index-list div.section-header div.keywords h3 span.sub { background: url(/images/nm1411/icon/arrow_next_l.png) no-repeat right center; background-size: 11px 21px; padding-right: 22px; margin-right: 11px; }
body.genre div.index-list div.section-header div.keywords h3 span.sub a { color: #fff; text-decoration: underline; }
body.genre div.index-list div.section-header div.keywords h3 span.sub a:hover { text-decoration: none; }

body.genre div.index-list div.section-header div.keywords h4 { float: left; width: 110px; color: #e56d00; font-size: 107.3%; font-weight: normal; padding: 4px 0 0 10px; }
body.genre div.index-list div.section-header div.keywords ul { float: right; width: 510px; padding-right: 10px; }
body.genre div.index-list div.section-header div.keywords ul li { display: inline; list-style: none; font-size: 107.3%; font-weight: bold; white-space: nowrap; }
body.genre div.index-list div.section-header div.keywords ul li a { display: inline-block; text-decoration: underline; padding-bottom: 7px; margin-right: 1em; }
body.genre div.index-list div.section-header div.keywords ul li a:hover { text-decoration: none; }

body.genre div.index-list ul.headlines-full li.even { background-color: #fef3e8; }
body.genre div.index-list ul.headlines-full li a span.fb-share { background-color: #f5a453; }
body.genre div.index-list ul.headlines-full.simple li a span.text { width: 610px; float: none; }
body.genre div.index-list ul.headlines-full.simple li a span.heading { display: inline; }
body.genre div.index-list ul.headlines-full.simple li a span.date { display: inline; color: #000; font-size: 128.6%; margin-bottom: 0; }

body.genre div.index-list div.buttons.last a.buttonbar { background-color: #f5a453; }
body.genre div.index-list div.buttons.last a.buttonbar:hover { background-color: #f28519; }



/* ------------------------------ *
	index-list: points history
 * ------------------------------ */
div.index-list.points-history table.points { margin-bottom: 20px; }
div.index-list.points-history table.points th,
div.index-list.points-history table.points td { border: none; border-bottom: 1px solid #e5e9f4; padding: 5px; }
div.index-list.points-history table.points td.date { color: #002c92; }
div.index-list.points-history table.points td.point { white-space: nowrap; }
div.index-list.points-history table.points th { color: #002c92; }
div.index-list.points-history table.points td strong { margin: 0 0.5em; }
div.index-list.points-history table.points td.heading { font-weight: bold; padding: 5px 10px; }

div.index-list.points-history div.detail table.points th,
div.index-list.points-history div.detail table.points td { font-size: 107.3%; border-bottom: 2px solid #ccd5e9; }
div.index-list.points-history div.detail table.points td strong { margin-left: 0; }

div.index-list.points-history div.section-body div.featured { margin-bottom: 30px; }
div.index-list.points-history div.section-body div.featured div.heading h3 { float: none; }
div.index-list.points-history div.section-body div.featured div.note { color: #002c92; font-size: 114.4%; background-color: #f2f4f9; padding: 10px 15px; margin-bottom: 20px; border-radius: 5px; }
div.index-list.points-history div.section-body div.featured table.points { margin-bottom: 30px; }

div.index-list.points-history div.section-body div.heading:after { clear: both; display: block; content: url(/images/nm1411/bg/spacer.gif); height: 0; }
/* ie */ div.index-list.points-history div.section-body div.heading { display: inline-block; }
div.index-list.points-history div.section-body div.heading { clear: both; display: block; background-color: #6680be; position: relative; margin-bottom: 15px; }
div.index-list.points-history div.section-body div.heading div.buttons { float: right; padding: 4px 4px 0 0; }
div.index-list.points-history div.section-body div.heading div.buttons a.button { float: left; color: #fff; border-color: #94a7d2; }
div.index-list.points-history div.section-body div.heading div.buttons a.button:hover { border-color: #7f95c8; }
div.index-list.points-history div.section-body div.heading div.buttons a.button:active { border-color: #002c92; }
div.index-list.points-history div.section-body div.heading div.buttons a.button.last { margin-left: 5px; }

div.index-list.points-history div.section-body div.heading h3 { float: left; height: 15px; color: #fff; font-size: 107.3%; line-height: 1; padding: 9px 10px 8px; }

div.index-list.points-history div.section-body > div.buttons a.button {
display: block;
min-height: 22px;
height: auto !important;
height: 22px;
padding: 3px 6px 0;
color: #fff;
font-size: 93%;
font-weight: bold;
line-height: 1;
text-align: center;
text-decoration: none;
background-color: #99abd3;
border: none;
border-radius: 0 0 5px 5px;
transition: 0.1s;
}
div.index-list.points-history div.section-body > div.buttons a.button:hover { background-color: #6680be; }
div.index-list.points-history div.section-body > div.buttons a.button:active { background-color: #002c92; }
div.index-list.points-history div.section-body > div.buttons a.button span { display: inline-block; height: 13px; vertical-align: middle; margin-top: 4px; }
div.index-list.points-history div.section-body > div.buttons a.button.more span { background: url(/images/nm1411/icon/arrow_down_off.png) no-repeat right center; background-size: 11px 6px; padding-right: 15px; }
div.index-list.points-history div.section-body > div.buttons a.button.less span { background: url(/images/nm1411/icon/arrow_up_off.png) no-repeat right center; background-size: 11px 6px; padding-right: 15px; }