@charset "utf-8";

.list a:link{
    text-align: center;
    float: left;
    width: 80px;
    height: 33px;
    display: table-cell;
}
.list a:hover{
    text-align: center;
    width: 80px;
    height: 33px;
    display: table-cell;
}
.list_select{
    text-align: center;   
    width: 80px;
    height: 33px;
    display: table-cell;
}

#list .wrapper_ws #main-ws .hoge-R section.sectionhomelist .name img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

/* section */
section.sectionhomelist{
    height: 135px;
    padding-top: 10px;
    margin-top: 10px;
    display: block;
}
.cnt_section_list{
    margin: 0;
    height: 120px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 5px;
}
.cnt_section_list:hover{

}
.cnt_section_list a.img{
    display: block;
    width: 161px;
    height: 120px;
    float: left;
    margin-left: 10px;
}
.cnt_section_list a.img:hover{
}
.cnt_section_list a.img canvas{
    margin: 7px auto 0;
}

.cnt_section_list .text{
    float: left;
    height: 120px;
    margin: 0 0 0 25px;
    /*----Edit for prevent break layout----*/
    width:300px;
}
.cnt_section_list .text a.name{

}
.cnt_section_list .text a.name:hover{ text-decoration:none;}


.cnt_section_list .text ul.date{
    /* [disabled]float: left; */
    display: block;
}
.cnt_section_list .text ul.date li{

}
/*---*/
.cnt_section_list .text .info{
    /* [disabled]overflow: hidden; */
    margin-top: 10px;
}

.cnt_section_list .text ul.pic{
    position: relative;
    /* [disabled]overflow: hidden; */
    display: block;
}
.cnt_section_list .text ul.pic li{
    height: 68px;
    float: left;
}
.cnt_section_list .text ul.pic li img {
    position: absolute;
    top: 20px;
    left: 40px;
}
.cnt_section_list .text ul.pic li img.sticker {
    position: absolute;
    top: 20px;
    left: 0px;
}
.cnt_section_list .text ul.pic li img.pen {
}

.cnt_section_list .text ul.pic li a.read {  
    display: inline-block;
    padding: 2px 26px;
    /* [disabled]text-shadow:1px 1px 0px #a2d613; */
    margin-left: 5px;
}
.cnt_section_list .text ul.pic li a.read:hover {

}
.cnt_section_list .text ul.pic li a.read:active {
    position:relative;
    top:1px;
}
.cnt_section_list .text ul.pic li a.read:not(:target) {

}
.cnt_section_list .text ul.pic li a.read:hover:not(:target) {

}

.cnt_section_list .text ul.pic li a.read_hover {  
    display: inline-block;  
    padding: 2px 26px;
    /* [disabled]text-shadow:1px 1px 0px #686666; */
    margin-left: 5px;
    line-height: 20px;
}
.cnt_section_list .text ul.pic li a.read_hover:hover {

}.cnt_section_list .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{

}
#list .wrapper_ws #main-ws .hoge-R .tops .floatR {
    display: inline;
}
#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .img .band_horizontal {
    position: absolute;
    top: 7px;
    left: 12px;
}
#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .img .band_vertical {
    position: absolute;
    top: 7px;
    left: 50px;
}
#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .text .info .pic li .iconList {
    position: absolute;
    right: -145px;
    display: block;
    top: 15px;
}
#list .wrapper_ws #main-ws article section .cnt_section_list .text .name .listIcon {
    display: inline;
    vertical-align: middle;
    margin-right: 5px;
}


/*------------------------------------------*/
.list a:link{
    text-decoration: none;
    background-image: url(../../img/bookshelf/list_off.png);
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0px 3px 3px 0px;
}
.list a:hover{
    text-decoration: none;
    background-color:#D6E5E5;
    background-image: url(../../img/bookshelf/list_on.png);
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0px 3px 3px 0px;
}
.list_select{
    text-decoration: none;
    background-color:#D6E5E5;
    background-image: url(../../img/bookshelf/list_on.png);
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 0px 3px 3px 0px;
}

#list .wrapper_ws #main-ws .hoge-R section.sectionhomelist .name img {

}

/* section */
section.sectionhomelist{
    border-top: 1px dashed #cccccc;
}
.cnt_section_list{

}

section.sectionhomelist .cnt_section_list:hover{
	background-color:#EDEDED;
}

.cnt_section_list a.img{

}
.cnt_section_list a.img:hover{
}
.cnt_section_list a.img canvas{

}

.cnt_section_list .text{

}
.cnt_section_list .text a.name{
    color: #37648C;
    font-size: 16px;
    display: inline-flex;
}
.cnt_section_list .text a.name:hover{ text-decoration:none;}

.cnt_section_list .text a .content-list {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 420px;
}

.cnt_section_list .text ul.date{

}
.cnt_section_list .text ul.date li{
    color: #333333;
    font-size: 12px;
}
/*---*/
.cnt_section_list .text .info{

}

.cnt_section_list .text ul.pic{

}
.cnt_section_list .text ul.pic li{

}
.cnt_section_list .text ul.pic li img {

}
.cnt_section_list .text ul.pic li img.sticker {

}
.cnt_section_list .text ul.pic li img.pen {
}

.cnt_section_list .text ul.pic li a.read {
    -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-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: #23486F;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #0C274D;
    color: #ffffff;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    /* [disabled]text-shadow:1px 1px 0px #a2d613; */
}
.cnt_section_list .text ul.pic li a.read:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
	background-color:#36638B;

}
.cnt_section_list .text ul.pic li a.read:active {

}
.cnt_section_list .text ul.pic li a.read:not(:target) {
    filter: none;
    -ms-filter: none;
    background-image: url(../../img/list/button_back_off.svg);
}
.cnt_section_list .text ul.pic li a.read:hover:not(:target) {
    filter: none;
    -ms-filter: none;
    background-image: url(../../img/list/button_back_on.svg);
}

.cnt_section_list .text ul.pic li a.read_hover {
    -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-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: #23486F;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #0C274D;
    color: #ffffff;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}
.cnt_section_list .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;*/

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) );
	background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B');
	background-color:#36638B;

}.cnt_section_list .text ul.pic li a.read_hover:active {

}

.btn_bott{
    font-size: 14px;
    color: #fff;
    text-align: center;
    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 */
}
#list .wrapper_ws #main-ws .hoge-R .tops .floatR {

}
#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .img .band_horizontal {

}
#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .img .band_vertical {

}
#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .text .info .pic li .read {

}
#list .wrapper_ws #main-ws article section .cnt_section_list .text .name .listIcon {

}



