@charset "utf-8";

/* ===================================================================
CSS information
 file name : indexes.css
 style info : インデックス系全般で使用するCSS
 └ タイトル周り articleHeader（全般）
 └ 記事一覧 articleBlock（全般）
 └ カテゴリートップ
 └ ランキングページ
 └ 検索結果ページ searchResult
 └ 著者一覧ページ
 └ 著者個別ページ
 └ コラム詳細ページ
 └ マイページ
 └ 経済・経営用語辞典
 └ 記事下の下（トップページと共通できる箇所多数）※CSS共通化要検討
=================================================================== */

/* ---------------------------------------------
 タイトル周り articleHeader（全般）
 --------------------------------------------- */
#articleHeader {
  min-height: 64px;
  margin-top: 26px;
  border-bottom: 1px solid #e8e8e8;
  box-sizing: border-box;
  padding-bottom: 28px;
}

#articleHeader:after {
  content: "";
  display: block;
  clear: both;
}

#articleHeader h1 {
  border-left: 2px solid #e50020;
  color: #000;
  font-size: 32px;
  line-height: 1.2;
  padding-top: 3px;
  padding-left: 30px;
  vertical-align: middle;
  margin-bottom: 0 !important;
}

#articleHeader.categoryTop,
#articleHeader.feature,
#articleHeader.noBorderBottom { border-bottom: none; }
#articleHeader.feature { padding-bottom: 0; }

#articleHeader.feature h1 img {
  border-top: 26px solid #fff;
  width: 640px;
  position: relative;
  top: 0;
  left: -32px;
}

#articleHeader .leadBox {
  margin-top: 15px;
}
#articleHeader .leadBox p {
  font-size: 14px;
  line-height: 1.9;
  margin-top: 10px;
}
#articleHeader .lead {
  font-size: 14px;
  line-height: 1.9;
  margin-top: 25px;
}

#articleHeader.author,
#articleHeader.dictionary {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 20px;
}

#articleHeader.author h1 span {
  font-size: 14px;
  font-weight: normal;
  vertical-align: bottom;
  margin-left: 10px;
  padding-bottom: 5px;
  display: inline-block;
}

#articleHeader.author h2 {
  border: none;
  color: #777;
  font-size: 14px !important;
  font-weight: normal;
  line-height: 1.5 !important;
  padding: 23px 0 0 0 !important;
}

#articleHeader.dictionary h2 { margin : 10px 0 0 32px; }

#articleHeader.dictionary .kana {
  color: #777;
  margin : 10px 0 0 32px;
}

#articleHeader.author .thumb {
  float: left;
  padding-top: 4px;
  width: 105px;
}

#articleHeader.author .thumb img { width: 105px; }

#articleHeader.author .detailBox {
  float: right;
  width: 515px;
}

#articleHeader.author .detailBox p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 8px;
}

#articleHeader.author .detailBox .note {
  font-size: 12px;
  text-indent: -1em;
  margin-left: 1em;
}

#articleHeader.categoryTop { position: relative; }

#articleHeader.categoryTop #pickup {
  position: absolute;
  top: 60px;
  left: 0;
  width: 980px;
  padding: 0;
  z-index: 2;
}

#articleHeader.categoryTop #pickup .thumb {
  float: left;
  width: 400px;
}
#articleHeader.categoryTop #pickup .thumb img { width: 400px; }

#articleHeader.categoryTop #pickup .pickupArticle {
  float: right;
  width: 560px;
}

#articleHeader.categoryTop #pickup .pickupArticle h2 {
  border: none;
  font-size: 24px;
  line-height: 1.2;
  padding: 0;
}

#articleHeader.categoryTop #pickup .pickupArticle h3 { font-size: 16px; }

#articleHeader.categoryTop #pickup .pickupArticle .summary {
  font-size: 14px;
  line-height: 1.9;
  margin-top: 15px;
}

#articleHeader.categoryTop #pickup .pickupArticle .txtRight { font-size: 14px; }

