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


//#main_contents{
//min-height:3000px;
//}

/************************************
 * ** SNSページフォロー a
 * ************************************/

ul#booknews-lists li a {
    color: #36210a !important;
    font-size: 12px;
    line-height: 1.25em;
}

.navi-tpl-block-t1.blog_part .title a {
    color: #FFF !important;
}

.blog_part a:link, .blog_part a:visited {
    color: #000000 !important;
    text-decoration: none;
}



#hot-review-box .hot-review-items a:link, #hot-review-box .hot-review-items a:visited {
    color: #000000;
    text-decoration: none;
}

ul.snsp li a:hover{
  opacity: 0.7;
}
.icon-feedly-square:before {
    content: "\e601";
}
ul.snsp li.facebook-page a span {
    color: #3b5998 !important;
}
ul.snsp li.rss-page a span {
    color: #fe9900 !important;
}
ul.snsp li.feedly-page a span {
    color: #87bd33 !important;
}
ul.snsp li.twitter-page a span {
    color: #55acee !important;
}

.sns-follow-msg{
  margin: 8px 0 0 0;
  font-size:medium;
}

.sns-share-msg{
  margin-bottom:-20px;
  font-size:medium;
}

#header .sns-follow-msg{
  display:none;
}

ul.snsp{
  list-style:none;
  padding-left:0;
  margin:10px 0 15px;
}

ul.snsp li{
  display:inline;
  margin-right:5px;
}

ul.snsp li a{
  color:#666;
  font-size:19px;
  line-height:170%;
  text-decoration:none;
}

/*Facebookコメント欄が表示されない不具合修正*/
.fb-like iframe {
    max-width: none;
}

/*アイコフォントの大きさ*/
ul.snsp li a span{
  font-size:40px;
}
/*feedly、LINEアイコンは自作なので少し大きかったので調整*/
ul.snsp li a span.icon-feedly-square,
ul.snsp li a span.icon-line-square,
ul.snsp li a span.icon-hatebu-square{
  font-size:33.5px;
  position: relative;
  top: 1px;
  line-height: 34.5px;
}

ul.snsp li.twitter-page a span:hover{
  color:#55acee;
}

ul.snsp li.facebook-page a span:hover{
  color:#3b5998;
}

ul.snsp li.google-plus-page a span:hover{
  color:#dd4b39;
}

ul.snsp li.instagram-page a span:hover{
  color:#3f729b;
}

ul.snsp li.hatebu-page a span:hover{
  color:#008fde;
}

ul.snsp li.pinterest-page a span:hover{
  color:#cc2127;
}

ul.snsp li.youtube-page a span:hover{
  color:#e52d27;
}

ul.snsp li.flickr-page a span:hover{
  color:#1d1d1b;
}

ul.snsp li.feedly-page a span:hover{
  color:#87bd33;
}

ul.snsp li.line-page a span:hover{
  color:#00c300;
}

ul.snsp li.rss-page a span:hover{
  color:#fe9900;
}


ul.snsp li.feedly-page a img{
  margin-bottom:-3px;
  width:32.5px;
  height:32.5px;
  border-radius:7px;
  border-width:0px;
}

ul.snsp li a span{
}

ul.snsp li a span{
  background-repeat: no-repeat;
  background-position:3px 5px;
  padding:0;
  z-index: 10;
  width:33px;
  height:33px;
  display: inline-block;
  border-radius: 8px;
  z-index: 1;
  line-height: 33.5px;
  background-color: #fff;
}


/*-------------base----------------*/
/* reset styleSheet */
/*img*/
img,
/*box*/
p, blockquote,h1, h2, h3, h4, h5, h6,div,
/*form*/
form, fieldset,
/*list*/
ul, ol, dl {
	border: 0;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	list-style:none;
}
* {padding:0; margin:0}
html {
	overflow-y:scroll; /* Firefox*/
	width:auto;
}
html, body, div, span, applet, object, iframe, h1, h2, h3,   h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,   kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
li img {
    vertical-align:bottom;
}
.book_base img ,
.img_base img {
    vertical-align:middle;
}
.book_shelf .book_base img {
    vertical-align:bottom;
}
/*----------------*/
body {
    margin:0;
	padding:0;
	border-style: none;
	background:url(../img/bg.jpg);
	width:100%;
}
/*-------font--------*/
body {
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    line-height: 150%;
}
#all {
	color:#000000;
	font-size: 95%;
}
/*-------------------*/
/*----------------*/
#all {width:990px;}
#all li.end {
   background:none !important;
   padding-right:0 !important;
}
/*----------------*/
.clear {clear:both;}
.cl_l {clear:left;}
.cl_r {clear:right;}
p.hide,div.hide,span.hide {display:none;}
.hide {display:none;}
.left {float:left;}
.right {float:right;}
.attention {font-size:80%; color:#999999;}
.center {text-align:center;}
.tx_al_le {text-align:left !important;}
.tx_al_ri {text-align:right !important;}
.strong{font-weight:bold;}
/*-------------link base--------------*/
a:link,a:visited {
    color:#000000;
	text-decoration:none;
}
a:hover ,a:active {
    color:#d85d49;
	text-decoration:underline;
}
/*--------------------------------------*/
a.black {
    color:#000000 !important;
}
/*------------rollover---------------*/
a:hover img.onmouse{
	opacity:0.8;
	filter: alpha(opacity=80);
}
/*-----------------------------------*/


/**
 * HEADER
 */
.HEADER{
  position: relative;
  width: 100%;
  height: 175px;
  background:url( ../img/header_bg.png) no-repeat left top;
}

/* テキスト広告 */
.HEADER .textAd{
  position: absolute;
  top: 30px;
  left: 195px;
}

.HEADER .textAd a{
  font-size:10% !important;
  font-weight: normal !important;
}

/* logo */
.HEADER .LOGO{
  position: absolute;
  top: 43px;
  left: 22px;
}
.HEADER .LOGO img{
  margin-right:20px;
  vertical-align:middle;
}
/* banner */
.HEADER .BANNER{
  position: absolute;
  left: 205px;
  top: 15px;
}
/* headline */
.HEADER .HEADLINE{
  position: absolute;
  top: 6px;
  left: 25px;
  line-height: 1.2em;
}
/* auther info */
.HEADER .AUTHOR-INFO{
  position: absolute;
  top: 3px;
  right: 5px;
  z-index: 10;
}
/* notify */
.HEADER .NORTIFY{
  position: absolute;
  top: 68px;
  left: 850px;
  width: 140px;
  height: 42px;
  background:url( ../img/notify_bg2.png) no-repeat left top transparent;
  z-index: 10;
  line-height: 1.2em;
}
.HEADER .NORTIFY p{
  position: absolute;
  top: 6px;
  left: 6px;
  width: 128px;
  height: 30px;
  background: #ffffff;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
}
.HEADER .NORTIFY p a{
  color: #ff0000;
}
.HEADER .NORTIFY p b{
  color: #ff0000;
}
/* links */
.HEADER .LINKS{
  position: absolute;
  /*top: 111px;*/
  top: 175px;
  right: 10px;
}
.HEADER .LINKS li{
  display: inline;
  line-height: 11px;
  font-size: 11px;
  font-weight: bold;
}
*+html .HEADER .LINKS li{
  letter-spacing: -1px;
  font-size: 12px;
  font-weight: bold;
}
.HEADER .LINKS li a{
  color: #666666;
}
/* search */
.HEADER .SEARCH{
  position: absolute;
  top: 48px;
  left: 192px;
  width: 600px;
  height: 50px;
  background:url( ../img/header_search_bg.png) no-repeat left top;
}
.HEADER .SEARCH input.keyword{
  position: absolute;
  top: 13px;
  left: 11px;
  width: 457px;
  border: none;
  background: none;
  color:#999999;
}
.HEADER .SEARCH input.exec-btn{
  position: absolute;
  top: 6px;
  right: 95px;
}
.HEADER .SEARCH a.search-more{
  display:inline-block;
  position: absolute;
  top: 9px;
  right: 21px;
}

#smp_page_link a{
display:block;
padding:50px 15px;
text-align:center;
backgrond:#ccc;
font-size:36px;
font-weight:bold;
text-decoration:none;
color: #D85D49;
}

