@charset "utf-8";

/*
*********************************************************************
トレンドウォッチPR
*********************************************************************
*/
.pr-trend-watch .title{color:#fff;margin:20px 0 0;border-bottom:solid 2px #fff;}
.pr-trend-watch .pr-inner{
	background-color:#fff;
	padding:9px;
	border-top:solid 5px #9e919f;
	border-right:solid 1px #666;
	border-bottom:solid 1px #666;
	border-left:solid 1px #666;
	font-size:12px;
}
.pr-trend-watch .pr-inner a{display:block;border-bottom:solid 1px #ccc;padding:5px 0 10px;overflow:hidden;font-size:14px;}
.pr-trend-watch .pr-inner a:last-child{border-style:none;}
.pr-trend-watch .pr-inner img{width:60px;height:60px;float:left;margin-right:10px;display:block;vertical-align:middle;}
.pr-trend-watch .pr-inner span{display:block;}

/*
********************************************************************
ランキング
********************************************************************
*/

#section,#recommend-section{
	clear:both;
	width:278px;
	margin-bottom:15px;
	padding:10px 10px 15px 10px;
	_padding:10px;
	/*height:280px;*/
	border-style:solid;
	border-width:5px 1px 1px 1px;
	border-color:#ff0000 #666 #666 #666;
	background-color:#fff;
}
* html #section,* html #recommend-section{
	width:300px;
	margin-top:0px;
}
*:first-child+html #section{
	margin-top:0px;
}
/* アイコン付きランキングのリスト */
#section * .topics-ranklist-icon,#recommend-section * .topics-ranklist-icon{
	clear:none;
	float:left;
	margin:5px 0px;
}
#section * .topics-ranklist-icon,#recommend-section * .topics-ranklist-icon{
	border-style:solid;
	border-width:1px;
	border-color:#ccc;
}
#section * .topics-ranklist-body,#recommend-section * .topics-ranklist-body{
	clear:none;
	float:right;
	width:220px;
	font-size:12px;
	margin-top:3px;
}

ul#SC1{
  display:none; /* 変更不可 */
}
ul#SC2{
  display:block; /* 変更不可 */
}
ul#SC1.current{
  display:block; /* 変更不可 */
}
ul#SC2.current{
  display:block; /* 変更不可 */
}

ul#SC1 li, ul#SC2 li, ul#SC3 li, ul#recommend li{
	clear:both;
	border-bottom:solid 1px #ccc;
	padding:7px 0;
}
ul#SC1 li h5, ul#SC2 li h5, ul#SC3 li h5, ul#recommend li h5{
	font-weight:normal;
}
.rank{
	font-size:0.8em;
	line-height:1.2em;
}
ul#SC3 li.SC-more{
	font-size:12px;
	text-align:right;
	border:none;
}
.SC-more a,
.SC-more a:visited,
.SC-more a:active{
	color:#555;
}
.SC-more a:hover{
	color:#aa8f3d;
}
/* タブ */
.ranking-tab{overflow:hidden;}

.ranking-tab #SCtab1.current,
.ranking-tab #SCtab2.current{
background-color:#d00;
text-align:center;
color:#fff;
border-top:solid 1px #ccc;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
line-height:1;
padding:5px 0;
font-size:15px;
float:left;
width:130px;
cursor:pointer;
margin-right:1px;
}

