@charset "utf-8";

/* ----------------------------------------------- */
/* メインカラムのうち記事本文以外で使用するもの    */
/* (ページ繰りや記事末など記事周辺） 　　　　　　　*/
/* ----------------------------------------------- */

/*▼本文末のマーク▼*/
#body-end{
  float:right;
  margin:20px 0px 0px 0px;
  padding:0px;
  width:590px;
  overflow:hidden;
  background-color:red;
  border-width:0px;
  border-style:solid;
}

/*
*****************************************************
▼▼ 記事末の部分 ▼▼
*****************************************************
*/
#article-end{
  clear:both;
  float:left;
  width:645px;
  /*margin:0px 0px 0px 8px;*/
  margin:0;
  padding:0px 15px 0px 0px;
  background-color:#fff;
}
* html #article-end{
  width:660px;
  /*margin-left:4px;*/
  overflow:hidden;
}
#article-end ul{
  clear:both;
  width:618px;
  /*float:left;*/
  margin:0px 0px 0px 16px;
  padding:0px;

}
* html #article-end ul{
  margin-left:16px!important;
}

/* 記事末広告 */
#article-end #sptopics ul{
  width:480px;
  margin:0px 0px 0px 20px;
  padding:0px;
}
* html #article-end #sptopics ul{
  margin-left:20px!important;
}
#article-end #sptopics ul li{
  margin:0px;
}
#article-end #sptopics table{
  margin:10px 0 0 30px;
  width:480px;
  padding:0;
  border-collapse:collapse;
}
#article-end #sptopics table * td {
  font-size:12px;
  line-height:20px;
  background:url("/common/images/v1/ad/tri_red_sp.gif");
  background-repeat:no-repeat;
  background-position:0px 7px;
  padding-left:20px;
}
#article-end #sptopics table * td a,#article-end #sptopics ul li a{
  display:block;
  padding:2px 0px 2px 0px;
  font-weight:bold;
  border-color:#fff;
  border-style:dotted;
  /* border-width:0px 0px 1px 0px; */
  border:0px;
  width:460px;
}
#article-end ul li{
  margin:0px 0px 5px 0px;
  color:#000;
  font-weight:normal;
  font-size:13px;
  padding:3px 0;
  border-bottom:1px dotted #666666;
  /*
  border-style:dotted;
  border-width:0px 0px 1px 0px;
  border-color:#fff;
  */
}

#article-end * .toptitle{
  display:inline;
  margin-right:12px;
  font-weight:normal;
  font-size:12px;
}
#article-end * .date,#article-end * .author{
  font-weight:normal!important;
  font-size:12px;
}
#article-end .more{
  clear:both;
  float:right;
  margin:15px 0px;
  font-size:13px;
  font-weight:bold;
}
#article-end .blocktitle{
  position:relative;
  clear:both;
  float:left;
  width:620px;
  height:25px;
  margin:15px 0px 5px 16px;
  padding:1px 0px 1px 20px;
  background-image:url(/common/images/v1/bg_title_line620.gif) ;
  background-repeat: no-repeat;
  background-position:0px -2px;
  color:#333;
  font-size:12px;
  font-weight:bold;
}
* html #article-end .blocktitle{
  margin-left:8px;
  background-position:0px -3px;
}
*:first-child+html #article-end .blocktitle{
  /* left:16px!important; */
}
#article-end .blocktitle a,#article-end .blocktitle a:visited{
  color:#333;
  font-weight:bold;
}

#article-end .blocktitle div.more{
  position:absolute;
  bottom:13px;
  right:20px;
  font-size:12px;
  margin:0px!important;
}
* html #article-end .blocktitle div.more{
  right:0px;
}
#article-end .blocktitle span{
  color:#cc0000;
  margin-right:5px;
}
#article-end-underline{
  clear:both;
  /*float:left;*/
  width:660px;
  /*margin:0px 0px 0px 8px;*/
  margin:0;
  padding:0px;
  height:20px;background-image:url(/common/images/v1/article/bg_articleb.gif);
  text-indent:-1000em;
  line-height:1px;
}
* html #article-end-underline{
  /*margin-left:4px;*/
  width:660px;
}

#article-end-information{
  clear:both;
  float:left;
  width:400px;
  margin:10px 0px 10px 120px;
  padding:3px;
  font-size:13px;
  text-align:center;
  border-style:solid;
  border-color:#666 #333 #666 #666;
  border-width:0px 1px 1px 0px;
  background-color:#efefef;
}
* html #article-end-information{
  margin-left:60px;
}
#article-end-information a,#article-end-information a:visited{
  font-weight:normal;
  color:#ff0000;
}
#ncrelated{
  position:relative;
  clear:both;
  float:left;
  font-size:12px;
  /* text-align:right; */
}
#ncrelated ul{
  clear:both;
  float:left;
  width:620px;
  margin:10px 0px 5px 0px;
  padding-left:0px;
  text-align:left;
}
#ncrelated .poweredby{
  position:absolute;
  right:10px;
  top:12px;
  font-weight:bold;
  z-index:10;
}
#ncrelated .blocktitle{
  z-index:5;
}
/*
#ncrelated a{
  width:100px;
}
*/

