@charset "UTF-8";

/*============================================================
//  
//  ジャンルトップページスタイル--------------------
//  ・left_clm
//  ・center_clm
//  ・right_clm
//  
//==========================================================*/
#hd{height:350px;}

/*============================================================
//  ・left_clm
//==========================================================*/
.left_clm{
	width:220px;
	margin:0 20px 0 0;
	float:left;
}
#link_ttl{
	display:none;
}
#conts_menu h2{
	width:172px;
	height:27px;
	padding:18px 0 0 48px;
	font-size:14px;
	color:#333;
}
.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;}

#conts_menu .box{
	width:188px;
	margin:0 0 10px;
	border:1px solid #ccc;
	border-width:0 1px 1px;
	padding:0 15px 10px;
}
#conts_menu .box .li_inr{
	width:169px;
	float:right;
}
.business .series h2{background:url(/img/genre/series_img_business.jpg) no-repeat;}
.study .series h2{background:url(/img/genre/series_img_study.jpg) no-repeat;}
.language .series h2{background:url(/img/genre/series_img_language.jpg) no-repeat;}
.general .series h2{background:url(/img/genre/series_img_general.jpg) no-repeat;}
.bunko .series h2{background:url(/img/genre/series_img_bunko.jpg) no-repeat;}

.business .news h2{background:url(/img/genre/news_img_business.jpg) no-repeat;}
.study .news h2{background:url(/img/genre/news_img_study.jpg) no-repeat;}
.language .news h2{background:url(/img/genre/news_img_language.jpg) no-repeat;}
.general .news h2{background:url(/img/genre/news_img_general.jpg) no-repeat;}
.bunko .news h2{background:url(/img/genre/news_img_bunko.jpg) no-repeat;}

.business .sp h2{background:url(/img/genre/sp_img_business.jpg) no-repeat;}
.study .sp h2{background:url(/img/genre/sp_img_study.jpg) no-repeat;}
.language .sp h2{background:url(/img/genre/sp_img_language.jpg) no-repeat;}
.general .sp h2{background:url(/img/genre/sp_img_general.jpg) no-repeat;}
.bunko .sp h2{background:url(/img/genre/sp_img_bunko.jpg) no-repeat;}

