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

@import "new_details.css";

/*-------------book--------------*/
.book_header .page_select .page{
	width: 56px;
	background:url(/common/img/book_p_n.gif) no-repeat 0 0;
}
.book_header .page_select a.back {
	right:73px;
}
/*----------------------------*/
.title h2,
.title h3 {
    padding-left:30px;
	margin-bottom:5px;
	font-weight:bold;
}
.title h2 {
    background:url(/book/images/icon/book.gif) no-repeat left center;
	font-size:130%;
}
.title h3 {background:url(../images/icon/tag.gif) no-repeat left center;}
.contents_title {padding:0 22px 0px;}
/*----------------------------*/
.book_shelf {
    margin-bottom:20px;
    background:url(/book/images/long_line_mini.gif) no-repeat center bottom ;
}
#wrapper .tag {
    float:left;
	clear:both;
    width:671px;
	padding-bottom:30px;
}
#wrapper .tag div.in { margin-top:10px;}
/*----------------------------*/
#wrapper .balloon_box {
    float:left;
    clear:both;
	width:678px;
	padding:0;
}
    #wrapper .balloon_box dl,
    #wrapper .balloon_box dt {
        float:left;
	    clear:both;
        width:678px;
    }
    #wrapper .balloon_box dl {
	    margin:5px 0;
        padding-bottom:6px;
        background:url(/book/images/txt_bottom_02.jpg) no-repeat left bottom;
    }
        #wrapper .balloon_box dt {
	        padding-top:26px;
            background:url(/book/images/txt_top_02.jpg) no-repeat left top;
        }
        #wrapper .balloon_box dt.non_arrow {
            height:5px;
			padding:0;
			text-indent:-9999px;
            background:url(/book/images/txt_top.jpg) no-repeat left top;
        }
            #wrapper .balloon_box dt span.read,
            #wrapper .balloon_box dt span.empty {
                display:block;
	            background:url(/book/images/txt_middle.jpg) repeat-y left bottom;
			}
			#wrapper .balloon_box dt span.read {
			    padding:0 0 5px 20px;
			    font-weight:bold;
			}
			#wrapper .balloon_box dt span.empty {
			    height:0px;
				text-indent:-9999px;
				overflow:hidden;
			}
		#wrapper .balloon_box dd {
		    float:left;
		    clear:both;
			width:638px;
			padding:10px 20px;
			background:url(/book/images/txt_middle.jpg) repeat-y left bottom;
		}
			#wrapper .balloon_box dd .accordion_base span.attention{
				color:#ff0000;
				font-size:100%;
			}
/*----------------------------*/
#wrapper .present_status,
#wrapper .message {
    float:left;
	clear:both;
	width:638px;
}
    #wrapper .present_status div,
	#wrapper .message #comment_for_wrote {
        float:left;
	    width:500px;
	    padding:10px;
        border:solid 1px #000;
    }
    #wrapper .present_status div {height:25px;}
	#wrapper .present_status .present_btn,
	#wrapper .message #message_btn{float:right;}
	#wrapper .message {padding-top:10px;}
	/* Character Count styles */
	#wrapper #message_in {
        position:relative;
        margin-top:20px;
		font-size:85%;
	}
	#wrapper .message #message-counter{
        position:absolute;
	    right:10px;
	    top:-25px;
	    font-size:150%;
	    font-weight:bold;
	}
	    #wrapper .message #message-counter .length-caption{
            color:#4b4b4a;
	        font-size:60%;
	        font-weight:normal;
        }
	    #wrapper .message #comment_for_wrote {
            height:25px;
	        background:#f5f5f5;
	        color:#9f9f99;
	    }
	    #wrapper .message table {
	        float:left;
		    clear:both;
	    }
		#wrapper .message table img {
		    float:left;
		    vertical-align:middle;
		}
		span.star-rating-control {
		   float:left;
		   width:200px;
		}
		div.rating-cancel,
		div.star-rating {
		 float:left;
		}
		
		#wrapper .message table th {padding:7px 5px 0 20px;}
		#wrapper .message table td {padding:5px 0px 0px;}	
/*-----------------------------*/
.review {
    position:relative;
    float:left;
	clear:both;
	width:638px;
}
    .review .user_img {
        float:left;
	    width:54px;
	    padding:0 0 2px 2px;
	    border-left:solid 1px #cecece;
	    border-bottom:solid 1px #cecece;
    }
	.review .user_img img{
	    width:54px;
		vertical-align:middle;
	}
	.review .accordion_base .txt{
	     float:right;
		 width:550px;
	}
	.review .accordion_base .accordion{height:auto; clear:left;}
#wrapper .review .btn_accordion2{
    position:absolute;
	bottom:-7px;
	left:20px;
    display:block;
	width: 104px;
	height: 26px;
	text-indent:-9999px !important; 
	z-index:0;
	overflow:hidden;
    background:url(/book/book/images/arrow_down.gif) no-repeat 0 0;
	cursor: pointer;
	margin:0 auto;
}
#wrapper .review a.btn_accordion2:hover{background:url(/book/book/images/arrow_down_on.gif) no-repeat 0 0;}
/*-----------------------------*/
#wrapper #present_info p,
#wrapper .balloon_box p {
    padding-bottom:10px;
}
    #wrapper #present_info p.pb00,
    #wrapper .balloon_box p.pb00 {
        padding-bottom:0px;
    }
/*-----------------------------*/
#wrapper .balloon_box .url {
    float:left;
    clear:both;
	width:624px;
	text-align:right;
}
#wrapper .rating {
    float:left;
    clear:both;
	width:658px;
	padding:10px 30px 10px 22px;
	text-align:right;
}
#wrapper .line{
    padding-bottom:20px;
	margin-bottom:10px;
    background:url(/book/images/long_line_mini.gif) no-repeat center bottom ;
}
    #wrapper .balloon_box .rating .rating_tit {margin-right:5px;}
/*------------------------------------------------------*/