/* newsfeed nav */
#newsfeed-nav {
	margin-left:20px;
}
#newsfeed-nav ul{
	margin-top:5px;
	margin-bottom:-5px;
}
#newsfeed-nav ul li{
	display:inline;
	margin-right:10px;
	font-size:12px;
	padding:5px;
}
#newsfeed-nav ul li.current-page{
	background-color:#cfd1c7;
}

/* newsfeed蜀��髟ｷ譁�Ξ繝薙Η繝ｼ縺ｮ蠑慕畑 */

#wrapper .review_body blockquote{
	margin:10px 10px;
	padding:5px 5px;
	background-color:#eeeeee;
}
#wrapper .review_body q{
	padding:0 2px;
	background-color:#eeeeee;
}

#wrapper .review_body .review-image {
margin-top:20px;
}

#wrapper .review_body .upload-image{
border: 1px solid #ccc;
float:left;
margin-right: 10px;
width: 150px;
padding: 10px;
}

#wrapper ul.upload-image-option li {
border:none;
padding:0;
}

#wrapper .review_body span {
background: none repeat scroll 0 0 #FFF3BF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 15px;
    padding: 10px 15px;
}

#wrapper .review_body .upload-image li.upload-image-img{
display:table-cell;
width:150px;
/* height:150px;*/
text-align: center;
vertical-align: bottom;
}

#wrapper .review_body .upload-image .upload-image-img .upload-image-img-box{
/*background-color:#eee;*/
margin:0 auto;
width:150px;
}

#wrapper .review_body .upload-image .upload-image-comment{
padding:10px 0 0;
font-size: 80%;
line-height: 130%;
}

/* 繝ｦ繝ｼ繧ｶ繝ｼ繧｢繧､繧ｳ繝ｳ */
#wrapper .u-image {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    float: right;
    margin-right: 5px;
    height: 36px;
    text-align: center;
    width: 36px;
}

#wrapper .u-image img {
    margin: 3px;
    max-height: 30px;
    max-width: 30px;
}

/* newsfeed follow */
#wrapper #newsfeeds .follow-button{
    text-align: center;
}
#wrapper #newsfeeds .follow-button a:link {
    color: #3e200c;
    text-decoration: none;
}
#wrapper #newsfeeds .follow-button a:visited, a:hover, a:active {
    color: #cccccc;
}

/*繝輔か繝ｭ繝ｼ繝懊ち繝ｳ*/
#wrapper #newsfeeds .follow_btn {
    background-image: url("../images/follow_btn.png");
    color: #693F03 !important;
    height: 30px;
    text-align: center;
    width: 135px;
    cursor: pointer;
}
#wrapper #newsfeeds .follow_btn span{
    font-size: 11px;
}
#wrapper #newsfeeds .follow_stop_btn {
    background-image: url("../images/follow_stop_btn.png");
    color: #693F03 !important;
    height: 30px;
    width: 135px;
    cursor: pointer;
}
#wrapper #newsfeeds .follow_stop_btn span{
    font-size: 11px;
    margin-left:13px;
}


/* 繝壹�繧ｸ荳九�繧ｿ繝ｳ
/*-----------------------------*/
#wrapper #next_newsfeed{
    text-align: center;
	margin-top:15px;
	color: #693F03;
    text-decoration: none;
    width: 700px;
}
#wrapper #load_next_newsfeed{
    text-align: center;
	margin-top:15px;
	color: #693F03;
    text-decoration: none;
    width: 700px;
}

/* 莉･荳九� htdocs/user/homepage/reviewer_list.css 縺九ｉ遘ｻ讀�*/
/* 縺薙％縺九ｉ */
/*-----------------------------*/
#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;}
/*-------------------------------*/
/* 縺薙％縺ｾ縺ｧ */
/*------------------------------------------------------*/


/* 莉･荳九� /dev/newsfeed/htdocs/common/css/common.css 縺九ｉ遘ｻ讀榊ｾ悟､画峩 */
/* 螟画峩�壹�.tpl-block-t1縲阪ｒ縲�tpl-block-newsfeed縲�*/
/* 縺薙％縺九ｉ */
/*-----------------------------*/
/* block template newsfeed */
.tpl-block-newsfeed{
  //background: url( /common/img/yellow_top.gif) no-repeat left top;
}

.tpl-block-newsfeed .wrap{
  padding-bottom: 9px;
  /*background: url( /common/img/yellow_bottom.gif) no-repeat left bottom;*/
  margin-left:10px;
}

