.bst-report-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../img/b70.png");
    background-size: 100%;
    overflow: auto;

    z-index: 999;

}

.bst-report {
    position: relative;
    top: 26px;
    width: 724px;
    /*min-height: 1070px;*/
    min-height:970px;
    background-color: #f5f5f5;
    margin: auto;
}

.bst-report > div {
    /*position: absolute;
    left: 14px;
    right: 14px;*/
    position: relative;
    padding-left: 14px;
    padding-right: 14px;
    background-color: #f5f5f5;
}

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


.bst-report .table {
    display: table;
    /*height: 100%;*/
    height:42px;
    border-spacing: 6px 0;
}

.bst-report .table > div {
    display: table-cell;
    vertical-align: middle;
}



.bst-report .panel-s {
    position: relative;
    width: 100%;
    height: 100%;
    border: 3px solid #ebebeb;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.bst-report .panel {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    overflow: hidden;
}

.bst-report .panel > .title {
    position: relative;
    width: 100%;
    /*min-height: 22px;*/
    height: 22px;
    font-size: 16px;
    color: #808080;
    background-color: #ebebeb;
    text-align: center;
}

.bst-report .panel > .contents {
    position: relative;
    /*top: 22px;
    left: 0;
    right: 0;
    bottom: 0;*/
    width:100%;
    background-color: #fff;
}

/*.bst-report .panel2 {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    overflow: hidden;
}

.bst-report .panel2 .title {
    position: absolute;
    width: 100%;
    height: 28px;
    font-size: 16px;
    color: #808080;
    background-color: #ebebeb;
    text-align: center;
}

.bst-report .panel2 .contents {
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    bottom: 60px;
    background-color: #fff;
}
.bst-report .panel2 .foot {
    position: absolute;
    height:60px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
}*/


.bst-report .row1, .bst-report .row2, .bst-report .row3, .bst-report .row4, .bst-report .row5 {
    /*padding-left:14px;
padding-right:14px;*/
}

.bst-report .row1 {
    position: relative;
    width: 100%;
    min-height: 42px;
    /*margin-bottom: 7px;*/
    white-space: nowrap;
}

.bst-report .row1 .icon {
    width: 22px;
    height: 18px;
    background: url("../img/icon-report.png");
    background-repeat: no-repeat;
    background-position: 50%;
}

.bst-report .row1 .name {
    width: 100px;
    font-size: 20px;
    font-weight: bold;
    color: #595959;
}

.bst-report .row1 .title {
    width: 42px;
    font-size: 20px;
    font-weight: bold;
    color: #595959;
}


.bst-report .row1 .text {
    font-size: 16px;
}

.bst-report .row1 .date {
    position: absolute;
    right: 59px;
    top: 11px;
}

.bst-report .row1 .date input {
    width: 100px;
}

.bst-report .row1 .num {
    width: 100px;
    height: 20px;
}

.bst-report .row1 .btn {
    width: 64px;
    height: 20px;
    text-align: center;
    font-size: 14px;
    color: #737373;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    cursor: pointer;
}

.bst-report .row1 .btn:hover {
}

.bst-report .row1 .btn:active {
    padding-top: 1px;
    height: 19px;
}

.bst-report .row2 {
    position: relative;
    width: 100%;
    /*height: 110px;*/
    min-height: 140px;
    margin-bottom: 7px;
}

.bst-report .row2 .label {
    /* position: absolute; */
    font-size: 16px;
    font-weight: bold;
    color: #666;
    top: 22px;
    left: 28px;
    text-align: center;
    margin-top: 3px;

    overflow: hidden;
    white-space: nowrap;
}

.bst-report .row2 .label > div {
    display:inline-block;
}

.bst-report .row2 .label > .org{
    width: 98%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding-left: 7px;
    padding-right: 8px;
}

/*.bst-report .row2 .label .car-type {
    font-size: 14px;
}*/

