@charset "utf-8";

/* 2015.04 DOLリニューアルに伴う調整 */
@import "v4-common-layout.css";

#header{
padding: 10px 15px 10px 5px;
}
#wrapper{
  width:996px;
  border-width:0px 2px 2px 2px;
  border-style:solid;
  border-color:#ccc;
  background-color:#fff;
}
#gsrchInput{
width:246px;
}
.books-top #theme-content h3{
width:635px;
margin-left:10px;
text-indent:0em;
font-size:15px;
background: url("/common/images/v3/subcolumn/rank-bg2014.gif") repeat-x scroll 0px bottom transparent;
}
.books-top #theme-content h3 span{
color:#04367b;
}
.books-top #theme-content .sub-area ul li h3{
margin-right:5px;
}
#article-content{
width:490px;
}
#profdetail {
float:left;
text-align:left;
}
#sub-column #pr1{
margin-top:0px;
}
.category-top #main-contents{
width:660px;
}
#main-contents.member-regist{
width:600px;
}
.list-title{width:640px;}
/* ここまで */



#header .dol-logo{
  clear:none;
  float:left;
  width:145px;
  margin-left:30px;
}
* html #header .dol-logo{
  margin-left:15px;
}
#header .H-list{
  width:320px;
}
* html #header .H-list{
  width:320px;
}

#feature{
  float:left;
  width:640px;
  padding:10px 10px 0px 10px ;
  margin-bottom:0px;
}
* html #feature{
  width:660px;
}
#feature-img{
  width:350px;
  float:left;
  height:420px;
  /*height:305px;*/
  overflow:hidden;
  position:relative;
  border:solid 1px #f2ebb7;
}
#feature.v201607 #feature-img{
width:320px;
}
div.feature-img-item{
  left:0px;
  top:0px;
  position:absolute;
  display:none;
}
#feature-img img{
  margin:0;
}
#feature-img p{
  padding:5px 8px 0px 8px;
  font-size:12px;
  line-height:1.4em;
  background-color:#f5f3e6;
  color:#3c3c3e;
  margin:0;
}
#feature.v201607 #feature-img p{
font-size:13px;
}
#feature-img p span{
  font-weight:bold;
}
#feature-img p span a,
#feature-img p span a:active,
#feature-img p span a:visited{
  color:#7d7137;
}
#feature-img p span a:hover{
  color:#d7cea8;
}

#feature-img .more{
	float:right;
	margin:5px 5px 2px 5px;
}
#feature.v201607 #feature-img .more{
font-size:12px;
}

* html #feature-img .more{
	float:right;
	margin:0 5px 2px 5px;
}

#feature-img .alt-title{
  position:absolute;
  top:80px;
  left:10px;
  width:330px;
  height:200px;
  /*padding:5px;*/
  background-color:#f3f3f3;
  font-size:25px;
  filter:alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
  z-index:1;
}
#feature-img .alt-title-text{
  z-index:10;
  color:#006699;
  /*filter:alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;*/
  width:300px;
  position:absolute;
  top:90px;
  left:20px;
  font-size:18px;
  font-weight:bold;
}
#feature-list{
  float:right;
  width:280px;
}
#feature.v201607 #feature-list{
  float:right;
  width:310px;
}
#feature ul{
  padding:0;
  margin:0;
}
#feature ul li{
  border-bottom:dashed 0px #999;
  padding:5px 3px 8px 17px;
  _padding:3px 3px 3px 18px;
  margin:0px 0px 5px 0px;
  _margin:0px 0px 5px 0px;
  /* height:47px; */
  height:53px;
  background-image:url(/common/images/v1/books/bk_feature_tri1.jpg);
  background-repeat:no-repeat;
  background-position:left;
  background-color:#f2f2f2;
}
#feature.v201607 ul li{
height:50px;
}
* html #feature ul li{
  /* height:56px; */
  /* height:89px; */
  height:58px;
}
#feature ul li img{
  clear:none;
  float:left;
  margin-top:8px;
}
#feature ul li h3{
  clear:none;
  float:right;
  width:210px;
  color:#232323;
  font-size:13px;
  line-height:14px;
  font-weight:normal;
  margin:0;
  /* padding-top:4px; */
  padding-top:3px;
  padding-bottom:3px;
}
#feature.v201607 ul li h3{
width:240px;
font-size:14px;
}
#feature ul li h3 a{
  color:#000;
}
#feature ul li h3 span{
  font-size:12px;
  font-weight:normal;
  color:#7d7137;
  display:block;
}
#feature.v201607 ul li h3 span{
font-size:11px;
}
#feature ul li.current{
  /* background:url("/common/images/v1/top/feature-back.jpg") no-repeat scroll left center transparent; */
  background-color:#f2eab7;
  background-image:url(/common/images/v1/books/bk_feature_tri2.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  font-weight:bold;
}
#feature ul li.current h3{
  font-weight:bold;
  color:#7d7137;
}
#feature ul li.current h3 a{
  font-weight:bold;
  color:#7d7137;
}
#feature ul li.current h3 span{
  font-weight:normal;
}
#feature.v201607 #feature-list a.more{
display:block;
float:right;
}
#control-wrapper{
  clear:right;
  padding-top:0px;
}
.control{
  float:left;
  width:13px;
}
#control-wrapper dl{
  float:right;
  padding:0;
  margin:5px 0 0 0;
}
#control-wrapper dl dt{
  display:inline;
}