.ranking-tab #SCtab2.not-current,
.ranking-tab #SCtab1.not-current{
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(147,147,147,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(147,147,147,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(147,147,147,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(147,147,147,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(147,147,147,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(147,147,147,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#939393',GradientType=0 ); /* IE6-9 */
text-align:center;
color:#fff;
border-top:solid 1px #ccc;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
line-height:1;
padding:5px 0;
font-size:15px;
float:left;
width:130px;
cursor:pointer;
margin-right:1px;
}


/* 2015.07～新スタイル */
ul#SC1 li,ul#SC2 li{display:table;width:100%;}
ul#SC1 li span,ul#SC2 li span{display:table-cell;vertical-align:middle;}
ul#SC1 li span.rank-num,ul#SC2 li span.rank-num{width:25px;}
ul#SC1 li a span.rank-num .number,ul#SC2 li a span.rank-num .number{width:21px;height:21px;line-height:21px;display:block;font-size:15px;font-weight:bold;text-align:center;}
ul#SC1 li span.rank-num .number,ul#SC2 li span.rank-num .number{background-color:#fff;border:solid 2px #663;color:#663;}
ul#SC1 li a span.rank-text,ul#SC2 li a span.rank-text{color:#666;padding-left:10px;}
ul#SC1 li a:hover span.rank-text,ul#SC2 li a:hover span.rank-text{color:#800;}
ul#SC1 li span.subtitle,ul#SC2 li span.subtitle{font-size:10px;display:block;}
ul#SC1 li span.title,ul#SC2 li span.title{font-size:15px;font-weight:bold;display:block;line-height:1.2;}
ul#SC1 li a,ul#SC2 li a{display:block;}

#recommend-section-block{margin:20px 0 5px;}
#recommend-section-block .heading{border-bottom:solid 2px #fff;}
#recommend-section ul li{
	font-size:15px;
	border-bottom:solid 1px #ccc;
}
#recommend-section ul li:first-child{padding-top:0;}
#recommend-section ul li a{display:block;padding:10px 0;}

/*
********************************************************************
記事リスト
********************************************************************
*/

ul.icon-list{
	font-size:12px;
}
ul.icon-list img{
	clear:none;
	float:left;
	width:40px;
	margin-bottom:5px;
}
ul.icon-list li{
	/* height:60px; */
	padding:5px 0px;
}
ul.icon-list li div.list{
	clear:none;
	float:left;
	margin-left:10px;
	width:240px;
}
* html ul.icon-list li div.list{
	margin-left:10px;
}
ul.icon-list li{
	border-style:dotted;
	border-width:0px 0px 1px 0px;
	border-color:#fff;
}
ul.icon-list li span.toptitle{
	display:block;
}
ul.icon-list li div.list a{
	color:#fff;
}
ul.icon-list li div.list a:hover{
	color:#ff0000;
}ul.icon-list li div.list a:visited{
	color:#ccc;
}



/*
********************************************************************
雑誌インフォメーション
********************************************************************
*/
#maginfo,.maginfo{
	position:relative;
	margin:0 0 10px 0;
	padding:5px 15px;
	height:100px;
	width:270px;
	color:#fff;
	background-image:url(/common/images/v1/common/bg_baitai.jpg);
	background-repeat:no-repeat;
	border-bottom:solid 1px #666;
}
* html #maginfo,* html .maginfo{
	position:relative;
	width:300px;
	height:120px;
	background-image:url(/common/images/v1/common/bg_baitai.jpg);
}
#maginfo-gendai-upperline{
	margin:0px;
	padding:0px;
	width:300px;
	height:3px;
	background-image:url(/common/images/v1/common/bg_maginfo_bottom.jpg);
	background-repeat:no-repeat;
	text-indent:-1000em;
}
#maginfo-friday-upperline{
	margin:0px;
	padding:0px;
	width:300px;
	height:3px;
	background-image:url(/common/images/v1/common/bg_maginfo_bottom.jpg);
	background-repeat:no-repeat;
	text-indent:-1000em;
}
#maginfo-theory-upperline{
	margin:0px;
	padding:0px;
	width:300px;
	height:3px;
	background-image:url(/common/images/v1/common/bg_maginfo_bottom.jpg);
	background-repeat:no-repeat;
	text-indent:-1000em;
}
#maginfo-underline,.maginfo-underline{
	margin-bottom:5px;
	padding:0px;
	width:300px;
	height:3px;
	background-image:url(/common/images/v1/common/bg_maginfo_bottom.jpg);
	background-repeat:no-repeat;
	text-indent:-1000em;
}
#maginfo .figure,.maginfo .figure{
	clear:none;
	float:right;
}
#maginfo p,.maginfo p{
	clear:left;
	float:left;
	font-size:11px;
	margin-top:35px;
	margin-bottom:5px;
	width:200px;
}
.maginfo-logo{
	position:absolute;
	bottom:90px;
	top:0px;
	left:0px;
	padding:5px 10px 0px 10px;
}

/*
********************************************************************
雑誌インフォメーション
********************************************************************

#maginfo,.maginfo{
	position:relative;
	margin:0px;
	padding:15px;
	height:120px;
	width:270px;
	color:#fff;
	background-image:url(/common/images/v1/common/bg_baitai.jpg);
	background-repeat:no-repeat;
}
* html #maginfo,* html .maginfo{
	position:relative;
	width:300px;
	height:150px;
	background-image:url(/common/images/v1/common/bg_baitai.jpg);
}
#maginfo-gendai-upperline{
	margin:0px;
	padding:0px;
	width:300px;
	height:3px;
	background-image:url(/common/images/v1/common/bg_maginfo_bottom.jpg);
	background-repeat:no-repeat;
	text-indent:-1000em;
}
#maginfo-friday-upperline{
	margin:0px;
	padding:0px;
	width:300px;
	height:3px;
	background-image:url(/common/images/v1/common/bg_maginfo_bottom.jpg);
	background-repeat:no-repeat;
	text-indent:-1000em;
}
#maginfo-theory-upperline{
	margin:0px;
	padding:0px;
	width:300px;
	height:3px;
	background-image:url(/common/images/v1/common/bg_maginfo_bottom.jpg);
	background-repeat:no-repeat;
	text-indent:-1000em;
}
#maginfo-underline,.maginfo-underline{
	margin-bottom:5px;
	padding:0px;
	width:300px;
	height:3px;
	background-image:url(/common/images/v1/common/bg_maginfo_bottom.jpg);
	background-repeat:no-repeat;
	text-indent:-1000em;
}
#maginfo .figure,.maginfo .figure{
	clear:none;
	float:right;
}
#maginfo p,.maginfo p{
	clear:left;
	float:left;
	font-size:12px;
	margin-top:50px;
	margin-bottom:5px;
	width:180px;
}
.maginfo-logo{
	position:absolute;
	bottom:90px;
	left:0px;
	padding:10px;
}
*/