@charset "UTF-8";

/*============================================================
//  
//  ジャンルトップページスタイル--------------------
//  ・detail
//  ・right_clm
//  
//==========================================================*/

.test{ border:1px solid #f00; }
/*============================================================
//  ・detail
//==========================================================*/
.detail{
	width:640px;
	margin:2px 20px 0 0;
	float:left;
	padding:25px 0 0;
	background:url(/img/detail/detail_hd.gif) no-repeat;
}
.detail .box{
	width:598px;
	border:1px solid #ccc;
	border-width:0 1px;
	padding:0 20px;
}

.detail .ft{
	width:640px;
	height:25px;
	background:url(/img/detail/detail_ft.gif) no-repeat;
}
#conts_menu h2{
	width:217px;
	height:27px;
	padding:18px 0 0 48px;
	font-size:14px;
	line-height:140%;
	color:#333;
}
.left_cnts{
	width:180px;
	float:left;
}
.left_cnts #brow{
	width:180px;
	text-align:center;
	margin:10px 0;
}

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

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

.left_cnts h3{
	padding:0 0 0 15px;
	margin:20px 0 5px;
	background:url(/img/common/icon_square.gif) no-repeat -55px;
}

.left_cnts li{
	width:180px;
	height:32px;
	margin:0 0 3px;
}
.left_cnts li a{
	width:180px;
	height:32px;
	display:block;
	text-indent:-9999px;
}
.left_cnts .amazon{background:url(/img/detail/amazon.jpg) no-repeat;}
.left_cnts .sevenandy{background:url(/img/detail/sevens_y.jpg) no-repeat;}
.left_cnts .rakuten{background:url(/img/detail/rakuten.jpg) no-repeat;}
.left_cnts .bk1{background:url(/img/detail/b_k_1.jpg) no-repeat;}
.left_cnts .kinokuniya{background:url(/img/detail/kinokuniya.jpg) no-repeat;}
.left_cnts .bookservice{background:url(/img/detail/bookservice.gif) no-repeat;}
.right_cnts{
	width:400px;
	float:right;
}
.right_cnts h2{
	font-size:18px;
	line-height:110%;
	margin:5px 0;
}
.tag{
	width:50px;
	height:14px;
	text-indent:-9999px;
	text-decoration:none;
	line-height:100%;
}
.right_cnts .tag{
	margin:5px 10px 10px 0;
	float:left;
}
#stock{
	width:100px;
	height:14px;
	margin:5px 10px 10px 0;
	text-indent:-9999px;
	line-height:100%;
	float:left;
}

.stock1{ background:url(/img/detail/syukka.jpg) no-repeat;}
.stock2{ background:url(/img/detail/syukka.jpg) no-repeat 0 -14px;}
.stock3{ background:url(/img/detail/syukka.jpg) no-repeat 0 -28px;}
.stock4{ background:url(/img/detail/syukka.jpg) no-repeat 0 -42px;}

.business .tag{background:url(/img/detail/tag.jpg) no-repeat;}
.study .tag{background:url(/img/detail/tag.jpg) no-repeat 0 -14px;}
.language .tag{background:url(/img/detail/tag.jpg) no-repeat 0 -28px;}
.general .tag{background:url(/img/detail/tag.jpg) no-repeat 0 -42px;}
.bunko .tag{background:url(/img/detail/tag.jpg) no-repeat 0 -56px;}

