@charset "utf-8";
/* CSS Document */

/*-----------------------------*/
.contents_title {
    padding:0 25px 10px;
}
.contents_title .shelf_header {
	width:622px;
	padding:10px 0 14px 46px;
}
.yheader {background:url(../images/title_bg_y_long.gif) no-repeat left bottom #fede6c;}

.search-form {
    float:left;
	clear:both;
	width:688px;
	text-align:right;
}
/*-----------------------------*/
#wrapper .balloon_box {
    float:left;
    clear:both;
	width:688px;
	padding:10px 0 5px 22px;
}
    #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(../images/txt_bottom.jpg) no-repeat left bottom;
    }
        #wrapper .balloon_box dt {
	        height:5px;
            background:url(../images/txt_top.jpg) no-repeat left top;
        }
            #wrapper .balloon_box dt span.empty {
                display:block;
	            background:url(../images/txt_middle.jpg) repeat-y left bottom;
			}
			#wrapper .balloon_box dt span.empty {
			    height:0px;
				text-indent:-9999px;
				overflow:hidden;
			}
		#wrapper .balloon_box dd {
		    float:left;
		    clear:both;
			width:638px;
			padding:0 20px 10px 20px;
			background:url(../images/txt_middle.jpg) repeat-y left bottom;
		}
/*-----------------------------*/
.level,
.table-view,
#wrapper .bottom_page_box {
    float:left;
	clear:both;
	width:637px;
}
.level {
    padding:10px 0;
    text-align:right;
}
.level li{
    display:inline;
	margin-left:30px;
}
.table-view  .stripe_table{
     width:635px;
}
    .table-view  .stripe_table th{
	    background:#cecece;
		text-align:center;
		font-weight:normal;
		color:#FFF;
		padding:2px 5px;
		border-right:solid 1px #FFF;
    }
	    .table-view  .stripe_table th.seq {width:45px;}
	    .table-view  .stripe_table th.handle {width:100px;}
	    .table-view  .stripe_table th.bp {width:150px;}
	    .table-view  .stripe_table th.article {width:auto;}
	.table-view  .stripe_table td{
	    padding:20px 10px;
		vertical-align:top;
		border-top:solid 1px #d3d3d3;
		border-bottom:solid 1px #FFF;
		text-align:center;
	}
	.table-view  .stripe_table td.article {text-align:left}
	.table-view  .stripe_table .even td{background:#fafafa;}

	 .table-view  .stripe_table .img {
	    width:64px;
	    padding:1px 0 2px 2px;
		margin:0 auto;
	    border-left:solid 1px #cecece;
	    border-bottom:solid 1px #cecece;
    }
	.table-view  .stripe_table .img img{
	    width:64px;
		vertical-align:middle;
	}
/*-----------------------------*/
#wrapper .bottom_page_box {
	position:relative;
	padding-top:25px;
	height:14px;
}
    #wrapper .bottom_page_box .page_select ul,
    #wrapper .bottom_page_box .page_select .list_box,
	#wrapper .bottom_page_box .page_select .page a {
        position: absolute;
    }
	#wrapper .bottom_page_box .page_select ul {
        left:165px;
	    bottom:5px;
	}
	#wrapper .bottom_page_box .page_select .list_box {
	    bottom:4px;
	    left:66px;
        text-align:center;
	    width:480px;
	}
        #wrapper .bottom_page_box .page_select .list_box ul {
		    position:static;
			margin:0 auto;
		}
		    #wrapper .bottom_page_box .page_select .list_box ul li {
			    display:inline;
			}
			    #wrapper .bottom_page_box .page_select .list_box ul li .current_page{
				   padding:0 5px 0 6px;
				   background:#EEE;
			    }
			    #wrapper .bottom_page_box .page_select .list_box ul li a {
			        padding:0 5px 0 6px;
				    background:url(../images/page_links_bg.gif) no-repeat center left;
			    }
		#wrapper .bottom_page_box .page_select .list_box ul li.page a {
		    bottom:5px;
			display: block;
			height: 14px;
			padding:0;
			/overflow:hidden;
			text-indent: -9999px;
		}
		#wrapper .bottom_page_box .page_select .list_box ul .forward a {
		    right:0px;
			width: 70px;
			background:url(/book/book_search/images/arrow_p_n20.gif) no-repeat 0 0;
		}
		#wrapper .bottom_page_box .page_select .list_box ul .back a {
		    left:20px;
			width: 70px;
			background:url(/book/book_search/images/arrow_p_n20.gif) no-repeat 0 -28px;
		}
		#wrapper .bottom_page_box .page_select .list_box ul .forward a:hover {background-position: 0 -14px;}
		#wrapper .bottom_page_box .page_select .list_box ul .back a:hover {background-position: 0 -42px;}

		#wrapper .bottom_page_box .page_select .list_box ul .first a {
		    left:-70px;
			width:84px;
			background:url(/book/book_search/images/arrow_f_l.gif) no-repeat 0 -28px;
		}
		#wrapper .bottom_page_box .page_select .list_box ul .last a {
		    right:-90px;
			width:84px;
			background:url(/book/book_search/images/arrow_f_l.gif) no-repeat 0 0;
		}
		#wrapper .bottom_page_box .page_select .list_box ul .first a:hover {background-position: 0 -42px;}
		#wrapper .bottom_page_box .page_select .list_box ul .last a:hover {background-position: 0 -14px;}
