body {
     background-color:#fff0d0;
     text-align:center;
}
body#view_point {
     background-color:#d0daff;
     text-align:center;
}
body#view_award,
body#view_zenhanken {
     background-color:#e7ffe6;
     text-align:center;
}
body.import {
    background-color:#ffe0ff;
    text-align:center;
}
body.set-last-point{
    background-color:#ffd0f3;
    text-align:center;
}
table, td, tr {
     text-align:left;
     border:1px solid #000000;
}
td:nth-child(1){
    width:166px;
    padding: 3px;
}
td:nth-child(2){
    width:124px;
    padding: 3px;
}
div.title{
    width:200px;
    background-color: aqua;
    background: linear-gradient(to right,white, aqua);
    margin: 5px auto;
    padding: 5px;
}
div.import-title{
    width:300px;
    background: linear-gradient(to left,white,orange);
    margin: 5px auto;
    padding: 5px;
}
div.set-last-point-title{
    width:410px;
    height:120px;
    background: linear-gradient(to left,white,aqua);
    margin: 5px auto;
}
div.header{
    padding: 5px;
    font-size: 26px;
}
div.lead{
    font-size: 16px;
}
div.import{
    padding: 15px;
}
div.set-last-point{
    padding: 15px;
}
div.info {
    width: 300px;
    margin: 5px auto;
    text-align: left;
}
.import div.info {
    width: 550px;
    margin: 5px auto;
    text-align: left;
}

input.half_number {
    width: 45px;
}
input.import_date {
    width: 85px;
}
input.import_date_y ,
input.import_date_m ,
input.import_date_d ,
input.import_time_h ,
input.import_time_m {
    width: 35px;
}
input.import_time {
    width: 55px;
}

input:disabled.button:hover,
input:disabled{
    background-color: gray;
    color:lightgray;
    text-decoration-line: line-through;
    text-decoration-style:double;
    cursor: not-allowed;
}
input:disabled.button {
    border        : 2px solid lightgray;    /* 枠の指定 */
  }

.log {
    background: lightgray;
    padding: 10px;
}
span.detail-info {
    font-size: small;
    color: darkgray;
    display: inline-block;
}