@charset "utf-8";

/* ----------------------------------------------- */
/* サブメニュー部分                                */
/* ----------------------------------------------- */

/*
*****************************************************
▼▼ 注目記事、ヒット記事、主要記事 ▼▼
*****************************************************
*/

#section,#recommend{
  clear:both;
  width:278px;
  margin-top:0px;
  margin-bottom:15px;
  padding:10px 10px 5px 10px;
  border-width:5px 0px 0px 0px;
  border-color:#000099;
  border-style:double;
  background-color:#fff;
}
* html #section,* html #recommend{
  width:300px;
  margin-top:0px;
}
*:first-child+html #section,*:first-child+html #recommend{
  margin-top:0px;
}
/* アイコン付きランキングのリスト */
#section * .topics-ranklist-icon,#recommend * .topics-ranklist-icon{
  clear:none;
  float:left;
  margin:5px 0px;
  border-style:solid;
  border-width:1px;
  border-color:#ccc;
}
#section * .topics-ranklist-body,#recommend * .topics-ranklist-body{
  clear:none;
  float:right;
  width:220px;
  font-size:12px;
  margin-top:3px;
}
/*話題の記事下広告*/
#recommend ul li div.figure-left{
  float:left;
}

/* 順位強調付きランキングのリスト */
#section * .topics-ranking-index,#recommend * .topics-ranking-index{
  clear:none;
  float:left;
  margin:0px 0px;
  text-align:center!important;
  font-size:15px;
  font-weight:bold;
  width:30px;
  color:#fff;
  background-color:#7d7137;
}
#section * .topics-ranking-items,#recommend * .topics-ranking-items{
  clear:none;
  float:right;
  width:240px;
  font-size:12px;
  margin-top:0px;
}
#recommend ul{
  padding:0;
  margin:0;
}
#recommend ul li{
  border-bottom:1px dotted #666666;
  clear:both;
  padding:3px 0;
}

ul#SC1{
  display:block; /* 変更不可 */
  margin:0px;
  padding:0px;
}
ul#SC2{
  display:none; /* 変更不可 */
  margin:0px;
  padding:0px;
}


ul#SC1 li, ul#SC2 li, ul#SC3 li{
  clear:both;
  border-bottom:dotted 1px #666;
  padding:3px 0;
}
ul#SC1 li h5, ul#SC2 li h5, ul#SC3 li h5{
  font-weight:normal;
}
.rank{
  font-size:0.8em;
  line-height:1.2em;
}
ul#SC3 li.SC-more{
  font-size:12px;
  text-align:right;
  border:none;
}
.SC-more a,
.SC-more a:visited,
.SC-more a:active{
  color:#555;
}
.SC-more a:hover{
  color:#aa8f3d;
}
/* タブ */
#SCtab1{
  float:left;
  margin-right:1px;
  width:130px;
  height:20px;
  background-image:url(/common/images/v1/SCtab1-a.gif);
  cursor:pointer;
}
#SCtab1.current{
  background-image:url(/common/images/v1/SCtab1-b.gif);
}
#SCtab2{
  float:left;
  margin-right:1px;
  width:130px;
  height:20px;
  background-image:url(/common/images/v1/SCtab2-a.gif);
  cursor:pointer;
}
#SCtab2.current{
  background-image:url(/common/images/v1/SCtab2-b.gif);
}
 /* タブタイトル */
#SCtab1 span,#SCtab2 span,#SCtab3 span{
  display:none; /* SEOの観点でソースには出すが画面には非表示 */
}

/* ブロックタイトル */
#sub-column .blocktitle{
  background-image:url(/common/images/v1/sq_title.gif);
  background-position:left 3px;
  background-repeat:no-repeat;
  padding-left:15px;
  font-size:12px;
  font-weight:bold;
  clear:both;
}
* html #sub-column .blocktitle{
  background-position:left 1px;
}
/*
*****************************
GIFテキスト
*****************************
*/
.ad-box-photo{
  width:288px;
  border:solid 1px #999;
  padding:5px;
  background-color:#fff;
  margin-bottom:15px;
}
* html .ad-box-photo{
  width:300px;
}
.ad-box-photo img{
  float:left;
}
.ad-box-photo div.title{
  width:225px;
  float:right;
  font-size:12px;
}
.ad-box-photo div.title a{
  font-weight:bold;
  font-size:14px;
}