.bst-report .row2 .time {
    /* position: absolute; */
    top: 9px;
    left: 176px;
    font-size: 13px;
    text-align: center;
    margin-top: 0px;
}

.bst-report .row2 .eva {
    /* position: absolute; */
    left: 168px;
    font-size: 12px;
    color: #4d4d4d;
    text-align: right;
    /* width: 500px; */
    text-align: right;
    top: 43px;
}

.bst-report .row2 .eva > div {
    display: inline-block;
}

.bst-report .row2 .eva .ten {
    font-size: 26px;
    color: #4d4d4d;
}

.bst-report .row2 .eva .E {
    color: #333;
}

.bst-report .row2 .eva .D {
    color: #ff4c4c;
}

.bst-report .row2 .eva .C {
    color: #4ab336;
}

.bst-report .row2 .eva .B {
    color: #2e90e5;
}

.bst-report .row2 .eva .A {
    color: #b3a147;
}

.bst-report .row2 .eva .g {
    min-width: 98px;
    height: 18px;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid #b2b2b2;
    /* margin-bottom: 3px; */
    display: inline-block;
}


.bst-report .row3 {
    position: relative;
    width: 100%;
    /*height: 330px;*/
    /*height: 320px;*/
    /*min-height: 230px;*/
    margin-bottom: 7px;
}

.bst-report .row3 > .colum1 {
    width:496px;
    display: inline-block;
}

/*.bst-report .row3 > .colum1 > .panel > .title 
,.bst-report .row3 > .colum2 > .panel > .title {
    min-height:22px;
}*/

.bst-report .row3 > .colum1 > .panel > .contents 
,.bst-report .row3 > .colum2 > .panel > .contents {
    min-height:208px;
}

.bst-report .row3 > .colum1 .contents > .graph-title {
    position: relative;
    left: 154px;
    font-size: 15px;
    font-family: bold;
    color: #9a9a9a;
}
.bst-report .row3 > .colum1 .contents > .graph-sub-title {
    position: relative;
    bottom: 0;
    width: 100%;
}

.bst-report .row3 > .colum1 .contents > .graph-sub-title > .min {
    /*position: absolute;
    left: 80px;*/
    font-size: 13px;
    color: #fff;
    width: 64px;
    height: 20px;
    background-color: #999;
    text-align: center;
    display: inline-block;
    margin-left: 59px;
}

.bst-report .row3 > .colum1 .contents > .graph-sub-title > .max {
    /*position: absolute;
    left: 295px;*/
    font-size: 13px;
    color: #fff;
    width: 64px;
    height: 20px;
    background-color: #c5bd7e;
    text-align: center;
    display: inline-block;
    margin-left: 96px;
}


.bst-report .row3 > .colum1 .contents > .graph-image > .image {
    width: 160px;
    height: 160px;
    display: inline-block;
}

.bst-report .row3 > .colum1 .contents > .graph-image > .image2 {
    height: 184px;
    width: 184px;
    display: inline-block;
}

.bst-report .row3 > .colum1 .contents > .graph-image {
    font-size:0;/*インライン要素を入れると下の隙間ができるので、これで消す*/

}

.bst-report .row3 > .colum1 .contents > .graph-image > .p1 {
    /*left: 14px;
    top: 33px;*/
    margin-left:10px;
}

.bst-report .row3 > .colum1 .contents > .graph-image > .p2 {
    /*left: 235px;
    top: 33px;*/
}

.bst-report .row3 > .colum1 .contents > .graph-image > .p3 {
    /*left: 477px;
    top: 33px;*/
}
.bst-report .row3 > .colum1 .contents > .graph-image > .p4 {
    margin-left: 58px;
}
.bst-report .row3 > .colum1 .contents > .graph-image > .p5 {
    margin-left: 27px;
}

.bst-report .row3 > .colum2 {
    width:193px;
    display:inline-block;
    margin-left:7px;
}

.bst-report .row3 > .colum2  .comment {
    position: relative;
    width: 100%;
    min-height: 96px;

}

