@charset "utf-8";

/* -----------------------
サイト全体に共通の基本定義
------------------------- */

/* -- ▼余白、リストのデフォルト形状、fontなど▼ -- */
* {
  list-style:none;
  margin:0;
  padding: 0;
  text-decoration: none;
  font-family:Hiragino Sans,'ヒラギノ角ゴシック','Meiryo', 'メイリオ','平成明朝','Lucida Grande', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
}

body{
  background:url(/common/images/v1/bg_base.gif);
  background-position:left top;
  background-repeat:repeat-y;
  background-color:#fff; 
}

strike{text-decoration:line-through;}

/* -- ▼リンク、画像border、hr▼ -- */
a:link, 
a:active{color: #600;border-bottom: 0 solid ;text-decoration:none;}
a:visited{color: #666;border-bottom:0 solid ;text-decoration:none;}
a:hover{color: #f00;text-decoration:none;}

img{border: 0;vertical-align:bottom;}

/* ------------------------
▼floatをクリアするためのCSS▼
-------------------------- */
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ------------------
▼▼ 主なレイアウト ▼▼
-------------------- */
#wrapper{width:1010px;margin:0;padding:0;background-color:#000;position:relative;border-top:solid 3px #f00;}
#main-column{clear:both;width:650px;float:left;margin:0 0 0 20px;padding:0;}
#sub-column{clear:none;float:right;margin:0 20px 0 0;padding-top:0;width:300px;}
#latest{clear:both;width:640px;margin-top:0;}

#top-for-smartphone{text-align:center; background-color:#a8a8a8;}
#top-for-smartphone a{display:block;}
#top-for-smartphone img{height:60px;}

/* -------------------------
サイトナビのレイアウト
-------------------------- */
#sitenavi-menu{
  clear:both;
  float:left;
  width:100%;
  margin:0 0 15px 0;
  padding:0;
  border-top:solid 1px #999;
  border-bottom:solid 1px #999;
}

/* -- メインメニュー部の各項目 -- */
#sitenavi-menu ul{
  float:left;
  position:relative;
  z-index: 100;
}
#sitenavi-menu ul li{float:left;}
#sitenavi-menu li a{
  display:block;
  margin:0;
  height:25px;
  font-size:.8em;
  line-height:25px;
  vertical-align:bottom;
  text-align:center;
  text-decoration:none;
}
#sitenavi-menu li a:hover{opacity:0.7;}
#sitenavi-menu li a span{padding:0 7px;}
#sitenavi-menu li.top a span{padding:0 18px;}

/* -- 各項目の通常状態が「.normal」、オンマウス状態が「.reverse」 -- */
#sitenavi-menu * .normal,#sitenavi-menu * .reverse{margin:0;cursor:pointer;}
#sitenavi-menu * .normal{color:#fff;background-color:#000;}
#sitenavi-menu * .reverse{background-color:#ccc;color:#f00;}

/* -- 「現在地（“政治”に属する記事なら“政治”）」を「xxxxx-current」で表す -- */
#sitenavi-title1-current,#sitenavi-title2-current,#sitenavi-title3-current,#sitenavi-title4-current,#sitenavi-title5-current,#sitenavi-title6-current,#sitenavi-title7-current,#sitenavi-title8-current{display:block;color:#fff;background-color:#fd0000;}

/* -----------------
ヘッダー
------------------ */
#header{
  margin:0;
  background-color:#000;
  position:relative;
  padding:10px 20px;
  height:70px;
}
#header.common-header{
  width:960px;
  margin:0 0 0 20px;
  padding:0;
  height:125px;
}
#media-name{
  width:235px;
  background-color:transparent;
  float:left;
}
#media-name h1{
  background-color:transparent;
  background-image:url(/common/images/v1/logo300.gif);
  background-repeat:no-repeat;
  background-size:235px 45px;
  -moz-background-size:235px 45px;
  -webkit-background-size:235px 45px;
  display: block;
  width:235px;
  height:45px;
  text-indent:-1000em;
}
#media-name a{
  background-color:transparent;
  background-image:url(/common/images/v1/logo300.gif);
  background-repeat:no-repeat;
  background-size:235px 45px;
  -moz-background-size:235px 45px;
  -webkit-background-size:235px 45px;
  display: block;
  width:235px;
  height:45px;
  text-indent:-1000em;
  overflow:hidden;
  white-space:nowrap;
}

/* -- SNSボタン --------------------------------------- */
#header-sns{width:320px;float:right;overflow:hidden;}
#header-sns div{float:left;}
#header-sns div a{display:block;background-color:#313131;color:#fff;height:45px;margin-left:5px;}
#header-sns div a span{font-size:12px;line-height:45px;}
#header-sns div a:hover{background-color:#000;}
#header-sns .facebook a{
background-image:url(/common/images/v1/common/logo-facebook.png);
background-repeat:no-repeat;
background-position:15px center;
background-size:9px 20px;
-moz-background-size:9px 20px;
-webkit-background-size:9px 20px;
width:100px;
text-align:center;
}
#header-sns .facebook a span{padding-left:15px;}
#header-sns .twitter a{
background-image:url(/common/images/v1/common/logo-twitter.png);
background-repeat:no-repeat;
background-position:15px center;
background-size:22px 18px;
-moz-background-size:22px 18px;
-webkit-background-size:22px 18px;
width:100px;
text-align:center;
}
#header-sns .twitter a span{padding-left:25px;}
#header-sns .hatena a{
background-image:url(/common/images/v1/common/logo-hatena.png);
background-repeat:no-repeat;
background-position:center;
background-size:24px 20px;
-moz-background-size:24px 20px;
-webkit-background-size:24px 20px;
text-indent:200%;
overflow:hidden;
white-space:nowrap;
width:50px;
}
#header-sns .rss a{
background-image:url(/common/images/v1/common/logo-rss.png);
background-repeat:no-repeat;
background-position:center;
background-size:20px 20px;
-moz-background-size:20px 20px;
-webkit-background-size:20px 20px;
text-indent:200%;
overflow:hidden;
white-space:nowrap;
width:50px;
}

/* ----------------------
検索部分
-------------------------- */
#search{float:right;padding:0;margin-right:20px;}
.inputtext{
  border:0px;
  background: #fff;
  width:180px;
  height:23px;
  font-size:12px;
  color:#999;
  float:left;
  margin:1px 0;
  padding:0 0 0 5px;
}

.searchbtn{
  clear:none;
  float:right;
  border: 0;
  background-image: url(/common/images/v1/common/search-ico.png);
  background-repeat:no-repeat;
  background-position:center;
  background-color:#313131;
  background-size:16px 16px;
  -moz-background-size:16px 16px;
  -webkit-background-size:16px 16px;
  width: 50px;
  height: 23px;
  cursor: pointer;
  margin:1px 0;
}
.searchbtn:hover{background-color:#000;}

.common-informarion{
  width:640px;
  font-size: 13px;
  color: rgb(255, 0, 0);
  text-align: left;
  line-height: 20px;
  float:left;
  margin-top:5px;
}

/* -- ヘッダー部ログイン -- */
#premium-panel{clear:right;}
#premium-panel ul{
  float:right;
  padding:0;
  height:20px;
  margin:5px 15px 0 0;
}
#premium-panel ul li{float:left; font-size:13px; line-height:24px;}
#premium-panel ul li a{color:#fff;}
#premium-panel ul li a:hover{text-decoration:underline;}
#premium-panel ul li.btn-logout a,
#premium-panel ul li.btn-login a{
  background-image: url(/common/images/v1/common/logo-key.png);
  background-repeat:no-repeat;
  background-position:0 1px;
  background-size:12px 17px;
  -moz-background-size:12px 17px;
  -webkit-background-size:12px 17px;
  color:#fd0000;
  padding:1px 0 1px 20px;
}

#premium-panel ul li.basic::before{
content:"";
display:inline-block;
left: 3px;
width: 7px;
height: 7px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#premium-panel ul li.basic{margin-left:15px;}
#premium-panel ul li.basic a{padding-left:10px;display:inline-block;}
#premium-panel ul li a:hover{text-decoration:none;opacity:0.7;}


