body {
    color: #333333;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

/* textAlign */
.al { text-align: left; }   .ar { text-align: right; }  .ac { text-align: center; }

/* margin */
.mb00  { margin-bottom: 00px !important;}  .mb05  { margin-bottom: 05px !important;}
.mb10  { margin-bottom: 10px !important;}  .mb15  { margin-bottom: 15px !important;}
.mb20  { margin-bottom: 20px !important;}  .mb25  { margin-bottom: 25px !important;}
.mb30  { margin-bottom: 30px !important;}  .mb35  { margin-bottom: 35px !important;}
.mb40  { margin-bottom: 40px !important;}  .mb45  { margin-bottom: 45px !important;}
.mb50  { margin-bottom: 50px !important;}  .mb55  { margin-bottom: 55px !important;}
.mb60  { margin-bottom: 60px !important;}  .mb65  { margin-bottom: 65px !important;}
.mb70  { margin-bottom: 70px !important;}  .mb75  { margin-bottom: 75px !important;}
.mb80  { margin-bottom: 80px !important;}  .mb85  { margin-bottom: 85px !important;}
.mb90  { margin-bottom: 90px !important;}  .mb95  { margin-bottom: 95px !important;}
.mb100 { margin-bottom: 100px !important;}

.mt00  { margin-top: 00px !important;}  .mt05  { margin-top: 05px !important;}
.mt10  { margin-top: 10px !important;}  .mt15  { margin-top: 15px !important;}
.mt20  { margin-top: 20px !important;}  .mt25  { margin-top: 25px !important;}
.mt30  { margin-top: 30px !important;}  .mt35  { margin-top: 35px !important;}
.mt40  { margin-top: 40px !important;}  .mt45  { margin-top: 45px !important;}
.mt50  { margin-top: 50px !important;}  .mt55  { margin-top: 55px !important;}
.mt60  { margin-top: 60px !important;}  .mt65  { margin-top: 65px !important;}
.mt70  { margin-top: 70px !important;}  .mt75  { margin-top: 75px !important;}
.mt80  { margin-top: 80px !important;}  .mt85  { margin-top: 85px !important;}
.mt90  { margin-top: 90px !important;}  .mt95  { margin-top: 95px !important;}
.mt100 { margin-top: 100px !important;}

.mr00  { margin-right: 00px !important;}  .mr05  { margin-right: 05px !important;}
.mr10  { margin-right: 10px !important;}  .mr15  { margin-right: 15px !important;}
.mr20  { margin-right: 20px !important;}  .mr25  { margin-right: 25px !important;}
.mr30  { margin-right: 30px !important;}  .mr35  { margin-right: 35px !important;}
.mr40  { margin-right: 40px !important;}  .mr45  { margin-right: 45px !important;}
.mr50  { margin-right: 50px !important;}  .mr55  { margin-right: 55px !important;}
.mr60  { margin-right: 60px !important;}  .mr65  { margin-right: 65px !important;}
.mr70  { margin-right: 70px !important;}  .mr75  { margin-right: 75px !important;}
.mr80  { margin-right: 80px !important;}  .mr85  { margin-right: 85px !important;}
.mr90  { margin-right: 90px !important;}  .mr95  { margin-right: 95px !important;}
.mr100 { margin-right: 100px !important;}

.ml00  { margin-left: 00px !important;}  .ml05  { margin-left: 05px !important;}
.ml10  { margin-left: 10px !important;}  .ml15  { margin-left: 15px !important;}
.ml20  { margin-left: 20px !important;}  .ml25  { margin-left: 25px !important;}
.ml30  { margin-left: 30px !important;}  .ml35  { margin-left: 35px !important;}
.ml40  { margin-left: 40px !important;}  .ml45  { margin-left: 45px !important;}
.ml50  { margin-left: 50px !important;}  .ml55  { margin-left: 55px !important;}
.ml60  { margin-left: 60px !important;}  .ml65  { margin-left: 65px !important;}
.ml70  { margin-left: 70px !important;}  .ml75  { margin-left: 75px !important;}
.ml80  { margin-left: 80px !important;}  .ml85  { margin-left: 85px !important;}
.ml90  { margin-left: 90px !important;}  .ml95  { margin-left: 95px !important;}
.ml100 { margin-left: 100px !important;}

.width50 {
    width: 50px;
}
.width55 {
    width: 55px;
}
.width60 {
    width: 60px;
}
.width80 {
    width: 80px;
}
.width100 {
    width: 100px;
}
.width200 {
    width: 200px;
}
.width250 {
    width: 250px;
}
.width300 {
    width: 300px;
}
.width400 {
    width: 400px;
}

.w-50 {
    width: 50%;
}
.w-80 {
    width: 80%;
}

.form-actions {
    margin-bottom: 10px;
}

.d-inline-block {
    display: inline-block !important;
}

.d-flex {
    display: flex;
}

.center-text {
    text-align: center;
}

[id*="List"] table form {
    display: inline-block;
}

.btn {
    background-color: #c3c3c3;
}
a.btn {
    color: inherit;
}
.btn-primary {
    color: #fff !important;
}
.btn-success {
    color: #fff !important;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    display: inline-block;
    margin: 0 5px 5px 5px;
    font-size: 14px;
    height: 36px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

select:disabled,
textarea:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="date"]:disabled,
input[type="month"]:disabled,
input[type="time"]:disabled,
input[type="week"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="color"]:disabled,
.uneditable-input {
    background-color: #f4f4f4;
}

/* header */
.navbar {
    background: #54b4eb;
    width: 100%;
    min-width: 1280px;
}
.container {
    width: 100%;
    min-width: 1280px;
}
.navbar .navbar-login-name {
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    color: #ffffff;
    margin-left: 30px;
}

/* sidebar */
.sidebar-nav {
    float: left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    width: 180px;
    margin-right: 10px;
    border: 1px solid #d0d0d0;
    border-top: none;
    background-color: #fff;
    font-size: 13px;
}
.sidebar-nav>div>a {
    position: relative;
    display: block;
    width: 180px;
    padding: 15px 10px 12px;
    border-bottom: 1px solid #ccd0d2;
}
.sidebar-nav>div:first-child>a {
    border-top: 1px solid #d0d0d0;
}
.sidebar-nav ul li > a {
    border-bottom: 1px solid #d0d0d0;
    padding-left: 35px;
    background: #f0f0f9;
}
.sidebar-nav i.fa {
    margin-right: 10px;
}
#menu.sidebar-nav > .active {
    background: #c6f2f5;
}