.bst-report .row3 > .colum2  .comment > .text {
    font-size: 12px;
    font-weight: bold;      
    color: #666;

    position:absolute;
    top: 10px;
    left: 10px;
    right: 10px;

}


.bst-report .row3 > .colum2  .line {
    position: relative;
    width: 90%;
    height: 1px;
    background-color: #dedede;
    left: 5%;
}
.bst-report .row3 > .colum2  .drive {
    position: relative;
    width: 100%;
    /*min-height: 111px;*/
    padding-top: 10px;
    padding-left: 10px;
}

.bst-report .row3 > .colum2  .drive > .d-label {
    font-size: 12px;
    font-weight: bold;      
    color: #666;

    /*padding-left: 2.5%;*/
}

.bst-report .row3 > .colum2  .drive > div > .d-label2 {
    display: inline-block;
    font-size: 12px;
    color: #666;
}
.bst-report .row3 > .colum2  .drive > div > .d-value {
    display: inline-block;
    font-size: 12px;
    font-family: Arial;
    color: #666;
}
.bst-report .row3 > .colum2  .drive > div > .d-unit {
    display: inline-block;
    font-size: 10px;
    font-family: Arial;
    color: #666;
}


.bst-report .row4 {
    position: relative;
    width: 100%;
    /*height: 392px;*/
    margin-bottom: 7px;
}

.bst-report .row4 > .panel {
}
.bst-report .row4 > .panel > .title {
}

.bst-report .row4 > .panel > .contents {
    /*min-height:345px;*/
}
.bst-report .row4 > .panel > .contents > .map{
    position: relative;
    width:100%;
    height:304px;
    background-color: #fff;
}
.bst-report .row4 > .panel > .contents > .scale{
    position: relative;
    width:100%;
    height:41px;
    background-color: #fff;
}
  


.bst-report .row4 > .panel > .contents > .scale > .bar{
    position: absolute;
    width: 648px;
    height: 16px;
    top: 4px;
    left: 25px;
    /*background-color: red;*/
}


.bst-report .row4 > .panel > .contents > .scale > .bar > .line{
    position: absolute;
    top:7px;
    left:0;
    right:0;
    height: 2px;
    background-color: #dbdbdb;
    /*印刷のときに消えないようにするため*/
    border: 1px solid #dbdbdb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bst-report .row4 > .panel > .contents > .scale >  .bar > .time{
    position: absolute;
    height:100%;
}
.bst-report .row4 > .panel > .contents > .scale >  .bar > .time>div{
    position: absolute;
    top:100%;
    font-size:14px;
    white-space: nowrap;
}

.bst-report .row4 > .panel > .contents > .scale >  .bar > .item{
    position: absolute;
    height:100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}


.bst-report .row5 {
    position: relative;
    width: 100%;
    margin-bottom: 7px;
}

.bst-report .row5 > .panel {
}
.bst-report .row5 > .panel > .title {
}

.bst-report .row5 > .panel > .contents {
    min-height:127px;
}

.bst-report .row5 > .panel > .contents > .graph{
    position: relative;
    top: 2px;
    text-align: center;
}

.bst-report .row6 {
    position: relative;
    width: 100%;
    margin-bottom: 0;
}

.bst-report .row6 > .colum1 {
    width: 528px;
    display: inline-block;
    vertical-align: top;/*下の隙間をつぶす*/
}

.bst-report .row6 > .colum1 > .panel {

}

.bst-report .row6 > .colum1 > .panel > .title {
}

.bst-report .row6 > .colum1 > .panel > .contents {
    min-height:77px;
}
.bst-report .row6 > .colum1 > .panel > .contents > .label {
    position: relative;
    width: 46px;
    top: 25px;
    text-align: center;
    display: inline-block;
        vertical-align: top;
}
.bst-report .row6 > .colum1 > .panel > .contents > .line {
    width: 1px;
    background-color: #dbdbdb;
    display: inline-block;
    height: 77px;
    vertical-align: top;
}
.bst-report .row6 > .colum1 > .panel > .contents > .memo {
    display: inline-block;
    vertical-align: top;
}