.tpl-block-newsfeed .body{
  padding: 5px 20px;
}

/* white color mode */
.tpl-block-newsfeed.white{
  //background: url( /common/img/white_top.gif) no-repeat left top;
}

.tpl-block-newsfeed.white .wrap{
  background: url( /common/img/white_bottom.gif) no-repeat left bottom;
}

.tpl-block-newsfeed.white .body{
  background: url( /common/img/white_middle.gif) repeat-y left;
}

/* book review for toppage */
.tpl-block-newsfeed .mode-list li.review-list-body{
  background:#fff;
  padding: 10px 10px;
  border: 1px solid #CCCCCC;
  margin-bottom:10px;
}

.tpl-block-newsfeed .mode-list li .review-block{
  display: block;
  padding:0 5px 5px;
  min-height:70px;
  width:500px;
}

.tpl-block-newsfeed .mode-list li .review-title{
display: block;
}

.tpl-block-newsfeed .mode-list li .review-body{
  display: block;
  color:#000;
  margin-left: 10px;
}

.tpl-block-newsfeed .mode-list .comment_list{
}
.tpl-block-newsfeed .mode-list .comment_list li{
  background: #f2f6fb;
  padding: 8px 0 10px 8px;
  margin:5px 0 0 0;
  border: none;
}



/* ﾃ怜炎髯､ 繝懊ち繝ｳ & 菫ｮ豁｣繝懊ち繝ｳ */
/*-----------------------------*/
.tpl-block-newsfeed .mode-list .comment_list .comment-box .button-deletion {
    background-image: url("../images/button-deletion.gif");
    color: #693F03 !important;
    height: 22px;
    text-align: center;
    width: 66px;
}
.tpl-block-newsfeed .mode-list .comment_list .comment-box .delete-mark,
.tpl-block-newsfeed .mode-list .comment_list .comment-box .revise-mark {
    background: none repeat scroll 0 0 #FEDE6C;
    border: 1px solid #CCCCCC;
    color: #36210A;
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    opacity: 0.25;
    padding: 0 5px;
    text-decoration: none;
}

.tpl-block-newsfeed .mode-list .comment_list .comment-box:hover .delete-mark,
.tpl-block-newsfeed .mode-list .comment_list .comment-box:hover .revise-mark {
    opacity: 1;
}

.tpl-block-newsfeed .mode-list .comment_list .comment-box:hover .delete-mark:hover,
.tpl-block-newsfeed .mode-list .comment_list .comment-box:hover .revise-mark:hover {
    background: none repeat scroll 0 0 #FE1B18;
}

.tpl-block-newsfeed .mode-review .book_img{
  float: left;
  border-bottom: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
}

.tpl-block-newsfeed .mode-review  .book_img img{
}

.tpl-block-newsfeed .mode-review .review{
  float: left;
  width: 520px;
  line-height:1.6;
  min-height:70px;
  padding:0 0 10px;
}

.tpl-block-newsfeed .mode-review .review a{
 display:block;
 width: 520px;
 min-height:70px;
 padding:0 5px;
}

.tpl-block-newsfeed .mode-review .review a:hover{
 background:#FFF3BF;
 text-decoration:none;
}

.tpl-block-newsfeed .mode-review .review a:hover .review-title{
 text-decoration:underline;
}

.tpl-block-newsfeed .mode-review .review a .review-author{
  margin-left:10px;
  font-weight:normal;
}

.tpl-block-newsfeed .mode-review .review a:hover .review-author{
 text-decoration:underline;
}

.tpl-block-newsfeed .mode-review .reviewer_info *{
  vertical-align: baseline;
}

.tpl-block-newsfeed .mode-review .feed-footer {
  text-align:right;
  padding:5px 10px 0 0;
  border-top: 1px solid #eee;
  color:#666;
}

.tpl-block-newsfeed .mode-review .feed-footer img{
  vertical-align: baseline;
}

.tpl-block-newsfeed .mode-review .feed-footer .review-action-btn a{
  color:#666 !important;
}

.tpl-block-newsfeed .mode-review .feed-footer .review-action-btn a:hover{
  color:#D34832 !important;
}
.tpl-block-newsfeed .mode-review .feed-footer .review-action-btn a:hover span{
  text-decoration:underline;
}

/*-------------------------------*/
/* 縺薙％縺ｾ縺ｧ */
/*------------------------------------------------------*/


