@charset "utf-8";

/* *{word-break: break-all;} 英語サイト用に非表示にしました14.05.20*/
body {font-size: 14px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, sans-serif;line-height: 1.6;}
a{text-decoration:none;color:#AA8F3D;}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
#wrapper{width:100%;}

/* ヘッダー */
header{
	background-image: -moz-linear-gradient(top, #000000, #333333);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #000000), color-stop(1.0, #333333));
    background-color: #000;
	padding:10px;
}

header #logo{float:left;width:129px;}
header #header-side{float:right;}

#common-comment{margin:0 auto;padding:5px;text-align:center;background-color:#f1f1f1;}
#common-comment p{color:#c60000;font-weight:bold;}

/* 検索 */
#cse-search-form{margin:10px 10px 0 10px;}

/* 検索結果 */
#search-list .category-list-title{
	background-color:#353535;
	color:#fff;
	display:block;
	text-shadow: 1px 1px 1px #000;
	padding:2px 5px;
	margin:0 10px 10px 10px;

}
.cse .gsc-control-cse, .gsc-control-cse{padding:0 5px !important;}

/* ランキング */
#ranking{margin:10px;}

#ranking-tab,
#feature-tab{
	display: -webkit-box;
	display: -moz-box;
	width: 100%;
}
#SCtab1,#SCtab2{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	-moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-radius-topright: 6px;
    border-top-right-radius: 6px;
	padding:5px;
	border:solid 1px #b4ab82;
	background-color:#fff;
	background-image:none !important;
	color:#908146;
}
#SCtab1.current,#SCtab2.current{
	background-color:#b4ab82;
	color:#fff;
	text-shadow:1px 1px 1px #c3a35e;
}

ul#SC2{display:none;}
ul#SC1,ul#SC2{
	border-top:solid 1px #b4ab82;
	border-left:solid 1px #b4ab82;
	border-right:solid 1px #b4ab82;
	padding:10px;
}
ul#SC1 li,ul#SC2 li, ul#FT2 li{
	border-bottom:dotted 1px #666;
}
ul#SC1 li a,ul#SC2 li a, ul#FT2 li a{
	display:block;
	padding:5px;
	color:#000;
}
ul#SC1 .icon,
ul#SC2 .icon,
ul#FT2 .icon{
	width:40px;
	float:left;
	margin:0 10px 10px 0;
}
ul#SC1 .rank,
ul#SC2 .rank,
ul#FT2 .rank{
	font-weight:bold;
}

/* ナビゲーション */
nav#sitenavi{
	margin:0 10px;
}
nav#sitenavi ul li{
	background-image: -moz-linear-gradient(top, #e2dfce, #b4ab82);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #e2dfce), color-stop(1.0, #b4ab82));
	background-color:#e2dfce;
	border-bottom:solid 1px #b5ac83;
	padding-right:10px;
}
nav#sitenavi ul li:first-child{
	-moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-radius-topright: 6px;
    border-top-right-radius: 6px;
}
nav#sitenavi ul li:last-child{
	-moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -khtml-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -khtml-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
}
nav#sitenavi ul li a{
	padding:10px;
	display:block;
	color:#000002;
	font-size:1.2em;
	background:url(http://jbpress.ismedia.jp/common/images/v4/smartphone/arrow.png) no-repeat right;
	-webkit-background-size: 20px 21px;
}
/* ナビゲーションサブ */
nav#navistatic{
	margin:10px;
}
nav#navistatic ul{
	display: -webkit-box;
	display: -moz-box;
	width: 100%;
}
nav#navistatic ul li{
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	background-image: -moz-linear-gradient(top, #333333, #666666);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #333333), color-stop(1.0, #666666));
	background-color:#333333;
}
nav#navistatic ul li:first-child{
	-moz-border-radius-topleft: 6px;
    -webkit-border-bott-left-radius: 6px;
    -khtml-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -khtml-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
	border-right:solid 1px #ccc;
}
nav#navistatic ul li:last-child{
	-moz-border-radius-topright: 6px;
    -webkit-border-bott-right-radius: 6px;
    -khtml-border-radius-topright: 6px;
    border-top-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -khtml-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
}
nav#navistatic ul li a{
	color:#fff;
	display:block;
	padding:10px;
}