.bst-report .row6 > .colum1 > .panel > .contents > .memo > textarea {
    vertical-align: top;
    width: 471px;
    height: 67px;
    resize: none;
    border: 0;
    position: relative;
    top: 3px;
    left: 3px;

    color:#4d4d4d;
    font-size:13px;
}


.bst-report .row6 > .colum2{
    width: 161px;
    display: inline-block;
    margin-left: 7px;
    vertical-align: top;/*下の隙間をつぶす*/
}


.bst-report .row6 > .colum2 > .panel {

}

.bst-report .row6 > .colum2 > .panel > .title {
}

.bst-report .row6 > .colum2 > .panel > .contents {
    min-height:77px;
    padding-left: 12px
}

.bst-report .row6 > .colum2 > .panel > .contents > div {
    position: relative;
    top: 2px;
}

.bst-report .row6 > .colum2 > .panel > .contents > div > .d-label{
    display: inline-block;
    font-size: 12px;
    font-weight: bold;      
    color: #595959;
}

.bst-report .row6 > .colum2 > .panel > .contents > div >.d-value{
    display: inline-block;
    font-size: 14px;
    font-family: Arial;
    color: #595959;
}
.bst-report .row6 > .colum2 > .panel > .contents > div >.d-unit{
    display: inline-block;
    font-size: 10px;
    font-family: Arial;
    color: #595959;
}

.bst-report .row22-dummy{
    position: relative;
    width: 100%;
    height:142px;
}

.bst-report .row22 {
    position: relative;
    width: 100%;
    /*height: 392px;*/
    margin-bottom: 1px;
}

.bst-report .row22 > .panel {
}
.bst-report .row22 > .panel > .title {
}

.bst-report .row22 > .panel > .contents {
    /*min-height:345px;*/
}
.bst-report .row22 > .panel > .contents > .item{
    position: relative;
    height: 142px;
    /*top: 9px;*/
    left: 16px;
}

.bst-report .row22 > .panel > .contents > .item > .detail {
    position: relative;
    width: 94px;
    display: inline-block;
    top: 9px;
}

.bst-report .row22 > .panel > .contents > .item .label1{
    position: relative;
    border: 1px solid #b2b2b2;
    width: 44px;
    font-size: 12px;
    color: #4c4c4c;
    text-align: center;
}
.bst-report .row22 > .panel > .contents > .item .label2{
    position: relative;
    border: 1px solid #b2b2b2;
    width: 56px;
    font-size: 12px;
    color: #4c4c4c;
    text-align: center;
}
.bst-report .row22 > .panel > .contents > .item .label3{
    position: relative;
    border: 1px solid #b2b2b2;
    width: 80px;
    font-size: 12px;
    color: #4c4c4c;
    text-align: center;
}
.bst-report .row22 > .panel > .contents > .item .val{
    position: relative;
    font-size: 14px;
    color: #4c4c4c;
    font-family: Arial;
    display: inline-block;
    
}
.bst-report .row22 > .panel > .contents > .item .unit1{
    position: relative;
    font-size: 9px;
    color: #4c4c4c;
    display: inline-block;
}
.bst-report .row22 > .panel > .contents > .item .unit2{
    position: relative;
    font-size: 10px;
    color: #4c4c4c;
    font-family: Arial;
    display: inline-block;
}

.bst-report .row22 > .panel > .contents > .item .p1 {
    position: relative;
    display: inline-block;
    margin-left:0;
    top: 9px;
}
.bst-report .row22 > .panel > .contents > .item .p2 {
    position: relative;
    display: inline-block;
    margin-left:0;

    vertical-align: top;
    /*top: 11px;*/
    top:1px;
}


/*.bst-report .footer-dummy{
    position:relative;
    height:37px;
    bottom: 0;
    width: 100%;
}*/