/* 譖ｸ蠖ｱ諡｡螟ｧCSS top.css縺九ｉ遘ｻ讀�*/
/*------------------------------------------------------*/
#newsfeeds li img.book {
    height: auto;
    width: 40px;
}

#newsfeeds li img.image {
    height: auto;
    width: 40px;
}

#newsfeeds li a.book_zoom img {
    position: absolute;
    z-index: 1;
    border-bottom: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
}

#newsfeeds li a.book_zoom:hover img {
    border: 3px solid #666666;
    height: auto;
    width: auto;
    z-index: 10;
}

#newsfeeds li a.book_zoom_bc img {
    position: absolute;
    z-index: 1;
}

#newsfeeds li a.book_zoom_bc:hover img {
    z-index: 10;
}

/*-------------------------------*/
/* 縺薙％縺ｾ縺ｧ */
/*------------------------------------------------------*/

/* comment */
/*------------------------------------------------------*/
.revise-comment {
  width:500px;
  height:auto;
}

.revise-button,
.update-button{
	margin-right:15px;
	float:right;
}

.tpl-button{
	float:right;
}

.comment-post-button{
  margin-top:10px;
}

.comment-image-area{
  background-color:#eee;
  padding-bottom:5px;
}

#image-file{
/*
  top:5px;
  position:relative;
  float:left;
 */
}

#attach-select{
  font-size:80%;
}

.icon book-1 fs_16 strong{
  font-size:80%;
}

.relation-info{
  position: relative;
  border: 1px solid #ccc;
}

.relation-info .title{
  position: absolute;
  top: -1em;
  left: 5px;
  background: #eee;
}
.relation-info .book-info *{
  display: inline-block;
  vertical-align: middle;
}

* html .relation-info .book-info *{ /* ie6 */
  display: inline;
  zoom: 1;
}

*+html .relation-info .book-info *{ /* ie7 */
  display: inline;
  zoom: 1;
}

/*------------------------------------------------------*/
/* vote */
/*------------------------------------------------------*/
.point-total .num {
color: #D85D49;
}

.vote2review-sum-body{
	color:#999;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

.vote2review-sum-body b{
	color: #333333;
    font-size: 12px;
    line-height: 1.5em;
}
/*------------------------------------------------------*/

/* GOOD! */
/*------------------------------------------------------*/
.comment-good {
  float:left;
  background: #fff;
  height:20px;
  font-size: 12px;
  line-height: 20px;
}

.good-data {
  float:left;
  border-spacing: 0;
  background: #e1d4c9;

}

.good-value {
 float:left;
  cursor:pointer;
}

.delete-good {
  float:left;
  cursor:pointer;
  font-size:10px;
  padding-right:20px;
  margin-left:10px;
}

.good-user {
  cursor:pointer;
  clear:both;
  padding:10px;
  border-bottom:1px solid;
  height:60px;
}

.good-user-image {
  float:left;
  margin-top:5px;
}

.good-user-image img{
  max-height: 50px;
  max-width: 50px;
}

.good-user-handle {
  float:left;
  margin-left:10px;
  font-size:14px;
  font-weight:bold;
  line-height:60px;
}

.tooltip {
  float:left;
  display: inline;
  zoom: 1;
  position: relative;
  left: 10px;
}

* html .tooltip {
  display: inline;
  zoom: 1;
}

*+html .tooltip {
  display: inline-block;
}

.tooltip .popup {
  cursor:pointer;
  position: absolute;
  left: 0;
  display: none;
  width: 350px;
  padding: 8px 8px 8px 40px;
  line-height: 1.2em;
  font-size: 11px;
  background: url( /images/icon_help.png ) no-repeat 5px center #fff;
  border: 2px dashed #ccc;
}

.good-text{
  float:left;
  font-size:12px;
  background: #e1d4c9;
  padding: 0 5px;
}

.good-text a:hover{
  text-decoration: underline;
}

.comment-list .audience th a{
  display: block;
  padding: 1px 10px;
  color: #666;
}

.good-value{
  padding: 0 5px;
  background-color: white;
}

.comment-book-post-area{
  margin:3px;
}

.colorbox-inline{
  background: none repeat scroll 0 0 #FEDE6C;
   border: 1px solid #CCCCCC;
    color: #36210A;
    font-size:80%;
    padding:2px;

}

/*-------------------------------*/
/* 縺薙％縺ｾ縺ｧ */
/*------------------------------------------------------*/