/* ダイヤモンド社からのお知らせ */
#books-info{
  clear:both;
  width:626px;
  float:left;
  margin:10px 0px 5px 14px;
  padding-top:40px;
  background-image:url(/common/images/v1/books/title_info.jpg);
  background-repeat:no-repeat;
  background-position:center top;
  border-style:solid;
  border-color:#d4d5d2;
  border-width:2px;
}
* html #books-info{
  margin-left:7px;
}
#books-info ul{
  margin:0px 0px 10px 24px;
  padding:0px;
}
#books-info ul li{
  font-size:13px;
  list-style:disc;
}

/* 今週の1冊（新しいCSS） */

#book-this-week-new{
  clear:both;
  width:630px;
  float:left;
  margin:10px 0px 15px 14px;
  background-image:url(/common/images/v1/books/bg_pickupbook_title.jpg);
  background-repeat:no-repeat;
  background-position:center top;
  background-color:#004098;
}
* html #book-this-week-new{
  margin-left:7px;
}

#book-this-week-new .book-this-week-info{
	margin:45px 7px 7px 7px;
	background-color:#F5F3E6;
}

#book-this-week-new .book-this-week-info .book-info-cover{
	float:left;
	width:100px;
	margin:20px 0 10px 30px;
}

* html #book-this-week-new .book-this-week-info .book-info-cover{
	float:left;
	width:130px;
	margin:20px 0 10px 20px;
}

#book-this-week-new .book-this-week-info .book-info-txt{
	float:right;
	width:455px;
	margin:20px 15px 10px 0;
	position:relative;
}

* html #book-this-week-new .book-this-week-info .book-info-txt{
	float:right;
	width:435px;
	margin:20px 5px 10px 0;
	position:relative;
}

#book-this-week-new .book-this-week-info .book-info-txt h3{
  margin:0px 0px 5px 0px;
  padding-top:0px;
  font-size:16px;
}
#book-this-week-new .book-this-week-info .book-info-txt h4{
  margin:5px 0px;
  font-size:14px;
}
#book-this-week-new .book-this-week-info .book-info-txt p.info{
  margin:5px 0px;
  padding:0px;
  font-size:12px;
}
#book-this-week-new .book-this-week-info .book-info-txt p{
  font-size:12px;
}
#book-this-week-new .book-this-week-info .book-info-txt a.buy{
  clear:both;
  float:right;
  display:block;
  margin:0px;
  position:absolute;
  bottom:-5px;
  right:5px;
}
#book-this-week-new .book-this-week-info .book-info-txt img{
  margin:0px;
}

/*Sepcial Topics 2010年7月*/
.top-special-topics-201007-upper{
  clear:both;
  background-image:url(/common/images/v1/books/sp_top.jpg);
  background-repeat:no-repeat;
  background-position:20px top;
  text-indent:-1000em;
  margin-left:20px;
  margin-bottom:0px;
  height:19px;
}
.top-special-topics-201007{
  /* margin-bottom:15px; */
  margin:0px 0px 0px 20px;
  background-image:none;
  background-repeat:repeat-y;
}
.top-special-topics-201007-bottom{
  background-image:url(/common/images/v1/books/sp_bottom.jpg);
  background-repeat:no-repeat;
  background-position:20px top;
  text-indent:-1000em;
  margin-left:20px;
  margin-bottom:20px;
}
.top-special-topics-201007 h3{
  display:none;
}
.top-special-topics-201007 h3 span{
  display:none;
}
.top-special-topics-201007 ul{
  margin:0 0 0 32px;
  padding:0;
}
.top-special-topics-201007 ul li{
  font-size:14px;
  line-height:22px;
  background: url("/common/images/v1/common/icon-yellow.gif") no-repeat 0 3px;  padding-left:15px;
  width:550px;
  border-bottom:1px dashed #999999;
  font-weight:bold;
}
* html .top-special-topics-201007 ul li{
  width:565px;
}
.top-special-topics-201007 table{
  margin:0 0 0 30px;
  padding:0;
  border-collapse:separate;

}
.top-special-topics-201007 table * td {
  font-size:14px;
  line-height:22px;
  background: url("/common/images/v1/common/icon-yellow.gif") no-repeat 0 3px;  padding-left:15px;
  width:550px;
  border-bottom:1px dashed #999999;
  font-weight:bold;
}
.top-special-topics-201007 * a,.top-special-topics * a:visited{
  color:#333;
}