/*
*****************************************************
▼▼テキスト広告▼▼
*****************************************************
*/
#article-end ul li.text-ad{
  position:relative;
  width:93%;
  margin:10px 0px 18px 0px;
  padding:2px 0px 2px 35px;
  height:18px;
  font-size:12px;
  background-image:url(/common/images/v1/common/bg_pr.gif);
}
#article-end div.text-ad{
  position:relative;
  clear:both;
  float:left;
  width:93%;
  margin:5px 0px 5px 0px;
  padding:2px 0px 2px 35px;
  height:18px;
  font-size:12px;
  border-style:dotted;
  border-color:#ccc;
  border-width:0px 0px 1px 0px;
}
#article-end ul li.text-ad span.jbp-pr,#article-end div.text-ad span.jbp-pr{
  display:block;
  position:absolute;
  height:100%;
  padding:0px 5px;
  top:0px;
  left:0px;
  background-image:url(/common/images/v1/common/bg_pr_icon.gif);
  color:#fff;
  font-weight:bold;
  font-size:12px;
  font-weight:bold;
}
#article-end ul li.text-ad * a,#latest ul li.text-ad * a:visited{
  color:#beaf90!important;
}
#article-end div.text-ad * a,#latest div.text-ad * a:visited{
  color:#333!important;
}
#article-end ul li.text-ad * a:hover{
  color:#d7c57a!important;
}
#article-end div.text-ad * a:hover{
  color:#666!important;
}
#article-end ul li.first,#article-end div.first{
  font-size:12px;
}

/*
*****************************************************
▼▼ラージgif-text▼▼
*****************************************************
*/
.large-gif-text{
  clear:both;
  float:left;
  width:628px;
  height:150px;
  border-style:solid;
  border-width:1px;
  border-color:#666;
  margin:0px 0px 30px 10px;
}
* html .large-gif-text{
  width:630px;]
  margin-left:5px;
}
.large-gif-text img{
  float:left;
  margin-right:10px;
}
* html .large-gif-text img{
  margin-right:5px;
}
.large-gif-text h5{
  /*margin:10px 0px 20px 0px;*/
  font-size:20px;
  margin:10px 0 15px 0;
  line-height:24px;
}
.large-gif-text p{
  padding-right:10px;
  font-size:13px;
  line-height:1.6em;
}

/*
*****************************************************
▼▼記事末特集の誘導口▼▼
*****************************************************
*/
#article-end #sp-title{
  margin-left:16px;
  margin-bottom:10px;
}
* html #article-end #sp-title{
  margin-left:8px;
}

#article-end-special{
  clear:both;
  /* float:left; */
  border-top:solid 3px #0000cf;
  border-bottom:solid 3px #0000cf;
  /* margin:20px 20px 10px 20px; */
  margin:20px 0px 20px 14px;
  width:620px;
}
* html #article-end-special{
  margin-left:14px;
}
#article-end-special ul{
  padding:5px 0;
  margin:0;
}
#article-end-special ul li{
  /* background-color:#E5E0C7; */
  background-color:#fff;
  width:300px;
  float:left;
  margin:0 7px 0 0;
  border:0px;
}
#article-end-special ul li div.special-box-body{
  float:right;
  width:195px;
  font-size:11px;
  line-height:16px;
  padding:5px 0!important;
}
#article-end-special ul li div.special-box-body strong{
  font-size:14px;
}
#article-end-special ul li div.figure-left{
  float:left;
  width:100px;
}
#article-end-special ul li.line{
  width:608px;
  height:1px;
  margin:0px 0px 5px 0px;
  padding:0px;
  text-indent:-1000em;
  border-width:0px 0px 1px 0px;
  border-style:dashed;
  border-color:#ccc;
}
* html #article-end-special ul li.line{
  margin-bottom:10px;
}
/*
*****************************************************
▼▼記事末バナー広告▼▼
*****************************************************
*/
#article-end-banner{
  clear:both;
  float:left;
  margin:20px 75px 10px 76px;
}
* html #article-end-banner{
  margin-left:38px;
}

/*
*****************************************************
▼▼記事末アイコン付きリスト▼▼
*****************************************************
*/
#article-end ul.icon-list{
  margin:0px 0px 20pxpx 20px;
  padding:0px;
}
#article-end ul.icon-list li .article-category-icon{
  float:left;
  width:45px;
  margin-right:10px;
}
#article-end ul.icon-list li .article-category-body{
  clear:none;
  float:left;
  width:560px;
  margin:0px;
  padding:0px;
}
#article-end ul.icon-list li .article-category-body h5{
  margin:0px;
  padding:0px;
  font-size:13px;
  line-height:16px;
  font-weight:normal;
}
#article-end ul.icon-list li .article-category-body h5 span{
  display:block;
  font-size:12px;
  margin-bottom:2px;
}