@charset "UTF-8";
td {
    font-size: 13px;
    color: #222;
    padding: 1px;
    height: 22px;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    font-size: 14px;
}

.grid {
    width: 98%;
    border-collapse: collapse;
    background-color: #F0F0F0;
    border: 1px solid #686868;
    margin-bottom: 15px;
    padding: 10px;
}

.grid thead,.grid tfoot {
    border-top: 1px solid #686868;
    border-bottom: 1px solid #686868;
}

.grid th:first-child,.grid td:first-child {
    border-left: 1px solid #686868;
}

.grid th {
    font-weight: bold;
    padding: 4px;
}

.grid td {
    text-align: left;
    padding: 4px;
}

tr:nth-child(2n) {
    background-color: #FFF;
}

tr:nth-child(2n+1) {
    background-color: #E1E1E1;
}

tr:nth-child(2n):hover,tr:nth-child(2n+1):hover {
    background-color: #ffebcb;
}

.now_train {
    background-color: #ffebcb;
}

.click_train {
    background-color: #b9e4ff;
}

.grid th,.grid td {
    border-left: 1px solid #CCC;
    width: 40px;
}