/*ログイン画面用に追記*/
body {
    background-image: url(../img/4bit-logo.png);
}
.form {
    background: rgba(255,255,255,0.1);
}
.form h2 {
    color: #27535f;
}
.form input#uid, .form input#ups {
    background: rgba(255,255,255,0.2);
    color: #333!important;
}
/*フォーム*/
label.lsp {
    margin-left: 2em;;
}
input#jisa{
    text-align: right;
    color: gray;
}
label#lbl_jisa{
    color: gray;
    margin-left: 2em;
}
label#lbl_jisa_after{
    color: gray;
    margin-left: 0;
}
#birth_old{
    color: gray;
}
#birth_old::-webkit-calendar-picker-indicator {
    opacity: 50%;
}
button#btn_calc9reki, button#btn_make_4bit, button#submit_make_4bit{
    margin: 2em 1em;
}
div#grp-kekka>input {
    color:gray;
}

dl.rireki dt {
    /*左に寄せる*/
    float: left ;
    /*後続の左寄せを解除*/
    clear: left ;
    margin-right: 0.5em ;
    /*width: 120px ;*/
}

dl.rireki dd {
    float: left ;
    margin-left: 1em ;
}

/* TABLE用 */
.table-scroll{
  overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/
}

/* 以下、スクロールバーを追加 */
.table-scroll::-webkit-scrollbar{
 height: 5px;
}
.table-scroll::-webkit-scrollbar-track{
 background: #333;
}
.table-scroll::-webkit-scrollbar-thumb {
 background: #999;
}
.table-scroll table{
    width: 100%;
}
.table-scroll table td.cen{
    text-align: center;
}
.table-scroll table td.right{
    text-align: right;
}