/*
*****************************************************
▼▼ gif-text-ad ▼▼
*****************************************************
*/
.g-text-ad{
  width:298px;
  height:125px;
  margin:20px 0px 0px 0px;
  padding:0px;
  background-color:#fff!important;
  border-color:#ccc;
  border-width:1px;
  border-style:solid;
}
* html .g-text-ad{
  width:300px;
  height:127px;
}
.g-text-ad img{
  float:left;
  margin:0px 10px 0px 0px;
}
.g-text-title{
  clear:none;
  float:left;
  /*width:150px;*/
  width:160px;
  padding:0px;
  background-color:#fff;
}
.g-text-title h4{
  margin:0px;
  padding:8px 0px 0px 0px;
  font-size:13px;
  line-height:16px;
  /*line-height:1.6em;*/
}
.g-text-title p{
  font-size:12px;
  margin:0px;
  padding:0px;
}

.ad-feature{/*Feature!JBpressSpecial画像にマージン*/
  margin-top:10px;
}
#vbox,#tsbox{
  width:278px;
  /*height:158px;*/
  border-right:solid 1px #fff;
  border-left:solid 1px #fff;
  border-bottom:solid 1px #fff;
  padding:10px;
  margin:0px 0px 15px 0px;
  background-color:#fff;
  text-align:left;
}
* html #vbox,* html #tsbox{
  width:300px;
  /*height:180px;*/
}
#vbox ul li,#tsbox ul li{
  clear:both;
  height:10px;
  margin-bottom:10px;
  padding:5px 0px 0px 0px;
  border-width:0px 0px 1px 0px;
  border-style:dotted;
  border-color:#999;
  background:url(/common/images/v1/tri_blue.gif) no-repeat 0px 0px;

}
#vbox ul li a,#tsbox ul li a{
  clear:none;
  font-size:12px;
  line-height:16px;
  letter-spacing:1.5px;
}
#vbox img,#tsbox img{
  float:left;
  position:relative;
  top:-15px;
  margin:2px 5px 2px 2px;
  padding:0px;
  width:70px;
  height:70px;
  border: 0;
  vertical-align:top;
}

/*
*****************************************************
▼▼ コメント、トラックバック ▼▼
*****************************************************
*/

#comment {
        background-color:white;
        margin-top:15px;
}
#comment ul li{
        font-size:12px;
        color:black;
        line-height:14px;
        padding:5px;
        border-style:dotted;
        border-color:#999;
        border-width:0px 0px 1px 0px;
}
#comment .blocktitle,#tagcloud .blocktitle{
        clear:both;
        float:left;
        width:290px;
        height:28px;
        margin-bottom:7px;
        padding:0px 0px 0px 10px;
        background-image:url(/common/images/v1/bg_title_line300.gif);
  color:#333;
        font-size:12px;
        font-weight:bold;
        text-align:left!important;
}
* html #comment .blocktitle,* html #tagcloud .blocktitle{
  width:300px;
}

#comment .blocktitle span,#tagcloud .blocktitle span{
        margin-right:5px;
}

#trackback {
  background-color:white;
  margin-top:15px;
}

#trackback ul li{
  font-size:12px;
  color:#ccc;
  line-height:14px;
  padding:5px;
  border-style:dotted;
  border-color:#ccc;
  border-width:0px 0px 1px 0px;
}
#trackback ul li img{
  float:right;
  width:70px;
}
#trackback ul li a{
  float:left;
  width:210px;
}

#trackback .blocktitle{
        clear:both;
        float:left;
        width:288px;
        margin-bottom:7px;
        padding:1px 0px 1px 10px;
        background-image:url(/common/images/v1/bg_title_line300.gif);
        border:1px solid #917d2b;
        color:#cccc99;
        font-size:11px;
        font-weight:normal;
}
#trackback .blocktitle span{
        color:#cc0000;
        margin-right:5px;
}