.series li{padding:5px 0 0;}
.series li a{color:#333;}
.series li a:hover{
	color:#fff;
	background:#000;
}

.news_cnts{
	padding:10px 0;
	border:1px dotted #999;
	border-width:0 0 1px 0;
}
.news_cnts .day p{margin:0 0 5px;}
.business .news_cnts .day p{color:#FF0000;}
.study .news_cnts .day p{color:#66CC00;}
.language .news_cnts .day p{color:#CC0099;}
.general .news_cnts .day p{color:#660099;}
.bunko .news_cnts .day p{color:#006666;}

.news_cnts p a{
	color:#333;
	text-decoration:none;
}
.news_cnts p a:hover{color:#fff;}
.business .news_cnts p a:hover{background:#FF0000;}
.study .news_cnts p a:hover{background:#66CC00;}
.language .news_cnts p a:hover{background:#CC0099;}
.general .news_cnts p a:hover{background:#660099;}
.bunko .news_cnts p a:hover{background:#006666;}
.sp_box{
	padding:10px 0;
	border:1px dotted #999;
	border-width:0 0 1px 0;
}
.sp_box a{text-decoration:none;}
.business .sp_box a{color:#FF0000;}
.study .sp_box a{color:#66CC00;}
.language .sp_box a{color:#CC0099;}
.general .sp_box a{color:#660099;}
.bunko .sp_box a{color:#006666;}

.sp_box a:hover{color:#fff;}
.business .sp_box a:hover{background:#FF0000;}
.study .sp_box a:hover{background:#66CC00;}
.language .sp_box a:hover{background:#CC0099;}
.general .sp_box a:hover{background:#660099;}
.bunko .sp_box a:hover{background:#006666;}

.sp_box p{
	color:#333;
	margin:5px 0 0;
}

.box_end{
	width:100%;
	padding:5px 0;
	text-align:right;
	color:#333;
}
.box_end a:hover{text-decoration:none;}
.business .box_end a{color:#FF0000;}
.study .box_end a{color:#66CC00;}
.language .box_end a{color:#CC0099;}
.general .box_end a{color:#660099;}
.bunko .box_end a{color:#006666;}

/*============================================================
//  ・center_clm
//==========================================================*/
.center_clm{
	width:480px;
	float:left;
}
#sp_area{
	width:480px;
	padding:5px 0 0;
}
#sp_area .sbox{
	width:220px;
	padding:0 10px;
	float:left;
}
#sp_area .sbox .img_box{
	width:200px;
	padding:10px;
	background:url(/img/genre/banner_bg.gif) repeat;
}
#sp_area .sbox p{
	margin:10px 0 0;
}

#nav{
	width:465px;
	margin:25px auto 0;
}
#nav li{
	width:75px;
	height:20px;
	text-align:center;
	border:1px solid #ccc;
	border-width:1px 1px 0;
	padding:6px 0 0;
	float:left;
	text-decoration:underline;
	background:url(/img/genre/tab_bg.jpg) repeat-x;
}
.bunko #nav li{
	width:114px;
}
.book_left{
	float:left;
}
.business #nav li{color:#FF0000;}
.study #nav li{color:#66CC00;}
.language #nav li{color:#CC0099;}
.general #nav li{color:#660099;}
.bunko #nav li{color:#006666;}

#nav li.select{
	color:#fff;
	text-decoration:none;
	background:url(/img/genre/tab_pointer.gif) repeat;
}

#tab .box{
	width:450px;
	border:1px solid #ccc;
	border-width:1px 1px 0;
	padding:15px 10px 15px 18px;
	background:#FAFAFA;
}

#tab .box .book_txt{
	width:360px;
	color:#333;
	float:right;
}
#tab .box .book_txt .icon{
	margin:0 10px 10px 0;
}
#tab .box .book_txt a{
	font-size:12px;
	text-weight:bold;
	color:#000;
	line-height:120%;
}
#tab .box .book_txt a:hover{
	background:#000;
	color:#fff;
}

.book_txt p{
	margin:5px 0 0;
}
.book_txt p span{
	color:#ff0000;
}
.main_end{
	width:480px;
	border:1px solid #ccc;
	border-width:1px 0 0;
	padding:5px 0;
	text-align:right;
	color:#333;
}
.main_end a:hover{text-decoration:none;}
.business .main_end a{color:#FF0000;}
.study .main_end a{color:#66CC00;}
.language .main_end a{color:#CC0099;}
.general .main_end a{color:#660099;}
.bunko .main_end a{color:#006666;}


/*============================================================
//  ・right_clm
//==========================================================*/
.right_clm{
	width:220px;
	float:right;
}
#conts_menu h2.rank_title{
	width:172px;
	height:35px;
	padding:10px 0 0 48px;
	font-size:12px;
}
#conts_menu h2 span{
	font-size:12px;
	text-decoration:nomal;
}
.business .ranking h2{background:url(/img/genre/rank_img_business.jpg) no-repeat;}
.study .ranking h2{background:url(/img/genre/rank_img_study.jpg) no-repeat;}
.language .ranking h2{background:url(/img/genre/rank_img_language.jpg) no-repeat;}
.general .ranking h2{background:url(/img/genre/rank_img_general.jpg) no-repeat;}
.bunko .ranking h2{background:url(/img/genre/rank_img_bunko.jpg) no-repeat;}
.etc_banner{
	width:220px;
	padding:5px 0 10px;
}
.etc_banner img{
	float:left;
}
.box .rank_img{
	float:left;
}
.box .rank{
	width:190px;
	padding:10px 0;
	border:1px solid #999;
	border-width:0 0 1px;
}
.box .rank .rank_cnts_area{
	width:115px;
	float:right;
}
.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;
}
.etc_banner .read .txt{
	margin:5px 0 0;
}

.ranking p.ank{
	text-align:right;
	padding:5px 0;
}
.ranking p.ank a{
	color:#333;
	text-decoration:underline;
}
.ranking p.ank a:hover{
	color:#fff;
	text-decoration:none;
}
.business .ranking p.ank a:hover{background:#FF0000;}
.study .ranking p.ank a:hover{background:#66CC00;}
.language .ranking p.ank a:hover{background:#CC0099;}
.general .ranking p.ank a:hover{background:#660099;}
.bunko .ranking p.ank a:hover{background:#006666;}