/* ---------------------
フッター
------------------------ */
#footer{
  clear:both;
  width:1010px;
  margin:0;
  padding:20px 0 10px;
    background-color:#000;
}
#footer .company{float:left;margin-left:20px;}
#footer * a,#footer * a:visited{color:#ccc;}
#footer ul{
  clear:none;
  width:750px;
  float:right;
  color:#ccc;
  padding:0;
}
#footer ul li{
  display:inline;
  float:right;
  margin-right:15px;
  font-size:12px;
}
#footer ul li img{float:left;}
#footer .copyright{
  clear:right;
  float:right;
  width:400px;
  margin:0;
  padding:10px 15px 0 10px;
  text-align:right;
  color:#ccc;
  font-size:12px;
}

/* ----------------------------
サブカラムの指定
-------------------------------- */

/* --------------------
トレンドウォッチPR
---------------------- */
.pr-trend-watch {margin-bottom:20px;}
.pr-trend-watch .title{color:#fff;margin:20px 0 0;border-bottom:solid 2px #fff;}
.pr-trend-watch .pr-inner{
  background-color:#fff;
  padding:9px;
  border-top:solid 5px #9e919f;
  border-right:solid 1px #666;
  border-bottom:solid 1px #666;
  border-left:solid 1px #666;
  font-size:12px;
}
.pr-trend-watch .pr-inner a{display:block;border-bottom:solid 1px #ccc;padding:5px 0 10px;overflow:hidden;font-size:14px;}
.pr-trend-watch .pr-inner a:last-child{border-style:none;}
.pr-trend-watch .pr-inner img{width:60px;height:60px;float:left;margin-right:10px;display:block;vertical-align:middle;}
.pr-trend-watch .pr-inner span{display:block;}

/* -----------------------
ランキング
------------------------- */

#section,#recommend-section{
  clear:both;
  width:278px;
  margin-bottom:15px;
  padding:10px 10px 15px 10px;
  border-style:solid;
  border-width:5px 1px 1px 1px;
  border-color:#ff0000 #666 #666 #666;
  background-color:#fff;
}
#ranking-title{
  margin:20px 0px 5px 0px;
}

/* -- タブ --  */
.ranking-tab{overflow:hidden;}
.ranking-tab #SCtab1.current,
.ranking-tab #SCtab2.current{
background-color:#d00;
text-align:center;
color:#fff;
border-top:solid 1px #ccc;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
line-height:1;
padding:5px 0;
font-size:15px;
float:left;
width:130px;
cursor:pointer;
margin-right:1px;
}

.ranking-tab #SCtab2.not-current,
.ranking-tab #SCtab1.not-current{
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(147,147,147,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(147,147,147,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(147,147,147,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(147,147,147,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(147,147,147,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(147,147,147,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#939393',GradientType=0 ); /* IE6-9 */
text-align:center;
color:#fff;
border-top:solid 1px #ccc;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
line-height:1;
padding:5px 0;
font-size:15px;
float:left;
width:130px;
cursor:pointer;
margin-right:1px;
}

ul#SC1{display:none;}
ul#SC2{display:block;}
ul#SC1 li,ul#SC2 li{display:table;width:100%;border-bottom:solid 1px #ccc;padding:7px 0;}
ul#SC1 li span,ul#SC2 li span{display:table-cell;vertical-align:middle;}
ul#SC1 li span.rank-num,ul#SC2 li span.rank-num{width:25px;}
ul#SC1 li a span.rank-num .number,ul#SC2 li a span.rank-num .number{width:21px;height:21px;line-height:21px;display:block;font-size:15px;font-weight:bold;text-align:center;}
ul#SC1 li span.rank-num .number,ul#SC2 li span.rank-num .number{background-color:#fff;border:solid 2px #663;color:#663;}
ul#SC1 li a span.rank-text,ul#SC2 li a span.rank-text{color:#666;padding-left:10px;}
ul#SC1 li a:hover span.rank-text,ul#SC2 li a:hover span.rank-text{color:#800;}
ul#SC1 li span.subtitle,ul#SC2 li span.subtitle{font-size:10px;display:block;}
ul#SC1 li span.title,ul#SC2 li span.title{font-size:15px;font-weight:bold;display:block;line-height:1.2;}
ul#SC1 li a,ul#SC2 li a{display:block;}

#recommend-section-block{margin:20px 0 5px;}
#recommend-section-block .heading{border-bottom:solid 2px #fff;}
#recommend-section ul li{
  font-size:15px;
  border-bottom:solid 1px #ccc;
}
#recommend-section ul li:first-child{padding-top:0;}
#recommend-section ul li a{display:block;padding:10px 0;}

/*
********************************************************************
雑誌インフォメーション
********************************************************************
*/
#maginfo,.maginfo{
  position:relative;
  margin:0 0 10px 0;
  padding:5px 15px;
  height:100px;
  width:270px;
  color:#fff;
  background-image:url(http://gendai.ismedia.jp/common/images/v1/common/bg_baitai.jpg);
  background-repeat:no-repeat;
  border-bottom:solid 1px #666;
}
* html #maginfo,* html .maginfo{
  position:relative;
  width:300px;
  height:120px;
  background-image:url(http://gendai.ismedia.jp/common/images/v1/common/bg_baitai.jpg);
}
#maginfo-gendai-upperline{
  margin:0px;
  padding:0px;
  width:300px;
  height:3px;
  background-image:url(http://gendai.ismedia.jp/common/images/v1/common/bg_maginfo_bottom.jpg);
  background-repeat:no-repeat;
  text-indent:-1000em;
}
#maginfo-friday-upperline{
  margin:0px;
  padding:0px;
  width:300px;
  height:3px;
  background-image:url(http://gendai.ismedia.jp/common/images/v1/common/bg_maginfo_bottom.jpg);
  background-repeat:no-repeat;
  text-indent:-1000em;
}
#maginfo-theory-upperline{
  margin:0px;
  padding:0px;
  width:300px;
  height:3px;
  background-image:url(http://gendai.ismedia.jp/common/images/v1/common/bg_maginfo_bottom.jpg);
  background-repeat:no-repeat;
  text-indent:-1000em;
}
#maginfo-underline,.maginfo-underline{
  margin-bottom:5px;
  padding:0px;
  width:300px;
  height:3px;
  background-image:url(http://gendai.ismedia.jp/common/images/v1/common/bg_maginfo_bottom.jpg);
  background-repeat:no-repeat;
  text-indent:-1000em;
}
#maginfo .figure,.maginfo .figure{
  clear:none;
  float:right;
}
#maginfo p,.maginfo p{
  clear:left;
  float:left;
  font-size:11px;
  margin-top:35px;
  margin-bottom:5px;
  width:200px;
}
.maginfo-logo{
  position:absolute;
  bottom:90px;
  top:0px;
  left:0px;
  padding:5px 10px 0px 10px;
}


/* ------------------------------------------
記事の指定
--------------------------------------------- */

/* -------- 記事本文 ----------------- */
.article-body{
  clear:both;
  float:left;
  width:610px;
  margin:0px;
  padding:20px;
  background-color:#fff;
  border-radius:6px;
}

.article-body p{
  font-size:0.9em;
  line-height:1.6em;
  letter-spacing: 0.1em;
  margin-bottom:25px;
  color:#333;
}

.article-body p a,
.article-body p a:active{
  color:#666;
}
.article-body p a:visited{
  color:#660000;
}
.article-body p a:hover{
  border-bottom:solid 1px #ff0000;
}
#backtotop{
  font-size:14px;
  clear:both;
}
#backtotop .site-top{float:left;}
#backtotop .site-top a{
  font-size:12px;
  color:#800000;
}
#backtotop .page-top{float:right;}
#backtotop .page-top a{
  font-size:12px;
  color:#800000;
}

.article-body .figure{
  float:right;
  margin:0px 0px 10px 10px;
  padding:0px;
  font-size:12px;
  line-height:18px;
  border-width:5px;
  border:solid #eee;
  background-color:#eee;

}
.article-body .figure span{
  padding:5px;
  display:block;
}
.article-body .central{
  text-align:center!important;
  clear:both;
}
.article-body .figure-center{
  text-align: left;
  margin:0 auto 10px auto;
  padding:0px;
  border-width:5px;
  border:solid #eee;
  background-color:#eee;
  font-size:12px;
  line-height:18px;
}
.article-body .figure-center span{
  padding:5px;
  display:block;
}
.article-body .figure-left{
  clear:left;
  float:left;
  margin:0 10px 10px 0;
  padding:0px;
  border-width:5px;
  border:solid #eee;
  background-color:#eee;
  font-size:12px;
  line-height:18px;
}
.article-body .figure-left span{
  padding:5px;
  display:block;
}