/*カテゴリ別新着記事*/
.top-category-latest{
  clear:both;
  float:left;
  width:630px;
  margin:0px 0px 0px 14px;
}
* html .top-category-latest{
  margin-left:7px;
}
.top-category-latest h3{
  background-image: url("/common/images/v1/top/category-underline.gif");
  background-repeat:repeat-x;
  background-position:left bottom;
  padding:0 0 7px 0;
}
.top-category-latest h3 span{
  background: url("/common/images/v1/common/icon-box.gif") no-repeat 0px 2px;
  padding-left:15px;
  font-size:14px;
  line-height:18px;
}
.category-box{
  position:relative;
  width:295px;
  height:230px;
  float:left;
}
.top-category-latest .right{
  float:right!important;
}
.category-box h4,
.special-box h4{
  margin:0 0 5px 0;
  padding:0;
}
.category-box h4 span.category-name,
.special-box h4 span.category-name{
  background: url("/common/images/v1/top/category-name-bg.gif") no-repeat;
  font-size:12px;
  color:#fff;
  min-width:125px;
  _width:125px;
  height:23px;
  padding:2px 0 0 10px;
  display:block;
  float:left;
}
.category-box h4 span.category-list-url{
  font-size:12px;
  color:#534a1f;
  font-weight:normal;
  margin-top:5px;
  margin-left:0px;
  float:left;
}
* html .category-box h4 span.category-list-url{
  margin-left:15px;
}
.category-box ul{
  clear:both;
  margin:10px 0 0 0px;
  width:295px;
  padding:0;
}
.category-box ul li{
  position:relative;
  margin-bottom:5px;
  _margin-bottom:2px;
  height:68px;
  border-width:0px 0px 1px 0px;
  border-color:#ccc;
  border-style:dotted;
}
.category-box a.more{
  display:block;
  position:absolute;
  bottom:20px;
  right:0px;
  color:#6ea5c3;
}
.category-box a:visited.more{
  color:#6ea5c3;
}
.category-box a:hover.more{
  color:#7d7137;
}
.article-category-icon{
  margin-right:10px;
  width:40px;
  float:left;
}
* html .article-category-icon{
  margin-right:5px;
}
.article-category-icon img{
  border-width:1px;
  border-style:solid;
  border-color:#999;
}
.article-category-body{
  width:245px;
  float:right;
}
.article-category-body h5{
  font-size:13px;
  line-height:16px;
  font-weight:normal;
  margin:0;
  padding:0;
}
.article-category-body h5 span{
  font-size:12px;
  line-height:16px;
  font-weight:normal;
  color:#7d7137;
  margin-bottom:2px;
  display:block;
}
.article-category-body h5 a{
  /* color:#333; */
}
.article-category-body h5 a:visited{
  /* color:#666; */
}
.article-category-body h5 a:hover{
  color:#7d7137;
}
.article-category-body h5 span a,.article-category-body h5 span a:visited{
  color:#7d7137;
}
.article-category-body h5 span a:hover{
  font-weight:normal;
}
/**/
.article-category-body-sp{
  width:245px;
  float:right;
  font-size:12px;
  line-height:16px;
}
.article-category-body-sp a span{
  color:#7d7137;
}
.article-category-body-sp a:hover{
  text-decoration:underline;
}
.category-box ul li div.figure-left{
  float:left;
}

