@charset "UTF-8";

/*============================================================
//  
//  ニュース一覧ページスタイル--------------------
//  
//==========================================================*/
#hd{height:140px;}


/*============================================================
//  ・left_clm
//==========================================================*/
#conts_rank{
	width:188px;
}
#read{
	width:960px;
	margin:0 0 20px;
}
.rank_left{
	float:left;
	margin:0 5px 0 0;
}
.rank_left2{
	float:left;
}
#conts_rank h2.rank_title{
	width:140px;
	height:35px;
	padding:10px 0 0 48px;
	font-size:12px;
}
#conts_rank h2 span{
	font-size:12px;
	text-decoration:nomal;
}
.business h2{background:url(/img/genre/rank_summary_business.jpg) no-repeat;}
.study h2   {background:url(/img/genre/rank_summary_study.jpg) no-repeat;}
.language h2{background:url(/img/genre/rank_summary_language.jpg) no-repeat;}
.general h2 {background:url(/img/genre/rank_summary_general.jpg) no-repeat;}
.bunko h2   {background:url(/img/genre/rank_summary_bunko.jpg) no-repeat;}

.business h2 span{color:#FF0000;}
.study h2 span{color:#66CC00;}
.language h2 span{color:#CC0099;}
.general h2 span{color:#660099;}
.bunko h2 span{color:#006666;}

.box{
	width:166px;
	border:1px solid #ccc;
	border-width:0 1px 1px;
	padding:0 10px 10px;
}
.box .rank .rank_cnts_area{
	width:92px;
	float:right;
}
.box .rank_img{
	float:left;
}
.box .rank{
	width:166px;
	padding:10px 0;
	border:1px solid #999;
	border-width:0 0 1px;
}
.box .rank .rank_cnts_area p a{
	color:#333;
	text-decoration:none;
}
.box .rank .rank_cnts_area p a:hover{color:#fff;}
.business .box .rank .rank_cnts_area p a:hover{background:#FF0000;}
.study .box .rank .rank_cnts_area p a:hover{background:#66CC00;}
.language .box .rank .rank_cnts_area p a:hover{background:#CC0099;}
.general .box .rank .rank_cnts_area p a:hover{background:#660099;}
.bunko .box .rank .rank_cnts_area p a:hover{background:#006666;}

.box .rank .rank_1{
	width:80px;
	height:23px;
	padding:3px 0 5px 0;
	text-align:center;
	color:#fff;
}
.business .box .rank .rank_1{background:url(/img/genre/search_business.jpg) no-repeat;}
.study .box .rank .rank_1{background:url(/img/genre/search_study.jpg) no-repeat;}
.language .box .rank .rank_1{background:url(/img/genre/search_language.jpg) no-repeat;}
.general .box .rank .rank_1{background:url(/img/genre/search_general.jpg) no-repeat;}
.bunko .box .rank .rank_1{background:url(/img/genre/search_bunko.jpg) no-repeat;}
.box .rank .rank_etc{
	width:80px;
	height:23px;
	padding:3px 0 5px 0;
	text-align:center;
}
.business .box .rank .rank_etc{color:#FF0000;}
.study .box .rank .rank_etc{color:#66CC00;}
.language .box .rank .rank_etc{color:#CC0099;}
.general .box .rank .rank_etc{color:#660099;}
.bunko .box .rank .rank_etc{color:#006666;}

.business .box .rank .rank_etc{background:url(/img/genre/rank_etc_business.jpg) no-repeat;}
.study .box .rank .rank_etc{background:url(/img/genre/rank_etc_study.jpg) no-repeat;}
.language .box .rank .rank_etc{background:url(/img/genre/rank_etc_language.jpg) no-repeat;}
.general .box .rank .rank_etc{background:url(/img/genre/rank_etc_general.jpg) no-repeat;}
.bunko .box .rank .rank_etc{background:url(/img/genre/rank_etc_bunko.jpg) no-repeat;}
.box .rank .rank_1 h3{
	font-size:12px;
}
.box .rank .rank_etc h3{
	font-size:12px;
}
.box .rank .genre{color:#666;}

.etc_banner .read .title a{
	color:#000;
	font-size:12px;
}
.etc_banner .read .title a:hover{
	background:#000;
	color:#FFF;
}
.etc_banner .read{
	width:135px;
	float:right;
	font-size:10px;
	color:#666;
}
.cap{
	font-size:10px;
	margin:5px 0 5px;
}