.business h4{color:#FF0000;}
.study h4{color:#66CC00;}
.language h4{color:#CC0099;}
.general h4{color:#660099;}
.bunko h4{color:#006666;}
.right_cnts p{
	margin:5px 0 0;
}
.right_cnts p span{
	font-size:18px;
	color:#FF3366;
	font-weight:bold;
}
.right_cnts a{
	text-decoration:none;
}

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

.right_cnts a:hover{color:#fff;}
.business .right_cnts a:hover{background:#FF0000;}
.study .right_cnts a:hover{background:#66CC00;}
.language .right_cnts a:hover{background:#CC0099;}
.general .right_cnts a:hover{background:#660099;}
.bunko .right_cnts a:hover{background:#006666;}
.detail_title{
	width:65px;
	float:left;
	margin:3px 0 0;
}
.detail_box{
	margin:3px 0 0;
	width:335px;
	float:left;
}
.detail_title2{
	width:65px;
	float:left;
	margin:10px 0 0;
}
.detail_box2{
	margin:10px 0 0;
	width:335px;
	float:left;
}
.sub_ttl{
	color:#fff;
	width:390px;
	height:23px;
	font-size:12px;
	padding:5px 0 0 10px;
	margin:10px 0;
	background:url(/img/detail/sub_ttl_bg.gif) repeat;
}
.txt_detail{
	margin:15px 0 0;
}
.detail_sub_ttl{
	width:370px;
	height:22px;
	padding:8px 15px 0;
	margin:10px 0;
	text-align:left;
	font-size:12px;
	background:url(/img/detail/detail_ttl_bg.gif) no-repeat;
}
.news_cnts{width:400px; margin:0 0 5px;}
.news_cnts .day{font-size:10px; color:#333;}

#net_ad{
	width:168px;
	border:1px solid #ccc;
	margin:10px 0 15px;
	padding:10px 5px;
	text-align:center;
}
#net_ad h5{font-size:12px;}
#net_ad img{
	margin:0 0 10px;
}
#net_ad span{
	color:#FF3366;
}
#net_ad .buy{
	width:120px;
	height:25px;
	margin:5px auto; 
	background:url(/img/detail/buy_over.gif) no-repeat;
}
#net_ad .buy a{
	width:120px;
	height:25px;
	display:block;
	text-indent:-9999px;
	background:url(/img/detail/buy.gif) no-repeat;
}
#net_ad .buy a:hover{ background:none; }

#net_ad .ntbook{
	width:120px;
	height:25px;
	margin:5px auto; 
	background:url(/img/detail/net_book_over.gif) no-repeat;
}
#net_ad .ntbook a{
	width:120px;
	height:25px;
	display:block;
	text-indent:-9999px;
	background:url(/img/detail/net_book.gif) no-repeat;
}
#net_ad .ntbook a:hover{ background:none; }
/*============================================================
//  ・right_clm
//==========================================================*/
.right_clm{
	width:300px;
	float:right;
}
.news_cnts .ichiran a{font-size:10px;}
.ichiran a:hover{
	text-decoration:none;
}
.business .ichiran a{color:#FF0000;}
.study .ichiran a{color:#66CC00;}
.language .ichiran a{color:#CC0099;}
.general .ichiran a{color:#660099;}
.bunko .ichiran a{color:#006666;}

#more{
	cursor:pointer;
	text-decoration:underline;
}
.business  #more {color:#FF0000;}
.study #more {color:#66CC00;}
.language  #more {color:#CC0099;}
.general   #more {color:#660099;}
.bunko     #more {color:#006666;}

#conts_menu .box p {
	margin: 0 auto;
	width:200px;
}
.box p a{text-decoration:none;}
.business  .box p a{color:#FF0000;}
.study .box p a{color:#66CC00;}
.language  .box p a{color:#CC0099;}
.general   .box p a{color:#660099;}
.bunko     .box p a{color:#006666;}

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

#conts_menu{
	margin:0 0 0;
}
#conts_menu h2,
#conts_recommend h2{
	width:252px;
	height:28px;
	padding:13px 0 0 48px;
	font-size:14px;
}
.relation{

}

.business .sp h2{background:url(/img/detail/sp_business.jpg) no-repeat;}
.study .sp h2{background:url(/img/detail/sp_study.jpg) no-repeat;}
.language .sp h2{background:url(/img/detail/sp_language.jpg) no-repeat;}
.general .sp h2{background:url(/img/detail/sp_general.jpg) no-repeat;}
.bunko .sp h2{background:url(/img/detail/sp_bunko.jpg) no-repeat;}

.business .relation h2,
.business #conts_recommend h2{
	background:url(/img/detail/book_business.jpg) no-repeat;
}
.study .relation h2,
.study #conts_recommend h2{
	background:url(/img/detail/book_study.jpg) no-repeat;
}
.language .relation h2,
.language #conts_recommend h2{
	background:url(/img/detail/book_language.jpg) no-repeat;
}
.general .relation h2,
.general #conts_recommend h2{
	background:url(/img/detail/book_general.jpg) no-repeat;
}
.bunko .relation h2,
.bunko #conts_recommend h2{
	background:url(/img/detail/book_bunko.jpg) no-repeat;
}

.box {
	width:278px;
	border:1px solid #ccc;
	border-width: 0 1px 1px;
	padding:0 10px 10px;
}
.box_hide p{
	padding-bottom:10px;
}

#conts_menu .sp_banner{
	padding:10px 0 5px;
	text-align:center;
}
.ichiran{
	margin:10px 0 0;
	text-align:right;
}
.box .relat_book{
	width:60px;
	float:left;
	padding:10px 0 0 0;
	text-align:center;
}
.box .relat_read{
	width:203px;
	float:right;
	padding:10px 0 0 0;
}
.relation .relat_read a{text-decoration:none;}
.relation .business .relat_read a{color:#FF0000;}
.relation .study .relat_read a{color:#66CC00;}
.relation .language .relat_read a{color:#CC0099;}
.relation .general .relat_read a{color:#660099;}
.relation .bunko .relat_read a{color:#006666;}

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

.box .relat_read p{
	font-size:10px;
}
.relat_icon{
	width:11px;
	height:11px;
	float:left;
	margin:2px 8px 0 0;
}
.relation .business .relat_icon{background:url(/img/common/icon_square.gif) no-repeat;}
.relation .study .relat_icon{background:url(/img/common/icon_square.gif) no-repeat -11px;}
.relation .language .relat_icon{background:url(/img/common/icon_square.gif) no-repeat -22px;}
.relation .general .relat_icon{background:url(/img/common/icon_square.gif) no-repeat -33px;}
.relation .bunko .relat_icon{background:url(/img/common/icon_square.gif) no-repeat -44px;}

.relation .tag{
	margin:5px auto 0;
}

.relation .business .tag{background:url(/img/detail/tag.jpg) no-repeat;}
.relation .study .tag{background:url(/img/detail/tag.jpg) no-repeat 0 -14px;}
.relation .language .tag{background:url(/img/detail/tag.jpg) no-repeat 0 -28px;}
.relation .general .tag{background:url(/img/detail/tag.jpg) no-repeat 0 -42px;}
.relation .bunko .tag{background:url(/img/detail/tag.jpg) no-repeat 0 -56px;}
.relation .sale{
	margin:5px 0;
}
#relat_box{
	width:275px;
	padding:0 0 10px;
	border:1px solid #ccc;
	border-width:0 0 1px;
}
.relation .sale span{
	color:#FF3366;
}
.right_cnts .news_cnts a{
	color:#333;
}
.right_cnts .news_cnts a:hover{color:#fff;}

.business  .right_cnts .news_cnts .day{color:#FF0000;}
.study .right_cnts .news_cnts .day{color:#66CC00;}
.language  .right_cnts .news_cnts .day{color:#CC0099;}
.general   .right_cnts .news_cnts .day{color:#660099;}
.bunko     .right_cnts .news_cnts .day{color:#006666;}


#conts_recommend h2{
	height:27px;
}

/* ========================================
ソーシャルボタン用 add 2011/12/27 mimura
 ==========================================*/
#social_box{
	margin-top:12px;
	padding-top:12px;
	border-top:1px dashed #bbb;
}