@charset "utf-8";

#signage{
  clear:both;
  width:650px;
  height:240px;
  position:relative;
  margin:0px;
  padding:0px;
  color:#fff;
  background-color:#000;
  background-repeat:no-repeat;
  border-style:solid;
  border-width:0px;
  border-color:#ccc;
}
#signage2{
  clear:both;
  width:650px;
  height:135px;
  position:relative;
  margin:0px;
  padding:0px;
  color:#fff;
  background-color:#000;
  background-repeat:no-repeat;
  border-style:solid;
  border-width:0px;
  border-color:#ccc;
}
#signage img.kanban{
  position:absolute;
  top:0px;
  left:0px;
}
#signage .category-icon{
  position:absolute;
  /*top:0px;*/
  top:100px;
  right:3px;
  vertical-align:top;
  /*height:50px;
  overflow:hidden;*/
}
#signage .category-icon img{
  float:right;
  clear:none;
  margin:0px;
  padding:0px;
  border:solid 1px #fff;
}
#signage #article-title{
  position:absolute;
  top:50px;
  left:200px;
  width:450px;
}
#signage2 #article-title{
  position:absolute;
  top:30px;
  left:0px;
  width:640px;
}
#signage #original-media{
  position:absolute;
  width:55px;
  bottom:15px;
  right:0px;
}
#article-title h1{
  font-size:22px;
  line-height:26px;
  color:#fff;
  margin-top:5px;
  margin-bottom:5px;
}
#signage2 #article-title h1 {
  font-size:13px;
  font-weight:normal;
  line-height:17px;
  color:#fff;
}
#signage2 #article-title h1 .subtitle{
  font-size:12px;
  /*margin-left:1em;*/
  
  display:block;
}
#article-title h2{
  font-size:18px;
  line-height:22px;
  color:#ccc;
  margin-bottom:5px;
}
#signage2 #article-title h2{
  clear:none;
  float:left;
}
#signage #date-and-author{
  position:absolute;
  top:-28px;
  right:0px;
}
#signage2 #date-and-author{
  position:absolute;
  top:8px;
  right:0px;
}
.date{
  font-size:12px;
  font-weight:normal;
}
#signage2 .date{
  font-size:11px;
  font-weight:normal;
  color:#999;
}
.author{
  font-size:12px;
  font-weight:normal;
  color:#999;
  padding-left:10px;
}
#signage2 .author{
  font-size:11px;
  font-weight:normal;
  color:#999;
  padding-left:10px;
}
#signage #column-title{
  position:absolute;
  top:0px;
  left:200px;
  width:450px;
  padding-bottom:15px;
  color:#fefefe;
  /*border-style:solid;*/
  /*border-width:0px 0px 7px 0px;*/
  /*border-color:#ff0000;*/
}
* html #signage #column-title{
  padding-bottom:20px;
}
#signage2 #column-title{
  position:absolute;
  top:0px;
  left:0px;
  /* width:270px; */
  height:20px;
  padding-top:3px;
  color:#fefefe;
  border-style:solid;
  border-width:0px 0px 2px 0px;
  border-color:#ff0000;
}
#column-title h3{
  font-size:13px;
  /* line-height:1.2em; */
  /* margin-bottom:10px;*/
}
#column-title h3 .author{
  display:inline;
  font-size:13px;
  /* line-height:1.5em; */
  color:#ccc;
  margin-left:-10px;
  margin-right:15px;
}
#column-title h3 a,
#column-title h3 a:active,
#column-title h3 a:visited{
  color:#666;
}
#column-title h3 a:hover{
  color:#ff0000;
}
#signage2 #column-title h3{
  font-size:13px;
  padding-left:0px;
}
#signage2 #column-title h3 .author{
  display:inline;
  font-size:12px;
  color:#ccc;
}
#tools {
  float:right;
  padding-top:5px;
}

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

#detailbox{
  position:absolute;
  top:25%;
  left:25%;
  /* width:409px; */
  /* height:300px; */
  padding:0px;
  overflow:auto;
  color:#fff;
  background-color:#000;
  /* background-image:url(/common/images/v1/article/author_background.gif); */
  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;
}
* html #detailbox{
  width:409px;
}
#detailbox .db-contents{
  width:379px;
  margin:0px;
  padding:15px 15px 0px 15px;;
  background-image:url(/common/images/v1/article/author_background.gif);
}
* html #detailbox .db-contents{
  width:409px;
}
#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;
}
* html #detailbox h4{
  margin-bottom: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;
  /*font-weight:bold;*/
}

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

/*
#detailbox .figure-left{
  clear:left;
  float:left;
  margin:0 20px 10px 0;
  padding:0px;
  font-size:12px;
  line-height:18px;
}*/


#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{
  position:absolute;
  bottom:0px;
  right:0px;
  height:25px;
  margin:0px 0px 3px 0px;
  padding:0px;
  font-size:13px;
  width:650px;
}
#signage2 #service-menu{
  position:absolute;
  bottom:5px;
  right:0px;
  height:20px;
  margin:0px 0px 0px 0px;
  padding:0px;
  font-size:13px;
}
#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;
}
* html .tools ul {
        position:absolute;
}
.tools ul li a{
        display: block;
}
* html .tools ul li a {
        display:inline;
        width:72px;
}
* html .tools ul li.on a {
        display:block;
        width:72px;
}
.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;
}
* html .tools ul li.on ul li a{
        /*width:130px;*/
}

#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;
}
/*▼本文末のPAGE▼*/
/* 2015年7月～ページネーション */
.article-pagination{margin:15px 0;text-align:center;clear:both;}
.article-pagination span{display:inline-block;font-size:15px;}
.article-pagination  a{font-size:15px;}
.article-pagination .other_p a{background-color:#c7b79c;color:#fff;width:25px;height:25px;line-height:25px;display:block;text-align:center;font-weight:bold;}
.article-pagination .other_p a:hover{background-color:#7a5c30;}
.article-pagination .current_p{background-color:#7a5c30;color:#fff;width:25px;height:25px;line-height:25px;font-weight:bold;}
.article-pagination .back_p a{
	font-size:15px;
	color:#666;
	margin-right:10px;
	font-weight:bold;
}
.article-pagination .next_p a{
	font-size:15px;
	color:#666;
	margin-left:10px;
	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;
  font-family:'Meiryo','メイリオ','ＭＳ Ｐゴシック';
}
#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;
}
* html #article-end-underline{
  margin-left:4px;
}

#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;
}
* html #magazine-cover .sales{
  margin-left:20px;
}

/* テキスト広告 */
#article-end #text-ad{
  clear:both;
  float:left;
  width:584px;
  margin-top:20px;
  padding:5px;
  border-style:solid;
  border-width:3px;
  border-color:#ff0000;
}
* html #article-end #text-ad{
  width:600px;
}
#article-end #text-ad * a{
  display:block;
  background-image:url(/common/images/v1/pr_article.gif);
  background-repeat:no-repeat;
  background-position:5px 1px;
  padding-left:40px;
}
* html #article-end #text-ad * a{
  background-position:5px -1px;
}

/* テキスト広告(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;
}
* html #article-end #text-ad-v2{
  width:600px;
}
#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;
}
* html #article-end #text-ad-v2 span{
  background-position:5px -1px;
}

/* 記事中レクたんグル */
.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;}