/* ---------------------------------------------
 記事一覧 articleBlock（全般）
 --------------------------------------------- */
.articleBlock { margin-bottom: 50px; }
.articleBlock:after {
  content: "";
  display: block;
  clear: both;
}

.articleBlock h2 { margin-top: 50px; }
.articleBlock h2.bgGrey {
  background: #f5f5f5;
  border-top: 1px solid #e8e8e8 ;
  border-left: none !important;
  font-size: 20px !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

.articleBlock h2.bgGrey b {
  padding: 30px 0 30px 20px;
  display: block;
}

.articleBlock h2 a { display: block; }
.articleBlock h2.bgGrey a { padding: 30px 0 30px 20px; }

.articleBlock h2 span {
  float: right;
  font-size: 12px !important;
  background: url(/images/n/nbo/2016/common/icon_link.png) no-repeat left 2px/5px;
  margin-top: 2px;
  padding-left: 10px;
}

.articleBlock h2 span:hover { text-decoration: underline; }

.articleBlock .articleList li {
  border-bottom: 1px solid #e8e8e8;
  padding: 30px 0;
}

.articleBlock .articleList li:after {
  content: "";
  display: block;
  clear: both;
}

.articleBlock h2 + .articleList li:first-child {
  border-top: 1px solid #e8e8e8;
  margin-top: 30px;
}

.articleBlock h2.bgGrey + .articleList li:first-child {
  border-top: none;
  padding-top: 0;
}

.articleBlock .articleList li .shoulder {
  color: #777;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 7px;
}

.articleBlock .articleList li .shoulder a { color: #777; }
.articleBlock .articleList li h3 { font-size: 16px; }

.articleBlock .articleList li .subtitle {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 7px;
}

.articleBlock .articleList li .summary {
  color: #777;
  font-size: 14px;
  line-height: 1.6;
  margin-top: 7px;
}

.articleBlock .articleList li .summary a { color: #777; }

.articleBlock .articleList li .commentLink {
  display: block;
  font-size: 14px;
  line-height: 1.1;
  margin-top: 30px;
  text-align: right;
}

.articleBlock .articleList li .commentLink a {
  background: url("/images/n/nbo/2016/common/icon_link.png") no-repeat left 3px/5px;
  float: right;
  padding-left: 13px;
}

.articleBlock .articleList li .commentLink span {
  display: inline-block;
  margin-left: 20px;
}

.articleBlock .articleList li .thumb {
  float: left;
  width: 170px;
  margin-right: 20px;
}

.articleBlock .articleList li .thumb img { width: 170px; }

.articleBlock .txtRight {
  margin-top: 25px;
  font-size: 14px;
  line-height: 1.1;
}

.articleBlock .txtRight a { padding-left: 13px; }

.articleBlock .txtRight span {
  display: inline-block;
  margin-left: 20px;
}

.articleBlock #pagenation {
  font-size: 14px;
  overflow: hidden;
  margin-top: 25px;
}

.articleBlock #pagenation a.next {
  float: right;
  background: url(/images/n/nbo/2016/common/icon_link.png) no-repeat left 4px/5px;
  padding-left: 13px;
}

.articleBlock #pagenation a.prev {
  float: left;
  background: url(/images/n/nbo/2016/common/icon_link_prev.png) no-repeat right 4px/5px;
  padding-right: 13px;
}

/*-- 特集一覧のみ適用 --*/
.articleBlock.featureList .articleList li:first-child { padding-top: 0; }
.articleBlock.featureList .articleList li {
  border-bottom: none;
  padding: 50px 0 0;
}

.articleBlock.featureList .articleList li h3 img { width: 640px; }

.articleBlock.featureList .articleList li .summary {
  line-height: 1.9;
  margin-top: 20px;
}