/*
*****************************************************
雑誌インフォメーション
*****************************************************
*/
#tab-menu{
  position:relative;
  width:300px;
  height:230px;
  margin:0 0 15px 0;
  padding:0px;
  background-color:#fff;
  border-bottom:solid 0px #7d7137;
  border-left:solid 0px #7d7137;
  

}
#tab-menu * div{
  display:none;
  position:absolute;
  top:20px;
  left:0px;
  padding:10px;
  font-size:12px;
}
#tab-menu div.current,
#tab-menu2-box,
#tab-menu3-box,
#tab-menu4-box{
  display:block;
  width:280px;
}
* html #tab-menu div.current,
* html #tab-menu2-box,
* html #tab-menu3-box,
* html #tab-menu4-box{
  width:300px;
}
#sub-column #tab-menu * div.figure-left{
  display:block;
  float:left;
  padding:0;
  text-align:center !important;
  position:relative;
  margin:0;
}
#sub-column #tab-menu * div.figure-left span{
  /*margin:0 auto;*/
  width:100%;
  text-align:center !important;
}
#sub-column #tab-menu * div p.magazine-body{
  float:right;
  width:130px;
  font-size:12px;
  line-height:16px;
  margin-top:15px;
  padding:0;

}
#tab-menu * h4{
  clear:none;
  float:left;
  width:75px;
  height:28px;
  margin:0px;
  padding:0px;
  text-indent:-1000em;
  font-size:12px;
  background-image:url(/common/images/v1/common/mag-info.gif);
}
#tab-menu * h4.current{
  background-color:#ccc;
}
#tab-menu * h4#tab-menu1-title{
  background-position:0px 0px;
}
#tab-menu * h4#tab-menu2-title{
  background-position:-75px 0px;
}
#tab-menu * h4#tab-menu3-title{
  background-position:-150px 0px;
}
#tab-menu * h4#tab-menu4-title{
  background-position:-225px 0px;
}
#tab-menu * h4#tab-menu1-title.current{
  background-position:0px -28px;
}
#tab-menu * h4#tab-menu2-title.current{
  background-position:-75px -28px;
}
#tab-menu * h4#tab-menu3-title.current{
  background-position:-150px -28px;
}
#tab-menu * h4#tab-menu4-title.current{
  background-position:-225px -28px;
}



/*
*****************************************************
TAGCLOUD
*****************************************************
*/

#tagcloud{
  clear:both;
  width:278px;
  margin-top:0px;
  margin-bottom:15px;
  padding:10px 10px 5px 10px;
  border-width:5px 0px 0px 0px;
  border-color:#000099;
  border-style:double;
  background-color:#fff;
}
* html #tagcloud{
  width:300px;
  text-align:center;
}
#tagcloud ul {
  margin:0;
  line-height: 1.4em;
  font-family: Arial, Helvetica, sans-serif;
  padding:10px;
  line-height: 1;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 13px;
  /*background-image: url(../bg_tagCloud.gif);
  background-position: 10px right;*/
  /*background-color:#ffcc00;*/
}
#tagcloud ul li {
  /*line-height: 1;
  letter-spacing: 0;*/
  margin: 5px 0px;
  padding: 0;
  display: inline;
  font-size: 100%; /* ここで相対的に文字サイズを変更 */
  line-height:23px;
}
#tagcloud ul li a {
  text-decoration: none;

  /*line-height: 1;
  
  padding: 0 5px;
  position: relative;
  text-decoration: none;
  color: #fff;
  background-color: #fff;
  border: 1px solid #d9e5eb;*/
}

#tagcloud ul li.level1 a {
  /*z-index: 6;*/
  font-size: 175%;
  font-weight:bold;
  color: #3333cc;
  /*background-color: #639cb3;*/
}
#tagcloud ul li.level2 a {
  /*top: 5px;
  z-index: 5;*/
  font-size: 146%;
  font-weight:bold;
  color: #d12417;
  /*background-color: #7aabbe;*/
}
#tagcloud ul li.level3 a {
  /*z-index: 4;*/
  font-size: 124%;
  font-weight:bold;
  color: #666;
  /*background-color: #91b9ca;*/
}
#tagcloud ul li.level4 a {
  /*top: 5px;
  z-index: 3;*/
  font-size: 110%;
  color: #d59f0f;
  font-weight:bold;
  /*background-color: #a9c8d5;*/
  position:relative;
  top:3px;
}
#tagcloud ul li.level5 a {
  /*z-index: 2;*/
  font-size: 95%;
  color: #3399cc;
  font-weight:bold;
  /*background-color: #c1d8e1;*/
  position:relative;
  top:0px;
}
#tagcloud ul li.level6 a {
  /*z-index: 1;*/
  font-size: 80%;
  color: #666;
  font-weight:bold;
  /*background-color: #d8e6ec;*/
  position:relative;
  top:5px;
}
/* オンマウス */
#tagcloud ul li a:hover {
  /*z-index: 10;*/
  color: #00006e;
  /*border-color: #3c7895;
  background-color: #5d9aba;
  color:#fff;*/
}