/*-------------------------------*/
/*------------------------------------------------------*/




/**
 * @subject : 本が好き！レビュアーランキング
 * @url : /user/ranking/
 */
.search-block .large-title{
  width: 120px;
}
.search-block .large-body{
  padding-left: 120px;
  border-bottom: 1px solid #ccc;
}
.search-block .large-body.category{
  padding-left: 0;
}
.search-block .small-title{
  width: 100px;
}
.search-block .small-body{
  padding-left: 100px;
  border-bottom: 1px dashed #ccc;
}
.search-block .small-body:last-of-type{
  border-bottom: none;
}
.search-block .list li{
  display: inline;
  margin-right: 0.6em;
}
.reviewer-info{
  position: relative;
}
.reviewer-info .reviewer-name{
  position: absolute;
  top: 20px;
  left: 10px;
}
.reviewer-info .number{
  vertical-align: bottom;
  margin-right: 0.3em;
  letter-spacing: -0.1em;
  color: #FFDF6F;
  font-size: 50px;
  font-family: "Tahoma","Meiryo","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS PGothic","ＭＳ Ｐゴシック",sans-serif;
}
.reviewer-info .reviewer-img{
  height: 100px;
  width: 100px;
  margin-left: 30px;
  background: #F8F9F4;
  text-align: center;
  border: 1px solid #bbb;
  z-index: 10;
}
.reviewer-info .revierer-comment{
  clear: left;
  padding:5px 5px 5px 10px;
  /* margin-top:18px; */
  margin-left:25px;
  margin-bottom:10px;
  /* border:solid 1px #ccc; */
}
.reviewer-info .reviewer-newreview {
  width: 300px;
  line-height: 1.5em;
  margin-bottom:10px;
  border: 1px solid #ccc;
  background: #F8F9F4;
}

.reviewer-info .reviewer-newreview .reviewer-newreview-txt{
width:210px;
}


#selector-box{
	margin: 10px 10px 10px;
	padding: 0 15px;
	border-bottom: 2px solid #FECF21;
}
#selector-box a{
	display: inline-block;
	margin: 0px 0px 0px 5px;
	padding: 8px 20px 8px;
	border: 2px solid #fecf21;
	border-bottom: none;
	background: #fff4bf;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}

#selector-box a:link,
#selector-box a:visited{
	display: inline-block;
	margin: 0px 0px 0px 5px;
	padding: 8px 20px 7px;
	border: 2px solid #dddddd;
	border-bottom: 1px solid #f8f9f4;
	background: #eeeeee;
	color: #999999;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}
#selector-box a.current,
#selector-box a:hover{
	display: inline-block;
	margin: 0px 0px 0px 5px;
	padding: 8px 20px 8px;
	border: 2px solid #fecf21;
	border-bottom: none;
	background: #FFF3BF;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}

#term-box{
margin:10px 20px 15px;
}
#term-box .term {
font-size:18px;
}

.tpl-title-t1{
	background:none;
}