.articleBlock.featureList .articleList li .summary a:link { color: #000; }

/*-- カテゴリー別コラム一覧のみ適用 --*/
.articleBlock.twoLows { margin-bottom: 50px; }

.articleBlock.twoLows .articleList li {
  border-bottom: none;
  padding-bottom: 30px;
}

.articleBlock.twoLows .articleList li h2 {
  border: none !important;
  font-size: 17px !important;
  float: right;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 212px;
}

.articleBlock.twoLows .articleList li h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
}

.articleBlock.twoLows .articleList li .shoulder {
  clear: both;
  color: #777;
  font-size: 12px;
  margin-bottom: 2px;
  padding-top: 15px;
}

.articleBlock.twoLows .articleList li .thumb,
.articleBlock.twoLows .articleList li .thumb img { width: 80px; }

/*-- 光るコメント一覧のみ適用 --*/
.articleBlock.readers .articleList li {
  border-bottom: none;
  padding: 0;
  margin: 50px 0 30px;
}

.articleBlock.readers .articleList li:last-child {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 30px;
}

.articleBlock.readers h3 {
  border-left: 2px solid #000;
  color: #000;
  font-size: 16px;
  line-height: 1;
  padding: 0 0 0 15px;
  margin-bottom: 25px;
}

.articleBlock.readers h3 + div {
  background: #f3f3f3;
  border: 1px solid #e8e8e8;
  padding: 23px 25px;
}

.articleBlock.readers h3 + div p { line-height: 1.9; }
.articleBlock.readers h3 + div p.date {
  color: #777;
  font-size: 12px;
  line-height: 1;
  text-align: right;
  margin-top: 10px;
}

.articleBlock.readers h3 .shoulder { display: block; }

/*-- いいね！ランキングのみ適用 --*/
.articleBlock.like .articleList li h3 {
  float: left;
  width: 500px;
}

.articleBlock.like .articleList li .likeCount {
  color: #3b5998;
  font-size: 12px;
  float: right;
  margin-top: 2px;
}

.articleBlock.like .articleList li .likeCount b { margin-right: 3px; }
.articleBlock.like .articleList li .summary {
  float: right;
  width: 590px;
}

/* ---------------------------------------------
 カテゴリートップ
 --------------------------------------------- */
/*-- 旬のキーワード --*/
.articleBlock.keywords ul { margin: 10px 0 0 20px; }

.articleBlock.keywords li {
  display: inline-block;
  margin: 20px 25px 0 0;
}

/*-- 主な著者 --*/
.articleBlock.authors h2 a { display: inline; }
.articleBlock.authors ul { margin: 0px 0 0 20px; }

.articleBlock.authors li {
  display: inline-block;
  font-size: 12px;
  margin: 25px 0 0 0;
  width: 200px;
}

.articleBlock.authors li img {
  border-radius: 6px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  width: 40px;
}

.articleBlock.authors li span {
  display: inline-block;
  vertical-align: middle;
  width: 145px;
}

.articleBlock.authors li:hover span { text-decoration: underline; }

/* ---------------------------------------------
 ランキングページ
 --------------------------------------------- */
/*-- ランキングタブ --*/
#rankingTab { font-size: 14px; }

#rankingTab:after {
  content: "";
  display: block;
  clear: both;
}

#rankingTab ul { display: inline-block; }
#rankingTab ul.access { margin-right: 6px; }

#rankingTab li {
  display: table-cell;
  background: #f5f5f5;
}

#rankingTab li:first-child { border-left: 1px solid #dcdcdc; }
#rankingTab li + li { border-left: 1px solid #dcdcdc; }
#rankingTab li:nth-last-child(1) { border-right: 1px solid #dcdcdc; }

#rankingTab li.active + li,
#rankingTab ul.pvtop li.pvtop + li,
#rankingTab ul.pvnow li.pvnow + li,
#rankingTab ul.pvdaily li.pvdaily + li,
#rankingTab ul.pvweekly li.pvweekly + li,
#rankingTab ul.pvmonth li.pvmonth + li,
#rankingTab ul.pvlastyear li.pvlastyear + li,
#rankingTab ul.comment li.comment + li,
#rankingTab ul.readers li.readers + li,
#rankingTab ul.like li.like + li { border-left: 1px solid #000; }
#rankingTab ul.pvlastyear li.pvlastyear,
#rankingTab ul.like li.like { border-right: 1px solid #000; }

