@charset "utf-8";

body {
}

/* コンテンツ領域 */
.conte {
    position: relative;
    width: 170px;
    /*margin: 10px 10px 0px 10px;*/
    text-align: center;
    background-color: #000000;
}

/* Canvas */
.canv {
    border-style: solid;
    border-width: 1px;
    border-color: #808080;
    background-color: #778899;
    background-image: url(./BackGround.png); 
    -webkit-border-radius : 3px;    /*角丸*/
    -moz-border-radius : 3px;       /*角丸*/
    border-radius : 3px;            /*角丸*/
}

.ldMsg {
    top: 60px; 
    left: 30px;
}

.lbl_Titl {
    color:#ffffff;
    background-color: #696969;
    margin: 2px 0px;
    padding: 3px;
    font-size: 14px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
    text-align: left;

}

.bdiv_1 {
    background-color: #000000;
}

.lbl_foot {
    color:#ffffff;
    background-color: #696969;
    margin: 2px 0px;
    padding-top: 7px;
    padding-bottom: 5px;
    padding-right: 3px;
    font-size: 9px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
    text-align: right;

}

.lbl_comp {
    color:#ffffff;
    font-size: 10px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
    position:absolute; 
    top:110px; 
    left:55px;
}

.lbl_perc {
    color:#ffffff;
    font-size: 10px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
    position:absolute; 
    top:145px; 
    left:55px;
}

.dispVal {
    color:#ff0000;
    font-size: 30px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
    position:absolute; /*元の場所に空白ができないようにする*/
    top:130px; 
    left:100px;
}

.lbl_date {
    color:#ffffff;
    font-size: 10px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
    position:absolute; 
    top:160px; 
    left:55px;
    /*left:20px;*/
    text-align: left;
    width: 100px;
}