/*
*****************************************************
▼▼ 下部に余白があるときのリコメンド記事 ▼▼
*****************************************************
*/
#subc-end {
        clear:both;
        float:left;
        width:288px;
        margin-bottom:7px;
        padding:1px 0px 1px 10px;
        background-image:url(/common/images/v1/bg_title_line300.gif);
        border:1px solid #917d2b;
        color:#cccc99;
        font-size:11px;
        font-weight:normal;
}
#subc-end .blocktitle span{
        color:#cc0000;
        margin-right:5px;
}

* html #subc-end{
  width:300px;
}
#subc-end ul{
  margin:10px 0;
  padding:0px;
}
#subc-end ul li{
  clear:both;
  margin:5px 3px;
  padding:3px;
  height:50px;
  border-bottom:dotted 1px #666;
}
#subc-end ul li img{
  float:left;
  border:0px;
  margin:0px;
  width:40px;
  height:40px;
}
#subc-end ul li h5{
  float:right;
  width:230px;
  clear:none;
  font-weight:normal;
  padding:0px 3px 0px 3px;
  line-height:14px;
}

/*
*****************************************************
▼▼ 広告 ▼▼
*****************************************************
*/
#pr1,#pr1-small{
  margin:0 0 15px 0px;
}
#pr1 a {
  border:none;
  text-decoration:none;
}
#pr2,#pr2top{
  margin:0 0 15px 0;
}
#pr2 a,#pr2top a{
  border:none;
  text-decoration:none;
}

/*ダイヤモンドオンラインplus*/
.diamondonline-plus{
  background-color:#fff;
  margin-bottom:15px;
}
.diamondonline-plus h3{
  background: url("/common/images/v1/title_plus.gif") no-repeat;
  width:300px;
  height:36px;
  margin:0 0 5px 0;
  padding:0;
}
.diamondonline-plus h3 span{
  display:none;
}
.diamondonline-plus ul{
  padding:0 0 8px 0;
  margin:0;
}
.diamondonline-plus ul li{
  padding:3px 10px;
  font-size:12px;
  font-weight:bold;
  line-height:16px;
  border-bottom:dashed 1px #999;
  background: url("/common/images/v1/common/icon-blue.gif") no-repeat 10px 5px;
  padding-left:20px;
}

/*おススメの本*/
.authorbook{
  border-bottom:solid 4px #000099;
}
.authorbook-wrapper{
  background-color:#8c8566;
  padding:5px 6px;
  width:288px;
  margin-top:1px;
}
* html .authorbook-wrapper{
  width:300px;
}
.book{
  background-color:#fff;
  width:272px;
  margin:0;
  padding:8px;
}
* html .book{
  width:288px;
}
.book dl{
  padding:0;
  margin:0;
}
.book dl dt{
  float:left;
  width:75px;
  margin-bottom:10px;
}
.book dl dt img{
  border:solid 1px #999;
}
.book dl dd{
  float:right;
  width:180px;
  font-size:0.95em;
  font-weight:bold;
  margin-bottom:10px;
}
.book p{
  font-size:0.8em;
  line-height:1.3em;
  clear:both;
}
.book ul{
  clear:both;
  padding:0 0 45px 0;
  margin:0;
}
.book ul li{
  display:inline;
  width:136px !important;
  height:80px;
  float:left;
}
.book ul li span{
  font-size:10px;
  width:;
  display:block;
}
.book ul li a.dolbook{
  background: url(/common/images/v1/common/dolbook.gif) no-repeat;
  /*text-indent:-9999px;*/
  text-align: left;
  display:block;
  height:22px;
  margin-right:1px;
}
.book ul li a.amazon{
  background: url(/common/images/v1/common/amazon.gif) no-repeat;
  height:22px;
  display:block;
  /*text-indent:-9999px;*/
  text-align: left;
}
.book ul li a span{
  display:none;
}
/*雑誌紹介*/
/*1冊*/
.book1{
  background-color:#fff;
  width:272px;
  margin:0;
  padding:8px;
}
* html .book1{
  width:288px;
}
.book1 dl{
  padding:0;
  margin:0;
}
.book1 dl dt{
  float:left;
  width:75px;
  margin-bottom:10px;
}
.book1 dl dt img{
  border:solid 1px #999;
}
.book1 dl dd{
  float:right;
  width:180px;
  font-size:0.95em;
  font-weight:bold;
  margin-bottom:10px;
}
.book1 p{
  font-size:0.8em;
  line-height:1.3em;
  clear:both;
}
.book1 ul{
  clear:both;
  padding:0;
  margin-left:40px;
  margin-top:0;
  margin-bottom:0;
}
.book1 ul li{
  display:inline;
  float:left;
  font-size:13px;
  line-height:14px;
  background: url(/common/images/v1/common/icon-blue.gif) no-repeat 0 2px;
  padding-left:11px;
  margin-right:15px;
}
.book1 ul li span{
  font-size:10px;
  display:block;
}
.book1 ul li a span{
  display:none;
}