#cse-search-form {
 position: absolute;
  top: 36px;
  right: 5px;
  width: 510px;
  height: 50px;
  background:url( ../img/header_search_bg.png) no-repeat right top;
}
#cse-search-form input.gsc-input{
  position: absolute;
  top: 14px;
  left: 16px;
  width: 158px;
  border: none;
  background: none;
  color:#9f9f99;
}
#cse-search-form input.gsc-search-button{
  position: absolute;
  top: 10px;
  right: 12px;
}

div#header-login .login-facebook,
div#header-login .login-twitter {
	margin-top:-2px;
}

div#header-login #userauth-welcome {
	position:relative;
	top:7px;
}

/* global navigation */
.HEADER .GLOBAL-NAVI{
  position: absolute;
  bottom: 0;
  width: 100%;
  background: url( ../img/nv_bg.png) no-repeat right bottom;
  padding-bottom: 3px;
}
.HEADER .GLOBAL-NAVI li{
  float: left;
  position: relative;
}
.HEADER .GLOBAL-NAVI li a{
  display: inline-block;
  width: 129px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  /* background: url(global-navi-off.png) no-repeat bottom center; */
  background: url(../img/global-navi-off.png) no-repeat bottom center;
  padding-bottom: 12px;
  color: #999999;
}
.HEADER .GLOBAL-NAVI li a:hover{
  /* background: url(global-navi-on.png) no-repeat bottom center; */
  background: url(../img/global-navi-on.png) no-repeat bottom center;
  color: #3f2b17;
  text-decoration: none;
}
.HEADER .GLOBAL-NAVI li a.current-page{
  background: url( ../img/global-navi-current.png) no-repeat bottom center;
  color: #3f2b17;
}
.HEADER .SOCIAL_BUTTON{
  position: absolute;
  top: 150px;
  right: 0;
}

/* topic-path (bread-crumbs) */
#topic-path {
  display: inline-block;
  position: absolute;
  top: 170px;
  left: 25px;
  height: 25px;
  line-height: 25px;
  zoom: 1;
}
ol#topic-path li {
  font-size: 10px;
  display: inline;
  list-style-type: none;
}
ol#topic-path li a {
  display: inline-block;
  line-height: 25px;
  padding-right: 12px;
  background: url( /img/common/glue.gif) no-repeat right center;
  zoom: 1; /* for IE 5.5,IE6.0 */
}
ol#topic-path li a:link,
ol#topic-path li a:visited,
ol#topic-path li a:hover,
ol#topic-path li a:active {
  color:#d85d49;
  text-decoration: none;
}

#header-login ul li {
	float:left;
	margin-left:5px;
	line-height: 1px;
}

.INFORMATION{
  clear: both;
  padding: 10px 10px 10px 40px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  background: url( ../img/icon/icon_balloon.gif) 15px 15px no-repeat #fff;
}

.TEXTADS{
  clear: both;
  padding: 5px 5px 5px 8px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  line-height: 1.6;
}

/*--------------------------------------*/
/*--------------------------------------*/
#main_contents{
  float:left;
  clear:both;
  width:984px;
  padding-left:10px;
  padding-top: 30px;
  /* background:url(../img/contents_bg.jpg) no-repeat left top; */
}
#wrapper {
    float:left;
    width:710px;
	text-align:left;
	margin-left:1px;
}
*html #wrapper{width:713px;}
#side {
    float:right;
	width:246px;
	text-align:left;
}
/*------------------------------------------------------*/
/*--------------side--------------*/
/*
#side dl,
#side dl dt,
#side dl dd,
#side .ads {
    float:right;
	clear:both;
}
*/
/* side login form */
#side-login-form{
	position: relative;
	width: 236px;
	margin-bottom: 10px;
	border: 2px solid #dddddd;
	background: #ffffff;
}
#side-login-form-box{
	border-top: 1px solid #dddddd;
}
#side-login-form .title{
	padding: 9px 10px 8px;
}
#side-login-form .title img{
	vertical-align: top;
}
#open-login-form,
#close-login-form {
	position: absolute;
	top: 8px;
	right: 10px;
	width: 60px;
	height: 26px;
}
#open-login-form{
	display: block;
	width: 60px;
	height: 26px;
	background: url("/common/img/bg_btn_open.png") no-repeat 0px 0px;
	color: #333333 !important;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
}
#open-login-form:hover{
	background: url("/common/img/bg_btn_open.png") no-repeat 0px -26px;
	color: #ffffff !important;
	font-size: 12px;
	line-height: 26px;
}
#close-login-form{
	display: block;
	width: 60px;
	height: 26px;
	background: url("/common/img/bg_btn_close.png") no-repeat 0px 0px;
	color: #333333 !important;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
}
#close-login-form:hover{
	background: url("/common/img/bg_btn_close.png") no-repeat 0px -26px;
	color: #ffffff !important;
	font-size: 12px;
	line-height: 26px;
}
#side-login-form form{
  padding: 0;
}
#side-login-form .body{

}
#side-login-form .info{
	width: 216px;
	padding: 10px 10px 5px;
}
#side-login-form .info dt{
	float: left;
	width: 76px;
	height: 24px;
	border-bottom: 5px solid #ffffff;
	background: url( /common/img/login_line.gif) no-repeat center right;
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
}
#side-login-form .info dd{
	float: right;
	width: 130px;
	padding: 0px 0px 0px 10px;
	border-bottom: 5px solid #ffffff;
}
#side-login-form .info dd input{
	width: 118px;
	height: 16px;
	margin: 0px;
	padding: 3px 5px;
	border: 1px solid #dddddd;
	color: #333333;
	font-size: 12px;
}
#side-login-form .session{
  line-height: 1.8em;
}
#side-login-form .session input{
  vertical-align: middle;
}
#side-login-form a{
  color: #d85d49;
}
#side-login-form .login-honzuki{
	margin: 0px;
	padding: 0px 0px 10px;
	text-align: center;
}
#side-login-form .login-honzuki input{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
#side-login-form .login-facebook,
#side-login-form .login-twitter {
	margin: 0;
}
#side-login-form .login-facebook a img,
#side-login-form .login-twitter a img{
	vertical-align: top;
}
#side-login-form .login-facebook{
	padding: 0px 10px 5px;
	border-bottom: 1px solid #dddddd;
}
#side-login-form .login-twitter{
	padding: 5px 10px 5px;
	border-top: 1px solid #dddddd;
}
#side-login-form .login-note{
	padding: 7px 10px;
	background: #f3f3f3;
	color: #999999;
	font-size: 12px;
	line-height: 1.5em;
}
#side-login-form .login-note a{
	color: #333333;
	font-size: 12px;
	line-height: 1.5em;
}
#side-login-form .login-note a:hover{
	color: #d85d49;
	font-size: 12px;
	line-height: 1.5em;
}

#side .ads,
#side .banner {
	width: 240px;
	margin-top: 30px;
	margin-bottom: 30px;
}
#side .banner img{
	vertical-align: top;
}
#side .date,
#side .all_list {
    text-align:right;
    font-size:75%;
	padding-bottom:10px;
}
/*--------------------------------------*/
#side #new_entry,
#side #new_present,
#side #new_present dt,
#side #new_present dd {
    float:right;
	clear:both;
}
#side #new_entry{
    position:relative;
	width:236px;
	height:36px;
	padding:40px 5px 0 5px;
	margin-bottom:15px;
	background:url(../img/entry_bg.gif) no-repeat left top;
}
    #side #new_entry .icon,
    #side #new_entry .tit {
        position:absolute;
    }
    #side #new_entry .icon{
	    top:-15px;
	    left:-17px;
    }
    #side #new_entry .tit{
	    top:12px;
	    left:31px;
    }
#side #new_present{
	width:246px;
	padding:0 0 5px 0;
	margin-right:0;
	background:url(../img/side_present_bottom.gif) no-repeat left bottom;
}
    #side #new_present dt{
        position:relative;
	    width:246px;
	    height:40px;
	    background:url(../img/side_present_top.gif) no-repeat left top;
    }
	    #side #new_present dt .icon,
		#side #new_present dt .tit{
		    position:absolute;
		}
        #side #new_present dt .icon{
	        top:-3px;
	        left:-7px;
        }
        #side #new_present dt .tit{
		    top:12px;
			left:35px;
		}
	#side #new_present dd{
	    width:214px;
	    padding:13px 15px 16px 17px;
	    background:url(../img/side_present_middle.gif) repeat-y left top;
	}
	    #side #new_present dd .left {position:relative;}
	    #side #new_present dd .left,
		#side #new_present dd .left img {
		    width:93px;
		}
		#side #new_present dd .left p {
            position:absolute;
			top:20%;
			left:10%;
			width:70px;
			font-size:11px;
			line-height:1.4em;
			text-align:center;
	    }
		#side #new_present dd .right {width:110px;}
		#side #new_present dd h3{
		    margin-bottom:10px;
			background:url(../img/side_present_line_b.gif) no-repeat left bottom;
			font-weight:bold;
		}
		#side #new_present dd p{margin-bottom:10px;}