#rankingTab li:hover,
#rankingTab li.active,
#rankingTab ul.pvtop li.pvtop,
#rankingTab ul.pvnow li.pvnow,
#rankingTab ul.pvdaily li.pvdaily,
#rankingTab ul.pvweekly li.pvweekly,
#rankingTab ul.pvmonth li.pvmonth,
#rankingTab ul.pvlastyear li.pvlastyear,
#rankingTab ul.comment li.comment,
#rankingTab ul.readers li.readers,
#rankingTab ul.like li.like {
  background: #fff;
  font-weight: bold;
  border-left: 1px solid #000;
}

#rankingTab li:hover { border-right: 1px solid #000; }
#rankingTab li:hover + li { border-left: none !important; }

#rankingTab li a {
  display: block;
  padding: 2px 12px;
}

/*-- ランキング一覧 --*/
.rankingBlock .firstNote {
  font-size: 14px;
  margin-top: 28px;
}

.rankingBlock .articleList { counter-reset: ranking; }
.rankingBlock .articleList li { overflow: hidden; }

.rankingBlock .firstNote + .articleList li:first-child {
  border-top: 1px solid #e8e8e8;
  margin-top: 30px;
}
.rankingBlock .articleList li:before {
  counter-increment: ranking;
  content: counter(ranking);
  float: left;
  width: 30px;
  height: 96px;
  display: inline-block;
  text-align: center;
  line-height: 96px;
  margin-right: 20px;
  font-family: "Times New Roman";
  font-size: 24px;
  font-weight: bold;
  background: #000;
  color: #fff;
}

.rankingBlock .articleList li:nth-child(n+4):before {
  background: #f3f3f3;
  color: #777;
}

.rankingBlock .articleList li:nth-child(n+10):before { font-size: 22px; }

/* ---------------------------------------------
 検索結果ページ searchResult
 --------------------------------------------- */
 
#searchWait{position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; opacity:0.8; background:white url(/images/n/nbo/2016/common/loadingL.gif) no-repeat center center; display:block}
 
.searchResult #articleHeader { display:none;}
.searchResult .searchBlock { margin: 30px 0 50px;}

.searchResult .searchBlock p {
  line-height: 1.8;
  margin-top: 20px;
}

.searchResult .searchBlock .mainSearch {
  background: #f5f5f5;
  border-top: 1px solid #e8e8e8 ;
  font-size: 0;
  margin: 20px 0;
  padding: 30px 20px;
}

.searchResult .searchBlock .mainSearch .textBox,
.searchResult .searchBlock .mainSearch p {
  display: inline-block;
  vertical-align: middle;
}

.searchResult .textBox input#keyword,
.searchResult .textBox input#keyword2 {
  border: 1px solid #c0c0c0;
  border-right: none;
  height: 22px;
  width: 250px;
  padding: 0;
  text-indent: 5px;
}

.searchResult .textBox input#searchBoxSubmitSedue {
  background: url("/images/n/nbo/2016/common/header/btn_search.png") no-repeat top left/26px;
  border: none;
  height: 24px;
  width: 26px;
}
.searchResult .textBox input#searchBoxSubmitSedue:hover { cursor: pointer;}

.searchResult .searchBlock .mainSearch p {
  font-size: 16px;
  margin: 0 0 0 40px;
  line-height: 1;
}
.searchResult .searchBlock .mainSearch p input {
  margin: 0;
  vertical-align: middle;
}

.searchResult .searchBlock .mainSearch p label { margin-right: 20px; }

.searchResult .articleBlock h2 span#resultNum {
  background: none;
  color: #000;
  font-size: 16px !important;
  font-weight: bold;
  text-decoration: none;
}

.searchResult .articleBlock .articleList li:first-child {
  border-top: 1px solid #e8e8e8;
  margin-top: 30px;
}

