@charset "utf-8";
/* CSS Document */

/*-------------#wrapper-----------*/
#wrapper .book_shelf,
.book_shelf .shelf,
.book_shelf .ranking{
    float:left;
	clear:both;
    width:710px;
}
/*-----------------------------*/
/* delete from here */
.book_shelf .shelf_header{
    position:relative;
    float:left;
	clear:both;
	width:610px;
	padding:0 55px 10px 45px;
	z-index:0;
}
.book_shelf .shelf_header img{
   vertical-align:middle;
}
.book_shelf .shelf_header .shelf_title{float:left;}
.book_shelf .shelf_header .date{
    float:left;
	font-size:80%;
	padding:8px 0 0 10px;
}
.book_shelf .shelf_header .link_all{
    position:absolute;
    right:40px;
    top:10px;
}
/* delete to here */
/*-----------------------------*/
.book_shelf div.left,
.book_shelf div.right{
    padding-top:60px;
	width:30px;
	position: relative;
	z-index:2;
}
/*-----------------------------*/
.book_shelf ul.books{
    float:left;
	width:650px;
}
*html .book_shelf .books{overflow:hidden !important;}
.book_shelf .shelf ul.books li {
    position:relative;
    float:left;
	width:147px;
	margin-right:14px;
}
.book_shelf .shelf ul.books li .book{
    position:absolute;
	bottom:0;
	left:0;
	z-index:0;
}
/*----------book images--------*/
/* delete from here */
.book_shelf .shelf ul.books li .book_wrapper {
	float:left;
	clear:both;
	width:147px;
}
/* delete to here */
/* old from here */
.book_shelf .shelf ul.books li .book_base{
/*	float:left;
	clear:both; */
	float:none;
	width:147px;
	padding-bottom:13px;
    background:url(/common/img/book_bg.jpg) no-repeat left bottom;
	
}
/* old to here */
.book_shelf .shelf ul li .book_img {
    width:127px;
    padding:2px 0 0 20px;
	background:url(/common/img/book_bg_top.jpg) no-repeat left top;
	/* z-index:4; */
}
.book_shelf .shelf ul li .book_img img{
    width:110px;
}
/* delete from here */
.book_shelf .shelf ul.books li .book_wrapper .img_cover {
	width:110px;
	height:116px;
	z-index:5;
	position:relative;
	bottom:132px;
	left:18px;
	/* border:solid 1px #f00; */
}

.book_shelf .shelf ul.books li .book_wrapper .book_info_circle,
.book_shelf .shelf ul.books li .book_wrapper .book_info_circle_none
{
	width:45px;
	height:45px;
	position:relative;
	top:60px;
	left:54px;
	/* border:solid 1px #f00; */
}

.book_shelf .shelf ul.books li .book_wrapper .book_info_circle {
	background:url(/book/images/info_circle_red_s.png) no-repeat;

	font-size:85%;
	line-height:100%;
	color:#fff;
	text-align:center;
	padding-top:7px;
	
}
.book_shelf .shelf ul.books li .book_wrapper .book_info_circle a:link,
.book_shelf .shelf ul.books li .book_wrapper .book_info_circle a:visited,
.book_shelf .shelf ul.books li .book_wrapper .book_info_circle a:hover
{
	color:#fff!important;
}

