﻿.bst-list{
    position:absolute;
    /*width:900px;*/
    /*height:100%;*/

    top: 0;
    bottom: 0;
    left: 0;
    /* width: 400px; */
    /* height: 300px; */
    right: 20px;
    overflow-y: auto;
    overflow-x: hidden;

}

.bst-list table{
    /*border: solid 1px #000000; border-collapse: collapse;*/
    font-size:11px;
    padding: 0;
    margin: 0;
}

.bst-list th, .bst-list tr, .bst-list td{
    /*border: solid 1px #ff0000;*/
    text-align:center;
    box-sizing:border-box;
    word-break: break-all;
}

.bst-list tr{
    /*border:3px solid #f5e79f;*/
    /*background-color:#f5e79f;*/
}

.bst-list tr > .hover{
    /*background-color:#f5f5f5 !important;*/
    border-color:#f5f5f5 !important;
    cursor:pointer;
}

.bst-list td:first-child {
    border-left:3px solid #f5e79f;

    border-top-left-radius: 6px;        /* CSS3草案 */  
    -webkit-border-top-left-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-top-left-radius: 6px;   /* Firefox用 */  
    border-bottom-left-radius: 6px;        /* CSS3草案 */  
    -webkit-border-bottom-left-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-bottom-left-radius: 6px;   /* Firefox用 */  
}
.bst-list td:last-child {
    border-right:3px solid #f5e79f;

    border-top-right-radius: 6px;        /* CSS3草案 */  
    -webkit-border-top-right-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-top-right-radius: 6px;   /* Firefox用 */  
    border-bottom-right-radius: 6px;        /* CSS3草案 */  
    -webkit-border-bottom-right-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-bottom-right-radius: 6px;   /* Firefox用 */  
}

.bst-list td{
    border-top:3px solid #f5e79f;
    border-bottom:3px solid #f5e79f;
    border-left:1px solid #f5e79f;
    border-right:1px solid #f5e79f;
    background-color:#fff;

}

.bst-list .body-base{
    position: absolute;
    /* height: 100%; */
    /*top: 80px;*/
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
}


.bst-list .corner-top-left{
    border-top-left-radius: 6px;        /* CSS3草案 */  
    -webkit-border-top-left-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-top-left-radius: 6px;   /* Firefox用 */  
}
.bst-list .corner-top-right{
    border-top-right-radius: 6px;        /* CSS3草案 */  
    -webkit-border-top-right-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-top-right-radius: 6px;   /* Firefox用 */  

}
.bst-list .corner-bottom-left{
    border-bottom-left-radius: 6px;        /* CSS3草案 */  
    -webkit-border-bottom-left-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-bottom-left-radius: 6px;   /* Firefox用 */  
}
.bst-list .corner-bottom-right{
    border-bottom-right-radius: 6px;        /* CSS3草案 */  
    -webkit-border-bottom-right-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-bottom-right-radius: 6px;   /* Firefox用 */  
}



.bst-list .header{
    background-color:#f0f0f0;
    color:#595959;
    font-size:12px;
}

.bst-list .header1{
    padding-top: 2px;
}
.bst-list .hearder1:first-child{
    border-top-left-radius: 6px;        /* CSS3草案 */  
    -webkit-border-top-left-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-top-left-radius: 6px;   /* Firefox用 */ 
}
.bst-list .hearder1:last-child{
    border-top-right-radius: 6px;        /* CSS3草案 */  
    -webkit-border-top-right-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-top-right-radius: 6px;   /* Firefox用 */  
}

/*スクロール用*/
/*.bst-list thead.scroll-head,.bst-list tbody.scroll-body{
    display:block;
}
.bst-list tbody.scroll-body{
    overflow-y:auto;
    height:100px;
}*/

/*降順*/
.bst-list .sort{
    height:14px;
    background-image:url('../img/sort-btn-down-n.png');
    background-position: 50%;
    background-repeat:no-repeat;
    background-color:#e0e0e0;

    cursor:pointer;
    
}
.bst-list .sort:hover{
    background-image:url('../img/sort-btn-down-h.png');
    background-color:#d9d9d9;
}
.bst-list .sort:active{
    background-image:url('../img/sort-btn-down-p.png');
    background-color:#55c2e0;
}
/*昇順*/
.bst-list .sort-ascending-order{
    height:14px;
    background-image:url('../img/sort-btn-up-n.png');
    background-position: 50%;
    background-repeat:no-repeat;
    background-color:#e0e0e0;
}
.bst-list .sort-ascending-order:hover{
    background-image:url('../img/sort-btn-up-h.png');
    background-color:#d9d9d9;
}
.bst-list .sort-ascending-order:active{
    background-image:url('../img/sort-btn-up-p.png');
    background-color:#55c2e0;
}

/*ソートなし*/
.bst-list .sort-none {
    height:14px;
    background-color:#e0e0e0;
}

.bst-list .sort-selected{
    background-color:#55c2e0;
}
.bst-list .sort-selected:hover{
    background-color:#55c2e0;
}
.bst-list .sort-selected:active{
    background-color:#55c2e0;
}

.bst-list .text{
    font-size:13px;
    font-weight:bold;
    color:#595959;
}
.bst-list .date{
    font-size:13px;
    color:#666;
}
.bst-list .time{
    font-size:13px;
    color:#666;
}
.bst-list .image{

}

.bst-list .num{
    font-size:15px;
    color:#666;
}

.bst-list .unit{
    font-size:12px;
    color:#999;
}




.bst-list > .mess {
    position: absolute;
    top: 54px;
    left: 33px;
    right: 33px;
    bottom: 0;
    text-align: center;
    font-size: 20px;
    color: #ccc28f;
}


.bst-list .mask {
    background-color:#dedede;
}

.bst-list .exclusion{
    position:relative;

    /*background-image:url('../img/exclusion.png');
    background-position: 50%;
    background-repeat:no-repeat;*/

    width:13px;
    height:13px;
    margin-left: 9px;
}