@charset "utf-8";

/* ----------------------------------------------- */
/* トップページ、記事で共通使用しているもの        */
/* ----------------------------------------------- */

/*
********************************************
▼floatをクリアするためのCSS▼
********************************************
 */
 
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*
*****************************************************
▼▼ ヘッダー部分 ▼▼
*****************************************************
*/
/* ▼ Header部分
（記事内で使用している#header1と#header2はarticle-layout.cssに記述） ▼ */
#header{
  background-color:#fff;
}
* html #header{
  width:994px;
}
.H-logo{
  float:left;
  width:344px;
}

#header .H-logo h1{
  display:block;
  /*float:left;*/
  width:344px;
  height:60px;
  /*height:609px;*/
  /*margin-left:6px;*/
  text-indent:-1110em;
  background:transparent url("/common/images/v2/dol_logo.jpg") no-repeat scroll 5px 0;
  margin:0;
  padding:0;
}
* html .H-logo h1{
  /*margin-left:3px;*/
}
/*superbanner用*/
#header #superbanner{
  clear:none;
  float:right;
  width:728px;
  height:auto;
  margin:0px 0px 10px 0px;
  padding:0px;
  border:none;
  background-color:transparent;
}
/*スーパーバナー（DOLクレジットカード誘導用&同形式のスーパーバナー）*/
.creditcard-superbanner,
.dol-common-superbanner{
	border:solid 1px #030333!important;
	clear:none;
  float:right;
  width:728px;
  height:auto;
  margin:0px 0px 10px 0px;
  padding:0px;
  border:none;
  background-color:transparent;
}
.creditcard-superbanner dl,
.dol-common-superbanner dl{padding:0; margin:0;}
.creditcard-superbanner dl dt,
.creditcard-superbanner dl dd,
.dol-common-superbanner dl dt,
.dol-common-superbanner dl dd{float:left;}
.creditcard-superbanner dl dd.b-dd,
.dol-common-superbanner dl dd.b-dd{border-right:solid 1px #030333;}
.creditcard-superbanner dl dd,
.dol-common-superbanner dl dd{padding:3px 6px 3px 6px; width:291px;}
* html .creditcard-superbanner dl dd,
* html .dol-common-superbanner dl dd{width:303px;}
.creditcard-superbanner dl dd img,
.dol-common-superbanner dl dd img{float:right; border:solid 1px #bbbbbe;}
.creditcard-superbanner dl dd strong,
.dol-common-superbanner dl dd strong{display:block; float:left; width:160px; font-size:14px; line-height:1.2; padding-top:5px;}
.creditcard-superbanner dl dd a strong,
.dol-common-superbanner dl dd a strong{color:#004da0!important;}
.creditcard-superbanner dl dd a:hover strong,
.dol-common-superbanner dl dd a:hover strong{text-decoration:underline;}



.H-logo.superbanner{
  width:200px;
}
.H-logo.superbanner h1{
  width:200px;
}
.H-holder{
  float:right;
  width:500px;
  height:25px;
}
/* お知らせ */
.H-info{
  position:absolute;
  top:10px;
  left:360px;
  font-weight:bold;
  font-size:12px;
  margin:0px;
  padding:0px;
  color:#cc0000;
}
.H-info2{
  position:absolute;
  top:25px;
  left:200px;
  margin:0px;
  padding:0px 0px 0px 60px;
  height:16px;
  font-weight:bold;
  font-size:13px;
  line-height:16px;
  color:#cc0000;
  background-image:url(/common/images/v1/top/red_info.jpg);
  background-repeat:no-repeat;
  background-position:left top;
}
.H-info2 a,.H-info2 a:visited{
  margin-top:-1px;
  padding-top:0px;
  color:#cc0000;
}

/* サイト概要　会員登録 */
.H-ismedia-menu{
  float:right;
  margin-left:20px;
}
.H-ismedia-menu ul li{
  float:left;
  color:#fff;
  font-size:12px;
  padding:3px 4px;
}
.H-ismedia-menu ul li a,
.H-ismedia-menu ul li a:visited,
.H-ismedia-menu ul li a:active{
  color:#cccc99;
  border-bottom:dotted 1px #fff;
}
.H-ismedia-menu ul li a:hover{
  color:#aa8f3d;
  border-bottom:dotted 1px #aa8f3d;
}
/* isMediaロゴ */
.H-ismedia{
  float:right;
  height:21px;
}
.H-ismedia img{
  margin-left:5px;
}
.H-title{
  width:775px;
  height:18px;
  clear:both;
}
/*▼▼検索枠　プリント等レイアウト▼▼*/
.H-list{
  clear:right;
  float:right;
  width:500px;
  text-align:right;
  padding:5px 0 0 0;
  margin-bottom:0px;
}
.H-search{
  clear:none;
  float:right;
  width:310px;
}
.H-search #keyword{
  /* width:240px; */
}
.inputtext{
  float:left;
  margin:0px 5px 0px 0px;
  padding:0px 0px 0px 30px;
  width:220px;
  height:25px;
  border:0px;
  background: transparent url("/common/images/v1/common/search-inputtext.gif") no-repeat;
  font-size:12px;
  color:#888;
  background-color:#fff;
}
* html .inputtext{
  width:250px;
  height:25px;
  padding-top:7px;
}
*:first-child+html .inputtext{
  padding-top:7px;
}
.searchbtn{
  clear:none;
  float:right;
  border: 0;
  background: url(/common/images/v2/search-btn.gif) no-repeat 0px 0px;
  width: 52px;
  height: 23px;
  cursor: pointer;
}

/*▼プリント、RSS、フォントサイズレイアウト▼*/
.H-menu{
  clear:none;
  float:left;
  margin:3px 20px 0px 0px;
  /*margin-right:10px;*/
  font-size:0.8em;
  color:#888;
}
.H-menu .btn{
  cursor:pointer;
}
.H-menu a,
.H-menu a:active,
.H-menu a:visited
{
  color:#888;
}
.H-menu a:hover{
  color:#ddd;
}
.H-menu img{
  margin:auto 3px auto 15px;
}

.share{
        float:left;
        margin-left:0px;
        margin-right:3px;
        padding:0px;
}

.share ul li a {
        display: block;
}
.share ul li.on {
        display: block;
}
.share ul li.on ul {
        display: block;
        position: absolute;
        z-index: 999;
        visibility:visible;
        margin-left:15px;
}
* html .share ul li.on ul {margin-left:-59px;}
*:first-child+html .share ul li.on ul {margin-left:-60px;}

.share ul li ul {
        display: none;
        z-index: 999;
        visibility:visible;
}
.share ul li.off ul {
        display: none;
        z-index: 999;
        visibility:visible;
}

.share ul li ul li {
        display:block;
        float:none;
        padding:3px 5px;
        text-align:left;
        background-color:#302e2c;
        margin-top:0px;
}
.share ul li ul li img{
        margin-left:0;
        margin-right:3px;
        margin-top:0px;
        margin-bottom:0px;
}
.share ul li ul li a {
        background: none;
        padding:0px;
        color:#999;
}
.share ul li ul li a:hover {
        color:#f0f0f0;
}

.print{
  float: left;
  margin-right:3px;
}
.rss{
  float:left;
}
.fsize {
  float: left;
}
.fsize a {
  display: block;
  height: 15px;
  width: 17px;
}
.ftxt {
  display: none;
}
/* toolbar start */
.tools{
        cursor:pointer;
        width:72px;
        float:left;
        margin-left:0px;
        /*margin-right:3px;*/
        margin-right:2px;
        padding:1px;
        text-align:left;
}
.tools img{
        border:none;
        margin: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{
  margin:0;
}
.tools ul li a{
        display: block;
        margin:0;
}
* 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;
        /*width:130px;*/
        background-color:#302e2c;
        /*padding:5px;*/
}
.tools ul li.on ul li {
        /*display:block;*/
        float:left;
        /*width:130px;*/
        line-height:0px;
        /*padding:3px 5px;*/
        margin:0;
        /*background-color:#302e2c;*/
}
.tools ul li.on ul li a{
        /*width:130px;*/
        display:block;
        padding:3px 5px;

}
#toolrss ul li.on ul {width:140px;}
#toolrss ul li.on ul li {width:140px;}
* html #toolrss ul li.on ul li a{width:140px;}

#toolsbm ul li.on ul {width:170px;}
#toolsbm ul li.on ul li {width:170px;}
* html #toolsbm ul li.on ul li a{width:170px;}

#toolblogs ul li.on ul {width:100px;}
#toolblogs ul li.on ul li {width:100px;}
* html #toolblogs ul li.on ul li a{width:100px;}

#toolresize ul li.on ul {width:100px;}
#toolresize ul li.on ul li {width:100px;}
* html #toolresize ul li.on ul li a{width:100px;}

#toolprint ul li.on ul {width:100px;}
#toolprint ul li.on ul li {width:100px;}
* html #toolprint ul li.on ul li a{width:100px;}
/* toolbar end */

/* ボタンの表示状態（デフォルト）
--------------------*/
#fsmall a {
  background-image: url(http://jbpress.ismedia.jp/common/images/v1/btn_fontS-over.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
#flarge a {
  background-image: url(http://jbpress.ismedia.jp/common/images/v1/btn_fontL.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;
}
#fsmall a:hover {
  background-image: url(http://jbpress.ismedia.jp/common/images/v1/btn_fontS-over.gif);
}
#flarge a:hover {
  background-image: url(http://jbpress.ismedia.jp/common/images/v1/btn_fontL-over.gif);
}


#fsmall2 a {
  background-image: url(http://jbpress.ismedia.jp/common/images/v1/btn_fontS-over.gif);
  background-repeat: no-repeat;
  background-position: 5px 5px;
}
#flarge2 a {
  background-image: url(http://jbpress.ismedia.jp/common/images/v1/btn_fontL.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;
}
#fsmall2 a:hover {
  background-image: url(http://jbpress.ismedia.jp/common/images/v1/btn_fontS-over.gif);
}
#flarge2 a:hover {
  background-image: url(http://jbpress.ismedia.jp/common/images/v1/btn_fontL-over.gif);
}
/*記事＆TOPページ共通 */
.header-tokusyu{
  position:absolute; top:67px; left:6px;
  width:193px;
  color:#ddd;
  font-size:12px;
  line-height:16px;
  text-align:center;
}
.header-tokusyu span{
  background-color:#ccbe86;
  font-size:12px;
  margin-right:6px;
  padding:1px 8px;
  color:#332b0c;
}
.header-tokusyu a,
.header-tokusyu a:active,
.header-tokusyu a:visited{
  color:#ddd;
}
.header-tokusyu a:hover{
  color:#beaf71;
}

/*
*****************************************************
▼▼ footer部分 ▼▼
*****************************************************
*/
#footer{
  /*width:1000px;*/
  width:996px;
  background-color:#d7cea8;
  text-align:center;
  color:#7d7137;
  font-size:10px;
  clear:both;
  margin:0px;
  padding-top:10px;
}
#footer ul{
  padding:0;
  margin:0;
  background-image:url("/common/images/v1/bg_base2.jpg");
  width:996px;
  padding:5px 0;
}
* html #footer ul{
  width:1002px;
}
#footer ul li{
  display:inline;
  font-size:12px;
  color:#fff;
  height:30px;
}
#F-holder {
  background-color:#7D7137;
  color:#FFFFFF;
  font-size:12px;
  margin:10px 0 0;
  padding:10px 0;
  text-align:center;
}