#articleBottom {
  clear: both;
  margin: 40px 0 60px;
}

#articleBottom:after,
#articleBottom #pagenation:after,
#articleBottom #pagenation .pageNumber:after {
  content: "";
  display: block;
  clear: both;
}

#articleBottom #pagenation .pageNumber {
  border-collapse: separate;
  border-spacing: 10px 0;
  display: table;
  font-size: 14px;
  line-height: 40px;
  margin:30px auto 20px;
}

#articleBottom #pagenation .pageNumber a {
  border: 1px solid #000;
  height: 40px;
  width: 40px;
  font-size: 17px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  margin: 0 10px;
}

#articleBottom #pagenation .pageNumber a:hover,
#articleBottom #pagenation .pageNumber a.current {
  background: #000;
  color: #fff;
  text-decoration: none;
}

#articleBottom #pagenation .pageNumber a.start,
#articleBottom #pagenation .pageNumber a.prev,
#articleBottom #pagenation .pageNumber a.next,
#articleBottom #pagenation .pageNumber a.end { text-indent:-9999px;}
#articleBottom #pagenation .pageNumber a.start { background: #fff url("/images/n/nbo/2016/common/icon_arrow_prev_double_off.png") no-repeat center/21px; }
#articleBottom #pagenation .pageNumber a.start:hover { background: #000 url("/images/n/nbo/2016/common/icon_arrow_prev_double_on.png") no-repeat center/21px; }
#articleBottom #pagenation .pageNumber a.prev { background: #fff url("/images/n/nbo/2016/common/icon_arrow_prev_off.png") no-repeat center/8px; }
#articleBottom #pagenation .pageNumber a.prev:hover { background: #000 url("/images/n/nbo/2016/common/icon_arrow_prev_on.png") no-repeat center/8px; }
#articleBottom #pagenation .pageNumber a.next { background: #fff url("/images/n/nbo/2016/common/icon_arrow_next_off.png") no-repeat center/8px; }
#articleBottom #pagenation .pageNumber a.next:hover { background: #000 url("/images/n/nbo/2016/common/icon_arrow_next_on.png") no-repeat center/8px; }
#articleBottom #pagenation .pageNumber a.end { background: #fff url("/images/n/nbo/2016/common/icon_arrow_next_double_off.png") no-repeat center/21px; }
#articleBottom #pagenation .pageNumber a.end:hover { background: #000 url("/images/n/nbo/2016/common/icon_arrow_next_double_on.png") no-repeat center/21px; }


/* ---------------------------------------------
 著者一覧ページ
 --------------------------------------------- */
.writerList { margin-bottom: 50px; }

/*-- タブ --*/
.syllabaryTab {
  font-size: 14px;
  margin-bottom: 20px;
}

.syllabaryTab:after {
  content: "";
  display: block;
  clear: both;
}

.syllabaryTab ul { display: inline-block; }

.syllabaryTab li {
  display: table-cell;
  background: #f5f5f5;
}