/*--------------------------------------*/
#side dl dd#user_box .point {
    width:216px;
    margin:10px 0;
}
/*--------------------------------------*/
#side dl dt #rank_icon {
    position:absolute;
    left:-5px;
    top:-5px;
}
#side #side_ranking {
  margin-top:10px;
}
#side #side_ranking li {
  float:left;
  clear:both;
  width:216px;
  margin-bottom:10px;
}
	#side #side_ranking .img {
	    position:relative;
        float:left;
	    width:82px;
	    padding:0 0 3px 2px;
		border-left:solid 1px #cbcbcb;
		border-bottom:solid 1px #cbcbcb;
	}
        #side #side_ranking .img img {
	        width:79px;
	    }
		#side #side_ranking .img p {
            position:absolute;
			top:20%;
			left:10%;
			width:70px;
			font-size:11px;
			line-height:1.4em;
			text-align:center;
	    }
#side #side_ranking .info{
  float:right;
  width:123px;
}
#side #side_ranking .title{
  padding-left:1em;
  text-indent:-1em;
  font-weight:bold;
}
#side #side_ranking .title a{
  color:#d34832;
  text-decoration:none;
}
#side #side_ranking .info p{
  font-size:80%;
  padding-left:17px;
}



/**
 *  twitter widget
 */
.twtr-doc{
-moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius: 0px !important;
}
#twtr-widget-1{
	width: 236px;
	border: 2px solid #36210a;
	background: #ffffff;
}
#twtr-widget-1 .twtr-hd{
  position: relative;
  width: 100%;
  height: 40px;
  padding: 5px 0;
  background: none !important;
  background-color: #36210a !important;
}
#twtr-widget-1 .twtr-hd h3{
  position: absolute;
  top: 7px;
  left: 10px;
}
#twtr-widget-1 .twtr-hd h4{
  position: absolute;
  top: 29px;
  right: 10px;
  font-size: 12px !important;
}
#twtr-widget-1 .twtr-hd h4 a{
  line-height: 16px;
  padding-left: 18px;
  color: #8ec3e3 !important;
  background: url( ../img/icon/icon_twitterplus.gif) left center no-repeat;
}
#twtr-widget-1 .twtr-bd{
}
#twtr-widget-1 .twtr-ft{
}
#twtr-widget-1 .twtr-ft div{
  display: none;
}

/**
 *  side content. inventory.
 */
#side-pickup-inventory  .title{
	padding-left: 33px;
	background: url("/common/img/ic_inventory.png") #36210a no-repeat 10px center !important;
}
#side-pickup-inventory  .inventory-items{
	position: relative;
	padding: 10px;
	border-top: dotted 1px #cccccc;
}
#side-pickup-inventory  .inventory-items a{
	float: left;
	display: inline-block;
	width: 60px;
	background: #f3f3f3;
	text-align: center;
}
#side-pickup-inventory  .inventory-items a img{
	max-width: 60px;
	vertical-align: top;
}
#side-pickup-inventory  .inventory-spec{
	float: right;
	width: 144px;
	padding: 5px 0px 0px;
}

#side-pickup-inventory  .inventory-spec a{
	float: none;
	display: inline;
	width: 100%;
	background: none;
	color:#D85D49;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.25em;
	text-align: left;
}
#side-pickup-inventory  .inventory-spec a:hover{
	text-decoration: underline;
}
#side-pickup-inventory  .inventory-spec .inventory-title{
	padding-bottom: 5px;
}
#side-pickup-inventory  .inventory-spec p{
	color: #333333;
	font-size: 12px;
	line-height: 1.25em;
}
#side-pickup-inventory  .inventory-spec p span{
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.25em;
}
#side-pickup-inventory  .headline-link{
	padding-right: 10px;
	border-top: dotted 1px #cccccc;
	text-align:right;
}



/**
 *  drilldown menu
 */
#category-drilldown {
	width: 236px;
	margin-bottom: 10px;
	border: 2px solid #36210a;
	background: #ffffff;
}
#category-drilldown #drilldown-root{
	padding: 10px;
}
#category-drilldown .body{
}
#category-drilldown .title{
	padding: 10px 10px 5px;
	border-bottom: 1px dotted #dddddd;
}
#category-drilldown .title img{
  background-position: left top;
}
#category-drilldown .link a,
#category-drilldown .link a:link,
#category-drilldown .link a:active,
#category-drilldown .link a:visited{
  color:#333;
  font-size:11px;
}
#category-drilldown .link a:hover{
  color:#d85d49;
}
#category-drilldown .expand,
#category-drilldown .link {
  display: inline;
}
#category-drilldown .expand a{
  display: inline-block;
  width: 11px;
  height: 11px;
  line-height: 11px;
  margin-right: 5px;
  overflow: hidden;
  text-indent: -11px;
  background: url(../img/icon/icon_arrow-9x9.gif) center no-repeat;
}
* html #category-drilldown .expand a{
  display: inline;
  margin-left: 11px;
  zoom: 1;
}
*+html #category-drilldown .expand a{
  display: inline;
  margin-left: 11px;
  zoom: 1;
}
#category-drilldown .link .selected{
  font-weight: bold;
}
#category-drilldown .expand a.close{
  background: url(../img/icon/arrow.gif) center no-repeat;
  cursor: pointer;
}
#category-drilldown .expand a.open{
  background: url(../img/icon/icon_arrow_under_11x11.gif) center no-repeat;
  cursor: pointer;
}
#category-drilldown ul.cgroup li {
  margin-left:10px;
}
#category-drilldown ul.detail li {
  margin-left:10px;
}



/*------------wrapper-----------------*/
/*-----------------------------*/
.contents_title {
    float:left;
	clear:both;
    padding:0 40px 10px;
}
.contents_title .shelf_header {
    position:relative;
    float:left;
	clear:both;
	width:586px;
	padding:10px 0 0 46px;
	z-index:0;
	border-top:solid 1px #FFF;
}
.yheader {background:url(../img/title_bg_y.gif) no-repeat left bottom #fede6c;}
.yfooter {background-color:#fede6c;}
.bheader {background:url(../img/title_bg_b.gif) no-repeat left bottom #af9c89;}
    .contents_title .shelf_header img {vertical-align:middle;}
    .contents_title .shelf_header .shelf_title {float:left;}
	.contents_title .shelf_header .icon,
	.contents_title .shelf_header .date,
	.contents_title .shelf_header .link_all {
	    position:absolute;
	}
    .contents_title .shelf_header .icon {
        left:-10px;
        top:-10px;
    }
	.contents_title .shelf_header .date{
	    font-size:10px;
	    left:290px;
	    top:8px;
    }
    .contents_title .shelf_header .link_all{
        right:10px;
        top:11px;
	}
/*--------------------------------------*/
#wrapper a:link,
#wrapper a:visited {
    color:#d85d49;
}
#wrapper .contents {
    float:left;
    clear:both;
    width:634px;
	margin:15px 40px 0px;
	/padding-bottom:30px;
}
#wrapper .w_box_mini,
#wrapper .w_box_mini .top,
#wrapper .w_box_mini .middle,
#wrapper .w_box_mini .line_list,
#wrapper .w_box_mini .line_list li {
    float:left;
    clear:both;
	width:634px;
}
#wrapper .w_box_mini {
	padding-bottom:9px;
	margin-bottom:30px;
	background:url(../img/white_bottom.gif) no-repeat left bottom;
}
    #wrapper .w_box_mini .top {
    	height:10px;
	    overflow:hidden;
        background:url(../img/white_top.gif) no-repeat left bottom;
    }
	#wrapper .w_box_mini .middle {
        padding:5px 0 0;
	    overflow:hidden;
        background:url(../img/white_middle.gif) repeat-y left bottom;
    }
        #wrapper .w_box_mini .line_list {
            margin:-10px 0 0 0;
		}
		#wrapper .w_box_mini .line_list li {
            width:594px;
            padding:20px 20px 15px;
            background:url(../img/dotted_line.gif) no-repeat left top;
        }
		    #wrapper .w_box_mini .line_list li .book_img {
			    position:relative;
		        float:left;
				width:54px;
				padding:0 0 2px 2px;
				border-left:solid 1px #cbcbcb;
				border-bottom:solid 1px #cbcbcb;
		    }
			#wrapper .w_box_mini .line_list li .book_img img {
			    width:52px;
		    }
			#wrapper .w_box_mini .line_list li .book_img p {
			    position:absolute;
				top:20%;
				left:0;
			    width:52px;
				font-size:11px;
				line-height:1.4em;
				text-align:center;
		    }
		    #wrapper .w_box_mini .line_list li .review {
			    float:right;
				width:515px;
			}
			    #wrapper .w_box_mini .line_list li .review .tx_al_ri { padding-top:5px;}
			    #wrapper .w_box_mini .line_list li .review .tx_al_ri img{
			        vertical-align:baseline;
				    /vertical-align:middle;
			    }
			#wrapper .w_box_mini .line_list li .circle{
			    padding-left:20px;
			    background:url(../img/icon/circle.gif) no-repeat left center;
			}
			#wrapper .w_box_mini .line_list li  h3 { font-weight:bold; margin-bottom:5px;}