/*
*******************************
diamondinfo
*******************************
*/

.diamondinfo{
  background-color:#fff;
  margin-bottom:15px;
  padding:5px 3px 5px 1px;
  border-width:5px 0px 0px 0px;
  border-color:#000099;
  border-style:double;


}
.diamondinfo ul{
  padding:0 0 8px 0;
  margin:0;
}
.diamondinfo ul li{
  padding:3px 0px 3px 17px;
  font-size:13px;
  font-weight:normal;
  line-height:16px;
  border-bottom:dashed 1px #999;
  background: url("/common/images/v1/common/tri_lblue.gif") no-repeat 5px 5px;
}
.diamondinfo ul li a{
  color:#333;
}
.diamondinfo ul li a:visited{
  color:#333;
}

/*
*****************************************************
▼▼plus-selectionの誘導口▼▼
*****************************************************
*/
#plus-selection{
  margin:10px 0px 20px 0px;
  padding:0px;
  background-color:#fff;
}
#plus-selection ul{
  float:left;
  width:292px;
  margin-left:4px;
}
* html #plus-selection ul{
  margin-left:2px;
}
#plus-selection strong{
  display:block;
  height:20px;
  padding:3px 0px 0px 5px;
  color:#7d7137;
  font-size:14px;
  font-weight:bold;
  background-color:#fff;
  }
#plus-selection .diamondonline-plus{
  background-image:url(/common/images/v1/subcolumn/plus-bg.gif);
  background-repeat:repeat-y;
}

#plus-selection .diamondonline-plus{
	margin-bottom:0px;
}

#plus-selection-underline{
  clear:both;
  float:left;
  margin:0px 0px 20px 0;
  padding:0px;
  width:300px;
  text-indent:-1000em;
  background-image:url(/common/images/v1/subcolumn/plus-bottomline.gif);
  background-repeat:no-repeat;
}

/********▼ランキング2013.7.22▼*********************/
.subcolumn-ranking{margin-bottom:15px;}
.subcolumn-ranking .tab{padding-bottom:3px; background: url(/common/images/v3/subcolumn/rank-bg.gif) repeat-x 0 bottom;}
.subcolumn-ranking .tab img{float:left;}
.subcolumn-ranking .tab ul#ranking-tab{float:right; margin:0;}
.subcolumn-ranking .tab ul#ranking-tab li{float:left;}
.subcolumn-ranking .tab ul#ranking-tab li a{
	display:block;
	width:44px; height:25px;
	background-image: url(/common/images/v3/subcolumn/rank-tab.jpg);
	background-repeat:no-repeat;
}
.subcolumn-ranking .tab ul#ranking-tab li.hourly a{background-position:0 0;}
.subcolumn-ranking .tab ul#ranking-tab li.hourly.current a{background-position:0 -25px;}
.subcolumn-ranking .tab ul#ranking-tab li.daily a{background-position:-44px 0;}
.subcolumn-ranking .tab ul#ranking-tab li.daily.current a{background-position:-44px -25px;}
.subcolumn-ranking .tab ul#ranking-tab li.weekly a{background-position:-88px 0;}
.subcolumn-ranking .tab ul#ranking-tab li.weekly.current a{background-position:-88px -25px;}
.subcolumn-ranking .tab ul#ranking-tab li.monthly a{background-position:-132px 0;}
.subcolumn-ranking .tab ul#ranking-tab li.monthly.current a{background-position:-132px -25px;}

