@charset "utf-8";

.thumbnail a:link{
    text-align: center;
    float: left;
    width: 80px;
    height: 33px;
    display: table-cell;
}
.thumbnail a:hover{
    text-align: center; 
    width: 80px;
    height: 33px;
    display: table-cell;
}
.thumbnail_select{
    text-align: center;
    width: 80px;
    height: 33px;
    display: table-cell;
}
#bookshelf .wrapper #main .hoge-R section.sectionhomebookshelf .name img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

/* section */
section.sectionhomebookshelf{
    margin-top: 10px;
    width: 200px;
    float: left;
    text-align: center;
    height: 238px;
    margin-right: 25px;
    position: relative;
    display: inline-block;
}

p.dop_info{
    position:absolute;
    bottom:-55px;
    left:15px;
    width:140px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
    padding-left:12px;
    padding-right:12px;
    margin:0;
    z-index:9999;
}
p.dop_info a{}
p.dop_info a:hover{ }
.cnt_section_bookshelf{
    margin: 0px 0px 5px 0px ;
    padding: 5px 0 5px 0;
    height: 160px;
    width: 195px;
}
.cnt_section_bookshelf:hover{ }
.cnt_section_bookshelf a.img{ 
    display:block;
    margin:0 auto;
}
.cnt_section_bookshelf a.img img{
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
.cnt_section_bookshelf .text{
    text-align:center;
}
.sectionhomebookshelf a.name{
    display: block;
    width: 165px;
    text-align:left !important;
    margin-left: 25px;
    text-indent:-25px;
}
.cnt_section_bookshelf a.name:hover{ }
.cnt_section_bookshelf .text ul.date{ float:left;}
.cnt_section_bookshelf .text ul.date li{ }
.cnt_section_bookshelf .text .info{ overflow:hidden; margin-top:10px;}
.cnt_section_bookshelf .text ul.pic{ float:left; margin-left:105px;}
.cnt_section_bookshelf .text ul.pic li{ float:left; display:inline; margin-left:17px;}
.cnt_section_bookshelf .text ul.pic li a{ display:block;}
.cnt_section_bookshelf .text ul.pic li a.sticker{ width:33px; height:35px;}
.cnt_section_bookshelf .text ul.pic li a.pen{ width:32px; height:47px;}

.cnt_section_bookshelf .text ul.pic li a.read {
  
    display:inline-block;
    padding:2px 26px;
    margin-left:5px;
}.cnt_section_bookshelf .text ul.pic li a.read:hover {

}.cnt_section_bookshelf .text ul.pic li a.read:active {
    position:relative;
    top:1px;
}

.cnt_section_bookshelf .text ul.pic li a.read_hover {
    display:inline-block;
    padding:2px 26px;
    margin-left:5px;
    line-height:20px;
}.cnt_section_bookshelf .text ul.pic li a.read_hover:hover {

}.cnt_section_bookshelf .text ul.pic li a.read_hover:active {
    position:relative;
    top:1px;
}

.btn_bott{
    display: block;
    width: 210px;
    height: 33px;
    line-height: 33px;
    margin: 37px auto 0 auto;
}
a:hover.btn_bott{

}

#bookshelf .wrapper #main .hoge-R .tops .floatR {
    display: inline;
}
#bookshelf .wrapper #main .hoge-R section .cnt_section_bookshelf .img .band_vertical {
    position: absolute;
    top: 8px;
    left: 40px;
}
#bookshelf .wrapper #main .hoge-R section .cnt_section_bookshelf .img .band_horizontal {
    position: absolute;
    top: 46px;
    left: 19px;
}
.wrapper #main .hoge-R section .cnt_section_bookshelf .img .book_horizontal {
    margin-top: 44px;
}
.wrapper #main .hoge-R .cnt_section_bookshelf .img .book_vertical {
    margin-top: 5px;
}