ul.F-list{
  clear: both;
  padding:5px 0 0 50px;
  margin:0;
  width:986px;
}
* html ul.F-list{
  width:996px;
}
ul.F-list li{
  font-size:12px;
  color:#fff;
  border-right:solid 1px #d7cea8;
  /*padding:0 5px;*/
  display:inline;
}
ul.F-list li a{
  margin:0 2px;
}
#F-holder ul.F-list li a,
#F-holder ul.F-list li a:visited
#F-holder ul.F-list li a:active{
  color:#fff;
}
#F-holder ul.F-list li a:hover{
  color:#beaf71;
}

/*
*****************************************************
▼▼ ページ繰り ▼▼
*****************************************************
*/

#mp-ie{
  position:relative;
  clear:both;
  width:620px;
  height:25px;
  margin-bottom:15px;
}
#multipage{
  /*display:block;*/
  /* float:right; */
  float:none;
  margin:0px auto;
  padding:3px;
  text-align:center;
}
* html #mp-ie{
  margin:0px;
  text-align:center!important;
}
.back_p{
  display:block;
  float:left;
  width:110px;
  border-style:solid;
  border-width:0px;
}
.back_p img{
  margin-top:0px;
}
.next_p{
  display:block;
  float:right;
  width:110px;
  border-style:solid;
  border-width:0px;
}
.next_p img{
  margin-top:0px;
}
.current_p{
  display:block;
  width:18px;
  height:23px;
  float:left;
  padding:0px 5px 0px 5px;
  color:#fff;
  font-size:16px;
  line-height:23px;
  text-indent:0.2em;
  font-weight:bold;
  text-align:center;
  background-color:#7d7137;
  border-left:solid 1px #7d7137;
}
* html .current_p{
  width:25px;
  text-indent:0em;
}
.other_p{
  display:block;
  width:15px;
  height:20px;
  color:#000;
  float:left;
  padding:0px 5px 0px 5px;
  font-size:14px;
  line-height:20px;
  text-align:center;
  /*background-color:#efefef;*/
  border-left:solid 1px #ccc;
}
* html .other_p{
  width:25px;
}
.last_p{
  border-right:solid 1px #ccc;
}
.other_p a{
  display:block;
  width:100%;
  text-indent:0em;
  text-align:center!important;
  border:0;
  text-decoration:none;
  color:#000;
  border-bottom: 0px solid ;
}
.other_p a:hover, .other_p a:visited:hover{
  display:block;
  width:100%;
  text-indent:0em;
  text-align:center!important;
  border:0;
  text-decoration:none;
  color:#000;
  border-bottom: 0px solid ;
}
#backtotop{
  position:absolute;
  right:0px;
  bottom:0px;
}


