@charset "utf-8";
@import "footer.css";

/*
********************************************************************
サイト全体に共通の基本定義
※英語＆Premiumは下に記述
********************************************************************
*/
/* ▼余白、リストのデフォルト形状、fontなど▼ */
* {
  list-style:none;
  margin:0px;
  padding: 0px;
  text-decoration: none;
}
body{font-family: 'Meiryo', 'メイリオ','平成明朝','Lucida Grande', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;}
a.noborder, 
a.noborder:link, 
a.noborder:hover, 
a.noborder:active, 
a.noborder:visited, 
img{
  border: 0;
  vertical-align:bottom;
}
a:link, 
a:active{
  color: #000;
  border-bottom: 0px solid ;
  text-decoration:none;
}
a:visited{
  color: #757575;
  border-bottom: 0px solid ;
  text-decoration:none;
}
a:hover{
  color: #aa8f3d;
  text-decoration:none;
}
/*a:focus{outline:none; background-color:#f1f1f1;}*/

/*------------------------
▼基本の大枠レイアウト▼
-------------------------*/
html{background: url(/common/images/v5/common/bg-slash.jpg) repeat center top;}
body{position:relative;background: url(/common/images/v5/common/bg-footer.jpg) repeat-x scroll left bottom; margin:0; padding:0;}
#header-wp{
	width:100%;
	min-width:1000px; 
	/*height:127px;*/
	/*影*/
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Color='#dedede', Direction=180, Strength=10);/*IE8*/
	filter: progid:DXImageTransform.Microsoft.Shadow(Color='#dedede', Direction=180, Strength=10);/*IE7以下*/
	/*z-index:3000;*/
	background-color:#000;
	position:relative;
	
	/*バックグランドグラデーション*/
	background: -moz-linear-gradient(top, #000000, #111111 70%, #333333);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #000000),color-stop(0, #333333));
	-ms-filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#000000',EndColorStr='#333333');
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#000000',EndColorStr='#333333');
	/* welcome対策 */
	z-index:200;
}
#header{
	width:985px;
	margin:0 auto;
	/*height:127px;*/
	padding:23px 0 0;
	position:relative;
}
#wrapper{position:relative;height:100%; margin:0 auto; width:975px;  background-color:#fff; padding:15px 35px 0 25px; z-index:10; /*position:relative;*/}
* html #wrapper{width:1035px;}
#main-column{width:653px; float:left;}

#sub-column{width:300px; float:right;
}
/* special用バナー一調整 */
#sub-column .central{
margin-bottom:20px;
}


/*--------------------------------
▼共通フッター、ヘッダー▼
--------------------------------*/

/*------検索枠------*/
.common-gsearch{width:300px;}
.common-gsearch input.gsc-input{background-color:#000; }
/*------ヘッダー------*/
#header a{color:#fff;}
#header h1.logo-jb,
#header a.logo-jb{
	background: url(/common/images/v5/common/logo-jb.jpg) no-repeat;
	display:block;
	text-indent:-1110em;
	width:165px; height:32px;
	float:left;
	margin-bottom:30px;
}
/* 20141119　新書発売に合わせ一時的に修正
#header p.pre-info{float:left; font-size:12px; padding-top:8px; margin-left:50px;}
*/
#header p.pre-info{float:left; font-size:12px; padding-top:0px; margin-left:50px;}

#header p.pre-info a span{color:#b7ab81;}
#header p.pre-info a{text-decoration:none; color:#d8d8d8;}

#header .ismedia-login{float:right; height:32px;margin-bottom:16px;}
#header .ismedia-login ul li{float:left; margin-left:25px; font-size:12px; line-height:20px;}
#header .ismedia-login ul li.header-en, #header .ismedia-login ul li.header-member{
	background: url(/common/images/v5/common/h-icon.gif) no-repeat right center;
	padding:0 19px 0 0; height:13px; margin-top:5px; height:20px;
}
#header .ismedia-login ul li.header-login{
	background: url(/common/images/v5/common/login-icon.gif) no-repeat left center; 
	padding: 0 0 0 35px; height:20px;margin-top:5px;
}
#header .nav-wp{clear:both; height:52px;}
#header .common-gsearch{float:right;}