.article-body img.border{
  border-style:solid;
  border-color:#666;
  border-width:1px;
}

/* 本文中の囲み記事 */
.article-body .frame{
 display:block;
 margin-top:0px;
 padding:5px;
 font-size:13px;
 line-height:18px;
 color:#333;
 background-color:#f6f6f6;
 border-style:dotted;
 border-color:#ccc;
 border-width:1px;
 margin-bottom:20px;
}

.article-body .godframe{
 display:block;
 margin-top:0px;
 padding:5px;
 font-size:15px;
 line-height:17px;
 color:#000;
 background-color:#f6f6f6;
 border-color:#ff0000;
 border-width:1px;
 margin-bottom:20px;
}

.article-body .question{
 color:#333;
 font-weight:bold;
}

/* 小見出し　バージョン1 */
.article-body .h5{
  font-size:1.0em;
  font-weight:bold;
        color:#000;
  padding:5px 3px 3px 5px;
  border-bottom:dotted #ff0000;
  border-width:2px;
  margin-bottom:25px;
  margin-right:200px;
}

.article-body h4{
  font-size:1.0em;
  font-weight:bold;
  margin-bottom:25px;
  padding-left:10px;
  border-left: 18px solid #ff0000;
  border-bottom: 1px dashed #666;
  margin-top: 20px;
}

.article-body .credit{
  display:block;
  clear:both;
  float:right;
  text-align:right;
  font-size:11px;
  font-weight:normal;
  color:#666;
}
.article-body .credit-note{
  display:block;
  clear:both;
  font-size:11px;
  float:right;
  color:#666;
  font-weight:normal;
}

/* 記事下誘導 */
.article-body .article-next-info{
  clear:both;
  margin:40px auto 30px;
  font-size:15px;
  background-color:#c7b79c;
  font-weight:bold;
  line-height:30px;
  padding:0 6px;
  overflow:hidden;
  text-align:center;
}
.article-body .article-next-info a{display:block;color:#000;}
.article-body .article-next-info .next-page{font-weight:bold;margin-right:10px;}
.article-body .article-next-info a .next-page{
  color:#000;
  background-image:url(/common/images/v1/article/arrow-next-right.png);
  background-repeat:no-repeat;
  background-position:right;
  background-size:13px 20px;
  -webkit-background-size:13px 20px;
  -moz-background-size:13px 20px;
  padding-right:20px;
}

/*************
映像用
*************/
.movie{
  width:320px;
  height:304px;
  clear:left;
  float:left;
  margin:0 20px 10px 0;
  padding:5px;
  display:block;
}


/*▼table▼*/
.article-body table.table-450 {
    width: 450px;
    border:solid 1px #C7C7C7;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom:15px;
}

.article-body table.table-450 th {
    padding: 5px;
    border: #C7C7C7 solid;
    background: #0e0201;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.article-body table.table-450 td {
    width: 260px;
    padding: 5px;
    background: #F7F7F7;
    border: 1px #C7C7C7 solid;
    border-width: 0 0 1px 1px;
    font-size: 12px;
    line-height: 14px;
}



.article-body table.line{
  border:solid 1px #ccc;
  border-collapse: collapse;
  margin-bottom:15px;
  float:right;
  margin:0 0 10px 10px;
}

.article-body table.line td,
.article-body table.line th{
  border:solid 1px #ccc;
  margin:0;
  color:#333;
  padding:3px;
  margin:0;
  font-size:12px;
  line-height:14px;
}

/*地域ランキングteble用色*/
.article-body table.line tr.title td{
  background-color:#df690a;
  color:#fff;
}
.article-body table.line tr.even td{
  background-color:#f4e8d0;
}
.article-body table.line td.order{
  font-weight:bold;
  text-align:center;
}

/* ----- 記事回りの指定 -------------------- */
/* -- signage default -- */
#article-title{font-size:13px;}
#signage.default{background-repeat:no-repeat;background-position:top left;color:#fff;padding-left:200px;position:relative;min-height:192px;}
#signage.default #column-title{font-size:12px;}
#signage.default #column-title a,#signage.default #column-title a:active,#signage.default #column-title a:visited{color:#999;}
#signage.default #column-title a:hover{color:#f00;}
#signage.default #date-and-author{font-size:12px;text-align:right;display:block;margin-top:5px;}
#signage.default .category-icon{position:absolute;right:0;bottom:32px;}
#signage.default .category-icon img{border:solid 1px #fff;}
#signage.default h1{font-size:22px;line-height:25px;}


/* -- signage defalut_other -- */
#signage.other{position:relative;}
#signage.other .kanban{border-bottom:solid 2px #f00;padding-bottom:3px;position:relative;padding-left:0;}
#signage.other .kanban a{display:block;}
#signage.other .column-title{font-size:11px;position:absolute;right:2px;bottom:2px;}
#signage.other .column-title a,#signage.other .column-title a:visited,#signage.other .column-title a:active{color:#666;}
#signage.other .column-title a:hover{color:#f00;}
#signage.other #original-media{position:absolute;right:5px;bottom:15px;}
#signage #article-title2{color:#fff;width:640px;margin-bottom:20px;}
#article-title2 .date{font-size:12px;}
#article-title2 .author{color:#999;font-size:12px;padding-left:10px;}
#article-title2 h1{font-size:22px;line-height:25px;}
#article-title2 h2{font-size:18px;line-height:25px;color:#ccc;}

/* -- 2P以降のスタイル -- */
#signage2{color:#fff;}
#signage2 #article-title{margin-bottom:25px;clear:both;}
#signage2 #article-title h1{font-weight:normal;font-size:13px;line-height:17px;padding-top:5px;}
#signage2 #article-title h1 .subtitle{display:block;}
#signage2 #date-and-author{color:#999;font-size:11px;float:right;padding-top:10px;}
#signage2 #column-title{float:left;font-size:11px;color:#ccc;display:inline-block;border-bottom:solid 2px #f00;}
#signage2 #column-title .author{padding-right:10px;font-weight:normal;}
#signage2 #column-title a,#signage2 #column-title a:visited,#signage2 #column-title a:active{color:#999;}
#signage2 #column-title a:hover{color:#f00;}

#tools {
  float:right;
  padding-top:5px;
}

#tools ul li{
  display:inline;
  color:#666;
  font-size:11px;
}

#detailbox{
  position:absolute;
  top:25%;
  left:25%;
  padding:0px;
  overflow:auto;
  color:#fff;
  background-color:#000;
  float:left;
  border-style:solid;
  border-width:0px;
  border-color:#efefef;
}
#detailbox.fancydetail{
position:relative;
width:auto;
top:auto;
left:auto;
}
.fancybox-close {
display:none;
}
#detailbox .db-contents{
  width:379px;
  margin:0px;
  padding:15px 15px 0px 15px;;
  background-image:url(/common/images/v1/article/author_background.gif);
}
#detailbox .db-contents .profile{
  padding-left:20px;
}
#db-upperline{
  width:409px;
  height:8px;
  margin:0px;
  padding:0px;
  background-image:url(/common/images/v1/article/author_frametop.gif);
  text-indent:-1000em;
  font-size:0.1em;
  line-height:0.1em;
}
#db-underline{
  width:409px;
  height:8px;
  margin:0px;
  padding:0px;
  background-image:url(/common/images/v1/article/author_framebottom.gif);
  text-indent:-1000em;
  font-size:0.1em;
  line-height:0.1em;
}
#detailbox .container-closer{
  clear:none;
  float:right;
  margin:0px;
  padding:0px;
  position:absolute;
  top:10px;
  right:15px;
  cursor:pointer;
}
#detailbox h4{
  clear:both;
  float:left;
  width:100%;
  margin-bottom:10px;
  font-size:14px;
  line-height:1.4em;
  font-weight:bold;
  color:#fff;
  border-style:solid;
  border-color:#ff0000;
  border-width:0px 0px 2px 0px;
}