#wrapper #contents_messages{

}

/*--------------------------------------*/

/*-----フッターのバナー広告------*/
.footerAd {
    float:left;
	clear:both;
	width:980px;
	padding-top:20px;
	padding-left:125px;
    text-align:right;
}
/*-------------------*/

/*-----page top------*/
.pagetop {
    float:left;
	clear:both;
	width:980px;
	padding-top:20px;
    text-align:right;
	/* margin-top:-20px; ボタンが押せなくなる*/
}
/*-------------------*/
/*---------------footer-----------------*/
#footer,
#copy {
  float:left;
  clear:both;
  width:970px;
}

#footer {
  margin:13px 0 0 12px;
  background:url(../img/footer.gif) repeat-x left top;
}
#footer_links {
  margin:13px 0 5px 12px;
}
*html #footer{margin-left:6px;}
#footer #footer_links .list *{
  display: inline;
}
#footer #footer_links .list a{
  color: #d85d49;
}

#copy {margin:5px 0 0 12px; padding:0;}


/*--------------------------------------*/
#wrapper .length-ok {
	font-size:1.3em;
	font-weight:bold;
	color:green;
}
#wrapper .length-error {
	font-size:1.3em;
	font-weight:bold;
	color:red;
}
#wrapper .length-best {
	font-size:2.0em;
	font-weight:bold;
	color:#F6A828;
}
#wrapper .length-caption {
	font-size:0.75em;
	font-weight:normal;
	color:gray;
}
/*--------------------------------------*/
/*----------------------*/
/* -- Container Case     -- */
/* -- with ClearFix  -- */
/*----------------------*/
.leftbox {
	float:left;
}
.rightbox {
	float:right;
}
.container_c:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .container_c {
	height: 1%;
}
.container_c {
	display: block;
	min-height: 1em;
}
/* End hide from IE-mac */




/*------------------------------------------------------------------------------------------
                                        common style
 ------------------------------------------------------------------------------------------*/
/**
 *  MARGIN CLASS
 */
