@charset "utf-8";

/* ===================================================================
CSS information
 file name : aside.css
 style info : 右ペイン（#sideContent）部分で使用するCSS
=================================================================== */

/*--- 右ペイン共通 ---*/
#sideContent .topLineBox {
  background: url("/images/n/nbo/2016/common/aside/border_top.png") no-repeat top;
  overflow: hidden;
  margin: 40px 0 30px;
  padding-top: 1px;
}

#sideContent .planeBox {
  overflow: hidden;
  margin: 30px 0;
}

#sideContent h2 {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 12px;
  padding: 12px 0;
}

/*--- バナー関連 ---*/
#sideContent .ad-rectangle {
  margin: 0 0 40px;
}

#sideContent .ad-rectangle img {
  width: 300px;
}

/*--- 記事ランキング kijiRank ---*/
#kijiRank { overflow: hidden; font-size: 12px; }

#kijiRank .tabWrap { margin-bottom: 18px; }
#kijiRank h2 { width: 164px; float:left; padding: 12px 0; line-height:1.0; margin-bottom: 0; }

#kijiRank ul#rankTab { width: 136px; float: right; padding:12px 0; }
#kijiRank ul#rankTab li { float: left; text-align: center; border-left: solid 1px #010101; line-height:1.0; }
#kijiRank ul#rankTab li:hover { cursor: pointer; }
#kijiRank ul#rankTab li#present { width: 44px; }
#kijiRank ul#rankTab li#yesterday { width: 44px; }
#kijiRank ul#rankTab li#week { width: 43px; border-right: solid 1px #010101; }
#kijiRank ul#rankTab li.selected { color:#000; font-weight: bold; }
#kijiRank ul#rankTab li a { color: #777; }
#kijiRank ul#rankTab li.selected a { color: #000; }

#rankTab1.active-tab-body,#rankTab2.active-tab-body,#rankTab3.active-tab-body{ display:block !important; border: 1px solid #e8e8e8; overflow: hidden; clear: both; }
#rankTab1,#rankTab2,#rankTab3{ display:none; }

#kijiRank ol.rankList { font-size: 0; counter-reset: ranking; }
#kijiRank ol.rankList li { border-top: 1px solid #e8e8e8; width: 278px; padding: 10px; font-size: 12px; }
#kijiRank ol.rankList li:first-child { border-top: none; }

#kijiRank ol.rankList li:before {
  counter-increment: ranking;
  content: counter(ranking);
  width: 20px;
  height: 35px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  margin-right: 10px;
  font-family: "Times New Roman";
  font-size: 16px;
  font-weight: bold;
  background: #000;
  color: #fff;
  vertical-align:middle;
}

#kijiRank ol.rankList li:nth-child(n+6):before { background: #f3f3f3; color: #777; }
#kijiRank ol.rankList li a { width: 248px; }
#kijiRank ol.rankList li a span { display:inline-block; width: 162px; vertical-align:middle; }
#kijiRank ol.rankList li a span:only-child { width: 248px; }
#kijiRank ol.rankList li a:hover span { text-decoration: underline; }
#kijiRank ol.rankList li a small { display:block; font-size: 11px; margin-bottom: 4px; color: #777; }
#kijiRank ol.rankList li a:visited small { color: #999; }
#kijiRank ol.rankList li a img { width: 80px; margin-left: 5px; vertical-align:middle; }

/*--- 記事ランキング nikkeiRank ---*/
#nikkeiRank { overflow: hidden; font-size: 12px; }
#nikkeiRank h2 { padding: 12px 0; line-height:1.0; margin-bottom: 0; }
#nikkeiRank .active-tab-body{ border: 1px solid #e8e8e8; overflow: hidden; clear: both; }
#nikkeiRank .tabWrap span { font-weight: normal; padding-left: 10px;}
#nikkeiRank ol.rankList { font-size: 0; counter-reset: ranking; }
#nikkeiRank ol.rankList li { border-top: 1px solid #e8e8e8; width: 278px; padding: 10px; font-size: 12px; }
#nikkeiRank ol.rankList li:first-child { border-top: none; }
#nikkeiRank ol.rankList li:before {
  counter-increment: ranking;
  content: counter(ranking);
  width: 20px;
  height: 35px;
  display: inline-block;
  text-align: center;
  line-height: 35px;
  margin-right: 10px;
  font-family: "Times New Roman";
  font-size: 16px;
  font-weight: bold;
  background: #000;
  color: #fff;
  vertical-align:middle;
}
#nikkeiRank ol.rankList li:nth-child(n+6):before { background: #f3f3f3; color: #777; }
#nikkeiRank ol.rankList li a { width: 248px; display:inline-block; vertical-align:middle; }
#nikkeiRank ol.rankList li a span { display:block; font-size: 11px; margin-bottom: 4px; color: #777; }
#nikkeiRank ol.rankList li a:visited span { color: #999; }
#nikkeiRank img.rank {
  padding-left: 3px;
  vertical-align: middle;
  width: 10px;
}

/*--- 日経ビジネス最新号 magazine ---*/
#sideContent #magazine {
  border: 1px solid #e8e8e8;
  margin: 30px 0;
  overflow: hidden;
  padding: 18px 20px;
}

#sideContent #magazine h2 {
  padding: 0;
}

#sideContent #magazine h2 img {
  width: 100px;
  margin-right: 15px;
}