#main {
    max-width: 100%;
    min-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 15px;
}
.container-fluid {
    min-width: 1240px;
    padding-right: 0;
}
.block .block-heading {
    font-size: 20px;
    font-weight: bold;
    color: #317eac;
    padding: 8px;
    margin: -15px 40px 5px 10px;
    letter-spacing: 1px;
}
.block .block-heading.separate-line {
    border-bottom: 3px solid #c6f2f5;
}
.block .block-body {
    padding: 15px;
}

#main #content {
    float: right;
    min-width: 1046px;
    width: calc(100% - 185px);
    border: 1px solid #d0d0d0;
}
#main #content .block-heading {
    font-size: 20px;
    font-weight: bold;
    color: #317eac;
    padding: 8px;
    margin: 5px 40px 5px 10px;
    letter-spacing: 1px;
}
#main #content .block-heading.separate-line {
    border-bottom: 3px solid #c6f2f5;
}
#main #content .block-title {
    font-size: 17px;
    font-weight: bold;
    padding: 20px 8px 8px 8px;
    margin: 10px 80px 5px 10px;
    border-top: 3px solid #c6f2f5;
    letter-spacing: 1px;
}
#main #content .block-body {
    padding: 15px 10px;
    background-color: #fff;
}
#main #content .table {
    letter-spacing: 0;
}
#main #content .table th {
    border: 1px solid #ddd;
    background-color: #808fa2;
    color: #fff;
    font-size: 12px;
    vertical-align: middle
}
#main #content .table td {
    border: 1px solid #ddd;
    color: #333333;
    vertical-align: middle;
    font-size: 13px;
    word-break: break-all;
}
#main #content .table.no-border th,
#main #content .table.no-border td {
    border: none;
}

#main #content #searchArea td {
    border: none;
}

.table.has-checkbox tr th:first-of-type,
.table.has-checkbox tr td:first-of-type {
    width: 40px;
    text-align: center;
    vertical-align: middle;
}

.many-column-table-content {
    overflow-x: scroll;
    width: 100%;
    transition: all 1s ease-out;
    -webkit-overflow-scrolling: touch;
}
.many-column-table-content .table {
    max-width: none;
}

/* site */
#main #content #site.table {
    width: 50%;
}

/* driver */
#main #content #driverList .table tr td:nth-of-type(4) {
    white-space: nowrap;
}

/* report */
#main #content .table.operation-report-info thead tr th {
    background-color: #2b84b6;
}
#main #content .table.operation-report-info {
    width: 50%;
}
#main #content .table.operation-report-info tr th {
    width: 150px;
}
#main #content .table.dia-seq-report-info {
    margin-bottom: 0;
    width: 2235px;
}
#main #content .table.dia-seq-report-info-edit {
    margin-bottom: 0;
    width: 2155px;
}
#main #content .table.dia-seq-report-info tr td:nth-of-type(n+1):nth-of-type(-n+3),
#main #content .table.dia-seq-report-info-edit tr td:nth-of-type(n+2):nth-of-type(-n+4) {
    width: 85px;
}
#main #content .table.dia-seq-report-info tr td:nth-of-type(4),
#main #content .table.dia-seq-report-info-edit tr td:nth-of-type(5) {
    width: 95px;
}
#main #content .table.dia-seq-report-info tr td:nth-of-type(5),
#main #content .table.dia-seq-report-info tr td:nth-of-type(6),
#main #content .table.dia-seq-report-info-edit tr td:nth-of-type(6),
#main #content .table.dia-seq-report-info-edit tr td:nth-of-type(7) {
    width: 130px;
}
#main #content .table.dia-seq-report-info tr td:nth-of-type(7),
#main #content .table.dia-seq-report-info-edit tr td:nth-of-type(8) {
    width: 110px;
}
#main #content .table.dia-seq-report-info tr td:nth-of-type(8),
#main #content .table.dia-seq-report-info-edit tr td:nth-of-type(9) {
    width: 200px;
}