.subcolumn-ranking .tab ul#ranking-tab li a span,
.subcolumn-ranking .tab ul#ranking-sc-tab li a span{display:none;}
.subcolumn-ranking .rank-main, .subcolumn-ranking .rank-sc-main{background-color:#fff;}
.subcolumn-ranking ul.rank-common-list{display:none;}
.subcolumn-ranking ul.rank-common-list.selected{display:block;}

ul.rank-common-list{
	padding:0 5px 0 9px;
	background-color:#fff;
	margin:0;
}
ul.rank-common-list li{
	padding:7px 0;
	border-top:dotted 1px #666;
}
ul.rank-common-list li:first-child{border:none;}
ul.rank-common-list li a img.icon{float:left; border:solid 3px #fff;}
ul.rank-common-list li a:hover img.icon{border:solid 3px #1919c2;}
ul.rank-common-list li .r-w, ul.rank-common-list li .sr-w{float:right; width:230px; margin:0; }
ul.rank-common-list li div p{clear:both; font-size:13px; line-height:1.4; margin:0;}
ul.rank-common-list li .r-w a.catename, ul.rank-common-list li .sr-w a.catename{
	padding:0 0 0 20px;
	background-repeat:no-repeat;
	float:left;
	margin-bottom:2px;
}
* html ul.rank-common-list li .r-w, * html ul.rank-common-list li .sr-w{width:230px;}
ul.rank-common-list li .r-w a.catename{font-size:11px; line-height:1.6; width:210px; overflow:hidden; height:16px; color:#555;}

.rank1{background: url(/common/images/v3/subcolumn/rank1.gif);}
.rank2{background: url(/common/images/v3/subcolumn/rank2.gif);}
.rank3{background: url(/common/images/v3/subcolumn/rank3.gif);}
.rank4{background: url(/common/images/v3/subcolumn/rank4.gif);}
.rank5{background: url(/common/images/v3/subcolumn/rank5.gif);}
/********▼ソーシャルランキング2013.7.23▼*********************/
.subcolumn-ranking .tab ul#ranking-sc-tab{float:right; margin:0;}
.subcolumn-ranking .tab ul#ranking-sc-tab li{float:left;}
.subcolumn-ranking .tab ul#ranking-sc-tab li a{
	display:block;
	height:25px;
	width:80px;
	background-image: url(/common/images/v3/subcolumn/rank-tab.jpg);
	background-repeat:no-repeat;
}
.subcolumn-ranking .tab ul#ranking-sc-tab li.fb a{background-position:-176px 0;}
.subcolumn-ranking .tab ul#ranking-sc-tab li.fb.current a{background-position:-176px -25px;}
.subcolumn-ranking .tab ul#ranking-sc-tab li.tw a{background-position:-256px 0;}
.subcolumn-ranking .tab ul#ranking-sc-tab li.tw.current a{background-position:-256px -25px;}

ul.rank-common-list li .sr-w .icon-fb,
ul.rank-common-list li .sr-w .icon-tw{float:right; font-size:12px; padding-right:3px; line-height:1.2;}
.rank-sc-main ul.rank-common-list li .icon-fb{
	background: url(/common/images/v3/subcolumn/icon-fb.jpg) no-repeat left 0;
	padding-left:15px;
}
.rank-sc-main ul.rank-common-list li .icon-fb,.rank-sc-main ul.rank-common-list li .icon-tw{color:#3b5998;}
.rank-sc-main ul.rank-common-list li .icon-tw{
	background: url(/common/images/v3/subcolumn/icon-tw.jpg) no-repeat left 0;
	padding-left:17px;
}
ul.rank-common-list li .sr-w a.catename span{font-size:11px; float:left; display:block; width:160px; float:left;overflow:hidden; height:16px; color:#555; line-height:1.6;}