.bst-report .footer{
    /*position:absolute;*/
    position:relative;
    height:37px;
    width: 100%;
    /*bottom:0;*/
}
.bst-report .footer > div {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.bst-report .footer > div > .btn{
    width:36px;
    height:24px;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;

    cursor:pointer;

    background-color:#f0f0f0;
    border: 1px solid #cccccc;
}

.bst-report .footer > div > .btn:hover{
    background-color:#fff;
    border: 1px solid #d9d9d9;
}

.bst-report > .footer > div >.btn:active{
    background-color:#e5e5e5;
    border: 1px solid #cccccc;
}


.bst-report .footer > div >.al{
    display:table-cell;
    background-image:url('../img/pg-l-btn.png');
    background-position: 50%;
    background-repeat:no-repeat;
}
.bst-report .footer > div > .ar{
    display:table-cell;
    background-image:url('../img/pg-r-btn.png');
    background-position: 50%;
    background-repeat:no-repeat;
}
.bst-report .footer > div >.num{
    display:table-cell;
    width: 50px;
    font-size:13px;
    font-weight:bold;
    color:#595959;
    text-align: center;
    vertical-align:middle;
}
.bst-report .footer > div >.num > div{
    margin-top:3px;
}


.bst-report .x-btn{
    position:absolute;
    top: -20px;
    left: 690px;

    width:40px;
    height:40px;    

    background: url("../img/x-btn-n.png");
    background-repeat: no-repeat;
    background-position: 50%;

    cursor:pointer;    
}
.bst-report .x-btn:hover{
    background: url("../img/x-btn-h.png");
    background-repeat: no-repeat;
    background-position: 50%;
}
.bst-report .x-btn:active{
    background: url("../img/x-btn-p.png");
    background-repeat: no-repeat;
    background-position: 50%;
}

.bst-report .mask {
    background-color:#dedede !important;
}

.bst-report .exclusion{
    position:absolute;

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

    width:13px;
    height:13px;

    top: 2px;
    left: 2px;
}


@media print 
{
    @page { margin: 0; }
    /*@page {
	    margin: 1mm 1mm;
        zoom:90%;
    }*/

    body { 
        /*margin: 1.6cm;*/ 

    }
    .app{
        display:none;
    }


    .bst-report-bg {
        overflow: hidden;
    }

    .bst-report {
        position:absolute;
        top: 30px;
        left:0;
        right:0;
        bottom:0;
        background-color: #fff;

        -webkit-print-color-adjust: exact;
        /*printer-colors: exact;
        color-adjust: exact;*/
    }

    .bst-report > div {
        background-color: #fff;
    }

    .bst-report > .mess {
        display:none;
    }

    .bst-report .panel .title
    ,.bst-report .panel2 .title 
    ,.bst-report .row3 .graph .min
    ,.bst-report .row3 .graph .max
    {
        box-sizing: border-box;
        color: #808080;
        border: 1px solid #ebebeb;
        background-color:#fff;
    }

    .bst-report .panel .contents {
        box-sizing: border-box;
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
    }

    /*ieは背景が表示されずborderでの背景をだすと隙間ができるので、1px大きくする*/
    .bst-report .row4 .bar .item {
        border-width:9px !important;
    }

    /*@media screen and (-webkit-min-device-pixel-ratio:0){
    .bst-report .row4 .bar .item {
        border-width:8px !important;
    }
    }*/

    .bst-report .footer{
        display:none;
    }

    /*.bst-report .footer-dummy{
        display:none;
    }*/

    .bst-report .x-btn {
        display:none;
    }
}

    /*IE11*/        
    /*@media all and (-ms-high-contrast:none) ,print {
        .bst-report {
            top: 10%;
            zoom: 90%;
        }
    }*/
    /*Edge*/
    @media print {
    @supports (-ms-ime-align:auto) {
        .bst-report {
            top: 0%;
            zoom: 90%;
        }
    }
}