#dw-magazine-latest{
  clear:both;
  float:left;
  width:625px;
  margin:10px 0px 20px 10px;
  padding:10px 0px 0px 10px;
  background-image:url(/common/images/v1/dw/dw_title.jpg);
  background-position:left top;
  background-repeat:no-repeat;
}
* html #dw-magazine-latest{
  width:635px;
  margin-left:5px;
}
#dw-magazine-latest .magazine-cover{
  clear:none;
  float:left;
  width:130px;
  margin:10px 10px 0px 0px;
  padding:0px;
}
#dw-magazine-latest .magazine-summary{
  clear:none;
  float:left;
  width:240px;
  margin:10px 0px 0px 0px;
}
#dw-magazine-latest .magazine-summary h3{
  margin:0px;
  padding:0px 0px 5px 0px;
  font-size:18px;
}
#dw-magazine-latest .magazine-summary h4{
  margin:0px;
  padding:0px 0px 5px 0px;
  font-size:14px;
}
#dw-magazine-latest .magazine-summary ul{
  margin:0px;
  padding:0px;
  font-size:12px;
  width:230px;
}
#dw-magazine-latest .magazine-summary ul li{
  border:0;
}
#dw-magazine-latest .magazine-summary p{
  margin:10px 0px 0px 0px;
  padding:5px 0px;
  font-size:14px;
  font-weight:bold;
  border-style:solid;
  border-color:#ccc;
  border-width:1px 0px 0px 0px;
}
#dw-magazine-latest .magazine-link{
  clear:none;
  float:right;
  width:235px;
  margin:0px 0px 0px 0px;
  padding:60px 0px 0px 0px;
}
#dw-magazine-latest .magazine-link img{
  margin-bottom:15px;
}
#dw-magazine-latest .magazine-link img.right{
  float:right;
  margin-right:10px;
}
/*Twitter*/
.top-twitter{
  clear:both;
  float:left;
  /* overflow:hidden; */
  width:640px;
  margin:10px 0px 20px 10px;

}
.twitter-title{
  /* background: url(/common/images/v1/top/category-underline.gif) repeat-x left bottom; */
  padding:0 0 10px 0;
  margin:0 0 10px 0;
}
.twitter-comment{
  float:left;
  width:400px;
  padding-left:5px;
}
.twitter-comment p{
  font-size:0.9em;
  margin:0 0 10px 0;
}
.twitter-comment strong{
  font-size:0.8em;
  color:#cc0000;
}
.twitter-comment ul{
  border-top:solid 1px #666;
  border-bottom:solid 1px #666;
  padding:5px 0;
  margin:0;
}
.twitter-comment ul li{
  font-size:0.8em;
  line-height:1.2em;
  margin-bottom:15px;
}
.twitter-comment ul li span{
  font-size:0.85em;
  color:#666;
  display:block;
}
.twitter-follow{
  float:right;
  margin-right:10px;
  background-color:#ddd;
  width:175px;
}
* html .twitter-follow{
  margin-right:5px;
}

#footer{
  clear:both;
  float:left;
  margin-top:25px;
  width:98%;
  padding:0% 1%;
  background-color:#fff;
}

h1.subcategory-title{
  color:#424740;
}

/* サブカラム */
#sub-column .info-box{
  margin-bottom:20px;
}
#sub-column #books-ranking{
  clear:both;
  float:left;
  width:300px;
  padding:0px;
  margin:0px 0px 10px 0px;
  background-color:#fff;
  background-image:url(/common/images/v1/books/title_ranking.jpg);
  background-repeat:no-repeat;
  background-position:left top;
}
#sub-column #books-ranking ul{
  margin-top:40px;
}
#sub-column #books-ranking ul li{
  margin:2px 5px;
  padding:3px 5px 3px 40px;
  font-size:13px;
  border-style:dotted;
  border-color:#d0d0d0;
  border-width:0px 0px 1px 0px;
  background-repeat:no-repeat;
  background-position:5px 2px;
}
#sub-column #books-ranking ul li div.author{
  text-align:right!important;
}
#sub-column #books-ranking ul li.rank1{
  background-image:url(/common/images/v1/books/ranking_1.jpg);
}
#sub-column #books-ranking ul li.rank2{
  background-image:url(/common/images/v1/books/ranking_2.jpg);
}
#sub-column #books-ranking ul li.rank3{
  background-image:url(/common/images/v1/books/ranking_3.jpg);
}
#sub-column #books-ranking ul li.rank4{
  background-image:url(/common/images/v1/books/ranking_4.jpg);
}
#sub-column #books-ranking ul li.rank5{
  background-image:url(/common/images/v1/books/ranking_5.jpg);
}
#sub-column #books-ranking ul li.rank6{
  background-image:url(/common/images/v1/books/ranking_6.jpg);
}
#sub-column #books-ranking ul li.rank7{
  background-image:url(/common/images/v1/books/ranking_7.jpg);
}
#sub-column #books-ranking ul li.rank8{
  background-image:url(/common/images/v1/books/ranking_8.jpg);
}
#sub-column #books-ranking ul li.rank9{
  background-image:url(/common/images/v1/books/ranking_9.jpg);
}
#sub-column #books-ranking ul li.rank10{
  background-image:url(/common/images/v1/books/ranking_10.jpg);
}
#sub-column #books-ranking div.note{
  margin:2px 5px;
  font-size:13px;
  text-align:right!important;
}
#sub-column #books-ranking div.note a{
  font-weight:bold;
}
#tab-menu * h4{
  background-image:url(/common/images/v1/books/mag-info.gif);
}
#tab-menu .tab-blank{
  background-color:#ccc!important;
}