#main #content .table.dia-seq-report-info tr td:nth-of-type(n+9):nth-of-type(-n+17),
#main #content .table.dia-seq-report-info-edit tr td:nth-of-type(n+10):nth-of-type(-n+18) {
    width: 85px;
}
#main #content .table.dia-seq-report-info tr td:nth-of-type(18),
#main #content .table.dia-seq-report-info-edit tr td:nth-of-type(19) {
    width: 120px;
}
#main #content .table.dia-seq-report-info tr td:nth-of-type(19),
#main #content .table.dia-seq-report-info-edit tr td:last-of-type {
    width: 350px;
}
#main #content .table.dia-seq-report-info tr td:nth-of-type(20) {
    width: 80px;
}
#main #content .table.add-info tr td {
    border-top: none;
}
#main #content .table.dia-seq-report-info thead tr th,
#main #content .table.dia-seq-report-info-edit thead tr th {
    background-color: #2b84b6;
}

#main #content .table.dia-seq-report-info.kumamoto {
  width: 1980px;
}

#main #content .table.dia-seq-report-info-edit.kumamoto {
  width: 1900px;
}
#main #content .table.dia-seq-report-info.kumamoto tr td:nth-of-type(n+1):nth-of-type(-n+3),
#main #content .table.dia-seq-report-info.kumamoto-edit tr td:nth-of-type(n+1):nth-of-type(-n+3) {
  width: 85px;
}
#main #content .table.dia-seq-report-info.kumamoto tr td:nth-of-type(4),
#main #content .table.dia-seq-report-info.kumamoto-edit tr td:nth-of-type(4) {
  width: 95px;
}
#main #content .table.dia-seq-report-info.kumamoto tr td:nth-of-type(n+5):nth-of-type(-n+6),
#main #content .table.dia-seq-report-info.kumamoto-edit tr td:nth-of-type(n+5):nth-of-type(-n+6) {
  width: 130px;
}
#main #content .table.dia-seq-report-info.kumamoto tr td:nth-of-type(7),
#main #content .table.dia-seq-report-info.kumamoto-edit tr td:nth-of-type(7) {
  width: 110px;
}
#main #content .table.dia-seq-report-info.kumamoto tr td:nth-of-type(8),
#main #content .table.dia-seq-report-info.kumamoto-edit tr td:nth-of-type(8) {
  width: 200px;
}
#main #content .table.dia-seq-report-info.kumamoto tr td:nth-of-type(n+9):nth-of-type(-n+10),
#main #content .table.dia-seq-report-info.kumamoto-edit tr td:nth-of-type(n+9):nth-of-type(-n+10) {
  width: 85px;
}
#main #content .table.dia-seq-report-info.kumamoto tr td:nth-of-type(n+11):nth-of-type(-n+14),
#main #content .table.dia-seq-report-info.kumamoto-edit tr td:nth-of-type(n+11):nth-of-type(-n+14) {
  width: 85px;
}
#main #content .table.dia-seq-report-info.kumamoto tr td:nth-of-type(15),
#main #content .table.dia-seq-report-info.kumamoto-edit tr td:nth-of-type(15) {
  width: 120px;
}
#main #content .table.dia-seq-report-info.kumamoto tr td:nth-of-type(16),
#main #content .table.dia-seq-report-info.kumamoto-edit tr td:nth-of-type(16) {
  width: 350px;
}
#main #content .table.dia-seq-report-info.kumamoto tr td:nth-of-type(17),
#main #content .table.dia-seq-report-info.kumamoto-edit tr td:nth-of-type(17) {
  width: 80px;
}

/* clerk */
#main #content #clerkList .table tr td:nth-of-type(2) {
    white-space: nowrap;
}
#main #content #clerkList .table tr td:nth-of-type(5) {
    white-space: nowrap;
}
#main #content .table.clerk-info th,
#main #content .table.clerk-info td {
    border: none;
    background-color: initial;
    color: #333333;
}
#main #content .table.clerk-info th {
    width: 80px;
}
#main #content .table.clerk-info th label {
    margin: 0;
}