/*--------▼ナビゲーション▼-----------------*/
/*#navi-menu{font-size:14px; line-height:14px; z-index:3000;}
#usual #navi-menu{position:absolute; left:0; bottom:-15px;}
#navi-menu ul{position:relative;}
#navi-menu ul li{float:left;}
#navi-menu ul li a span{display:none;}
#usual #navi-menu ul li{margin-left:10px; z-index:1000;}
#usual #navi-menu ul li:first-child{margin:0;}
#usual #navi-menu ul li a{padding:15px 15px 0; display:block; height:40px;}
* html #usual #navi-menu ul li a{height:55px;}
#usual #navi-menu ul li.current a{height:55px; position:relative;}
* html #navi-menu ul li.current a{height:70px;}
#usual #navi-menu ul li a:hover, #usual #navi-menu ul li.current a{
	position:relative;
	background: -moz-linear-gradient(top, #6f632f, #a7a165 50%, #c6c082);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #6f632f),color-stop(0, #c6c082));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6f632f', endColorstr='#c6c082');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6f632f', endColorstr='#c6c082')";
}
#navi-menu ul li.current a span{
	display:block; position:absolute; bottom:-11px; left:41%; text-indent:-1100em;
	width:14px; height:11px; background: url(/common/images/v5/common/nav-y.png) no-repeat;
}*/
#navi-menu{font-size:14px; line-height:14px; z-index:3000;}
#usual #navi-menu{position:absolute; left:0; bottom:-15px;}
#navi-menu ul{position:relative;}
#navi-menu ul li{float:left;}
#navi-menu ul li a span{display:none;}
#usual #navi-menu ul li{margin-left:10px; z-index:1000;}
#usual #navi-menu ul li:first-child{margin:0;}
#usual #navi-menu ul li a{padding:15px 15px 0; display:block; height:55px; position:relative;}
* html #navi-menu ul li a{height:70px;}

/*current とそれ以外でリンク：hover長さ変える？*/
#usual #navi-menu ul li a.current{padding:15px 15px 0; display:block; height:55px; position:relative;}
* html #navi-menu ul li a.current{height:70px;}
#usual #navi-menu ul li a.normal{padding:15px 15px 0; display:block; height:40px; position:relative;}
* html #navi-menu ul li a.normal{height:35px;}
/**/



#usual #navi-menu ul li a:hover, #usual #navi-menu ul li a.current{
	position:relative;
	background-color:#a7a165;
	background: -moz-linear-gradient(top, #6f632f, #a7a165 50%, #c6c082);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #6f632f),color-stop(0, #c6c082));
	/* filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6f632f', endColorstr='#c6c082'); */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6f632f', endColorstr='#c6c082')";
	background: linear-gradient(to bottom, #6f632f, #c6c082);/* IE10+, W3C */
}
#usual #navi-menu ul li a:hover span, #usual #navi-menu ul li a.current span{
	display:block; position:absolute; bottom:-11px; left:41%; text-indent:-1100em;
	width:14px; height:11px; background: url(/common/images/v5/common/nav-y.png) no-repeat;
}

#totop {text-align:right; clear:both; padding-top:30px;}
/*
************************************
ページ繰り
************************************
*/
.common-pg{text-align:center;}
ul.pagination{margin:0 auto;}
ul.pagination li{display:inline-block;}


/*
****************************************
----▼英語サイト追加分▼-----------
****************************************
*/
body#eng{font-family: Arial,Helvetica,sans-serif;}

#eng #header-wp{height:137px;}
#eng #header{height:117px; position:relative; padding:20px 0 0;}
* html #eng #header{height:137px;}
#eng #header .ismedia-login{margin-bottom:0;}
#eng #header .ismedia-login ul li{font-size:14px;}
#eng #header .ismedia-login ul li.header-jp{background: url(/common/images/v5/common/h-icon.gif) no-repeat right center;padding:0 19px 0 0;}
#eng #header .ismedia-login ul li.header-mail a{font-weight:bold; color:#b0a26a; background: url(/common/images/v5/common/eng-header-mail.gif) no-repeat left center; padding-left:34px;}

#footer a.fotter-link-jp{position:absolute; bottom:32px; right:140px; color:#fff; padding-right:19px; font-size:14px; background: url(/common/images/v5/common/h-icon.gif) no-repeat right center;}

#eng #wrapper{width:975px; padding:15px 20px 0 40px;}
* html #wrapper{width:1035px;}
#eng #footer .f-navi ul li a{font-size:100%;}
p.eng-more{text-align:right; font-size:14px;}
p.eng-more a{color:#990000; padding-right:17px; background: url(/common/images/v5/common/icon04.gif) no-repeat right center;}
p.eng-more a:hover{text-decoration:underline;}

/*--------▼ナビゲーション（英語＆プレミアム）▼-----------------*/
#eng #navi-menu{
	position:absolute;
	bottom:0;
	left:0;
	font-size:16px;
}
#eng #navi-menu ul li{margin-left:20px;}
#eng #navi-menu ul li:first-child, #pre #navi-menu ul li:first-child{margin:0;}
#eng #navi-menu ul li a{
	border-bottom:solid 10px transparent;
	padding:0 5px 5px 5px; display:block; 
	height:24px;
}
* html #eng #navi-menu ul li a{height:30px;}
#eng #navi-menu ul li a:hover, #eng #navi-menu ul li a.current{border-bottom:solid 10px #b5ab82;}