.syllabaryTab li:first-child { border-left: 1px solid #dcdcdc; }
.syllabaryTab li + li { border-left: 1px solid #dcdcdc; }
.syllabaryTab li:nth-last-child(1) { border-right: 1px solid #dcdcdc; }

.syllabaryTab li.active + li { border-left: 1px solid #000; }
.syllabaryTab li.active:nth-last-child(1) { border-right: 1px solid #000; }

.syllabaryTab li:hover,
.syllabaryTab li.active {
  background: #fff;
  font-weight: bold;
  border-left: 1px solid #000;
}

.syllabaryTab li:hover { border-right: 1px solid #000; }
.syllabaryTab li:hover + li { border-left: none; }

.syllabaryTab li a {
  display: block;
  padding: 2px 21px;
}

.writerListBox:after {
  content: "";
  display: block;
  clear: both;
}

.writerListBox img{ width: 90px; }

.writerListBox li {
  float: left;
  width: 90px !important;
  margin-left: 20px;
  position: relative;
  padding: 6px 0;
}

.writerListBox li:nth-child(6n+1) { margin-left: 0; }

.writerListBox .photoBox .thumb figure {
  width: 90px;
  height: 90px;
  overflow: hidden;
}

.writerListBox .photoBox span {
  display: block;
  font-size: 12px;
  margin-top: 5px;
  text-align: center;
}


/* ---------------------------------------------
 著者個別ページ
 --------------------------------------------- */
#authorTopics {
  background: #f7f7f7;
  padding: 23px;
  overflow: hidden;
}

#authorTopics h2 {
  border: none !important;
  font-size: 14px !important;
  padding: 0 !important;
}

#authorTopics p {
  line-height: 1.6;
  margin-top: 15px;
}

#authorTopics #authorTopicsHiddenBox { display: none; }
#latestArticle { overflow: hidden; }

#latestArticle {
  border-top: 1px solid #e8e8e8;
  margin: 40px 0 50px;
  padding-top: 55px;
}

#latestArticle #latestArticleHeader { margin-bottom: 40px ; }

#latestArticle #latestArticleHeader h1 {
  font-size: 32px;
  margin-bottom: 20px ;
}

#latestArticle #latestArticleHeader h2 {
  font-size: 22px !important;
  font-weight: normal !important;
  border: none !important;
  line-height: 1.3 !important;
  padding: 0 !important;
  margin-bottom: 20px !important;
}

#latestArticle #latestArticleHeader .parentTitle {
  font-size: 16px;
  margin-bottom: 20px ;
}

#latestArticle #latestArticleHeader .date {
  color: #777;
  font-size: 16px;
}

#latestArticle .txtRight { font-size: 14px; }


/* ---------------------------------------------
 コラム詳細ページ
 --------------------------------------------- */
/* このコラムについて */
#aboutArticle { margin: 50px 0; }
#aboutArticle:after {
  content: "";
  display: block;
  clear: both;
}

#aboutArticle p {
  font-size: 14px;
  line-height: 1.9;
  margin-top: 20px;
}


/* 著者プロフィール（コラム詳細ページ用） */
#articleAuthor { margin-bottom: 50px; }

#articleAuthor .authorBlock {
  background: #f7f7f7;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
  padding: 32px 32px 25px;
  margin-top: 40px;
}

#articleAuthor h2 + .authorBlock {
  margin-top: 30px;
}

#articleAuthor .authorBlock .thumb {
  float: left;
  width: 105px;
}

#articleAuthor .authorBlock .thumb img { width: 105px; }

#articleAuthor .authorBlock .detailBox {
  float: right;
  width: 448px;
}

#articleAuthor .authorBlock .detailBox h3 {
  font-size: 16px;
  margin-bottom: 8px;
}

#articleAuthor .authorBlock .detailBox h4 {
  color: #777;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 8px;
}

#articleAuthor .authorBlock .detailBox p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 16px;
}

#articleAuthor .authorBlock .detailBox .note {
  font-size: 12px;
  text-indent: -1em;
  margin-left: 1em;
}

#articleAuthor .authorBlock .detailBox .txtRight { font-size: 12px; }

/* ---------------------------------------------
 マイページ
 --------------------------------------------- */
.articleBlock .columnBlock {
  margin-bottom: 50px;
  position: relative;
}

.articleBlock .columnBlock .columnTitle {
  font-size: 16px;
  margin-top: 30px;
  width: 490px;
}

.articleBlock .columnBlock .btnFollow,
.articleBlock .columnBlock .btnUnfollow {
  font-size: 14px;
  position: absolute;
  top: -4px;
  right: 0;
}

.articleBlock .columnBlock .btnFollow a,
.articleBlock .columnBlock .btnUnfollow a {
  border: 1px solid #000;
  border-radius: 4px;
  line-height: 1;
  padding: 6px 9px 5px 30px;
  display: block;
  color: #000;
}