#detailbox h4.detailbox-columntitle{
  clear:left;
  width:80%;
  margin-bottom:3px;
  border-width:0px;
  padding-left:20px;
  background-image:url(/common/images/v1/article/author_tri.gif);
  background-repeat:no-repeat;
  background-position:left 3px;
}
#detailbox .detailbox-column{
  font-size:13px;
  clear:both;
  background-color:transparent;
  padding:5px 5px 5px 20px;
  margin:10px 0px 0px 0px;
  padding-bottom:10px;
}
#detailbox .detailbox-list{
  clear:both;
  float:right;
  margin:auto 5px 0px 0px;
  font-size:13px;
}

#detailbox .detailbox-list a,#detailbox .detailbox-list a:visited{
  color:#ff0000;
  text-decoration:none;
}

#detailbox .figure-left img{
  border:solid 5px #eee;
  clear:left;
  float:left;
  margin:0 10px 10px 0;
  padding:0px;
}
#detailbox p{
  font-size:13px;
  clear:right;
}

/*▼サービスメニュー（プリント、RSS、フォントサイズレイアウト）▼*/
#signage #service-menu{font-size:13px;}
#signage2 #service-menu{
  float:right;
  font-size:13px;
  margin-bottom:10px;
}
#kanban-underline{
  z-index:1;
}
#service-menu img {
  margin-right:5px;
}
/* toolbar start */
.tools{
  cursor:pointer;
  width:55px;
  float:left;
  margin-left:2px;
  padding:0;
  text-align:left;
}
* html .tools{
  margin-left:1px;
}
.tools img{
        border:none;
        margin:1px 2px 3px 2px;
        margin-right:3px;
        vertical-align: middle;
}
.tools ul{
        list-style-type: none;
        list-style-position: outside;
        margin:0px;
        padding:0px;
}
.tools ul li a{
        display: block;
}
.tools ul li ul{
        display: none;
}
.tools ul li.off ul{
        display: none;
}
.tools ul li.on ul {
        display: block;
        position: absolute;
        z-index: 999;
        border:solid 1px #ccc;
        background-color:#000;
        /*width:130px;*/
}
.tools ul li.on ul li {
        display:block;
        float:left;
        /*width:120px;*/
        line-height:0px;
        padding:3px 5px;
        background-color:#fff;
}

#toolsbm ul li.on ul {width:170px;}
#toolsbm ul li.on ul li {width:160px;}
* html #toolsbm ul li.on ul li a{width:170px;}

#toolresize ul li.on ul {width:120px;}
#toolresize ul li.on ul li {width:110px;}
* html #toolresize ul li.on ul li a{width:120px;}
/*
#toolrss{
  width:46px;
  margin-right:7px;
}*/
/*facebook twitter*/
#tooltw.tools{
  width:110px;
}
#toolfb.tools{
  width:96px;
}
#signage #tooltw.tools,
#signage #toolfb.tools{
  float:right;
  width:130px;
}
#signage2 #tooltw.tools,
#signage2 #toolfb.tools{
  float:left;
  width:130px;
}
/* toolbar end */

/* カンバン　下枠線 */
#kanban-underline{
  position:absolute;
  bottom:3px;
  width:100%;
  height:1px;
  background-color:#cc99cc;
  border:0px;
  text-indent:-1000em;
  font-size:0em;
}

/* ▼検索ページ用▼ */
#search-title h1{
  position:relative;
  margin-bottom:5px;
  font-size:20px;
}
#search-title h3{
  font-size:14px;
  margin-bottom:5px;
}
#search-title p{
  width:450px;
  margin-bottom:5px;
  font-size:13px;
}
#signage * .searchbtn{
  float:left;
}

/* --- 共通ページネーション -- */
.pagination {
    clear:both;
    text-align:center;
    font-size:15px;
    padding-top: 1.5em;
}
.pagination .length{margin-right:1.8em;}
.pagination a,.pagination a:visited{
    display:inline-block;
    width:25px;
    clear:none;
    text-align:center;
    background-color:#c7b79c;
    color:#fff;
    font-weight:bold;
}
.pagination a:hover{
  background-color:#7a5c30;
}
.pagination a.prev{
    width:auto;
    margin-right:1.8em;
    background-color:#fff;
    color:#666;
}
.pagination a.next,.pagination a.skip{
    width:auto;
    margin-left:1.8em;
    background-color:#fff;
    color:#666;
    font-weigt:bold;
}
.pagination .current,.pagination .no-link{
    display:inline-block;
    width:25px;
    background-color:#7a5c30;
    color:#fff;
    font-weight:bold;
}



#article-end{
  width:100%;
  float:left;
  clear:both;
  padding-top:0px;
  font-size:12px;
}
#article-end ul{
  width:600px;
  margin:0 auto;
}

#article-end .blocktitle{
  position:relative;
  clear:both;
  width:600px;
  margin:35px auto 7px;
  color:#000;
  font-size:12px;
  font-weight:normal;
  border-bottom:solid 3px #f00;
}
#article-end .blocktitle a,#article-end .blocktitle a:visited{
  color:#000;
}
#article-end .blocktitle .heading{
  float:left;
  font-size:15px;
  font-weight:bold;
}
#article-end .blocktitle div.more{
  font-size:11px;
  float:right;
  padding-top:4px;
}
#article-end .blocktitle span{
  color:#cc0000;
  margin-right:0px;
}

#article-end .blocktitle ul li{
  border-style:dotted;
  border-color:#666;
  border-width:0px 0px 1px 0px;
}

#article-end .article-end-latest-block{
  width:600px;
  margin:0 auto;
  clear:both;
}

#article-end-underline{
  clear:both;
  float:left;
  width:650px;
  margin:0px 0px 0px 8px;
  padding:0px;
  height:20px;background-image:url(http://jbpress.ismedia.jp/common/images/v3/common/bg_articleb.jpg);
  text-indent:-1000em;
  line-height:1px;
}

#article-end .backbutton0{
  margin:30px 0px;
  clear:both;
  float:right;
}
#article-end .backbutton1{
  clear:none;
  float:right;
  margin:30px 20px 30px 0px;
}
#article-end ul li{
padding:3px 0;
  border-style:solid;
  border-color:#ccc;
  border-width:0px 0px 1px 0px;
  font-size:15px;
  display:table;
  width:100%;
}
#article-end ul li .ico{
  display:table-cell;
  width:60px;
  vertical-align:middle;
}
#article-end ul li .ico img{width:100%;}
#article-end ul li .title{
  display:table-cell;
  vertical-align:middle;
  padding-left:10px;
}
#article-end ul li a{display:block;}
ul#article-end-web-latest{
  width:370px;
  float:left;
}
#article-end-web-latest li{
  border-style:dashed;
  border-color:#555;
  border-width:0px 0px 1px 0px;
}
#article-end-web-latest li img{
  display:block;
  clear:none;
  float:left;
  width:40px;
  margin-right:7px;
}

#article-end-web-latest li .title{
  display:block;
  width:300px;
  clear:none;
  float:left;
  margin-left:20px;
}
#article-end-web-latest li .toptitle{
  display:block;
}
#article-end .small-list{
  clear:both;
  line-height:14px;
}
#article-end .small-list li{
  padding:0px;
  background:none;
}
#article-end-latest ul li h5{
  font-weight:normal;
}
#magazine-cover{
  clear:none;
  float:right;
  width:200px;
  padding:5px 5px 5px 5px;
  border-width:1px;
  border-style:solid;
  border-color:#666;
}
#magazine-cover h4{
  width:100%;
  margin:auto;
  font-size:13px;
  text-align:center;
}
#magazine-cover .sales{
  display:block;
  width:182px;
  margin:10px auto;
  padding:0px;
}

/* テキスト広告(2013.6) */
#article-end #text-ad-v2{
  clear:both;
  width:584px;
  margin:40px auto;
  padding:5px;
  border-style:solid;
  border-width:3px;
  border-color:#9e919f;
}

#article-end #text-ad-v2 span{
  display:block;
  background-image:url(/common/images/v1/pr_article-v2.gif);
  background-repeat:no-repeat;
  background-position:5px 3px;
  padding-left:40px;
  font-size:13px;
  line-height:1.4;
}