/*
*****************************************************
▼▼ ページ繰り(画面上部　小バージョン) ▼▼
*****************************************************
*/

/*
#mp-ie-top{
  position:relative;
  clear:both;
  width:620px;
  height:25px;
  margin-bottom:15px;
}
*/
#multipage-top{
  /*display:block;*/
  /* float:right; */
  clear:both;
  float:right;
  margin:0px 6px 0px 0px;
  padding:3px;
  text-align:center;
}
* html #multipage-top{
  clear:both;
  margin-top:0px;
  margin-right:3px;
  margin-bottom:0px;
}
/*
* html #mp-ie-top{
  margin:0px;
  text-align:center!important;
}
*/
.back_p-top{
  display:block;
  float:left;
  width:25px;
  border-style:solid;
  border-width:0px;
}
.back_p-top img{
  margin-top:3px;
}
*:first-child+html .back_p-top img{
  vertical-align:top;
}
.next_p-top{
  display:block;
  float:right;
  width:25px;
  border-style:solid;
  border-width:0px;
}
.next_p-top img{
  margin-top:3px;
}
*:first-child+html .next_p-top img{
  vertical-align:top;
}
.current_p-top{
  display:block;
  width:16px;
  height:20px;
  float:left;
  padding:0px 3px 0px 3px;
  color:#fff!important;
  font-size:13px;
  line-height:23px;
  /*text-indent:0.2em;*/
  font-weight:bold;
  text-align:center!important;
  background-color:#7d7137;
  border-left:solid 1px #7d7137;
}
* html .current_p-top{
  width:22px;
  /* text-indent:0em; */
}
.other_p-top{
  display:block;
  width:16px;
  height:20px;
  color:#000;
  float:left;
  padding:0px 3px 0px 3px;
  font-size:13px;
  line-height:23px;
  text-align:center!important;
  /*background-color:#efefef;*/
  border-left:solid 1px #ccc;
}
* html .other_p-top{
  width:22px;
}
.last_p-top{
  border-right:solid 1px #ccc;
}
.other_p-top a{
  display:block;
  width:100%;
  text-indent:0em;
  text-align:center!important;
  border:0;
  text-decoration:none;
  color:#000;
  border-bottom: 0px solid ;
}
.other_p-top a:hover, .other_p-top a:visited:hover{
  display:block;
  width:100%;
  text-indent:0em;
  text-align:center!important;
  border:0;
  text-decoration:none;
  color:#000;
  border-bottom: 0px solid ;
}
/*
#backtotop-top{
  position:absolute;
  right:0px;
  bottom:0px;
}
*/