.articleBlock .columnBlock .btnFollow a:hover,
.articleBlock .columnBlock .btnUnfollow a:hover {
  border: 1px solid #808080;
  text-decoration: none;
  color: #808080;
}

.articleBlock .columnBlock .btnFollow a { background: url("/images/n/nbo/2016/common/icon_follow.png") no-repeat 9px center /13px; }
.articleBlock .columnBlock .btnUnfollow a { background: url("/images/n/nbo/2016/common/icon_unfollow.png") no-repeat 9px center /13px; }
.articleBlock .columnBlock .btnFollow a:hover { background: #fafafa url("/images/n/nbo/2016/common/icon_follow_on.png") no-repeat 9px center /13px; }
.articleBlock .columnBlock .btnUnfollow a:hover { background: #fafafa url("/images/n/nbo/2016/common/icon_unfollow_on.png") no-repeat 9px center /13px; }

.articleBlock .articleList.bookmark li { position: relative; }

.articleBlock .articleList.bookmark li .btnSave,
.articleBlock .articleList.bookmark li .btnUnsave {
  font-size: 14px;
  position: absolute;
  top: 24px;
  right: 0;
}

.articleBlock .articleList.bookmark li .btnSave a,
.articleBlock .articleList.bookmark li .btnUnsave a {
  background: url("/images/n/nbo/2016/common/icon_save.png") no-repeat 9px center /13px;
  border: 1px solid #000;
  border-radius: 4px;
  line-height: 1;
  padding: 6px 9px 5px 30px;
  display: block;
  color: #000;
}

.articleBlock .articleList.bookmark li .btnSave a:hover,
.articleBlock .articleList.bookmark li .btnUnsave a:hover {
  background: #fafafa url("/images/n/nbo/2016/common/icon_save.png") no-repeat 9px center /13px;
  border: 1px solid #808080;
  text-decoration: none;
  color: #808080;
}

.articleBlock .articleList.bookmark li .shoulder { width: 495px; }

.articleBlock .btnRegist {
  margin: 50px 0;
  text-align: center;
}

.articleBlock .btnRegist a {
  background: #e50020;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 3px 5px 0px rgba(6, 0, 1, 0.2);
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 60px;
}

.articleBlock .btnRegist a:hover {
  opacity: 0.8;
  color: #fff;
  text-decoration: none;
}


/* ---------------------------------------------
 経済・経営用語辞典ページ
 --------------------------------------------- */
/*-- 検索枠共通 --*/
#dictionaryContents .btnSetBox {
  background: #eee;
  font-size: 16px;
  margin-bottom: 16px;
  padding: 8px 0;
  width: 640px;
}

#dictionaryContents .btnSetBox b {
  background: #aaa;
  color: #fff;
  font-weight: normal;
}

#dictionaryContents .btnSetBox a {
  background: #fff;
  border: 1px solid #c0c0c0;
  box-sizing: border-box;
}

#dictionaryContents .btnSetBox a:hover,
#dictionaryContents .btnSetBox a.active {
  background: #aaa;
  border: 1px solid #aaa;
  color: #fff;
  text-decoration: none;
}

/*-- 分野別 --*/
#dictionaryContents #sectoral.btnSetBox {
  border-spacing: 8px 0;
  display: table;
  table-layout: fixed;
}

#dictionaryContents #sectoral.btnSetBox b,
#dictionaryContents #sectoral.btnSetBox a {
  display: table-cell;
  line-height: 1.1;
  padding: 5px 0 4px;
  text-align: center;
}

#dictionaryContents #sectoral.btnSetBox b { width: 15%; }
#dictionaryContents #sectoral.btnSetBox a { width: 17%; }

/*-- アルファベット／50音順 --*/
#dictionaryContents #indexes.btnSetBox { padding-bottom: 0; }
#dictionaryContents #indexes.btnSetBox:after {
  content: "";
  display: block;
  clear: both;
}

#dictionaryContents #alphanumeric { 
  width: 228px;
  float: left;
  overflow: hidden;
}