/* 記事中レクタングル */
.article-bnr-area .clarfix{margin-top:10px;}
.article-bnr-area .rectangle:first-child{float:left;}
.article-bnr-area .rectangle:last-child{float:right;}

/* 記事上SNSツール */
.article-signage-sns{clear:both;display:block;overflow:hidden;padding-top:5px;margin-left:8px;}
.article-signage-sns span{display:inline-block;margin-right:15px;line-height:20px;vertical-align:top;}
.article-signage-sns span a,.article-end-sns span a:hover{color:#fff;}
.article-signage-sns span.rss a{background:url(/common/images/v1/rss.png) no-repeat left;background-size:20px 20px;-moz-background-size:20px 20px;-webkit-background-size:20px 20px;padding-left:22px;}

/* 記事下SNSツール */
.article-end-sns{margin:15px 0;overflow:hidden;text-align:center;}
.article-end-sns span{display:inline-block;margin-right:15px;line-height:20px;vertical-align:top;}
.article-end-sns span a,.article-end-sns span a:hover{color:#000;}
.article-end-sns span.rss a{background:url(/common/images/v1/rss.png) no-repeat left;background-size:20px 20px;-moz-background-size:20px 20px;-webkit-background-size:20px 20px;padding-left:22px;}


/* トップページ */
#top-feature{
  width:650px;
  height:450px;
}

#f-container{
  margin:0;
  padding:0;
  float:left;
  border:solid 1px #ee0000;
  width:322px;
  height:330px;
  position:relative;
  overflow:hidden;
  z-index:1;
}
* html #f-container{
  width:344px;
  height:332px;
}
#f-img1,
#f-img2,
#f-img3,
#f-img4,
#f-img5,
#f-img6,
#f-img7,
#f-img8,
#f-img9,
#f-img10,
#f-img11{
  width:322px;
  height:330px;
  position:absolute;
  top:0px;
}
* html #f-img1,
* html #f-img2,
* html #f-img3,
* html #f-img4,
* html #f-img5,
* html #f-img6,
* html #f-img7,
* html #f-img8,
* html #f-img9,
* html #f-img10,
* html #f-img11{
  width:324px;
  height:332px;
}
#f-img1{left:400px;}
#f-img2{left:400px;}
#f-img3{left:400px;}
#f-img4{left:400px;}
#f-img5{left:400px;}
#f-img6{left:400px;}
#f-img7{left:400px;}
#f-img8{left:400px;}
#f-img9{left:400px;}
#f-img10{left:400px;}
#f-img11{left:0px;}

#feature-container a{
  display:block;
  width:324px;
  height:332px;
}
.f-summary{
  width:304px;
  padding:10px;
  background-color:#000;
  position:absolute; bottom:0px; left:0px;
  z-index:10;
}
* html .f-summary{
  width:324px;
}
.f-summary h2{
  font-size:0.9em;
  color:#ff0000;
  margin:0 0 5px 0;
  line-height:1.2;
}
.f-summary p{
  font-size:0.8em;
  line-height:1.2em;
  color:#fff;
  margin:0;
}
.f-summary p span{
  color:#ff0000;
  font-weight:bold;
}
#f-icon{
  float:right;
  width:320px;
  position:relative;
}
#f-icon1,
#f-icon2,
#f-icon3,
#f-icon4,
#f-icon5,
#f-icon6,
#f-icon7,
#f-icon8,
#f-icon9,
#f-icon10,
#f-icon11{
  width:154px;
  height:102px;
  border:solid 1px #ee0000;
  background-color:#141414;
  z-index:3;
}
* html #f-icon1,
* html #f-icon2,
* html #f-icon3,
* html #f-icon4,
* html #f-icon5,
* html #f-icon6,
* html #f-icon7,
* html #f-icon8,
* html #f-icon9,
* html #f-icon10,
* html #f-icon11{
  width:153px;
  height:104px;
  background-color: transparent
}

#f-icon h3{
  /*padding:0px 5px 5px 5px;*/
  padding:0px 2px 5px 3px;
  margin:5px 0 0 0;
  line-height:14px;
}
#f-icon h3 img{
  margin-bottom:3px;
}
#f-icon h3 span{
  font-size:12px;
  font-weight:normal;
  color:#fff;
}
#f-icon1{position:absolute; top:0px; left:0px;}
#f-icon2{position:absolute; top:0px; left:159px;}
#f-icon3{position:absolute; top:115px; left:159px;}
#f-icon4{position:absolute; top:115px; left:0px;}
#f-icon5{position:absolute; top:228px; left:159px;}
#f-icon6{position:absolute; top:228px; left:0px;}
#f-icon7{position:absolute; top:340px; left:159px;}
#f-icon8{position:absolute; top:340px; left:0px;}
#f-icon9{position:absolute; top:340px; left:-162px;}
#f-icon10{position:absolute; top:340px; left:-330px;}
#f-icon11{
  width:322px;
  height:330px;
  position:absolute; top:0px; left:-358px;visibility:hidden;
}

.f-icon-category{
  position:absolute; right:0px; bottom:0px;
  margin-top:10px;
}
#f-icon1 a.f-icon-disp-link,
#f-icon2 a.f-icon-disp-link,
#f-icon3 a.f-icon-disp-link,
#f-icon4 a.f-icon-disp-link,
#f-icon5 a.f-icon-disp-link,
#f-icon6 a.f-icon-disp-link,
#f-icon7 a.f-icon-disp-link,
#f-icon8 a.f-icon-disp-link,
#f-icon9 a.f-icon-disp-link,
#f-icon10 a.f-icon-disp-link,
#f-icon11 a.f-icon-disp-link{
        display:block;
        width:154px;
        height:102px;
}

#featuer-killerline{
  margin:10px 0px 5px 0px;
  width:650px;
}
#featuer-controler{
  float:right;
  cursor:pointer;
}
.f-icon-disp{
  position:relative;
  width:140px;
  height:100px;
}
.f-icon-disp a.f-icon-disp-link{
  position:absolute;
  width:154px;
  height:102px;
  left:0;
  top:0;
  z-index:50;
  background-color: transparent;
}




#latest-wrapper{
  width:650px;
  padding:0px;
  background:url(http://gendai.ismedia.jp/common/images/v1/top/latest-wrapper-bg2012.gif) repeat-y;
  background-position: top right;
  background-color:#fff;
  margin-top:11px;
  
  margin-bottom:25px;
}


#latest-upperline{
  background:url(http://gendai.ismedia.jp/common/images/v1/top/latest-upperline-bg2012.gif) no-repeat;
  width:624px;
  height:28px;
  padding:20px 26px 0 0;
}


#latest-main{
  width:380px;
  padding:15px;
  background:url(http://gendai.ismedia.jp/common/images/v1/top/latest-main-bg.gif) repeat-y;
  background-color:transparent;
  float: left;
  position: relative;
}

* html #latest-main{
  width:400px;
  float: left; 
  position: relative;
}
#latest-underline{
  background:url(http://gendai.ismedia.jp/common/images/v1/top/latest-underline-bg.gif) no-repeat;
  width:650px;
  height:6px;
}
#latest-underline span{
  display:none;
}
#latest-main ul.latest-list li{
  padding-left:68px;
  color:#333;
  border-bottom:dashed 1px #666;
  padding-bottom:5px;
  margin-bottom:5px;
  min-height: 70px;
  height: auto !important;
  height:55px;
}
#latest-main ul.latest-list{
  margin-bottom:10px;
}
#latest-main ul.latest-list li h3{
  position:relative;
  font-size:14px;
  line-height:18px;
  margin-bottom:3px;
  float:left;
  /* width:470px; */
}
#latest-main ul.latest-list li h3 a,
#latest-main ul.latest-list li h3 a:active{
  color:#000;
}
#latest-main ul.latest-list li h3 a:visited{
  color:#666;
}
#latest-main ul.latest-list li h3 a:hover{
  color:#ff0000;
}

