@charset "euc-jp";

/* ------------------------------ *
	article-profile
 * ------------------------------ */
div.article-profile div.right { margin-top: 33px; margin-left: 10px; }
div.article-profile div.float,
div.article-profile div.fixed { float: right; width: 250px; }
div.article-profile div.float { margin-left: 20px; }
div.article-profile h4 { font-size: 107.3%; margin-bottom: 10px; }

div.index-list div.article-profile div.float,
div.index-list div.article-profile div.fixed { width: 260px; }



/* ------------------------------ *
	article-comment
 * ------------------------------ */
div.article-comment div.comment div.section-header h4 { height: 15px; color: #fff; font-size: 107.3%; line-height: 1; background-color: #6680be; padding: 9px 10px 8px; }
div.article-comment div.comment div.section-header h4 span.count { font-weight: normal; }
div.article-comment div.comment div.section-header p.post { float: right; color: #fff; line-height: 24px; margin: 4px 4px 0 0; }
div.article-comment div.comment div.section-header p.post a.button { margin: 0; }

div.article-comment div.comment ol { font-size: 100%; list-style: none; }
div.article-comment div.comment ol li p.name span.date { font-weight: normal; }
div.article-comment div.comment ol li p.name { font-weight: bold; margin-bottom: 10px; }
div.article-comment div.comment ol li { border-bottom: 2px solid #f2f4f9; padding-bottom: 5px; margin-bottom: 10px; }
div.article-comment div.comment ol li:last-child { border-bottom: none; padding-bottom: 0; }

div.article-comment div.comment ol li p.link { text-align: right; }
div.article-comment div.comment ol li p.link a { display: inline-block; color: #7f95c8; font-weight: bold; background: url(/images/nm1411/icon/arrow_down.png) no-repeat right 0.5em; background-size: 11px 6px; padding-right: 15px; }
div.article-comment div.comment ol li p.link a:hover { color: #002c92; text-decoration: none; }
div.article-comment div.comment ol li p.link.expanded a { background-image: url(/images/nm1411/icon/arrow_up.png); background-size: 11px 6px; }

div.article-comment div.comment div.section-footer { background: none; padding-bottom: 0; margin-bottom: 5px; }

div.article-comment div.section-footer p.expand a.button { width: 340px; color: #fff; text-align: center; border: none; background-color: #99abd3; border-radius: 0 0 5px 5px; padding: 2px 0 2px 280px; }
div.article-comment div.section-footer p.expand a.button:hover { background-color: #6680be; }
div.article-comment div.section-footer p.expand a.button:active { background-color: #002c92; }
div.article-comment div.section-footer p.expand a.button span { background: url(/images/nm1411/icon/arrow_down_off.png) no-repeat right center; background-size: 11px 6px; padding-right: 15px; }
div.article-comment div.section-footer p.expand.expanded a.button span { background: url(/images/nm1411/icon/arrow_up_off.png) no-repeat right center; background-size: 11px 6px; padding-right: 15px; }



/* ------------------------------ *
	about nmo
 * ------------------------------ */
body.about div.article-body.styled h4 { border-bottom: 1px solid #7f95c8; padding-bottom: 0.2em; }
body.about div.article-body.styled h4 span.sub { display: block; color: #002c92; }
body.about div.article-body.styled div.zabuton h4,
body.about div.article-body.styled div.zabuton h5 { color: #002c92; }



/* ------------------------------ *
	magazine-info
 * ------------------------------ */
body.magazine-info div.article-page-header { background: url(/images/nm1411/bg/bg_border2h.png) repeat-x left bottom; margin-bottom: 20px; }
body.magazine-info div.article-page-header h2 { margin-bottom: 11px; }
body.magazine-info div.article-page-header form.menu { margin-left: 10px; }

body.magazine-info div.magazine-info:after { clear: both; display: block; content: url(/images/nm1411/bg/spacer.gif); height: 0; }
/* ie */ body.magazine-info div.magazine-info { display: inline-block; }
body.magazine-info div.magazine-info { clear: both; display: block; position: relative; }

body.magazine-info div.magazine-info h1 { font-size: 150%; border-bottom: 2px solid #f2f4f9; padding-bottom: 5px; margin-bottom: 10px; }

body.magazine-info div.magazine-info div.buttons { position: absolute; top: 3px; right: 0; }
body.magazine-info div.magazine-info div.buttons a.button { margin-left: 10px; }

body.magazine-info div.magazine-info div.image { float: right; width: 180px; margin-top: 20px; }
body.magazine-info div.magazine-info div.index { float: left; width: 400px; }

body.magazine-info div.magazine-info div.image p { line-height: 1.3; border-top: 2px solid #f2f4f9; padding-top: 10px; margin-top: 20px; }
body.magazine-info div.magazine-info div.image p a { color: #002c92; font-size: 93%; background: url(/images/nm1311/icon/arrow_next.png) no-repeat right center; padding-right: 12px; }

body.magazine-info div.magazine-info div.index.styled p { margin-bottom: 20px; }
body.magazine-info div.magazine-info div.index.styled h3 { margin-top: 20px; margin-bottom: 5px; }
body.magazine-info div.magazine-info div.index.styled h4 { color: #002c92; border-bottom: 1px solid #7f95c8; padding-top: 0; padding-bottom: 5px; margin-top: 20px; margin-bottom: 10px; }



/* ------------------------------ *
	article-search
 * ------------------------------ */
body.article-search form input.text {
width: 253px; height: 21px;
padding: 0 5px;
margin-right: 5px;
vertical-align:middle;
border: 2px solid #d9dfef;
appearance: none;
border-radius: 5px;
}

body.article-search form p.submit { text-align: center; letter-spacing: -0.4em; border-top: 2px solid #f2f4f9; padding-top: 10px; }
body.article-search form p.submit input.submit,
body.article-search form p.submit input.reset {
cursor: pointer;
display: inline-block;
min-height: 20px;
height: auto !important;
height: 20px;
padding: 0 6px;
color: #7f95c8;
font-size: 86%;
font-weight: bold;
line-height: 1;
text-align: center;
text-decoration: none;
background-color: transparent;
appearance: none;
border: 2px solid #d9dfef;
border-radius: 3px;
transition: all 0.2s ease;
}
body.article-search form p.submit input.submit:hover,
body.article-search form p.submit input.reset:hover { color: #fff; border-color: #7f95c8; background-color: #7f95c8; }
body.article-search form p.submit input.submit:active,
body.article-search form p.submit input.reset:active { color: #fff; border-color: #002c92; background-color: #002c92; }

/* for search page */
body.article-search div.article-search { padding: 0; margin: 0 0 30px; }
body.article-search div.article-search h1 { color: #002c92; font-size: 114.4%; line-height: 1; background-color: #ccd5e9; padding: 8px 10px; margin-bottom: 15px; }
body.article-search div.article-search p.information { color: #002c92; padding: 0 10px; }
body.article-search div.article-search p.information a { color: #002c92; font-weight: bold; text-decoration: underline; }
body.article-search div.article-search p.information a:hover { text-decoration: none; }
body.article-search div.article-search p.buy_nm { text-align: right; padding-top: 7px; }
body.article-search div.article-search p.buy_nm a.button { line-height: 1.4; min-height: 36px; height: 36px; }
body.article-search div.article-search p.buy_nm a.button span { height: 36px; }

body.article-search div.article-search form#nm_asearch_form { padding: 0 10px; }
body.article-search div.article-search form#nm_asearch_form h4 { color: #002c92; border-top: 2px solid #f2f4f9; padding-top: 15px; margin-top: 15px; margin-bottom: 5px; }
body.article-search div.article-search form#nm_asearch_form p { color: #002c92; }
body.article-search div.article-search form#nm_asearch_form p.note,
body.article-search div.article-search form#nm_asearch_form p.input,
body.article-search div.article-search form#nm_asearch_form p.option,
body.article-search div.article-search form#nm_asearch_form p.date { margin-bottom: 10px; }
body.article-search div.article-search form#nm_asearch_form p.date input.text { margin-bottom: 5px; }

body.article-search div.article-search form#nm_asearch_form p.submit input.submit { margin-right: 5px; }

/* for result page */
body.article-search div.article-coverindex h1 { color: #002c92; font-size: 114.4%; line-height: 1; background-color: #ccd5e9; padding: 8px 10px; margin-bottom: 15px; }
body.article-search div.article-coverindex p.below { position: relative; top: 4px; right: 4px; }

body.article-search div.article-coverindex p.below a.button { color: #5270b5; border-color: #a3b3d8; }
body.article-search div.article-coverindex p.below a.button:hover { color: #fff; background-color: #a3b3d8; }
body.article-search div.article-coverindex p.below a.button:active { border-color: #002c92; background-color: #002c92; }

body.article-search div.article-coverindex div.search { padding: 0 10px; margin-bottom: 30px; }
body.article-search div.article-coverindex div.search p { color: #002c92; }
body.article-search div.article-coverindex div.search p.input { margin-bottom: 10px; }
body.article-search div.article-coverindex div.search p.input input.text { margin-bottom: 5px; }
body.article-search div.article-coverindex div.search p.info { font-weight: bold; margin-bottom: 5px; }
body.article-search div.article-coverindex div.search p.info span { font-weight: normal; }

body.article-search div.article-coverindex ul.container.noimage { margin-bottom: 30px; }
body.article-search div.article-coverindex ul.container.noimage li { border-top: 2px solid #bfcae4; padding: 15px; }
body.article-search div.article-coverindex ul.container.noimage li:first-child { border-top: none; }
body.article-search div.article-coverindex ul.container.noimage li.h3 { line-height: 1.3; }
body.article-search div.article-coverindex ul.container.noimage li.h3 a { display: block; }
body.article-search div.article-coverindex ul.container.noimage li.h3 h3 a { display: block; font-size: 128.6%; font-weight: bold; }
body.article-search div.article-coverindex ul.container.noimage li.h3 p.sub { font-size: 107.3%; margin-bottom: 3px; }

body.article-search div.article-coverindex ul.btmnav { background: url(/images/nm1411/bg/bg_border2h.png) repeat-x left bottom; margin-bottom: 50px; }
body.article-search div.article-coverindex ul.btmnav li.left,
body.article-search div.article-coverindex ul.btmnav li.right { display: block; }
body.article-search div.article-coverindex ul.btmnav li.left a,
body.article-search div.article-coverindex ul.btmnav li.right a { display: block; font-size: 114.4%; color: #7f95c8; font-weight: bold; text-decoration: none; padding-bottom: 15px; }
body.article-search div.article-coverindex ul.btmnav li.left:hover,
body.article-search div.article-coverindex ul.btmnav li.right:hover { color: #002c92; background: url(/images/nm1411/bg/bg_border2h_hi.png) repeat-x left bottom; }
body.article-search div.article-coverindex ul.btmnav li.right { float: right; }
body.article-search div.article-coverindex ul.btmnav li.left { float: left; }
body.article-search div.article-coverindex ul.btmnav li.right a { background: url(/images/nm1411/icon/arrow_next.png) no-repeat right 0.4em; background-size: 6px 11px; padding-right: 12px; }
body.article-search div.article-coverindex ul.btmnav li.left a { background: url(/images/nm1411/icon/arrow_previous.png) no-repeat left 0.4em; background-size: 6px 11px; padding-left: 12px; }