/*
****************************************
----▼Premium▼-----------
****************************************
*/
body#pre{background:none;}
#pre #wrapper{padding:0 15px 0 15px; width:1005px;}
#pre #header{
	width:970px; background-color:#000;
	-webkit-box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.5);
	box-shadow: 1px 0px 2px 0 rgba(0, 0, 0, 0.5);
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Color='#9e9e9e', Direction=135, Strength=4);/*IE8*/
	filter: progid:DXImageTransform.Microsoft.Shadow(Color='#9e9e9e', Direction=135, Strength=4);/*IE7以下*/
	z-index:1;
	padding:15px 15px 5px;
	border-top:solid 2px #a99b6a;
	height:auto;
	margin-bottom:15px;
	position:relative;
	height:115px;
}
* html #pre #header{width:1000px;}
/*ロゴ*/
#pre #header h1.logo-jb,
#pre #header a.logo-jb{
	background: url(/common/images/v5/common/pre-logo.jpg) no-repeat;
	width:304px; height:39px;
	margin-bottom:35px;
}
#pre #header .nav-wp{position:absolute; left:15px; bottom:0; height:auto; width:970px;}
#pre #navi-menu{float:left;}
#pre #navi-menu ul li{margin-left:10px;}
#pre #navi-menu ul li a{
	border-bottom:solid 10px transparent;
	padding:0 15px 0 15px; display:block; 
	height:24px;
}
* html #pre #navi-menu ul li a{height:30px;}
#pre #navi-menu ul li a:hover, #pre #navi-menu ul li a.current{border-bottom:solid 10px #b5ab82;}



#pre #footer{
	background: url(/common/images/v5/common/bg-footer.jpg) repeat-x scroll left bottom;
	width:1035px;
}
#pre #footer .f-logo-jb img{left:20px;}
#pre #footer p.copyright{left:167px;}
#pre #footer .f-logo-ismedia{right:27px;}

/*
********************************************
▼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 */

/*--角丸--*/
/*.border_radius,
.border_radius_signage,
.border_radius_bottom {
	behavior: url(/common/css/v5/PIE.htc);
}*/
.border_radius {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-khtml-border-radius:2px;
	border-radius: 2px;
}
.border_radius_signage {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-khtml-border-radius:4px;
	border-radius: 4px;
}
.border_radius_bottom{
	-webkit-border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	-o-border-radius:0 0 3px 3px;
	-khtml-border-radius:0 0 3px 3px;
	border-radius:0 0 3px 3px;
}





/*
********************
広告
********************
*/
.welcome-wp{position:relative;display:none;clear:both; background-color:#fff; padding:10px 10px 10px 13px; margin-bottom:15px;}
#welcome{position:relative;float:right;width:640px; height:480px; display:block;z-index:1;}
.wel-ranking{float:left; width:295px;}
#welcome #welcome-close{
float:right;
margin:0px 20px 0px auto;
cursor:pointer;
font-weight:bold;
color:#333;
}
#main-column #welcome-close{
display:none;
}

/* ページ上部・下部表示の際の表示領域 */
.welcome-wp #welcome-top{
clear:none;
float:right;
width:640px;
height:480px;
margin:0px 0px 15px 0px;
background-color:transparent;

}
#welcome-bottom{
display:none;
width:653px;
height:484px;
background-color:transparent;
}

#header .wel-ranking p{font-size:20px; padding:5px 0;}
#header .wel-ranking ul li{
	border-bottom:dotted 1px #666;
	padding:7px 0;
	font-size:15px;
	line-height:1.6;
}
#header .wel-ranking ul li a{color:#000;}
#header .wel-ranking ul li a span{padding:0 5px; background-color:#b31313; color:#fff; font-weight:bold; margin-right:8px;}

/* 広告プラチナテキスト */
.ad-bottom-article{margin:20px auto 20px 0;width:635px;}
.ad-bottom-article .platinum-text{
	border:solid 1px #efefef;
}
.ad-bottom-article .platinum-text:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.ad-bottom-article .platinum-text{display: inline-block;}
/* Hides from IE-mac \*/
* html .ad-bottom-article .platinum-text{height: 1%;}
.ad-bottom-article .platinum-text{display: block;}
/* End hide from IE-mac */
.ad-bottom-article .platinum-text img{float:left;margin-right:15px;}
.ad-bottom-article .platinum-text .text{float:right;width:315px;}
.ad-bottom-article .platinum-text .ttl{display:block;font-weight:bold;padding:5px 5px 7px 0;font-size:18px;}
.ad-bottom-article .platinum-text .summary{font-size:15px;line-height:1.3;}

#d-rights {
    background-color: #FFFFFF;
    bottom: 80px;
    position: absolute;
    right: 14px;
    width: 300px;
    z-index: 1000;
}
#d-rights ul{
margin:10px 0px 0px 0px;
font-size:14px;
line-height:1.6em;
}


#top-for-smartphone{text-align:center; background-color:#a8a8a8;}
#top-for-smartphone a{display:block;}
#top-for-smartphone img{height:60px;}