.dateauthor{
  float:right;
  text-align:right;
  font-size:12px;
  color:#666;
}
#latest-main ul.latest-list li .toptitle{
  display:block;
  font-size:0.8em;
  font-weight:normal;
}
#latest-main ul.latest-list li .subtitle{
  display:block;
  font-size:0.9em;
}
#latest-main ul.latest-list li .date{
  position:absolute;
  top:5px;
  right:5px;
  font-weight:normal;
  font-size:0.9em;
}
#latest-main ul.latest-list li .author{
  position:absolute;
  top:20px;
  right:5px;
  font-weight:normal;
  font-size:0.9em;
}
#latest-main ul.latest-list li p{
  font-size:12px;
  line-height:16px;
}


/*
*****************************************
Special Topics
*****************************************
*/

#special-section{
  float:right;
  width:217px;
  padding:0 10px;
}

.special-side{
  background-color:#000;
  padding:0 10px 10px 10px;
  border-radius:0 0 6px 6px;
}

/* メルマガ部分 */
.mail-select{
  padding:10px 0;
}

.mail-select .mail-summary{
  background:url(/common/images/v1/top/sp-meil-select-top.gif) no-repeat top center;
  width:197px;
}

.mail-select .mail-summary p{
  color:#f90000;
  font-size:11px;
  padding:10px 10px 0 10px;
}

.select-section{
  padding:0;
  border-right:solid 1px #7f7f7f;
  border-left:solid 1px #7f7f7f;
}

.select-section ul{
  padding:5px 0;
}

.select-section ul li{
  background:url(/common/images/v1/top/mail-select-bg.gif) no-repeat center top;
  color:#fff;
  margin-bottom:20px;
}

.select-section ul li .mail-img{
  float:left;
  margin:0 10px 0 10px;
  width:68px;
}
.select-section ul li .mail-img img{border:solid 1px #7f7f7f;}

.select-section ul li .mail-ttl{
  float:left;
  width:90px;
  margin:0 10px 0 0;
}

.select-section ul li .mail-ttl p.title{font-size:12px;line-height:16px;}
.select-section ul li .mail-ttl p.author{font-size:11px;margin:15px 0;}
.select-section ul li .summary{
  clear:both;
  font-size:11px;
  padding:10px;
}
.select-section ul li .summary span.more a{color:#f90000;float:right;margin-left:10px;}
.select-section ul li .summary span.more a:hover{text-decoration:underline;}

.mail-order{
  background:url(/common/images/v1/top/sp-mail-select-btm.gif) no-repeat bottom center;
}
.mail-order .mail-btn{
  padding:0 0 10px 13px;
}

/* 特設サイト */
.special_banner{
  width:195px;
  display:block;
}

.special_banner p{
  margin-bottom:10px;
  padding:0;
}



/* 現代スポーツ */
.sports-premire{
  background:url(/common/images/v1/top/sports-premire-bg.jpg) no-repeat center;
  width:195px;
  height:151px;
  display:block;
  margin-bottom:15px;
}
.sports-premire a{color:#fff;padding-top:75px;display:block;}
.sports-premire .sports-info{
  padding:0 10px 10px 10px;
}

.sports-premire .sports-info img{float:left;margin-right:5px;}
.sports-premire .sports-info p{font-size:11px;}

/* 書籍ランキング */
.sp-books{
  width:195px;
  display:block;
}
.sp-books .books-list{
  background:url(/common/images/v1/top/sp-books-ranking-bg.gif) repeat-y center bottom;
  padding:0 10px 10px 10px;
}

.sp-books .books-list img{
  margin-left:30px;
  margin-bottom:10px;
  border:solid 1px #dcdcdc;
}

.sp-books .books-list p{
  font-size:12px;
  line-height:18px;
}

.sp-books .books-list p a,
.sp-books .books-list p a:visited{
  color:#cc9966;
}

.sp-books .books-list p a:hover,
.sp-books .books-list p a:active{
  color:#ff3300;
}


.sp-books .books-list ul{
  padding:0 15px 10px 15px;
}
.sp-books .books-list ul li{
  background:url(/common/images/v1/top/sp-books-ranking-arrow.gif) no-repeat 0 3px;
  font-size:11px;
  margin-bottom:5px;
  padding-left:15px;
}
.sp-books .books-list ul li a{color:#e9e4b7;}
.sp-books .books-list ul li a span.title{font-weight:bold;}
.sp-books .books-list ul li a:hover{text-decoration:underline;}
.sp-books .books-more{
  background:url(/common/images/v1/top/sp-books-ranking-btm.gif) no-repeat top;
  padding:0 10px 10px 0;
}
.sp-books .books-more p.more{float:right;}
/*
*****************************************
Business Killer Line
*****************************************
*/
#killer-line{
  width:616px;
  border:solid 3px #ee0000;
  padding:5px 14px 8px 14px;
  margin-top:3px;
}
* html #killer-line{
  width:650px;
}
#killer-line ul {
  clear:both;
  padding:0;
  margin:0;
}
#killer-line ul li{
  border-bottom:dashed 1px #939393;
  background: url("/common/images/v1/common/tri_w.gif") no-repeat 0 8px;
  padding:2px 0 2px 15px;
  font-size:0.8em;
}
#killer-line ul li a,
#killer-line ul li a:active,
#killer-line ul li a:visited{
  color:#fff;
}
#killer-line ul li a:hover{
  color:#ee0000;
}

#killer-line p a.more,
#killer-line p a.more:active,
#killer-line p a.more:visited{
  color:#ee0000;
  font-size:0.8em;
  float:right;
  padding:0;
  margin:0;
}
#killer-line p a.more:hover{
  color:#999;
}
/*
*****************************************
TOP下　著者一覧（最新コラム順）
*****************************************
*/
#main-column-authorlist{
  position:relative;
  clear:both;
  width:648px;
  /*height:175px;*/
  margin:0px 0 25px 0px;
  text-align:center;
  background-color:#000;
  border-width:1px;
  border-style:solid;
  border-color:#ccc;
}
* html #main-column-authorlist{
  width:650px;
  height:177px;
}
#author-list-author{
  position:relative;
  float:left;
  margin:5px 0px 5px 5px;
}
#author-list-latest{
  position:absolute;
  bottom:5px;
  left:10px;
}
.authorlist{
  margin:0 auto;
}
.authorlist ul{
  margin:4px 0px;
  padding:3px 0px 0px 0px;
  float:left;
  background-color:#000;
}
* html .authorlist ul{
  margin-left:0px;
}
.authorlist ul li{
  width:62px;
  float:left;
  margin:0px;
  padding:0px 5px;
  text-align:center;
}
* html .authorlist ul li{
  margin-left:0px;
  width:68px;
}
.authorlist ul li img{
  width:62px;
  border:solid 1px #888;
}
* html .authorlist ul li img{
  width:60px;
}
.authorlist ul li span.author{
  display:block;
  margin-top:5px;
  clear:both;
  float:left;
  width:100%;
  color:#fff;
  font-size:10px;
  /* margin:auto;*/
  text-align:center;
}
.authorlist div.authorlist-prev{
  clear:both;
  float:left;
  margin-left:14px;
  margin-right:10px;
}
* html .authorlist div.authorlist-prev{
  margin-left:7px;
  margin-right:5px;
}
.authorlist div.authorlist-next{
  clear:none;
  float:left;
  margin-left:10px;
}
* html .authorlist div.authorlist-next{
  margin-left:10px;
}
.authorlist div.authorlist-prev a,
.authorlist div.authorlist-next a{
  float:left;
  width:9px;
  height:13px;
  display:block;
  margin-top:40px;
}
.authorlist div.authorlist-prev a span,
.authorlist div.authorlist-next a span{
  display:none;
}
/* *Hides from IE-mac \*/
.authorlist div.authorlist-prev a,
.authorlist div.authorlist-next a{
  overflow: hidden;
}
.authorlist div.authorlist-prev a{background-image: url("http://gendai.ismedia.jp/common/images/v1/top/authorlist-prev.gif"); width:9px; height:13px; padding:0;}
.authorlist div.authorlist-next a{background-image: url("http://gendai.ismedia.jp/common/images/v1/top/authorlist-next.gif"); width:9px; height:13px; padding:0;}