#dictionaryContents #hiragana {
  float: right;
  margin-right: 8px;
  width: 380px;
}

#dictionaryContents #indexes b,
#dictionaryContents #indexes a,
#dictionaryContents #indexes span {
  float: left;
  margin-left: 8px;
  margin-bottom: 8px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}

#dictionaryContents #indexes b { width: 68px; }
#dictionaryContents #indexes a.number { width: 68px; float: right; }
#dictionaryContents #indexes #hiragana ul li { width: 38px; float: left; }

/*-- キーワードで検索 --*/
#dictionaryContents #search.btnSetBox * {
  font-size: 0;
  display: inline-block;
  line-height: 1;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

#dictionaryContents #search.btnSetBox .searchTxt {
  border: 1px solid #c0c0c0;
  border-right: none;
  font-size: 12px;
  height: 23px;
  line-height: 1.5;
  margin-left: 8px;
  text-indent: 5px;
  width: 250px;
}

#dictionaryContents #search.btnSetBox .searchBtn { width: 27px; }

#dictionaryContents #search.btnSetBox b {
  background: none;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  margin: 0 12px 0 16px;
}

#dictionaryContents #search.btnSetBox label { font-size: 16px; }
#dictionaryContents #search.btnSetBox input#term,
#dictionaryContents #search.btnSetBox input#all { vertical-align: top; }

#dictionaryContents #search.btnSetBox .line {
  border-left: 1px solid #3e3e3e;
  font-size: 16px;
  margin: 0 5px 0 10px;
  padding-left: 10px;
}

/*-- 検索結果一覧 --*/
#termList .articleList li a {
  font-size: 16px;
  font-weight: bold;
}

#termList .articleList li span {
  display: block;
  font-size: 14px;
  font-weight: normal;
  margin-top: 5px;
}


/* ---------------------------------------------
 記事下の下（トップページと共通できる箇所多数）
 --------------------------------------------- */
#mainContent h2 {
  border-left: 2px solid #000;
  color: #000;
  font-size: 16px;
  line-height: 1;
  padding: 3px 0 0 15px;
  margin-bottom: 14px;
  position: relative;
}

#mainContent #pr-trend h2:after {
  content: url("/images/n/nbo/2016/common/icon_pr.png");
  position: absolute;
  top: 1px;
  padding-left: 15px;
}

#mainContent h2 span {
  color: #777;
  font-size: 11px;
  font-weight: normal;
  margin-left: 10px ;
}

/*--- 記事リスト ---*/
.articleList li .shoulder {
  color: #777;
  font-size: 12px;
  margin-bottom: 3px;
}

.articleList li .shoulder a { color: #777; }
.articleList li h3 { font-size: 14px; }

/*--- 記事リスト2カラム ---*/
.twoLows { margin-bottom: 30px; }

.twoLows:after,
.twoLows .articleList:after {
  content: "";
  display: block;
  clear: both;
}

.twoLows .articleList li {
  border-top:1px solid #e8e8e8;
  float: left;
  overflow: hidden;
  padding: 16px 0;
  position: relative;
  width: 310px;
}

.twoLows .articleList li:nth-child(even) { margin-left: 20px; }

.twoLows .articleList li:nth-last-child(1),
.twoLows .articleList li:nth-last-child(2) {/*要検証*/
  border-bottom:1px solid #e8e8e8;
  margin-bottom: 0;
}

.twoLows .articleList li:nth-child(odd) { clear:both; }/*要検証*/
.twoLows .articleList li img { width: 105px; }

.twoLows .articleList li .thumb {
  float: left;
  width: 105px;
  margin-right: 10px;
}

.twoLows .articleList li.pay:after {
  content: url("/images/n/nbo/2016/common/icon_pay.png");
  position: absolute;
  bottom: 0;
  right: 0;
}

.twoLows .articleList li.pr:after {
  content: url("/images/n/nbo/2016/common/icon_pr.png");
  position: absolute;
  bottom: 0;
  right: 0;
}