﻿@charset "UTF-8";

/* グローバルナビ包含用 0612追加 renew */
#bpgnav {width:1000px; margin:0 auto;}

/* TRENDYnetの使い方 */

.frombp h2{
	font-size:14px;
	font-weight:bold;
	color:#367fec;
	padding-left:5px;
	margin-bottom:4px;
}
.frombp ul{
	margin-bottom:8px;
}
.frombp li{
	color:#364151;
	line-height:1.3em;
	border-bottom:1px dotted #818995 !important;
	padding:4px 0 3px 10px;
	font-size:12px;
}
.frombp li a{
	color:#364151;
}


/* 201407_renew ココカラ */

/* ランキング */
.ranking {
	margin-bottom:15px;
}
.ranking h2, .ranking p {
	height:21px;
	color:#FFF;
	font-size:16px;
	line-height:1em;
	font-weight:bold;
	background-color:#000;
	padding:6px 6px 0 6px;
	margin-bottom:3px;
}
.ranking h2 .rnk_title, .ranking p .rnk_title {
	float:left;
	font-size:16px;
	overflow-x:hidden;
	overflow-y:hidden;
}
.ranking h2 .rnk_genre, .ranking p .rnk_genre {
	color:#ffffff;
	float:right;
	font-size:12px;
	font-weight:bold;
	padding:0 7px 0 0;
}
.ranking ul {
	clear:both;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.ranking ul.tab {
	margin:0px;
	min-height:1px;
	padding:0;
	width:300px;
}
.ranking ul.tab:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.ranking ul.tab {
	display:inline-table;
}
* html .ranking ul.tab {
	height:1px;
}
.ranking ul.tab {
	display:block;
	border-top:1px solid #E70012;
	border-left:1px solid #E70012;
}
.ranking ul.tab li {
	float:left;
	margin:0;
	padding:0;
}
.ranking ul.tab li a {
	color:#364151;
	display:block;
	font-size:95%;
	padding:2px 0;
	text-align:center;
	text-decoration:none;
	width:99px;
	background-color:#ffffff;
	border-right:1px solid #E70012;
	border-bottom:1px solid #E70012;
}
.ranking ul.tab li a.on {
	background-color:#FAEAEA;
	color:#364151;
	font-weight:bold;
	border-bottom:1px solid #FAEAEA;
}
.ranking ul.tab li a:hover {
	background-color:#FAEAEA;
	color:#364151;
}
.ranking ul.rank_list {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:#FAEAEA;
	background-image:none;
	background-position:0 0;
	background-repeat:repeat;
	margin:0 0 1px 0;
	padding:0;
	width:300px;
}


/* 7月30日変更↓ */
.ranking ul.rank_list li {
	overflow:hidden;
	margin:0;
	min-height:30px;
	padding:5px 5px 4px 0;
	border-bottom:1px dotted #818995;
}
.ranking ul.rank_list li.rank1 {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;

}
.ranking ul.rank_list li.rank2 {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;

}
.ranking ul.rank_list li.rank3 {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;

}
.ranking ul.rank_list li.rank4 {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;

}
.ranking ul.rank_list li.rank5 {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;

}
.ranking ul.rank_list li.rank6 {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;

}
.ranking ul.rank_list li.rank7 {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;

}
.ranking ul.rank_list li.rank8 {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;

}
.ranking ul.rank_list li.rank9 {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;

}
.ranking ul.rank_list li.rank10 {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-background-size:auto auto;
	background-attachment:scroll;
	background-color:transparent;

}
.ranking ul.rank_list li a {
	border-left-color-ltr-source:physical;
	border-left-color-rtl-source:physical;
	border-left-color-value:#CCCCCC;
	border-left-style-ltr-source:physical;
	border-left-style-rtl-source:physical;
	border-left-style-value:solid;
	border-left-width-ltr-source:physical;
	border-left-width-rtl-source:physical;
	border-left-width-value:2px;
	color:#364151;
	display:block;
	font-size:14px;
	height:100%;
	line-height:130%;
	margin:0;
	padding:0 0 0 23px;
	text-decoration:none;
}
.ranking ul.rank_list li a:hover {
	color:#0066CC;
	text-decoration:underline;
}

/* 20160317　要素指定変更の対照元のためコメントアウト（確認後、トルツメして下さい） */
/*.ranking ul.rank_list li a span{
	float:left;
	width:30px;
	height:22px;
	padding-top:8px;
	color:#FFF;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	background-color:#E70012;
	margin-top:3px;
	margin-left:-12px;
	margin-right:15px;
	margin-bottom:10px;
	display:block;
}
*/
/* 20160317　要素指定変更の対照元のためコメントアウト */

/* 20160317　要素指定変更 */
.ranking ul.rank_list li span {
	float:left;
	width:30px;
	height:22px;
	padding-top:8px;
	color:#FFF;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	background-color:#E70012;
	margin-top:3px;
	margin-left:10px;
	margin-right:15px;
	margin-bottom:10px;
	display:block;
}
/* 20160317　要素指定変更 */



/* 7月30日変更↑ */

/* 201407_renew ココマデ */



/* ad_rectangle */
.ad_rectangle{
	margin-bottom:10px;
}

/* 201407_renew ココカラ */

/* Yahoo!話題のキーワード枠 20140530*/
.ydn_keyword {
	margin-bottom:10px;
}
.ydn_keyword .title{
	height:27px;
	color:#ffffff;
	background-color:#000;
	padding:0 6px 0 6px;
}
.ydn_keyword .title h2{
	font-weight:bold;
	color:#FFFFFF;
}
.ydn_keyword .title h2 .fea_title {
float:left;
	font-size:16px;
	line-height: 28px;
overflow-x:hidden;
overflow-y:hidden;
}
.ydn_keyword .title h2 .fea_genre {
float:right;
	line-height: 28px;
font-weight:bold;
padding-bottom:0;
padding-left:0;
padding-right:7px;
padding-top:0;
}
.ydn_keyword a{
	font-size:13px;
	text-decoration:none;
	color:#364151;
	display:block;
	padding:5px 6px 5px 10px;
	background-color:#FFFFFF;
}
.ydn_keyword a:hover{
	text-decoration:underline;
	background-color:#FAEAEA;
}
.ydn_keyword h4{
	color:#848fa0;
}
.ydn_keyword li{
	border-bottom:1px dotted #818995;
}

/* 201407_renew ココマデ */


/* 201407_renew ココカラ */

/* インフォメーション */
.information_side {
	margin-bottom:10px;
}
.information_side .title{
	height:27px;
	color:#ffffff;
	font-size:16px;
	background-color:#000;
	padding:0 6px 0 6px;
}
.information_side .title h2, .information_side .title p {
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	line-height: 29px;
}
.information_side a{
	font-size:13px;
	text-decoration:none;
	color:#364151;
	display:block;
	padding:8px 6px;
	background-color:#FAEAEA;
}
.information_side a:hover{
	text-decoration:underline;
	background-color:#FFF;
}
.information_side h4{
	color:#848fa0;
}
.information_side li{
	border-bottom:1px dotted #818995;
}

/* 201407_renew ココマデ */


/* 広告追加20131002 */
.ad_billboard 	{
	position: relative; 
	width: 970px; 
	margin: auto;
	padding: 0px 0px 0px 0px; 
	/*padding: 0px 0px 20px 0px; */
		}



/* 右ナビ　ランキング下の広告表示 */
.rightarea_pr > div > div:before {
   content: "[ PR ] ";
}

		
		
/* 動画アイコン設置用 20140627 renew */
.movieicon {display:inline-block; margin-left:6px; vertical-align: text-top;}
#pickup_info ul li div.rc_txt p span.movieicon a img{ margin:0px;width:50px;}