.authorlist div.authorlist-prev a:hover,
.authorlist div.authorlist-next a:hover{
  background-position: 0 -14px;
}
#authorlist-latestcolumn{
  clear:left;
  width:550px;
  background-color:#000;
  color:#ccc;
  margin:0px auto;
  padding:5px 5px;
  text-align:center;
  font-size:12px;
}
* html #authorlist-latestcolumn{
  margin-top:5px;
  width:550px;
}
#authorlist-latestcolumn a{
  color:#ff0000;
}

/*
********************************
トップバナーエリア
********************************
*/

.top-adbnr{
  float:left;margin:5px 0px 25px 100px;
}

/*
********************************
FRIDAY・現代　記事一覧
********************************
*/

.top-column-list-leftside{
  float: left;margin:10px 10px 10px 0px;width:290px;
}

.top-column-list-rightside{
  float: right;margin:10px 25px 10px 5px;width:290px;
}

.top-column-list{
  width:290px;
  padding:0 13px;
  margin-bottom:15px;
}
* html .top-column-list{
  width:296px;
}
.top-column-list img{
  margin-bottom:10px;
}
.top-column-list ul{
  margin-bottom:5px;
  padding:0;
}
.top-column-list ul li{
  border-bottom:dashed 1px #939393;
  background: url("/common/images/v1/common/tri_w.gif") no-repeat 0 8px;
  padding:2px 0 5px 15px;
  font-size:0.8em;
}
.top-column-list ul li a,
.top-column-list ul li a:active,
.top-column-list ul li a:visited{
  color:#fff;
}
.top-column-list ul li a:hover{
  color:#ee0000;
}
.top-column-list p a.more,
.top-column-list p a.more:visited,
.top-column-list p a.more:active{
  color:#ee0000;
  float:right;
  font-size:12px;
}
.top-column-list p a.more:hover{
  color:#666;
}

/*
*****************************************
TOP下　コラム一覧（最新コラム順）201007
*****************************************
*/
#main-column-columnlist{
  /*position:relative;*/
  /*clear:both;*/
  width:650px;
  margin:0px 0 15px 0px;
  /*text-align:center;
  background-color:#000;*/
}
* html #main-column-columnlist{
}
/*#column-list-column{
  position:relative;
  float:left;
  margin:0px;
}*/
/*#column-list-latest{
  position:absolute;
  bottom:5px;
  left:0px;
}*/
.columnlist{
  margin:0 auto;
}
.columnlist ul{
  margin:2px 0px;
  padding:3px 0px 0px 0px;
  /*float:left;*/
  background-color:#000;
}
* html .columnlist ul{
  margin-left:0px;
}
.columnlist ul li{
  width:32px;
  height:38px;
  overflow:hidden;
  float:left;
  /*margin:1px;*/
  padding:1px;
  _padding:0px 1px;
  text-align:center;
}
* html .columnlist ul li{
  /*margin-left:1px;*/
  width:36px;
}
.columnlist ul li img{
  width:30px;
  border:solid 1px #888;
}
.columnlist ul li span.column{
  display:block;
  margin-top:5px;
  clear:both;
  float:left;
  width:100%;
  color:#fff;
  font-size:10px;
  /* margin:auto;*/
  text-align:center;
}
.columnlist div.columnlist-prev{
  clear:both;
  float:left;
  /* margin-left:14px;
  margin-right:10px;*/
}
* html .columnlist div.columnlist-prev{
  /* margin-left:7px;
  margin-right:5px;*/
}
.columnlist div.columnlist-next{
  clear:none;
  float:left;
  /*margin-left:10px;*/ 
}
* html .columnlist div.columnlist-next{
  /*margin-left:10px;*/ 
}
/*
.columnlist div.columnlist-prev a,
.columnlist div.columnlist-next a{
  float:left;
  width:9px;
  height:13px;
  display:block;
  margin-top:40px;
}
.columnlist div.columnlist-prev a span,
.columnlist div.columnlist-next a span{
  display:none;
}
*/

/* *Hides from IE-mac \*/
/*.columnlist div.columnlist-prev a,
.columnlist div.columnlist-next a{
  overflow: hidden;
}
.columnlist div.columnlist-prev a{background-image: url("http://gendai.ismedia.jp/common/images/v1/top/columnlist-prev.gif"); width:9px; height:13px; padding:0;}
.columnlist div.columnlist-next a{background-image: url("http://gendai.ismedia.jp/common/images/v1/top/columnlist-next.gif"); width:9px; height:13px; padding:0;}

.columnlist div.columnlist-prev a:hover,
.columnlist div.columnlist-next a:hover{
  background-position: 0 -14px;
}
*/

#columnlist-latestcolumn{
  clear:left;
  width:635px;
  background-color:#ff0000;
  color:#fff;
  margin:0px 5px 10px 5px;
  padding:3px 5px 3px 5px;
  text-align:center;
  font-size:12px;
}
* html #columnlist-latestcolumn{
  margin-top:10px;
  width:645px;
}
#columnlist-latestcolumn a{
  color:#dcdcdc;
}

/* テキスト広告 */
#main-column #text-ad{
  clear:both;
  float:left;
  width:630px;
  margin-top:10px;
  margin-left:6px;
  margin-bottom:10px;
  padding:5px;
  border-style:solid;
  border-width:2px;
  border-color:#ff0000;
}
* html #main-column #text-ad{
  margin-top:-10px;
  width:644px;
  margin-left:3px;
}
#main-column #text-ad * a{
  display:block;
  color:#fff;
  font-size:14px;
  background-image:url(/common/images/v1/pr_top.gif);
  background-repeat:no-repeat;
  background-position:5px 1px;
  padding-left:40px;
}
#main-column #text-ad * a:hover{
  color:#ff0000;
}
* html #main-column #text-ad * a{
  background-position:5px -1px;
}

/*
*****************************************
TOP下　今週のPHOTOS
*****************************************
*/

#photos{
  clear:both;
  background:url(/common/images/v1/top/photos-ttl.gif) no-repeat top center #383838;
  margin:10px 0;
}

#photos .getty-logo{
  float:right;
  margin:25px 10px 15px 0;
}

#photos .photo-area{
  clear:right;
  margin:15px 10px 15px 20px;
  padding-bottom:15px;
}

#photos .photo-area ul li{
  float:left;
  width:260px;
  margin-right:18px;
}

#photos .photo-area ul li img{
  border:solid 1px #000;
}

#photos .photo-area ul li a p{
  color:#fff;
  text-align:center;
  font-size:12px;
  margin-top:5px;
}

#photos .photo-area ul li a:hover p{text-decoration:underline;}





/* indexesなど記事一覧系のスタイル */

.indexes #latest-wrapper{
  width:100%;
  background-color:#fff;
}
.indexes #latest{
  clear:none;
  float:left;
  width:380px;
}
.indexes #column{
  clear:none;
  float:right;
  width:200px;
}
.indexes #latest ul{
  width:100%;
}
.indexes #latest ul li{
  width:100%;
  min-height:80px;
}
.indexes #latest ul li h3{
  clear:none;
  float:left;
  width:230px;
  margin-left:70px;
  font-size:13px;
}
.indexes #latest ul li h3 .subtitle{
  display:none;
}
.indexes ul.category-top li{
  height:auto;
}
.indexes .column-box{
  margin:5px 0px;
}
.indexes .column-box p{
  font-size:12px!important;
  line-height:13px!important;
}
.indexes .column-box img{
  float:left;
  margin-right:5px;
}
.indexes .column-box .more{
  display:block;
}
.indexes #category-signage{
  position:relative;
}
.indexes #category-signage h1{
  color:#fff;
}
.indexes #category-signage .summary{
  position:absolute;
  top:110px;
  left:20px;
  color:#fff;
  font-size:13px;
  line-height:15px;
}
.indexes #category-signage .summary .comment{
  font-size:1.1em;
  color:#ccc;
  margin-top:10px;
}
.indexes #column .column-box h5{
  border-style:solid;
  border-width:2px 0px 2px 0px;
  border-color:#ff0000;
  margin-bottom:5px;

}
.indexes #column .column-box p{
  margin:5px 0px 15px 0px;

}


.indexes #signage{
  clear:both;
  width:650px;
  height:200px;
  position:relative;
  margin:0px 0px 5px 0px;
  padding:0px 0px 0px 0px;
  color:#fff;
  background-color:#000;
  background-repeat:no-repeat;
  border-style:solid;
  border-width:0px;
  border-color:#ccc;
}