/*YahooSearch検索枠*/
/*#srchBox{
  position:relative;
}*/
#srchForm{
  margin:0;
  padding:0;
}
p#yjSsMod_1,
p#yjSsMod_2,
p#yjSsMod_3{
	padding:0;
	margin:0;
}
p#yjSsMod_1,
p#yjSsMod_2,
p#yjSsMod_3{
  /* IE8,7,6用ハック。オーバーレイ時に専用の背景が必要 */
  margin-bottom:-42px\9;
  _padding-left:5px;
}

#srchInput{
  width:246px;
  height:21px;
  /*position:absolute;
  top:0;
  left:0;*/
  float:left;
  padding:2px;
  border:1px solid #7d7039;
  background:#fff url(http://img.yahoo-search.jp/img/logo_wm.gif) 10px center no-repeat;
}
#yjSsTxt{
  width:246px;
  height:21px;
  /*position:absolute;
  top:0;
  left:0;*/
  float:left;
  padding:2px;
  border:1px solid #999;
  background:#fff url(https://s.yimg.jp/images/sitesearch/t1/img/bg_lg1.png) 10px center no-repeat;
}
#gsrchInput{
	width:246px;
	height:21px;
	float:left;
	padding:2px;
	border:1px solid #7d7039;
}
* html #srchInput,
* html #yjSsTxt,
* html #gsrchInput{
  height:25px;
  width:250px;
}
#srchBtn{
  clear:none;
  float:right;
  border: 0;
  background: url(/common/images/v2/search-btn.gif) no-repeat 0px 0px;
  width: 52px;
  height: 23px;
  cursor: pointer;
}
#srcBtn{
  clear:none;
  float:left;
  border: 0;
  background: url(/common/images/v2/search-btn.gif) no-repeat 0px 0px;
  width: 52px;
  height: 23px;
  cursor: pointer;
  margin-left:5px;
}