.mt00 { margin-top: 0px; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt65 { margin-top: 65px; }
.mt70 { margin-top: 70px; }
.mr00 { margin-right: 0px; }
.mr05 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr55 { margin-right: 55px; }
.mr60 { margin-right: 60px; }
.mb00 { margin-bottom: 0px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.ml00 { margin-left: 0px; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }
.ml80 { margin-left: 80px; }
.ml00 { margin-left: 0px; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }
.ml80 { margin-left: 80px; }
.mtb0{ margin-top: 0px; margin-bottom: 0px; }
.mtb5{ margin-top: 5px; margin-bottom: 5px; }
.mtb10{ margin-top: 10px; margin-bottom: 10px; }
.mtb15{ margin-top: 15px; margin-bottom: 15px; }
.mtb20{ margin-top: 20px; margin-bottom: 20px; }
.mtb25{ margin-top: 25px; margin-bottom: 25px; }
.mtb30{ margin-top: 30px; margin-bottom: 30px; }
.mtb35{ margin-top: 35px; margin-bottom: 35px; }
.mtb40{ margin-top: 40px; margin-bottom: 40px; }
.mtb45{ margin-top: 45px; margin-bottom: 45px; }
.mtb50{ margin-top: 50px; margin-bottom: 50px; }
.mlr0{ margin-left: 0px; margin-right: 0px; }
.mlr5{ margin-left: 5px; margin-right: 5px; }
.mlr10{ margin-left: 10px; margin-right: 10px; }
.mlr15{ margin-left: 15px; margin-right: 15px; }
.mlr20{ margin-left: 20px; margin-right: 20px; }
.mlr25{ margin-left: 25px; margin-right: 25px; }
.mlr30{ margin-left: 30px; margin-right: 30px; }
.mlr35{ margin-left: 35px; margin-right: 35px; }
.mlr40{ margin-left: 40px; margin-right: 40px; }
.mlr45{ margin-left: 45px; margin-right: 45px; }
.mlr50{ margin-left: 50px; margin-right: 50px; }
.ma00{ margin: 0px; }
.ma5{ margin: 5px; }
.ma10{ margin: 10px; }
.ma15{ margin: 15px; }
.ma20{ margin: 20px; }
.ma25{ margin: 25px; }
.ma30{ margin: 30px; }
.ma35{ margin: 35px; }
.ma40{ margin: 40px; }
.ma45{ margin: 45px; }
.ma50{ margin: 50px; }



/**
 *  PADDING CLASS
 */
.pt00{ padding-top: 0px; }
.pt05{ padding-top: 5px; }
.pt10{ padding-top: 10px; }
.pt15{ padding-top: 15px; }
.pt20{ padding-top: 20px; }
.pt25{ padding-top: 25px; }
.pt30{ padding-top: 30px; }
.pt35{ padding-top: 35px; }
.pt40{ padding-top: 40px; }
.pt45{ padding-top: 45px; }
.pt50{ padding-top: 50px; }
.pt60{ padding-top: 60px; }
.pb00{ padding-bottom: 0px; }
.pb05{ padding-bottom: 5px; }
.pb10{ padding-bottom: 10px; }
.pb15{ padding-bottom: 15px; }
.pb20{ padding-bottom: 20px; }
.pb25{ padding-bottom: 25px; }
.pb30{ padding-bottom: 30px; }
.pb35{ padding-bottom: 35px; }
.pb40{ padding-bottom: 40px; }
.pb45{ padding-bottom: 45px; }
.pb50{ padding-bottom: 50px; }
.pb60{ padding-bottom: 60px; }
.pl00{ padding-left: 0px; }
.pl05{ padding-left: 5px; }
.pl10{ padding-left: 10px; }
.pl15{ padding-left: 15px; }
.pl20{ padding-left: 20px; }
.pl25{ padding-left: 25px; }
.pl30{ padding-left: 30px; }
.pl35{ padding-left: 35px; }
.pl40{ padding-left: 40px; }
.pl45{ padding-left: 45px; }
.pl50{ padding-left: 50px; }
.pl60{ padding-left: 60px; }
.pr00{ padding-right: 0px; }
.pr05{ padding-right: 5px; }
.pr10{ padding-right: 10px; }
.pr15{ padding-right: 15px; }
.pr20{ padding-right: 20px; }
.pr25{ padding-right: 25px; }
.pr30{ padding-right: 30px; }
.pr35{ padding-right: 35px; }
.pr40{ padding-right: 40px; }
.pr45{ padding-right: 45px; }
.pr50{ padding-right: 50px; }
.pr60{ padding-right: 60px; }
.ptb0{ padding-top: 0px; padding-bottom: 0px; }
.ptb5{ padding-top: 5px; padding-bottom: 5px; }
.ptb10{ padding-top: 10px; padding-bottom: 10px; }
.ptb15{ padding-top: 15px; padding-bottom: 15px; }
.ptb20{ padding-top: 20px; padding-bottom: 20px; }
.ptb25{ padding-top: 25px; padding-bottom: 25px; }
.ptb30{ padding-top: 30px; padding-bottom: 30px; }
.ptb35{ padding-top: 35px; padding-bottom: 35px; }
.ptb40{ padding-top: 40px; padding-bottom: 40px; }
.ptb45{ padding-top: 45px; padding-bottom: 45px; }
.ptb50{ padding-top: 50px; padding-bottom: 50px; }
.plr00{ padding-left: 0px; padding-right: 0px; }
.plr05{ padding-left: 5px; padding-right: 5px; }
.plr10{ padding-left: 10px; padding-right: 10px; }
.plr15{ padding-left: 15px; padding-right: 15px; }
.plr20{ padding-left: 20px; padding-right: 20px; }
.plr25{ padding-left: 25px; padding-right: 25px; }
.plr30{ padding-left: 30px; padding-right: 30px; }
.plr35{ padding-left: 35px; padding-right: 35px; }
.plr40{ padding-left: 40px; padding-right: 40px; }
.plr45{ padding-left: 45px; padding-right: 45px; }
.plr50{ padding-left: 50px; padding-right: 50px; }
.pa00{ padding: 0px; }
.pa05{ padding: 5px; }
.pa10{ padding: 10px; }
.pa15{ padding: 15px; }
.pa20{ padding: 20px; }
.pa25{ padding: 25px; }
.pa30{ padding: 30px; }
.pa35{ padding: 35px; }
.pa40{ padding: 40px; }
.pa45{ padding: 45px; }
.pa50{ padding: 50px; }


/**
 *  TEXT ALIGN CLASS
 */
.txt_right{ text-align: right; }
.txt_left{ text-align: left; }
.txt_center{ text-align: center; }


/**
 * TEXT COLOR CLASS
 */
.txt_clr_red{ color: #d34832 !important; }
.txt_clr_blue{ color: #007ec5 !important; }
.txt_clr_yellow{ color: #fed863 !important; }
.error{
	color: #f00;
}

/**
 *  FONT_SIZE_CLASS
 */
.fs_10{ font-size: 10px; }
.fs_12{ font-size: 12px; }
.fs_14{ font-size: 14px; }
.fs_16{ font-size: 16px; }
.fs_18{ font-size: 18px; }
.fs_20{ font-size: 20px; }
.fs_22{ font-size: 22px; }
.fs_24{ font-size: 24px; }
.fs_26{ font-size: 26px; }
.fs_28{ font-size: 28px; }
.fs_30{ font-size: 30px; }
.fs_32{ font-size: 32px; }
.fs_xsmall {font-size: 0.5em;}
.fs_small {font-size: 0.75em;}
.fs_large {font-size: 1.3em;}
.fs_xLarge {font-size: 1.5em;}


/**
 * clearfix
 */
.clearfix:after {
    content:".";
    display:block;
    visibility:hidden;
    height:0.1px;
    font-size:0.1em;
    line-height:0;
    clear:both;
}
.clearfix {
    display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height:1%;
}
.clearfix {
    display:block;
}
/* End hide from IE-mac */


/**
 * ICON CLASS
 */
.icon{
  display: inline-block;
  line-height: 1.1em;
}
* html .icon{
  display: inline;
  zoom: 1;
}
*+html .icon{
  display: inline;
  zoom: 1;
}
.icon.arrow1{
  padding-left: 18px;
  background: url( /common/img/icon/arrow_point_on.gif) no-repeat left center;
}
.icon.arrow2{
  padding-left: 8px;
  background: url( /common/img/icon/arrow_mini.gif) no-repeat left center;
}
.icon.book24{
  padding-left: 30px;
  background: url( /common/img/icon/icon_book24.gif) no-repeat left center;
  line-height: 26px;
}
.icon.book32{
  padding-left: 38px;
  background: url( /common/img/icon/icon_book32.gif) no-repeat left center;
  line-height: 34px;
}
.icon.other24{
  padding-left: 30px;
  background: url( /common/img/icon/icon_other24.gif) no-repeat left center;
  line-height: 26px;
}
.icon.other32{
  padding-left: 38px;
  background: url( /common/img/icon/icon_other32.gif) no-repeat left center;
  line-height: 34px;
}
.icon.publisher32{
  padding-left: 38px;
  background: url( /common/img/icon/icon_publisher32.gif) no-repeat left center;
  line-height: 34px;
}
.icon.member32{
  padding-left: 38px;
  background: url( /common/img/icon/icon_member32.gif) no-repeat left center;
  line-height: 34px;
}
.icon.quest32{
  padding-left: 38px;
  background: url( /common/img/icon/icon_quest32.gif) no-repeat left center;
  line-height: 34px;
}
.icon.balloon25{
  padding-left: 28px;
  background: url( /common/img/icon/icon_balloon_25x20.png) no-repeat left center;
  line-height: 20px;
}
.icon.balloon37{
  padding-left: 42px;
  background: url( /common/img/icon/icon_balloon_37x30.png) no-repeat left center;
  line-height: 30px;
}
.icon.camera{
  padding-left: 26px;
  background: url( /common/img/icon/icon_camera.gif) no-repeat left center;
  line-height: 19px;
}
.icon.search{
  padding-left: 20px;
  background: url( /common/img/icon/icon_vote_16.png) no-repeat left center;
  height: 16px;
}
.icon.book-1{
  padding-left: 26px;
  background: url( /common/img/icon/icon_book-1.gif) no-repeat left center;
  line-height: 19px;
}
.icon.book-2{
  padding-left: 26px;
  background: url( /common/img/icon/icon_book-2.gif) no-repeat left center;
  line-height: 17px;
}
.icon.pencil{
  padding-left: 18px;
  background: url( /common/img/icon/icon_pencil.png) no-repeat left center;
  height: 15px;
}
.icon.balloon{
  padding-left: 18px;
  background: url( /common/img/icon/icon_balloon.gif) no-repeat left center;
  line-height: 15px;
}
.icon.information{
  padding-left: 30px;
  background: url( /common/img/icon/icon_info_y.png) no-repeat left center;
  line-height: 27px;
}
.icon.medal_gold{
  padding-left: 21px;
  background: url( /common/img/icon/medal_gold.png) no-repeat left center;
  line-height: 18px;
}
.icon.icon_followed{
  padding-left: 16px;
  background: url( /common/img/icon/icon_followed.png) no-repeat left center;
  line-height: 18px;
}
.icon.icon_blocked{
  padding-left: 16px;
  /* background: url( /common/img/icon/icon_blocked.png) no-repeat left center; */
  line-height: 17px;
  margin-top:-8px;
}
.icon.icon_comment{
  padding-left: 14px;
  background: url( /common/img/icon/icon_comment.png) no-repeat left center;
  line-height: 14px;
}
.icon.icon_longfeed{
  padding-left: 14px;
  background: url( /common/img/icon/icon_longfeed.png) no-repeat left center;
  line-height: 14px;
}
.icon.icon_vote{
  padding-left: 14px;
  background: url( /common/img/icon/icon_vote.png) no-repeat left center;
  line-height: 14px;
}
.icon.reviewcomment{
  padding-left: 20px;
  background: url( /common/img/icon/icon_comment_16.png) no-repeat left center;
  height: 16px;
}
.icon.question{
  padding-left: 20px;
  background: url( /common/img/icon/icon_search.gif) no-repeat left center;
  height: 16px;
}

/* old icon class */
.icon_point,
.icon_book,
.icon_circle,
.icon_biz,
.icon_hobby,
.icon_culture,
.icon_science {padding-left:20px;}
.icon_point {background:url(../img/icon/point.gif) no-repeat 0 3px;}
.icon_book {background:url(../img/icon/book.gif) no-repeat 0 3px;}
.icon_circle {background:url(../img/icon/circle.gif) no-repeat 3px 4px;}
.icon_biz {background:url(../img/icon/biz.gif) no-repeat 0 0;}
.icon_hobby {background:url(../img/icon/hobby.gif) no-repeat 0 0;}
.icon_culture {background:url(../img/icon/culture.gif) no-repeat 0 0;}
.icon_science {background:url(../img/icon/science.gif) no-repeat 0 0;}

/**
 * PARAGRAPH
 */
.paragraph{
  position: relative;
}
.paragraph .headline-link{
  position: absolute;
  top: 0;
  right: 5px;
}


/* block template type1 */
.tpl-block-t1{
  background: url( /common/img/yellow_top.gif) no-repeat left top;
}
.tpl-block-t1 .wrap{
  padding-bottom: 9px;
  background: url( /common/img/yellow_bottom.gif) no-repeat left bottom;
}
.tpl-block-t1 .body{
  padding: 5px 20px;
  background: url( /common/img/yellow_middle.gif) repeat-y left;
}
/* white color mode */
.tpl-block-t1.white{
  background: url( /common/img/white_top.gif) no-repeat left top;
}
.tpl-block-t1.white .wrap{
  background: url( /common/img/white_bottom.gif) no-repeat left bottom;
}
.tpl-block-t1.white .body{
  background: url( /common/img/white_middle.gif) repeat-y left;
}
/* book review for toppage */
.tpl-block-t1 .mode-list li{
  padding: 8px 0 5px 0;
  border-bottom: 1px solid #CCCCCC;
}
.tpl-block-t1 .mode-review  .book_img{
  float: left;
  border-bottom: 1px solid #cbcbcb;
  border-left: 1px solid #cbcbcb;
  width: 40px;
}
.tpl-block-t1 .mode-review  .book_img img{
  width: 40px;
}
.tpl-block-t1 .mode-review .review{
  float: right;
  width: 610px;
  line-height:1.6;
}
.tpl-block-t1 .mode-review .reviewer_info *{
  vertical-align: baseline;
}


/* block template type 2 */
.tpl-block-t2{
  position: relative;
  padding-bottom: 5px;
  background: url( /common/img/tpl-block-t2_btm.gif) no-repeat left bottom;
  line-height: 1.8em;
  margin-bottom: 35px;
}
*+html .tpl-block-t2{
  padding-bottom: 0px;
}
.tpl-block-t2.short{
  background: url( /common/img/tpl-block-t2-s_btm.gif) no-repeat left bottom;
}
.tpl-block-t2 .wrap{
  background: url( /common/img/tpl-block-t2_md.gif) repeat-y left bottom;
}
.tpl-block-t2.short .wrap{
  background: url( /common/img/tpl-block-t2-s_md.gif) repeat-y left center;
}
.tpl-block-t2 .title{
  padding: 10px 15px 5px;
  background: url( /common/img/tpl-block-t2_top.gif) no-repeat left top;
}
.tpl-block-t2.short .title{
  background: url( /common/img/tpl-block-t2-s_top.gif) no-repeat left top;
}
.tpl-block-t2 .body{
  padding: 15px 25px 30px;
  margin-right: 3px;
  border-top: solid 3px #fed865;
}
.tpl-block-t2 .open-btn{
  position: absolute;
  bottom: -26px;
  left: 50%;
  margin-left: -52px;
  cursor: pointer;
  z-index: 10;
}
* html .tpl-block-t2 .open-btn{
  position: relative;
}
.tpl-block-t2 .close-btn{
  position: absolute;
  bottom: 3px;
  left: 50%;
  margin-left: -52px;
  cursor: pointer;
  z-index: 10;
}
* html .tpl-block-t2 .close-btn{
  position: relative;
}


/* block tempate type 3 */
.tpl-block-t3{ /* renewal balloon box */
  width: 673px;
  padding-top: 5px;
  background: url(/book/images/txt_top.jpg) no-repeat center top;
  zoom: 1;
}
.tpl-block-t3.balloon{
  padding-top: 26px;
  background: url(/book/images/txt_top_02.jpg) no-repeat center top;
}
.tpl-block-t3 .wrap{
  padding-bottom: 6px;
  background: url(/book/images/txt_bottom_02.jpg) no-repeat center bottom;
  zoom: 1;
}
.tpl-block-t3 .body{
  background: url(/book/images/txt_middle.jpg) repeat-y center;
  zoom: 1;
}

/* 2013.06.12 template*/
.white-box-s1 {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
}
.white-box-s2 {
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #DDDDDD;
}
.white-box-s3 {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #DDDDDD;
}

/* 2013.12.04 template inline-block*/
.d_ib {
display:inline-block;
}
/*-- font color --*/
.ft_red{color: #d85d49;}

/**
 *  drilldown menu
 */
.navi-tpl-block-t1 {
	width: 236px;
	margin-bottom:10px;
	border: 2px solid #36210a;
	background: #ffffff;
}
.navi-tpl-block-t1 .title{
	padding: 7px 10px 9px;
	background: #36210a;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
.navi-tpl-block-t1 .body{
}




/**
 * COMMON TITLE
 */
.tpl-title-t1{
  background: url(../img/tpl-title-t1.gif) bottom repeat-x;
  padding: 0 15px 10px;
  font-size: 22px;
  font-weight: bold;
  color: #3f2b17;
}
.tpl-title-t1 *{
  display: inline;
}


/**
 * COMMON BUTTON
 */
.tpl-button{
  display: inline-block;
  overflow: hidden;
  background-position: top;
  background-repeat: no-repeat;
  border: none;
}.tpl-button:hover{
  background-position: bottom;
  text-decoration: none !important;
  cursor:pointer;
}
.tpl-button.button-1{
  width: 125px;
  height: 25px;
  background-image: url(../img/button/button-1.png);
  text-align: center;
  color: #693f03 !important;
}
.tpl-button.button-2{
  width: 86px;
  height: 22px;
  background-image: url(../img/button/button-2.gif);
  text-align: center;
  color: #693f03 !important;
}
.tpl-button.button-long-1 {
    background-image: url("../img/button/button-long-1.png");
    color: #693F03 !important;
    height: 25px;
    text-align: center;
    width: 290px;
}

/**
 *  COMMON TABLE
 */
/* table template type1 */
.tpl-table-t1{
  width: 100%;
}
.tpl-table-t1 th{
  background: url( /common/img/y_line.gif) right repeat-y #fafafa;
  padding: 3px 10px;
  font-weight: bold;
  white-space: nowrap;
}

/* table template type2 */
.tpl-table-t2{
  width: 100%;
  background: #fff;
}
.tpl-table-t2 th,
.tpl-table-t2 td{
  vertical-align: middle;
  padding: 3px 8px;
}
.tpl-table-t2 th{
  background: #cecece;
  text-align: center;
  color: #fff;
}
.tpl-table-t2 td{
  border-bottom: 1px solid #ccc;
}


/**
 *  social button
 */
.SOCIAL_BUTTON{
  margin-bottom: 10px;
  text-align: right;
}
.SOCIAL_BUTTON.title-side{
    position: absolute;
    right: 0;
    top: 0;
}
.SOCIAL_BUTTON *{
  padding: 0;
  margin: 0;
  line-height: 1em;
}
.SOCIAL_BUTTON .button{
  display: inline-block;
  vertical-align: middle;
  margin: 2px;
  cursor: pointer;
}
* html .SOCIAL_BUTTON .button{
  display: inline;
  zoom: 1;
}
*+html .SOCIAL_BUTTON .button{
  display: inline;
  zoom: 1;
}
.SOCIAL_BUTTON .facebook_like.button{
  padding-top: 5px;
  text-align: right;
}
.SOCIAL_BUTTON #___plusone_0{
  width: 65px !important;
}



/**
 *  LAYOUT CLASS
 */
.layout-double-column .column-item{
  width: 50%;
  height: 100%;
}
.layout-center{
  margin-right: auto;
  margin-left: auto;
}

/*120709*/
.btn_user_add {
    width: 140px;
    height: 59px;
    left: 850px;
    position: absolute;
    top: 36px;
    z-index: 9999;
}
#cmn-search-wrapper{
position: absolute;
top: 53px;
left: 195px;
margin: 0;
padding: 0;
width: 553px;
height: 42px;
//background: #eeeeee;//
z-index:100;
}
#cmn-search-wrapper form{
margin: 0;
padding: 0;
}
#cmn-search-input{
position: absolute;
top: 5px;
left: 5px;
margin: 0;
padding: 0;
width: 456px;
height: 32px;
}
#cmn-search-input input{
margin: 0;
padding: 3px 5px 3px 30px;
width: 415px;
height: 24px;
border-top: 1px solid #bbbbbb;
border-left: 1px solid #bbbbbb;
border-bottom: 1px solid #bbbbbb;
border-right: none;
background: url("/common/img/bg-cmn-search-input.gif") #ffffff no-repeat;
font-size: 14px;
line-height: 24px;
}
#cmn-search-submit{
position: absolute;
top: 5px;
left: 456px;
margin: 0;
padding: 0;
width: 92px;
height: 32px;
}
#cmn-search-submit input{
margin: 0;
padding: 0;
width: 92px;
height: 32px;
border: 1px solid #bbbbbb;
background: #fff4bf;
color: #000000;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
#cmn-search-submit input:hover{
background: #fde889;
}
#cmn-search-open{
z-index: 9999;
position: absolute;
top: 6px;
left: 426px;
margin: 0;
padding: 0;
width: 30px;
height: 30px;
}
#cmn-search-open a{
display: inline-block;
margin: 0;
padding: 0;
width: 30px;
height: 30px;
color: #ff0000;
font-size: 12px;
line-height: 30px;
text-align: center;
text-decoration: none;
}
#cmn-search-open a:hover{
color: #ff0000;
background: #fff4bf;
}
#cmn-search-more{
display: none;
position: absolute;
top: 36px;
left: 5px;
margin: 0;
padding: 5px 5px 0px;
width: 440px;
border: 1px solid #bbbbbb;
background: #ffffff;
z-index:9999;
}
#cmn-search-more-title{
margin: 0;
padding: 10px 15px;
background: #fff4bf;
color: #000000;
font-size: 14px;
font-weight: bold;
line-height: 1;
}
#cmn-search-more-input{
margin: 0;
padding: 15px;
color: #000000;
font-size: 14px;
line-height: 1;
}
#cmn-search-more-input .cmn-search-more-label{
display: inline-block;
margin: 5px 0 0;
padding: 5px 0;
width: 80px;
color: #000000;
font-size: 14px;
line-height: 1;
vertical-align: bottom;
}
#cmn-search-more-input input{
display: inline-block;
margin: 5px 0 0;
padding: 3px 5px;
width: 318px;
border: 1px solid #bbbbbb;
color: #000000;
font-size: 14px;
line-height: 1;
vertical-align: bottom;
}
#cmn-search-more-submit{
margin: 0;
padding: 5px 0 20px;
text-align: center;
}
#cmn-search-more-submit input{
margin: 0;
padding: 5px 0;
width: 120px;
border: 1px solid #bbbbbb;
background: #f3f3f3;
color: #000000;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
#cmn-search-more-submit input:hover{
background: #fff4bf;
}
#cmn-search-google{
position: absolute;
top: 60px;
left: 755px;
margin: 0;
padding: 0;
}
#cmn-search-google a{
color: #999999;
font-size: 11px;
line-height: 13px;
}