.indexes #title-parts{
  width:650px;
  height:200px;
  margin:0px;
  padding:0px;
  background-repeat:no-repeat;
  background-position:right top;
}

.indexes #title{
  position:absolute;
  top:30px;
  left:200px;
  width:450px;
}
.indexes #title h1{
  font-size:20px;
  line-height:26px;
  color:#fff;
  margin-bottom:5px;
}
.indexes #title.long{
  top:80px;
  left:0px;
  width:100%;
}
.indexes #title.long h1{
  font-size:18px;
  line-height:1.2em;
  color:#fff;
  margin-bottom:5px;
}
.indexes #signage p{
  font-size:13px;
}
.indexes #signage #date-and-author{
  position:absolute;
  top:-28px;
  right:0px;
}
.indexes .date{
  font-size:12px;
  font-weight:normal;
  color:#999;
}
.indexes .author{
  font-size:12px;
  font-weight:normal;
  color:#999;
  padding-left:10px;
}

.column-list .subtitle,
.column-list .toptitle{
  display:block;
  font-size:0.9em;
  font-weight:normal;
}
/*
.column-list .date{
  display:block;
  position:absolute;
  top:0px;
  right:5px;
  font-size:0.9em;
  font-weight:normal;

  clear:both;
  float:left;
  width:100px;

}
.column-list .author{
  display:block;
  position:absolute;
  top:20px;
  right:5px;
  font-size:0.9em;
  font-weight:normal;
  
  clear:none;
  float:left;
  
}*/
.date-author{
  float:right;
  text-align:right;
  color:#999;
  font-size:0.9em;
  line-height:1.2em;
}
.column-list li {
  min-height: 45px;
  height: auto !important;
  height:50px;
}
.column-list li a{
  float:left;
}
.column-list li{
  position:relative;
  /*height:45px;*/
  font-size:14px;
  line-height:20px;
  border-style:dotted;
  border-width:0px 0px 1px 0px;
  border-color:#ccc;
  padding:2px 0;
}
.column-list li.with-column-title{
  height:65px;
}

/* ▼検索ページ用▼ */
#search-title h1{
  position:relative;
  margin-bottom:5px;
  width:400px;
  border-style:solid;
  border-color:#ff0000;
  border-width:0px 0px 3px 0px;
  font-size:20px;
}
#search-title h3{
  font-size:14px;
  margin-bottom:5px;
}
#search-title p{
  width:400px;
  margin-bottom:5px;
  font-size:13px;
}
#signage * .searchbtn{
  float:left;
}

/*▼本文末のPAGE▼*/

#mp-ie{
  clear:both;
  padding-top:20px;
  float:right;
}
#multipage{
  display:block;
  float:right;
  margin:0px auto;
  padding:3px;
}
* html #multipage{
  /* text-align:left; */
}
* html #mp-ie{
  /*
  margin:0px;
  text-align:center!important;
  */
}
.back_p{
  display:block;
  float:left;
  width:80px;
  border-style:solid;
  border-width:0px;
}
.back_p img{
  margin-top:5px;
}
.next_p{
  display:block;
  float:right;
  margin:0px;
  padding:0px;
  width:90px;
  border-style:solid;
  border-width:0px;
}
.next_p img{
  margin:5px 0px 0px 0px;
  float:right;
}
.next_p a{
  display:inline;
}
.current_p{
  margin-left:5px;
  display:block;
  width:10px;
  height:15px;
  float:left;
  padding:2px 5px 3px 5px;
  font-size:16px;
  color:#ff0000;
  line-height:15px;
  vertical-align:bottom;
  font-weight:bold;
  text-align:center;
  border-width:0px 2px 0px 0px;
  border-color:#000;
  border-style:solid;

}
* html .current_p{
  width:20px;
  height:15px;
}
.other_p{
  margin-left:5px;
  display:block;
  width:10px;
  height:15px;
  float:left;
  padding:2px 5px 3px 5px;
  font-size:12px;
  font-weight:bold;
  line-height:15px;
  vertical-align:bottom;
  text-align:center;
  background-color:#fff;
  border-width:0px 1px 0px 0px;
  border-style:solid;
  border-color:#666;
}
* html .other_p{
  width:20px;
  height:15px;
}
.last_p{
  border-right:solid 1px #999;
}
.other_p a{
  display:inline;
  border:0;
  text-decoration:none;
  color:#666;
  border-bottom: 0px solid ;
}
.other_p a:hover, .other_p a:visited:hover{
  display:inline;
   border-bottom: 0px solid ;
   color:#ff0000;
  border-color:#666;
}

/*FAQ*/
#category-signage{color:#fff; margin-bottom:10px;}


/* ログイン画面 */
.leaf-login-wrapper{
/*
  border:solid 2px #999;
  background-color:#eee;
*/
  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding:15px; font-size:13px;
}

.leaf-login-wrapper ul li{float:left;}
.leaf-login-wrapper ul li:first-child{margin:0;}
.leaf-login-wrapper ul li input{
  text-indent:0.5em;;
  height:20px;
  font-size:16px;
  line-height:16px;
  border-color: #aaa #ccc #ccc #bbb;
  border-style: solid;
  border-width: 2px 1px 1px 2px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#leaf-login, #leaf-password{width:220px;}

.leaf-login-wrapper ul li.idpw-btn{padding-top:10px;float:right;}
.leaf-login-wrapper input#login-btn{width:64px; height:28px;}
.leaf-login-wrapper input#login-btn,
#leaf-login-main #next-step a{
  border:none;
  color:#fff;
  font-size:12px;
  text-indent:0.1em;
  text-align:center;
  background-color:#ff0000;
text-shadow:
  0px 1px 0px #999,
  0px 1px 0px #888,
  0px 1px 0px #777;
  border-width: 2px 2px 2px 2px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor:pointer;
}
.leaf-login-wrapper input#login-btn:hover,
#leaf-login-main #next-step a:hover{
background-color:#666;
text-shadow:
  0px 1px 0px #999,
  0px 1px 0px #888,
  0px 1px 0px #777;
}

/* 20141008追加　市川 */
#leaf-login-main h2 {
    margin-bottom: 10px;
    padding: 4px 0px 3px 12px;
    font-size: 14px;
    line-height: 20px;
    background-color: #333;
    color: #efefef;
    border-radius: 5px;
    border-color: #ff0000;
    border-style: solid;
    border-width: 2px;
}
#leaf-login-main form {
    margin-bottom: 20px;
    border-color: #999;
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    background-color: #FAFAFA;
}
#leaf-login-main .attention {
    padding:5px;
    color:#FE2E2E;
    font-weight:bold;
    background-color:#fcebeb;
    border:1px dotted #F78181;
}
.article-body #leaf-login-main .leaf-login-wrapper h5 {
    width: 556px;
    height: 8px;
    display: block;
}
.article-body #leaf-login-main .leaf-login-wrapper h5 span {
    display: none;
}
.leaf-login-wrapper ul {
    padding: 5px 5px 0px;
}
.leaf-login-wrapper ul li.idpw {
    color: #333;
    float: left;
    font-size: 13px;
    margin-right: 20px;
    padding: 0px;
}

.article-body #leaf-login-main p.next-login {
    float: left;
    font-size: 13px;
    line-height: 13px;
    margin-top: 5px;
    margin-left: 25px;
    margin-bottom: 10px;
}
#leaf-login-main .mark {
    margin-left: 0px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 16px;
    background: url('/common/images/v2/regist/icon-list-red.gif') no-repeat scroll 0px 2px transparent;
    padding-left: 20px;
}

#leaf-login-main .mark-inline{
  margin-top:5px;
  margin-left:50px;
  display:inline-block;
}

/* サブカテゴリ用css(出典雑誌別一覧) */
.cover-magazine div{
  background-color:#ffcc00;
}
.cover-magazine div.figure{
  float:left;
  margin:0px 35px 20px 20px;
}
.cover-magazine div.figure_more{
  float:left;
  margin-top:20px;
}
#title-parts div.cover-magazine p{
  color:#fff;
  font-size:15px;
  margin:0px;
}
#title-parts div.cover-magazine p.magazinecover-title{
  padding-top:25px;
  font-size:17px;
}