@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_ws #main-ws .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_ws #main-ws .hoge-R .tops .floatR {
    display: inline;
}
#bookshelf .wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .band_vertical {
    position: absolute;
    top: 8px;
    left: 40px;
}
#bookshelf .wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .band_horizontal {
    position: absolute;
    top: 46px;
    left: 19px;
}
.wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .book_horizontal {
    margin-top: 44px;
}
.wrapper_ws #main-ws .hoge-R .cnt_section_bookshelf .img .book_vertical {
    margin-top: 5px;
}
@charset "utf-8";

.thumbnail a:link{
    text-decoration: none;
    background-image: url(../../img/bookshelf/thumbnail_off.png) ;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 3px 0px 0px 3px;
}
.thumbnail a:hover{
    text-decoration: none;
    background-color: #D6E5E5;
    background-image: url(../../img/bookshelf/thumbnail_on.png);
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 3px 0px 0px 3px;
}
.thumbnail_select{
    text-decoration: none;
    background-color: #D6E5E5;
    background-image: url(../../img/bookshelf/thumbnail_on.png);
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 3px 0px 0px 3px;
}
#bookshelf .wrapper_ws #main-ws .hoge-R section.sectionhomebookshelf .name img {

}

/* section */
section.sectionhomebookshelf{

}
p.dop_info{
    border:1px solid #999999;
    background:#fff;
}
p.dop_info a{ font-size:12px; color:#333333;}
p.dop_info a:hover{ text-decoration:none;}
.cnt_section_bookshelf{

}

section.sectionhomebookshelf .cnt_section_bookshelf:hover{
	background-color: #EDEDED;
}

.cnt_section_bookshelf a.img{

}
.cnt_section_bookshelf a.img img{

}
.cnt_section_bookshelf .text{

}
.sectionhomebookshelf a.name{
    color: #333333;
    font-size: 12px;
    text-decoration: none;

}
.sectionhomebookshelf a.name div.content-title{
	width:150px;
    white-space: nowrap; /* 改行を半角スペースに置き換える */
    overflow: hidden; /* はみだした部分を削除する */
    text-overflow: ellipsis;
}
.cnt_section_bookshelf a.name:hover{ text-decoration:underline; color:#2d83da;}
.cnt_section_bookshelf .text ul.date{ }
.cnt_section_bookshelf .text ul.date li{ color:#333333; font-size:11px;}
.cnt_section_bookshelf .text .info{}
.cnt_section_bookshelf .text ul.pic{ }
.cnt_section_bookshelf .text ul.pic li{}
.cnt_section_bookshelf .text ul.pic li a{ }
.cnt_section_bookshelf .text ul.pic li a.sticker{background:url(../../img/bookshelf/pic_1.png) no-repeat left bottom;}
.cnt_section_bookshelf .text ul.pic li a.pen{ background:url(../../img/bookshelf/pic_2.png) no-repeat 0 center;}

.cnt_section_bookshelf .text ul.pic li a.read {
    -moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
    -webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
    box-shadow:inset 0px 1px 0px 0px #d6ee23;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
    background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
    background-color:#a4d815;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #83bd07;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    text-decoration:none;
    text-shadow:1px 1px 0px #a2d613;
}
.cnt_section_bookshelf .text ul.pic li a.read:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
    background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
    background-color:#83c008;
}
.cnt_section_bookshelf .text ul.pic li a.read:active {

}

.cnt_section_bookshelf .text ul.pic li a.read_hover {
    -moz-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
    -webkit-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
    box-shadow:inset 0px 1px 0px 0px #b6b3b3;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777575), color-stop(1, #3f3d3d) );
    background:-moz-linear-gradient( center top, #777575 5%, #3f3d3d 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777575', endColorstr='#3f3d3d');
    background-color:#777575;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #63636d;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    text-decoration:none;
    text-shadow:1px 1px 0px #686666;
}.cnt_section_bookshelf .text ul.pic li a.read_hover:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3d3d), color-stop(1, #777575) );
    background:-moz-linear-gradient( center top, #3f3d3d 5%, #777575 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3d3d', endColorstr='#777575');
    background-color:#3f3d3d;
}.cnt_section_bookshelf .text ul.pic li a.read_hover:active {

}

.btn_bott{
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #0C284E;
    border-radius: 4px;
    /*outline:1px solid #0C284E;*/
    background: #37648C; /* Old browsers */
    background: -moz-linear-gradient(top,  #37648C 0%, #22466D 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37648C), color-stop(100%,#22466D)); /* Chrome,Safari4+ */
    -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7;
    box-shadow: inset 0px 1px 0px 0px #86ACC7;
    background: -webkit-linear-gradient(top,  #37648C 0%,#22466D 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #37648C 0%,#22466D 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #37648C 0%,#22466D 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #37648C 0%,#22466D 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37648C', endColorstr='#22466D',GradientType=0 ); /* IE6-9 */
}
a:hover.btn_bott{
    background: #22466D; /* Old browsers */
    background: -moz-linear-gradient(top,  #22466D 0%, rgb(16,89,163) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22466D), color-stop(100%,#37648C)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #22466D 0%,#37648C 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #22466D 0%,#37648C 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #22466D 0%,#37648C 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #22466D 0%,#37648C 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22466D', endColorstr='#37648C',GradientType=0 ); /* IE6-9 */
}

#bookshelf .wrapper_ws #main-ws .hoge-R .tops .floatR {

}
#bookshelf .wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .band_vertical {

}
#bookshelf .wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .band_horizontal {

}
.wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .book_horizontal {

}
.wrapper_ws #main-ws .hoge-R .cnt_section_bookshelf .img .book_vertical {

}