/*120712*/
/*
#cmn-search-more-new{
position: absolute;
z-index: 9999;
top: 17px;
left: 258px;
width: 427px;
height: 33px;
margin: 0;
padding: 0;
text-align: center;
}
*/


/*120712*/
#cmn-search-more-new{
position: absolute;
z-index: 9999;
top: 15px;
left: 210px;
width: 454px;
height: 34px;
margin: 0;
padding: 0;
background: url("/common/img/cmn-search-more-new.gif") no-repeat center bottom;
}
#cmn-search-more-new p{
display: table-cell;
width: 450px;
height: 25px;
margin: 0;
padding: 0;
border: 2px solid #624d3d;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
background: #826c5a;
color: #ffffff;
font-size: 12px;
line-height: 1;
text-align: center;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
}

/*121023*/
#hot-topics-title,
#hot-reviews-title
{
padding-left: 33px;
background: url("/common/img/ic_hot2.png") #36210a no-repeat 10px center !important;
}

#hot-review-category-box .category-name {
margin-top:5px;
margin-left:5px;
font-size:11px;
}

ul#hot-reviews-lists{
	padding: 10px 1px 10px 10px;
}
ul#hot-reviews-lists li{
	margin: 10px 0px;
	color: #999999;
	font-size: 12px;
	line-height: 1.25em;
}
ul#hot-reviews-lists li a{
	color: #36210a;
	font-size: 12px;
	line-height: 1.25em;
}
ul#hot-reviews-lists li a:hover{
	color: #d85d49;
	font-size: 12px;
	line-height: 1.25em;
}
ul#hot-reviews-lists li .status {
	display: inline-block;
	width: 26px;
	font-size: 12px;
	line-height: 1.25em;
	overflow: hidden;
	margin-left:3px;
}
ul#hot-reviews-lists li .status.new {
	background: url("/common/img/ic_new.gif") no-repeat left bottom;
	text-indent: -100px;
}
ul#hot-reviews-lists li .status.hot {
	background: url("/common/img/ic_hot.gif") no-repeat left bottom;
	text-indent: -100px;
}

