@charset "UTF-8";

/*=====================================================================
//  トップcss
//=====================================================================*/
#main #img_main{
	width:718px;
	height:250px;
	position: relative;
	z-index:2;
}
#main #pager{
	float:right;
	position: relative;
	display:inline;
	z-index:3;
	margin-top:-25px;
	padding-right:5px;
}
#main #pager a {
	color:#fff;
	padding:2px 4px;
	text-decoration:none;
	font-size:12px;
	background:#990;
	margin:0 5px 0 0;
}
#main #pager a:hover,#main #pager a.activeSlide{
	background:#360;
}

#main .cnts_box{
	width:718px;
	background:url("../image/common/bg_cnts_box.gif") repeat-y;
	border-top:2px solid #0b2c0d;
}
#main .cnts_box #rekidoku,#main .cnts_box #book{
	float:left;
	width:358px;
}
#main .cnts_box #recommend,#main .cnts_box #bunko{
	float:right;
	width:358px;
}
#main .cnts_box .ttl{
	width:358px;
	height:30px;
	text-indent:-9999px;
}
#main #rekidoku .ttl{
	background: url("../image/top/bar_rekidoku.gif") no-repeat;
}
#main #recommend .ttl{
	background: url("../image/top/bar_recommend.gif") no-repeat;
}
#main #book .ttl{
	background: url("../image/top/bar_book.gif") no-repeat;
}
#main #bunko .ttl{
	background: url("../image/top/bar_bunko.gif") no-repeat;
}
#main .cnts_box .ttl h3{
	float:left;
	width:250px;
	text-indent:-9999px;
}
#main #ranking .ttl{
	width:718px;
	height:30px;
	text-indent:-9999px;
	background: url("../image/top/bar_ranking.gif") no-repeat;
}
#main .cnts_box .ttl p.btn-all{
	float:right;
	width:55px;
	height:15px;
	text-indent:-9999px;
	background: url("../image/top/btn_all.gif") no-repeat;
	margin-top:7px;
	padding-right:10px;
}
#main .cnts_box .ttl p.btn-all a{
	width:55px;
	height:15px;
	display:block;
}
#main .cnts_box .box{
	width:328px;
	padding:15px;
}
#main .cnts_box .box .img_box{
	float:left;
	width:100px;
}
#main .cnts_box .box .img_box img{
	border:1px solid #333;
	margin-bottom:5px;
}
#main .cnts_box .box .img_box img.btn{
	border:0;
}
#main .cnts_box .box .txt_box{
	float:right;
	width:215px;
}
#main .cnts_box .box .txt_box h4{
	font-size:18px;
	line-height:120%;
	color:#360;
	margin-bottom:5px;
}
#main .cnts_box .box .txt_box h4 a{
	color:#360;
}
#main .cnts_box .box .txt_box p{
	font-size:14px;
	line-height:140%;
}

#main #ranking{
	width:718px;
	background:#f5eed4;
	border-top:2px solid #0b2c0d;
}
#main #ranking .box{
	width:688px;
	padding:15px;
}
#main #ranking .box .rank_01,#main #ranking .box .rank_02,#main #ranking .box .rank_03{
	float:left;
	width:220px;
	margin-right:14px;
}
#main #ranking .box .rank_03{
	margin-right:0;
}
#main #ranking .box p.rank{
	width:53px;
	height:18px;
	text-indent:-9999px;
}
#main #ranking .box .rank_01 p.rank{
	background: url("../image/top/rank_01.gif") no-repeat;
}
#main #ranking .box .rank_02 p.rank{
	background: url("../image/top/rank_02.gif") no-repeat;
}
#main #ranking .box .rank_03 p.rank{
	background: url("../image/top/rank_03.gif") no-repeat;
}
#main #ranking .box .txt_box{
	float:right;
	width:150px;
	line-height:140%;
}
#main #ranking .box .txt_box h5{
	font-size:14px;
	font-weight:normal;
	margin:5px 0;
}
#main #ranking .box .txt_box h5 a{
	color:#360;
}
#main #ranking img{
	float:left;
	width:60px;
	border:1px solid #333;
}