#sideContent #magazine .cover {
  float: left;
}

#sideContent #magazine .cover img {
  width: 100px;
}

#sideContent #magazine .links {
  float: right;
  width: 140px;
}

#sideContent #magazine .links h3 {
  font-size: 12px;
  font-weight: normal;
}

#sideContent #magazine .links h3 strong {
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}

#sideContent #magazine .links ul {}

#sideContent #magazine .links ul li {
  background: url(/images/n/nbo/2016/common/icon_link.png) no-repeat left 14px/4px;
  border-top: 1px solid #e8e8e8;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  padding: 10px 0 0 12px;
}

/*--- リンクリスト ---*/
#sideContent .txtLinks,
#sideContent .thumbLinks {
}

#sideContent #reccomendList.txtLinks h2,
#sideContent #pr-trendList.txtLinks h2 {
  margin: 0;
  position: relative;
}

#sideContent #pr-trendList.txtLinks h2:after {
  content: url("/images/n/nbo/2016/common/icon_pr.png");
  top:10px;
  right: 0;
  position:absolute;
}

#sideContent .txtLinks ul,
#sideContent .thumbLinks ul {
  border-top: 1px solid #e8e8e8;
}

#sideContent #reccomendList.txtLinks ul,
#sideContent #pr-trendList.txtLinks ul {
}

#sideContent .txtLinks ul li,
#sideContent .thumbLinks ul li {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #e8e8e8;
}

#sideContent .txtLinks ul li {
  background: url(/images/n/nbo/2016/common/icon_link.png) no-repeat left 48%/4px;
  padding: 18px 0 18px 12px;
}

#sideContent #reccomendList.txtLinks ul li,
#sideContent #pr-trendList.txtLinks ul li {
  background: url(/images/n/nbo/2016/common/icon_link.png) no-repeat left 48%/4px;
  font-size: 12px;
  font-weight: normal;
}

#sideContent #reccomendList.txtLinks ul li span a {
  background: #666;
  color: #fff;
  float: right;
  margin-top: -3px;
  padding: 3px 0 2px;
  text-align: center;
  vertical-align: middle;
  width: 100px;
}

#sideContent #reccomendList.txtLinks ul li span a:hover {
  background: #424242;
  text-decoration: none;
}

#sideContent .thumbLinks ul li {
  padding:8px 0;
}

#sideContent .thumbLinks ul li a img {
  width: 40px;
  margin-right: 7px;
  vertical-align: middle;
}

#sideContent .thumbLinks ul li a span {
  display: inline-flex;/*要検証*/
  vertical-align: middle;
  width: 253px;
}

/*--- SNSボタン群 ---*/
#sideContent #asideSns h2 {
  border-bottom: 1px solid #e8e8e8;
}

#sideContent #asideSns ul {
  overflow: hidden;
}

#sideContent #asideSns ul li {
  float: left;
  margin-right: 10px;
}

#sideContent #asideSns ul li img {
  width: 30px;
  opacity: 1;
}

#sideContent #asideSns li:hover img {
  opacity: 0.8;
}

/*--- 記事を探す/人気のキーワード ---*/
#sideContent #asideSearch {
  margin-bottom: 40px;
}

#sideContent #asideSearch h2 {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 20px;
}

#sideContent #asideSearch .searchBox {
}

#sideContent #asideSearch .searchBox input {
  margin:0;
  padding:0;
  font-size: 12px;
}

#sideContent #asideSearch .searchBox .field {
  border: 1px solid #c0c0c0;
  border-right: none;
  height: 31px;
  width: 263px;
  text-indent: 5px;
}

#sideContent #asideSearch .searchBox .btn {
  width: 36px;
}

#sideContent #asideSearch .hotword {
  border: 1px solid #e8e8e8;
  margin-top: 10px;
  padding: 22px 24px 20px;
}

#sideContent #asideSearch .hotword h3 {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 18px;
  text-align: center;
}

#sideContent #asideSearch .hotword p {
  font-size: 14px;
  line-height: 2;
}

#sideContent #asideSearch .hotword p a + a {
  margin-left: .8em;
}

/*--- 購読申し込み ---*/
#sideContent .subscription {
  position: absolute;
  top: 0;
  right: 0;
  width: 170px;
  font-size: 12px;
  background: #f3f3f3;
}

#sideContent .subscription a {
  padding: 5px;
  display: block;
  overflow: hidden;
  background: url("/images/n/nbo/2016/common/icon_arrow_next_double.png") no-repeat  145px 48% /12px;
}

#sideContent .subscription a:visited {
  color: #000;
}

#sideContent .subscription img {
  width: 40px;
  vertical-align: middle;
  margin-right: 12px;
}
#sideContent .subscription span {
  display: inline-block;
  vertical-align: middle;
}

#sideContent .subscription a:hover span {
  text-decoration: underline;
}

/*--- 日経ビジネスBOOKS ---*/
#asideSpecialBooks h2 {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 10px;
}
#asideSpecialBooks li {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0;
}
#asideSpecialBooks li:after {
  content: "";
  display: block;
  clear: both;
}
#asideSpecialBooks li h3 {
  font-size: 14px;
  margin-bottom: 7px;
}
#asideSpecialBooks li p {
  line-height: 1.6;
  font-size: 12px;
}
#asideSpecialBooks li img {
   width: 95px;
   float: right;
   margin-left: 5px;
}