/*-----------bookmark-----------*/
.book_shelf .shelf ul.books .bookmark{
    float:left;
	clear:both;
	width:125px
	height:31px;
	padding-left:22px;
}
/*-----------------------------*/
.book_shelf .shelf .review_base{
    position:relative;
    float:left;
	clear:both;
	width:147px;
	min-height:130px;
	height: auto !important;   
    height: 130px;
	font-size:85%;
	line-height:1.3em;
	
	margin-top:-120px;
}
.book_shelf .shelf .book_review .review_top{
    width:159px;
	height:15px;
	background:url(/common/img/book_review_bg_top.png) no-repeat left top;
}
.book_shelf .shelf .book_review{
     position:absolute;
	 bottom:50px;
	 left:-11px;
	 width:159px;
	 z-index:2;
}
.book_shelf .shelf .book_review .review_bottom{
    position:absolute;
	bottom:8px;
	left:-11px;
    width:159px;
    height:52px;
    background:url(/common/img/book_review_bg_bottom.png) no-repeat left bottom;
}
/*--------------------------------*/
.slidebox_base{
	position:relative;
	height: 200px; /* original 200px */ 
	width:159px;
	overflow: hidden; 
}		
.slidebox{ 
	position: absolute; 
	top: 120px; /* original 120px */ 
	left: 0;
	height: 134px; /* original 134px */ 
}
/*--------------------------------*/
.book_shelf .shelf .review_middle,
.book_shelf .shelf .review_middle .read,
.book_shelf .shelf .review_middle p{
    float:left;
	clear:both;
}
.book_shelf .shelf .review_middle{
    width:139px;
	min-height:200px;
	height: auto !important;   
    height: 200px;
	padding:5px 0 5px 20px;
    background:url(/common/img/book_review_bg_middle.png) repeat-y left top;
}
.book_shelf .shelf .review_middle .read{
	width:135px;
	font-weight:bold;
}
*html .book_shelf .shelf .review_middle .read{
width:130px;
}
.book_shelf .shelf .review_middle .red{background:url(/common/img/book_review_tit_bg_r.gif) no-repeat center bottom;}
.book_shelf .shelf .review_middle .blue{background:url(/common/img/book_review_tit_bg_b.gif) no-repeat center bottom;}
.book_shelf .shelf .review_middle .yellow{background:url(/common/img/book_review_tit_bg_y.gif) no-repeat center bottom;}
.book_shelf .shelf .review_middle p{
	width:130px;
	padding:5px 0 0 3px;
}
.book_shelf .shelf .review_middle .read a{ color:#000000 !important;text-decoration:none;}
.book_shelf .shelf .review_middle .read a:hover{ color:#d34832 !important; text-decoration:underline;}
/* delete to here */

/*----------ranking--------*/
.book_shelf .ranking ul.books li {
    position:relative;
	margin:0;
}
.book_shelf .ranking ul.books li .rank{
    position:absolute;
	top:0;
	text-align:center;
	width:140px;
}
.book_shelf .ranking ul li .book_base{
    position:absolute;
	bottom:56px;
	z-index:0;
    width:125px;
    background:url(/common/img/book_ranking_bg.jpg) repeat-y left bottom;
}
.book_shelf .ranking ul li .book_ranking_bottom{
    position:absolute;
	bottom:0;
	left:-5px;
	z-index:1;
    width:130px;
	height:56px;
    background:url(/common/img/book_ranking_bg_bottom.png) no-repeat left bottom;
}
.book_shelf .ranking ul li .book_img {
    width:105px;
    padding:2px 0 0 20px;
	background:url(/common/img/book_ranking_bg_top.jpg) no-repeat left top;
}
/* -- old from here -- */
.book_shelf .ranking ul li .book_img img{
    width:90px;
}
.book_shelf .ranking ul li .book_base .chart{
    position:absolute;
	bottom:0;
	right:5px;
}

.book_shelf .ranking ul li .book_base .chart2{
	width:35px;
	height:32px;
	color:#eee;
	font-size:11px;
	background: url(/common/img/chart2.gif) no-repeat;
}
.book_shelf .ranking ul li .book_base .chart2 .point {
	margin:10px auto;
	text-align:center;
}
/* -- old to here -- */
/*-----------------------------------------*/
/*-------------slide-------------*/
.shelf_in,
.ranking_in {
     float:left;
     clear:both;
     width:710px;
     position: relative;
}
.shelf_in{height:350px;}
.ranking_in {height:215px;}
.shelf_in .slide,
.ranking_in .slide {
     float:left;
     clear:both;
     overflow: auto;
     position: absolute;
     top: 0;
	 z-index:0;
}
.shelf_in .slide {
    width:630px; /* .shelf_in width - (.slide margin-left + .slide margin-right) */
    height:350px;
	margin: 0 40px;
}
.ranking_in .slide {
    width:650px; /* .shelf_in width - (.slide margin-left + .slide margin-right) */
    height:240px;
	margin: 0 30px;
}

.shelf_in .slide ul.books,
.ranking_in .slide ul.books {
    width: 9999px;
    margin:0;
    padding:0;
    position: absolute;
    top: 0;
}
.shelf_in .slide ul.books li,
.ranking_in .slide ul.books li {
    display:block;
    float:left;
}
.shelf_in .slide ul.books li {
    height:350px;
    width:146px;
}
.ranking_in .slide ul.books li {
    height:215px;
    width:130px;
}
.shelf_in .arrow,
.ranking_in .arrow {
  display: block;
  height: 100px;
  width: 30px;
  background: url(/common/img/arrow.gif) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  cursor: pointer;
  z-index:0;
}

.shelf_in .arrow{top: 100px;}
.ranking_in .arrow {top: 70px;}

.shelf_in .forward,
.ranking_in .forward {
  background-position: 0 0;
  right: 0;
}

.shelf_in .back,
.ranking_in .back {
  background-position: 0 -200px;
  left: 0;
}

.shelf_in .forward:hover,
.ranking_in .forward:hover {
  background-position: 0 -100px;
}

.shelf_in .back:hover,
.ranking_in .back:hover {
  background-position: 0 -300px;
}
/*------------------------------------------------------*/