/* hot review old style */

/**
 *  hot-review
 */
.hot-review-items {
	border-bottom:1px dashed #CCCCCC;
	padding:8px 8px;
}
 .hot-review-data:hover {
	//background: #ffffcc;
}
.hot-review-items .book-image{
	float:left;
	max-width:60px;
}
.hot-review-items .book-image img{
	max-width:60px;
}
.hot-review-items .hot-review-info{
	float:left;
	margin-left:10px;
	font-size:12px;
	width:150px;
	line-height:17px;
	margin-top:-4px;
}
.hot-review-items .hot-review-info:hover{
	text-decoration: underline;
	color:#D85D49;
}

.hot-review-reviewer {
	font-size:12px;
}
.hot-review-reviewer a{
	color:#333;
}
.hot-review-reviewer a:hover{
	color:#D85D49;
}

/**
 *  bookclub-review
 */

.bookclub-items {
	border-bottom:1px dashed #CCCCCC;
}

.bookclub-data {
	border-bottom:1px dashed #CCCCCC;
	padding: 8px 8px;
}

.bookclub-items .bookclub-theme{
	float:left;
	width:120px;
	line-height:17px;
	font-size:12px;
	margin-left:10px;
}
.bookclub-items .bookclub-theme:hover{
	text-decoration: underline;
	color:#D85D49;
}

.bookclub-items .bookclub-image{
	float:left;
}



#mobile-qrcode-title{
padding-left: 33px;
background: url("/common/img/ic_mobile.png") #36210a no-repeat 10px center !important;
}
#navi-mobile-qrcode{
}
#navi-mobile-qrcode-img{
	float: left;
	width: 80px;
}
#navi-mobile-qrcode-img img{
	vertical-align: top;
}
#navi-mobile-qrcode-txt{
	float: left;
	width: 136px;
	padding: 10px;
	color: #333333;
	font-size: 11px;
	line-height: 15px;
}
#booknews-lists-title{
padding-left: 33px;
background: url("/common/img/ic_news.png") #36210a no-repeat 10px center !important;
}
ul#booknews-lists{
	padding: 10px;
}
ul#booknews-lists li{
	margin: 10px 0px 5px 1em;
	color: #999999;
	font-size: 12px;
	line-height: 1.25em;
	text-indent: -1em;
}
ul#booknews-lists li a{
	color: #36210a;
	font-size: 12px;
	line-height: 1.25em;
}
ul#booknews-lists li a:hover{
	color: #d85d49;
	font-size: 12px;
	line-height: 1.25em;
}
#ranking_list{
	margin-bottom: 10px;
	width: 236px;
	border: 2px solid #fece21;
	background: #ffffff;
}
#ranking_list .title{
	padding: 7px 10px 9px 33px;
	background: url("/common/img/ic_crown.png") #fff4bf no-repeat 10px center !important;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
#ranking_list .date{
	padding: 7px 10px 9px;
	color: #999999;
	font-size: 10px;
	line-height: 1;
	text-align: left;
}
#ranking_list .category-name{
	padding: 0px 10px 9px 33px;
	background:#fff4bf !important;
	font-size: 12px;
	line-height: 1;
	text-align: left;
}
#ranking_list .body {
}
#ranking_list .headline-link {
border-top:1px dotted #fece21;
padding:7px 10px;
}
#user_ranking{
}
#user_ranking .userinfo{
	padding: 7px 10px;
	border-top: 1px dotted #fece21;
}
#user_ranking .userinfo .name{
	padding-bottom: 5px;
	color: #ff9900;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}
#user_ranking .userinfo .name a{
	padding-left: 5px;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
}
#user_ranking .userinfo .name a:hover{
	color: #d85d49;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
}
#user_ranking .userinfo .photo{
	float: left;
	width: 60px;
	height: 60px;
	background: #f3f3f3;
	text-align: center;
	overflow: hidden;
}
#user_ranking .userinfo .photo a{
	display: table-cell;
	width: 60px;
	height: 60px;
	font-size: 10px;
	line-height: 1.25em;
	text-align: center;
	vertical-align: middle;
}
#user_ranking .userinfo .status{
	float: right;
	width: 149px;
	padding: 3px 0px;
}
#user_ranking .userinfo .status li{
	margin: 0px;
	padding: 0px;
	color: #777777;
	font-size: 11px;
	line-height: 16px;
}
#user_ranking .userinfo .status li b{
	color: #333333;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
}
#user_ranking .userinfo .status li strong{
	color: #fe0017;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}