/* 編集部異常なし */

#sub-column #books-editor-daily{
  margin:15px 0 0 0;
  width:290px;
  border:solid 2px #04367b;
  background:url(/common/images/v1/books/books-editor-daily-bg.gif) repeat;
  padding:3px;
}

* html #sub-column #books-editor-daily{
  margin:15px 0 0 0;
  width:300px;
  border:solid 2px #04367b;
  background:url(/common/images/v1/books/books-editor-daily-bg.gif) repeat;
  padding:3px;
}


#sub-column #books-editor-daily .books-editor-inner{
  background-color:#f5f3e6;
}

#sub-column #books-editor-daily .books-editor-inner .editor-txt h3{
  margin:0 0 5px 0;
  padding-top:7px;
}

#sub-column #books-editor-daily .books-editor-inner .icon-space{
  float:left;
  width:47px;
}

#sub-column #books-editor-daily .books-editor-inner .icon-space{
  margin:10px 0 5px 5px;
}

#sub-column #books-editor-daily .books-editor-inner .editor-txt{
  float:right;
  width:238px;
}

#sub-column #books-editor-daily .books-editor-inner .editor-txt p{
  font-size:12px;
  margin:5px 3px;
}

/* 編集部動画 */

#sub-column #books-editor-movie{
  margin:15px 0 10px 0;
}

#sub-column #books-editor-movie h3{
  background:url(/common/images/v1/books/books-editor-movie-titlebg.gif) no-repeat top #04367b;
  margin:0;
  padding:5px 3px 0 5px;
  color:#f5b41c;
  font-size:15px;
}

* html #sub-column #books-editor-movie{
  background-color:#053373;
}

* html #sub-column #books-editor-movie h3{
  margin:0;
  padding:5px 3px 0 5px;
  color:#f5b41c;
  font-size:15px;
  background-color:#000;
}

#sub-column #books-editor-movie .movie-space{
  background-color:#004098;
  width:300px;
  padding:10px 0 10px 0;
  border-top:solid 1px #0755bb;
  border-bottom:solid 1px #0755bb;
}

#sub-column #books-editor-movie p{
  margin:0;
  padding:7px 5px;
  background-color:#004098;
  font-size:12px;
  color:#fff;
}

/* 2014-09-08 デザイン変更 */

div.rank-main,#books-ranking,.diamondonline-plus,div.rank-sc-main{
width:298px!important;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #7d7137;
}
.diamondonline-plus{
border-width:1px;
}
.diamondonline-plus h3{
width:298px!important;
}


/* 2015.04.01 注目の情報（dolplus）新版対応 */
/*ダイヤモンドオンラインplus*/
.diamondonline-plus{
background-color:#fff;
margin:25px 0px;
border:none;
}
.diamondonline-plus h3{
background: url("/common/images/v5/subcolumn/title_topics.gif") no-repeat;
width:300px;
height:23px;
margin:0 0 0 0;
padding:0;
}
.diamondonline-plus h3 span{
display:none;
}
.diamondonline-plus .dolplus{
padding:5px 0 8px 0;
margin:0;
background-color:#fff;
border-left:1px solid #7d7137;
border-right:1px solid #7d7137;
border-bottom:1px solid #7d7137;
background: url(/common/images/v3/subcolumn/rank-bg2014.gif) repeat-x 0 top;
}
.diamondonline-plus .dolplus a{
display:block;
padding:5px 10px 4px 23px;
font-size:12px;
font-weight:bold;
line-height:1.4em;
border-bottom:dashed 1px #999;
background: url("/common/images/v5/common/icon-blue.gif") no-repeat 10px 6px;
}
.diamondonline-plus .dolplus a{
color:#333;
}
.diamondonline-plus .dolplus a:visited{
color:#333;
}