/* PC版へ */
.change-device{
	background: -moz-linear-gradient(top,#bfbfc0,#444);
	background: -webkit-gradient(linear, left top, left bottom, from(#bfbfc0), to(#444));
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	border:solid 1px #666;
	text-align:center;
	margin:10px;
	display:block;
}
.change-device a{color:#fff;padding: 10px 0;display:block;}

.logout,.login{
	background: -moz-linear-gradient(top,#a00,#700101);
	background: -webkit-gradient(linear, left top, left bottom, from(#a00), to(#700101));
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	border:solid 1px #666;
	text-align:center;
	margin:10px;
	display:block;
}
.logout a,.login a{color:#fff;padding: 10px 0;display:block;}

/* フッター */
.return-top .btn{
	float:right;
	-moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	background-color:#c3ba99;
	margin-right:10px;
	width:100px;
	text-align:center;
}
.return-top .btn a{display:block;color:#000;padding:2px 5px;}

footer{
	background-image: -moz-linear-gradient(top, #333333, #000000);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #333333), color-stop(1.0, #000000));
    background-color: #000;
	padding:5px;
	color:#fff;
}
footer p{font-size:0.8em;text-align:center;}
nav#footernavi{margin-bottom:1em;}
nav#footernavi a{color:#fff;}
nav#footernavi ul li{
	float:left;
	border-right:solid 1px #666;
	text-align:center;
	padding:0 10px;
	margin-bottom:5px;
}
nav#footernavi ul li:last-child{border-style:none;}

.more p{text-align:right;}
.more p a{color:#000;padding:3px;}

/* 広告（共通）*/
#pr1{width:300px;margin:5px auto 10px auto;text-align:center;}

.text-pr-area ul li{border-bottom:dotted 1px #888;padding:3px 10px;background-color:#f5f5f5;position:relative;}
.text-pr-area ul li a{color:#000;}
.text-pr-area ul li .txt-box{padding-right:40px;display:block;}
.text-pr-area ul li .pr{color:#c00;margin-right:5px;position:absolute;top:3px;right:5px;}

#focus-ad-space{
	border-bottom:solid 1px #b4ab82;
	border-left:solid 1px #b4ab82;
	border-right:solid 1px #b4ab82;
	padding:0 10px 10px 10px;
}
#focus-ad-space ul#focus-ad li a{color:#000;}
#focus-ad-space ul#focus-ad li img{
	margin-right:7px;
	float:left;
	/*width:70px;*/
	vertical-align:top;
}

#focus-ad-space-article{
	border:solid 1px #b4ab82;
	padding:10px;
	margin:10px;
}
#focus-ad-space-article ul#focus-ad li a{color:#000;}
#focus-ad-space-article ul#focus-ad li img{
	margin-right:7px;
	float:left;
	/*width:70px;*/
	vertical-align:top;
}

ul li.text-ad{background-color:#f5f5f5;padding:5px;}
ul li.text-ad a{color:#000;}
ul li.text-ad .pr{
	color:#c00;margin-right:5px;
}

ul li.pr-box{background-color:#f5f5f5;padding:5px 5px 0 5px;}
ul li .text-ad.title{padding:0 0 0 40px;}
ul li .text-ad.title a{color:#000;}
ul li .text-ad.title span{display:block;}
ul li .text-ad.title:first-child{border-bottom:solid 1px #ccc;}

#logly_lift ul li:after{
	content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
#logly_lift ul li{padding:5px 0;}

/* ログイン画面 */
#leaf-login-main{
	background-color:#f5f5f5;
	padding:10px;
	margin:10px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.leaf-login-wrapper{
	background-color:#fff;
	padding:10px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:double 3px #ddd;
}
.leaf-login-wrapper h5{display:none;}

.leaf-login-wrapper ul li input{width:95%;padding:5px;font-size:18px;}

.leaf-login-wrapper ul li.idpw-btn{width:100%;margin:0 auto;}
.leaf-login-wrapper ul li.idpw-btn input{
	width:100%;
	margin:10px auto 0 auto;
	padding:6px 0;
	background: -moz-linear-gradient(top,#444 0%,#000);
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	color:#fff;
	text-align:center;
	font-weight:bold;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:solid 1px #ddd;
}

ul.regist li{
	background:url(http://jbpress.ismedia.jp/common/images/v4/smartphone/latest-arrow.png) no-repeat 0px 12px;
	-webkit-background-size: 10px 10px;
	padding:5px 5px 5px 10px;
}
#leaf-login-main .mark{
	background:url(http://jbpress.ismedia.jp/common/images/v4/smartphone/arrow.png) no-repeat 0 5px;
	-webkit-background-size: 11px 13px;
	padding-left:20px;
	margin:2px 0 5px 0;
}

/* ログイン画面（リニューアル）2013.09追加 */
#leaf-login-frame{margin-bottom:25px;}
#leaf-login-frame h2{
	border-radius:6px;
	padding:5px;
	color:#fff;
	background-color:#666;
	margin-bottom:5px;
}

#leaf-login-frame form{
	padding:10px;
	background-color:#fafafa;
	border:solid 2px #999;
	border-radius:6px;
}
#leaf-login-frame form li.idpw{margin-bottom:10px;}
#leaf-login-frame form li.idpw input{width:100%;padding:5px 0;}
#leaf-login-frame form li.idpw-btn{width:80%;margin:10px auto;}
#leaf-login-frame form li.idpw-btn input{
	text-align:center;
	width:100%;
	border:solid 1px #666;
	color:#a00;
	font-weight:bold;
	padding:10px;
	font-size:16px;
	text-shadow:0 1px 1px #666;
}
#leaf-login-frame .mark{
	background:url(http://jbpress.ismedia.jp/common/images/v4/smartphone/arrow.png) no-repeat 0 5px;
	-webkit-background-size: 11px 13px;
	padding-left:20px;
}



h1{
	margin-bottom:10px;
}

h2{
	margin-bottom:10px;
}

p.smp_lead{
	font-size:12px;
	line-height:1.8em;
	padding:0px 20px;
	margin-bottom:5px;
}

p.kome{
	font-size:10px;
	line-height:1.4em;
	padding:0px 20px;
	margin-bottom:20px;
}

p.smp_text{
	font-size:13px;
	line-height:1.7em;
	padding:0px 20px;
	margin-bottom:15px;
}

p.smp_text span{
	display:inline-block;
	margin-top:5px;
}

p.smp_text span a{
	color:#E38200;
}

.image_photo{
	margin-bottom:10px;
}

.next{
	margin-bottom:10px;
}

#button_box{
	padding:0px 7%;
	padding-left:8%;
	margin-bottom:20px;
}

.button{
	width:30%;
	float:left;
	margin-right:8px;
}

.link{
	margin-bottom:10px;
}

#text_image{
	margin-top:20px;
	margin-bottom:20px;
}

#banner{
	margin-bottom:30px;
}