#user_ranking .userinfo .status li img{
	vertical-align: bottom;
}

#user-info{
width: 240px;
margin-bottom: 10px;
background: #ffffff;
}
#open-user-info,
#close-user-info{
	position: absolute;
	top: 32px;
	right: 10px;
	width: 60px;
	height: 26px;
}
#open-user-info{
	display: block;
	width: 60px;
	height: 26px;
	background: url("/common/img/bg_btn_open2.png") no-repeat 0px 0px;
	color: #ffffff !important;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
}
#open-user-info:hover{
	background: url("/common/img/bg_btn_open2.png") no-repeat 0px -26px;
	color: #ffffff !important;
	font-size: 12px;
	line-height: 26px;
}
#close-user-info{
	display: block;
	width: 60px;
	height: 26px;
	background: url("/common/img/bg_btn_close.png") no-repeat 0px 0px;
	color: #333333 !important;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
}
#close-user-info:hover{
	background: url("/common/img/bg_btn_close.png") no-repeat 0px -26px;
	color: #ffffff !important;
	font-size: 12px;
	line-height: 26px;
}
#user_box{
	border: 2px solid #007ec5;
}
#user_box .user_info{
position: relative;
width: 216px;
padding: 10px;
background: url("/common/img/bg_user_info.gif") #eeffff;
}
#user_box .user_info .img{
float: left;
margin-right: 10px;
width: 45px;
height: 45px;
overflow: hidden;
text-align: center;
}
#user_box .user_info .img a{
display: table-cell;
width: 45px;
height: 45px;
background: #f3f3f3;
text-align: center;
vertical-align: middle;
}
#user_box .user_info img{
max-width: 45px;
}
#user_box .user_info .info{
float: left;
padding-top: 2px;
width: 91px;
color: #007ec5;
font-size: 12px;
font-weight: bold;
line-height: 1.25em;
}
#user_box .user_info .info span{
color: #777777;
font-size: 12px;
font-weight: normal;
line-height: 1;
}
#side-user-info-box .note{
padding: 0px 10px;
text-align: right;
}
#side-user-info-box .note img{
vertical-align: top;
}
#side-user-info-box .myshelf{
padding: 5px 10px;
border-top: 1px solid #dddddd;
text-align: center;
}
#side-user-info-box .myshelf img{
vertical-align: top;
}
#side-user-info-box .point{
padding: 7px 10px;
border-top: 1px solid #dddddd;
}
#side-user-info-box .point li{
margin: 5px 0px;
padding: 0px 0px 0px 18px;
color: #333333;
font-size: 12px;
line-height: 1.25em;
}

#cmn-pagetop {
position:fixed;
bottom:0px;
right:0;
display:none;
z-index:999;
background:#fff4bf;
border:solid 1px #fecf21;
borderwidth:100px;
alpha(opacity=85);
-moz-opacity:0.85;
opacity:0.85;
padding:0;
}
#cmn-pagetop a{
padding: 5px;
display: block;
}

#vote2review_custom{
	width:622px;
	margin:30px 22px;
	padding:0 20px;
	border:solid 4px #ddd;
}
#vote2review_custom .ttl{
	text-align:left;
	margin-bottom:20px;
	border-bottom:dashed 2px #ddd;
	font-size:16px;
	font-weight:bold;
	padding:10px ;
}
#vote2review_custom ul{
	text-align:center;
	padding:0 0px 20px;
}
#vote2review_custom ul:after{
	content:'';
	clear:both;
	display:block;
}
#vote2review_custom li{
	display:inline-block;
	margin:0 10px;
	border:solid 1px #aaa;
	padding:5px 10px;
	cursor:pointer;
	width:110px;
	border-radius:5px;
background: rgb(246,248,249);
background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(219,219,219,1) 100%);
background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(219,219,219,1) 100%);
background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(219,219,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dbdbdb',GradientType=0 );
}
#vote2review_custom li:hover{
	border:solid 1px #FECE21;
background: rgb(255,237,164);
background: -moz-linear-gradient(top,  rgba(255,237,164,1) 0%, rgba(254,224,118,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,237,164,1) 0%,rgba(254,224,118,1) 100%);
background: linear-gradient(to bottom,  rgba(255,237,164,1) 0%,rgba(254,224,118,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeda4', endColorstr='#fee076',GradientType=0 );
}
#vote2review_custom li.selected{
	border:solid 1px #FECE21;
background: rgb(255,237,164);
background: -moz-linear-gradient(top,  rgba(255,237,164,1) 0%, rgba(254,224,118,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,237,164,1) 0%,rgba(254,224,118,1) 100%);
background: linear-gradient(to bottom,  rgba(255,237,164,1) 0%,rgba(254,224,118,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeda4', endColorstr='#fee076',GradientType=0 );
}
#vote2review_custom li.selected:hover{
	border:solid 1px #FECE21;
background: rgb(255,237,164);
background: -moz-linear-gradient(top,  rgba(254,224,118,1) 0%, rgba(255,237,164,1) 100%);
background: -webkit-linear-gradient(top,  rgba(254,224,118,1) 0%,rgba(255,237,164,1) 100%);
background: linear-gradient(to bottom,  rgba(254,224,118,1) 0%,rgba(255,237,164,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee076', endColorstr='#ffeda4',GradientType=0 );
}
#vote2review_custom{}


/* add 20180322 */
.navi_search_box{
border:2px solid #ddd;
padding:5px;
background:#fff;
}
.navi_search_box .ttl{
font-size:12px;
clear:both;
font-weight:bold;
}
.navi_search_box .search_block{
margin-bottom:20px;
}
.navi_search_box .search_block .search-form{
background:#fff;
border:solid 1px #ddd;
height:30px;
border-radius:3px;
width:auto;
}
.navi_search_box .search_block .search-form #keyword{
width:170px;
padding:0 5px;
line-height:30px;
border:none;
outline:none;
border-radius:3px 0 0 3px;
}
.navi_search_box .search_block .search-form #search-submit{
width:50px;
height:30px;
background:url( /common/img/icon/icon_search.gif) no-repeat center center #fedd79;
text-indent:-9999px;
float:right;
border-radius:0 3px 3px 0;
}
.navi_search_box .search_block .search-form #search-submit:hover{
opacity:0.8;
}

.navi_search_box .new_themes_block{
margin-bottom:10px;
}
.navi_search_box .new_themes_block > p{
font-size:12px;
line-height:1.5;
margin-bottom:5px;
}
.navi_search_box .new_themes_block .tpl-button.button-1{
background:#e59900;
color:#fff !important;
font-size:14px;
width:100%;
height:40px;
vertical-align:middle;
line-height:40px;
display:block;
border-radius:5px;
}
.navi_search_box .new_themes_block .tpl-button.button-1:hover{
opacity:0.8;
}

/* amazon button */

.amazon-page-btn{
    display:inline-block;
    width:95%;
    font-size:0.95em;
    font-weight:bold;
}

.bg-btn-orange{
background: #ffa500;
background: -o-gradient(linear, left top, left bottom, from(#fff), to(#E2E5EB));
background: -moz-gradient(linear, left top, left bottom, from(#fff), to(#E2E5EB));
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E2E5EB));
border: 1px #696969 solid;
color: #000 !important;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
height: 31px;
line-height: 31px;
text-align: center;
text-decoration: none;
font-size:1.0em;
font-weight:bold;
}

.bg-btn-login-red{
background: #ffa500;
background: -o-gradient(linear, left top, left bottom, from(#ff7357), to(#fa1807));
background: -moz-gradient(linear, left top, left bottom, from(#ff7357), to(#fa1807));
background: -webkit-gradient(linear, left top, left bottom, from(#ff7357), to(#fa1807));
border: 1px #696969 solid;
color: #f7fee9 !important;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
height: 31px;
line-height: 31px;
text-align: center;
text-decoration: none;
font-weight:bold;
}

.btn_style{
  cursor:pointer;
  width:auto;
  display:inline-block;
  padding:5px 20px;
  margin-top:20px;
  font-size:14px;
/*
  background:#ffa500;
  width:auto;
  font-weight:normal;
  height:auto;
  line-height:1.5;
  color:#693f03 !important;
  border-color:#693f03;
*/
}