@charset "utf-8";

/* タイトル周り */
#signage{margin:20px;}

#title-parts{margin-bottom:10px;}
#title-parts .column-ttl{font-size:15px;}

/* 2014-06-22 */
#title-parts .column-bn,#title-parts .column-bn form select{float:right;width:225px;}

#title-parts #series.column-ttl{background-image:url(/common/images/v2/common/series-column-title.png);background-position:left top;background-repeat:none;padding-left:25px;}
#title-parts #special.column-ttl{background-image:url(/common/images/v2/common/special-column-title.png);background-position:left 2px;background-repeat:none;padding-left:25px;}
#title-parts #event.column-ttl{background-position:-980px -510px;padding-left:25px;}
#title-parts #information.column-ttl{background-position:-980px -510px;padding-left:25px;}

#date-parts{margin:5px 0;text-align:left;float:left;}
#date-parts .date{color:#999;font-size:13px;}

#title-parts-header-right{float:right;width:30%;}
/*2014-06-25*/
/*#title-parts-header-left{float:left;width:55%;}*/
#title-parts-header-left{float:left;width:420px;}
#title-parts-right{float:right;width:520px;}
#title-parts-left{float:left;width:120px;margin-right:10px;}

#title-login-parts{margin:0 0 10px 0;float:right;}
#title-login-parts .column-bn form{float:right;}
#title-login-parts .user-login-btn{width:220px;}
#title-login-parts .user-login-btn a{background-color:#f30;display:block;color:#fff;font-size:11px;padding:5px;text-decoration:none;border-radius:4px;padding-left:20px;background-position:-785px -1847px;line-height:1.5;}
.column-bn form select option.more{background-color:#dcdcdc;}

ul.ico-service{clear:right;}
ul.ico-service{float:right;}
ul.ico-service li{float:right;margin-left:10px;line-height:100%;}
ul.ico-service li.rss a{background-position:-919px 0;width:21px;height:21px;display:block;}
ul.ico-service li.rss a span{display:none;}
ul.ico-service li.print a{background-color:#000;border-radius:3px;font-size:11px;color:#fff;text-decoration:none;padding:3px 5px;}
ul.ico-service li.print a span{background-position:-986px -877px;padding-left:20px;}
ul.ico-service li.bookmark a{background-color:#f66;border-radius:3px;font-size:11px;color:#fff;text-decoration:none;padding:3px 5px;}
ul.ico-service li.bookmark a span{background-position:-992px -983px;padding-left:12px;}

ul.ico-service li.facebook{height:22px;width:75px;}
ul.ico-service li.twitter{height:22px;width:75px;}

ul.ico-service li.facebook a,
ul.ico-service li.twitter a{text-indent:200%;overflow:hidden;white-space:nowrap;display:block;border-radius:3px;background-repeat:no-repeat;background-position:center;}
ul.ico-service li.facebook a{
background-image:url(/common/images/v2/common/sns-fb.png);
background-size:7px 15px;
-moz-background-size:7px 15px;
-webkit-background-size:7px 15px;
background-color:#3b5998;
padding:3px 11px;
}
ul.ico-service li.twitter a{
background-image:url(/common/images/v2/common/sns-tw.png);
background-size:18px 15px;
-moz-background-size:18px 15px;
-webkit-background-size:18px 15px;
background-color:#55acee;
padding:3px 5px;
}

#title-parts-right .column-title{clear:both;}


/* プリント */
.print #series.column-ttl{background-image:none;padding-left:0;}
.print #special.column-ttl{background-image:none;padding-left:0;}
.print #event.column-ttl{background-image:none;padding-left:0;}
.print .date{float:right;width:auto;}


#signage h1{font-size:25px;font-weight:normal;}
#signage h2{font-size:19px;font-weight:normal;}

/* 記事本文 */
#article-body{margin:0 20px 20px 20px;}
#article-body.special{margin:20px;}
#article-body p{line-height:1.8;margin-bottom:1em;}
#article-body h4{margin-bottom:1em;font-size:1.2em;}
#article-body hr{clear:both;border-style:none;}
#article-body blockquote{margin:0 1em 1em 1em;}

/* -- 画像 -- */
.figure-left{float:left;margin:0 15px 15px 0;}
.figure-right{float:right;margin:0 0 15px 15px;}
.figure-center{margin:0 auto 15px auto;}
.figure-left span,
.figure-right span,
.figure-center span{font-size:12px;color:#676b6c;line-height:1.5;}
.caption{font-size:12px;color:#676b6c;line-height:1.5;margin-top:3px;}
.caption a.figure-expand{
  background:url(/common/images/v2/common/zoom.gif) no-repeat 0 5px;
  padding:3px 0 3px 20px;
  font-size:12px;
}

/* -- 動画 -- */
#article-body .video{
clear:both;
position:relative;
height:0;
overflow:hidden;
margin-top:20px;
margin-bottom:4px;
padding-bottom:56.25%;
padding-top:30px;
}
#article-body .video iframe{
margin:0px auto;
}

/* 記事下 */
#article-bottom{margin:0 20px 20px 20px;}
#article-bottom .title{background-color:#ededed;border:solid 1px #dcdcdc;font-size:13px;font-weight:bold;padding:5px;margin-bottom:20px;}
#article-bottom .title span.comment{float:right;font-weight:normal;font-size:12px;}
#article-bottom .text-ad{margin:10px auto 30px auto;}


/* 記事下告知スペース */
#article-end-information,#article-end-category-information{border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;padding:10px 0;margin:10px 0 25px 0;clear:both;}

/* -- SNSボタン -- */
#article-sns-service{border-top:solid 1px #dcdcdc;padding:15px 0;clear:both;}
#article-sns-service .facebook,#article-sns-service .twitter,#article-sns-service .mixi,#article-sns-service .gplus,#article-sns-service .hatena,#article-sns-service .pocket{float:left;margin-right:7px;width:100px;}
/*2014-06-25*/
/*
#article-sns-service .gplus{width:70px;}
#article-sns-service .hatena{width:20px;margin-right:0;}
*/
#article-sns-service .hatena{width:110px;}
#article-sns-service .sns-area{float:left;width:70%;}

.sns-area.v2 div{width:auto !important;margin-right:2px !important;}



#article-sns-service .column-bn{float:right;width:30%;}
#article-sns-service .column-bn select{width:100%;}

/* -- 著者プロフィール -- */
.article-author .author-photo{width:120px;margin-right:20px;float:left;}
.article-author .author-profile{overflow:hidden;zoom:1;}
.article-author .author-profile .author-name{font-size:15px;font-weight:bold;margin-bottom:10px;}
.article-author .author-profile p{font-size:13px;text-indent:0 !important;line-height:1.4 !important;}

/* 記事下コメント */
#article-comment{margin-bottom:30px;}
#article-comment .reader-comment{border-bottom:solid 1px #dcdcdc;padding:15px 0 0 0;}
#article-comment .reader-comment .name{margin-bottom:7px;}
#article-comment .reader-comment .name{font-size:13px;font-weight:bold;}
#article-comment .reader-comment .date{font-size:11px;color:#999;margin-left:15px;font-weight:normal;}
#article-comment .reader-comment .text p{font-size:13px;line-height:1.6;margin-bottom:1em;}
#article-comment #fb-more{float:right;font-size:13px;margin-top:10px;background-position:135px -323px;padding-right:10px;}

#comment-form{width:550px;padding:10px;}
#comment-form h3{border-bottom:solid 1px #dcdcdc;font-size:16px;margin-bottom:12px;}

#comment-title,#comment-body{margin-bottom:10px;}
#comment-title .ttl,#comment-body .ttl{float:left;}
#comment-title input,#comment-body textarea{background-color:#ededed;border:solid 1px #dcdcdc;}

#comment-btn{margin-bottom:10px;text-align:center;}
#comment-btn .submit-btn{
	background-color:#333;
	color:#fff;
	border:solid 1px #666;
	font-weight:bold;
	border-radius:3px;
	padding:5px 10px;
	cursor:pointer;
}

#comment-note{border-top:solid 1px #dcdcdc;padding-top:10px;}
#comment-note h4{font-size:14px;}
#comment-note ul{margin-left:10px;}
#comment-note ul li{font-size:13px;line-height:1.5;margin-bottom:5px;}
#comment-thanks{display:none;font-size:14px;margin:10px 0px;color:red;font-weight:bold;text-align:center;}

/* 記事下ブロック */
.block-left{float:left;width:315px;}
.block-right{float:right;width:315px;}
.article-list{margin-bottom:25px;}
.article-list ul li{margin-bottom:15px;}
.article-list .ico{width:50px;margin-right:10px;float:left;}
.article-list .txt{width:245px;float:left;}
.article-list a .ttl{font-size:13px;text-decoration:underline;display:block;}
.article-list a:hover .ttl{text-decoration:none;}
.article-list a .column-ttl{font-size:12px;color:#666;text-decoration:none;display:block;}

.book-lineup{margin:25px 5px;}
.book-lineup .lineup-prev,.book-lineup .lineup-next{float:left;width:65px;}
.book-lineup .lineup-prev a{display:block;background-position:0 -1540px;padding-top:200px;}
.book-lineup .lineup-next a{display:block;background-position:-605px -1540px;padding-top:200px;}
.book-lineup .lineup-prev a span,.book-lineup .lineup-next a span{display:none;}
.book-lineup .jCarouselLite{float:left;width:510px !important;}
.book-lineup .lineup-list .book-detail{float:left;width:115px;height:195px;text-align:center;padding:0 5px;}
.book-lineup .lineup-list .book-detail span{display:block;}
.book-lineup .lineup-list .book-detail img{margin-bottom:5px;}
.book-lineup .lineup-list .book-detail .ttl{font-size:13px;margin-bottom:5px;}
.book-lineup .lineup-list .book-detail .author{color:#666;font-size:13px;margin-bottom:5px;}
.book-lineup .lineup-list .book-detail .date{color:#999;font-size:11px;}

/* 記事下会員特典 */
.regist-campaign{margin-bottom:20px;}
#common-members-section{margin-bottom:20px;}
#common-members-section-inner{padding:15px 10px;}
#common-members-section-inner .registration{margin-right:20px;}

/* トップスライダー */
#top-slider{margin-bottom:10px;height:199px;}
#top-slider-inner{position:relative;}
#top-slider-img{width:260px;height:173px;overflow:hidden;position:absolute;top:12px;left:0;z-index:1;}
#top-slider-text{width:397px;position:absolute;top:12px;left:253px;z-index:2;}
#top-slider-text ul li{font-size:14px;font-weight:bold;padding-left:7px;}
#top-slider-text ul li a{padding:10px;display:block;background-color:#e5e5e5;text-decoration:none;border-bottom:solid 1px #fff;line-height:100%;}
#top-slider-text ul li a span{background-position:364px -324px;}
#top-slider-text ul li.current a{
	background-color:#fff;
	text-decoration:underline;
}
#top-slider-text ul li.current{background-position:0 -1789px;}