select {
    width: 240px;
    height: 30px;
}

table {
    width: 400px;
}

tr {
    height: 30px;
}

li {
    list-style: none;
}

.page-header {
    padding-bottom: 0px;
    margin: auto;
    border-bottom-width: 0px;
}

.container {
    min-width: 750px;
}

.inactive {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.5);
    z-index: 997;
}

.row-item {
    margin-top: 10px;
    margin-bottom: 10px;
}

.row-timetable-item, .row-pm-rl-item {
    margin-top: 2px;
}

.row-time-zone-term-average-item {
    margin-top: 5px;
}

.row-analysis-by-block-item {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
}

.row-line {
    border-bottom: #eee;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

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

.div-right {
    text-align: right;
}

.div-left {
    text-align: left;
}

.div-border {
    border-bottom: 1px solid #e5e5e5;
}

.width-80 {
    width: 80%;
}

.float-left {
    float: left;
}

.item-title {
    margin-top: 5px;
}

.item-title-timetable {
    margin-top: 1px;
    margin-bottom: 2px;
}

.item-title-time-zone-term-average {
    margin-top: 3px;
    width: 80px;
    float: left;
}

.date-picker-wrapper {
    margin-top: 15px;
}

.label-number {
    margin-top: 5px;
    font-size: smaller;
}

.row-other-programs-info-graph {
    font-size: 12px;
    display: flex;
}

.col-border {
    border-left-color: #eee;
    border-left-width: 1px;
    border-left-style: solid;
}

.col-border-right {
    border-right-color: #eee;
    border-right-width: 1px;
    border-right-style: solid;
}

.col-condition-middle {
    padding-left: 0px;
    padding-right: 0px;
}

.col-padding-right {
    padding-right: 5px;
}

.col-padding-right-zero {
    padding-right: 0px;
}

.col-padding {
    padding-right: 5px;
    padding-left: 5px;
}

.col-padding-left {
    padding-left: 5px;
}

.text-date {
    width: 100px;
}

.text-date-timetable {
    width: 100px;
    height: 20px;
}

.text-date-pm-rl {
    width: 100px;
    height: 20px;
}

.prog-dl {
    display: none;
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner-grid {
    font-size: large;
    font-weight: bold;
    color: #fff;
    display: grid;
    justify-items: center;
}

.spinner {
    color: #fff;
    z-index: 2;
    width: 50px;
    height: 50px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
    100% { 
        transform: rotate(360deg);
    }
}

.common-operation-area {
    border: 1px solid #000000;
    padding: 0px 10px 0px 10px;
}

.row-condition-top {
    margin-top: 0px;
}

.row-condition-bottom {
    margin-bottom: 0px;
}

.margin-top-zero {
    margin-top: 0px !important;
}

.margin-bottom-zero {
    margin-bottom: 0px !important;
}

.text-condition {
    font-size: 11px;
    margin-left: 1px;
    margin-right: 1px;
}

.btn {
    outline: none !important;
}

.btn-condition {
    margin-left: 2px;
    margin-right: 1px;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-setting, .btn-user-edit{
    background-color: #6C6C70;
}

.btn-output {
    background-color: #0071A4;
}

.btn-header {
    background-color: #F2F2F7;
}

.btn-clear {
    background-color: #F2F2F7;
    border-color: darkgrey;
    font-weight: bold;
}

.btn-modal {
    width: 100px;
}

.label-table-row {
    font-weight: unset;
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}

.table.table-striped.table-condensed.dataTable.no-footer {
    width: 100% !important;
}

.over-flow-text {
    word-break: break-word;
}

.row-other-programs-header {
    background: darkblue;
    color: white;
}

.row-page-header {
    background: #004a75;
    z-index:999 ;
    position: fixed;
    width: 100%;
    left: 0px;
}

.col-other-programs-info {
    text-align: right;
    margin-top: 10px;
}

.col-border-text {
    border: 2px solid darkblue;
}

.row-other-programs {
    display: flex;
}

.col-other-programs {
    padding-left: 0px;
    padding-right: 0px;
}

.other-programs-item {
    width: 100%;
}

.other-programs-item.text-station {
    width: 145px;
    height: 30px;
}

.other-programs-item.select-date {
    width: 140px;
    text-align: right;
}

.other-programs-item.select-program {
    width: 195px;
}

.other-programs-item.select-time {
    width: 90px;
    text-align: right;
}

.graph_unit {
    text-align: left; 
    font-size: 5px; 
    margin-top: 5px;
}

.border-text {
    min-height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.border-sub-text {
    font-size: 11px;
}

.col-no-padding {
    padding: unset;
}

.over-text {
    text-align: center;
    font-size: 12px;
    height: 33px;
    padding-top: 10px;
}

.over-timetable-text {
    text-align: center;
    font-size: 12px;
    height: 25px;
    padding-top: 6px;
}

.over5 {
    background-color: #FFFF99;
}

.over7 {
    background-color: #FCD5B5;
}

.over9 {
    background-color: #FFC000;
}

.blank {
    background-color: #DEE3EB;
}

.table-row {
    height: 20px;
}

.table-col-tgt-cd {
    width: 27px;
    padding-right: 5px;
}

.table-col {
    width: 92px;
    padding-right: 5px;
    border: 1px dotted #333;
}

.table-col-border-top {
    width: 92px;
    padding-right: 5px;
    border-top: 1px solid #333;
    border-right: 1px dotted #333;
    border-bottom: 1px dotted #333;
    border-left: 1px dotted #333;
}

.table-col-border-top-left {
    width: 92px;
    padding-right: 5px;
    border-top: 1px solid #333;
    border-right: 1px dotted #333;
    border-bottom: 1px dotted #333;
    border-left: 1px solid #333;
}

.table-col-border-top-right {
    width: 92px;
    padding-right: 5px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px dotted #333;
    border-left: 1px dotted #333;
}

.table-col-border-left {
    width: 92px;
    padding-right: 5px;
    border-top: 1px dotted #333;
    border-right: 1px dotted #333;
    border-bottom: 1px dotted #333;
    border-left: 1px solid #333;
}

.table-col-border-right {
    width: 92px;
    padding-right: 5px;
    border-top: 1px dotted #333;
    border-right: 1px solid #333;
    border-bottom: 1px dotted #333;
    border-left: 1px dotted #333;
}

.border-bottom {
    border-bottom: 1px solid #333;
}

.label-checkbox {
    margin-bottom: 0px;
}

.item-login {
    width: 250px;
}

.item-header {
    background-color: white;
    width: fit-content;
    min-height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    border-radius:4px;
}

.item-header-title {
    width:320px;
}

.item-header-logo {
    width:150px;
    display: none;
}

.item-header-btn {
    background-color: darkblue;
}

.btn-header {
    width: 110px;
    font-size: 14px;
}

.btn-menu {
    width: 35px !important;
}

.btn-nav-item {
    width: 300px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-top-width: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    height: 35px;
    border-bottom-width: 0px;
}

.nav-menu {
    position: absolute;
    right: 0;
    left: 0;
    top: 55px;
    width: 300px;
    height: 100vh;
    background-color: #fcfcff;
    transform: translateX(-200vw);
    transition: ease .4s;
    z-index: 998;
}

.hamburger span {
    width: 100%;
    height: 1px;
    background-color: #000;
    position: relative;
    transition: ease .4s;
    display: block;
}

.hamburger span:nth-child(1) {
    top: 0;
}

.hamburger span:nth-child(2) {
    margin: 8px 0;
}

.hamburger span:nth-child(3) {
    top: 0;
}

.nav-menu.active {
    transform: translateX(0);
}

.hamburger.active span:nth-child(1) {
    top: 10px;
    transform: rotate(45deg);
}

.hamburger.active span:nth-child(2) {
    opacity: 0;
}

.hamburger.active span:nth-child(3) {
    top: -8px;
    transform: rotate(-45deg);
}

.nav-items {
    position: absolute;
    top: 20px;
    padding-left: 0px;
  }

.nav-item {
    list-style: none;
}

.nav-item a {
    color: black;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 20px;
    margin-bottom: 24px;
}

.nav-item:last-child a {
    margin-bottom: 0;
}

.table-center {
    margin: auto;
}

.modal-content {
    width: 500px;
}

.modal-item {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 250px;
}

.modal-confirm-item {
    margin-left: 4px;
    margin-top: 13px;
    margin-bottom: 13px;
    width: 250px;
    word-wrap: break-word;
}

.modal-radio {
    display: flex;
}

.modal-radio-item {
    margin-right: 5px !important;
}

.modal-button {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.th-radio ul {
    padding-left: 0px;
}
.th-radio li {
    list-style:none;
    margin-right: 20px;
}

.login-middle {
    display: table;
    width: 97vw;
    height: 100vh;
}

.login-form-middle {
    display: table-cell;
    vertical-align: middle;
}

.error-message {
    color: red;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.row-item-top {
    margin-top: 65px;
}

.row-week {
    display: flex;
}

.week-button {
    display: flex;
    height: 25px;
}

.date-button {
    margin-top: 10px;
    display: flex;
    height: 25px;
}

.conditions-button {
    display: flex;
    height: 25px;
}

.usage-guide {
    width: 180px;
    display: none;
    margin-left: 45px;
}

.timetable-usage-guide-item {
    width: 60px;
}

.btn-select {
    width: 130px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0px;
    margin-right: 5px;

    color: #000000;
    background-color: #FFFFFF;
    border-color: #6c757d;
}
.btn-select:hover {
    color: #000000;
    background-color: #DEE3EB;
}
.btn-check:focus + .btn-select, .btn-select:focus {
    color: #000000;
    background-color: #DEE3EB;
}
.btn-check:checked + .btn-select, .btn-check:active + .btn-select, .btn-select:active, .btn-select.active, .show > .btn-select.dropdown-toggle {
    color: #FFFFFF;
    background-color: #72777F;
}
.btn-check:checked + .btn-select:focus, .btn-check:active + .btn-select:focus, .btn-select:active:focus, .btn-select.active:focus, .show > .btn-select.dropdown-toggle:focus {
    color: #FFFFFF;
    background-color: #72777F;
}
.btn-select:disabled, .btn-select.disabled {
    color: #000000;
    background-color: #FFFFFF;
}

.button-timetable-week {
    display: none;
}


.button-timetable-station {
    width: 113px;
    display: none;
}

.btn-timetable-conditions {
    border-radius: unset;
    margin-right: 0px;
}

.btn-select-click {
    color: #FFFFFF !important;
    background-color: #72777F !important;
}

.time-button {
    display: none;
    height: 25px;
    margin-bottom: 2px;
}

.btn-time {
    width: 48px;
    padding-top: 2px;
    padding-bottom: 2px;

    color: #000000;
    background-color: #FFFFFF;
    border-color: #6c757d;

    border-radius: unset;
}
.btn-time:hover {
    background-color: #DEE3EB;
}
.btn-check:focus + .btn-time, .btn-time:focus {
    background-color: #DEE3EB;
}
.btn-check:checked + .btn-time, .btn-check:active + .btn-time, .btn-time:active, .btn-time.active, .show > .btn-time.dropdown-toggle {
    background-color: #DEE3EB;
}
.btn-check:checked + .btn-time:focus, .btn-check:active + .btn-time:focus, .btn-time:active:focus, .btn-time.active:focus, .show > .btn-time.dropdown-toggle:focus {
    background-color: #DEE3EB;
}
.btn-time:disabled, .btn-time.disabled {
    background-color: #FFFFFF;
}

.btn-time-start {
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
}

.btn-time-end {
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}

.btn-output-excel-minute-r {
    margin-top: 0px;
}

/* timetable grid レイアウトの設定 */
.container-timetable-grid {
    display: grid;
    grid-template-columns: 30px repeat(8, 140px);
    grid-template-rows: auto repeat(calc(24 * 60), 2px);
    padding-bottom: 10px;
}

/* 時間軸 */
.timetable-time {
    border-bottom: solid 1px black;
    border-top: none;
    border-left: solid 1px black;
    border-right: solid 1px black;

    background-color: #FFFFFF;

    text-align: center;
    font-weight: bold;

    /* 表示位置を固定 */
    left: 0;
    z-index: 4;
    position: sticky;

    grid-column: 1 / 2;
}

/* テーブルヘッダーの見出し */
.timetable-header {
    /* 枠 */
    border-bottom: solid 1px black;
    border-top: solid 1px black;
    border-left: none;
    border-right: solid 1px black;

    /* 背景色 */
    background-color: #DDEBF7;

    /* 中央揃え・太字 */
    text-align: center;
    font-weight: bold;

    /* 表示位置を固定 */
    top: 0;
    z-index: 3;
    position: sticky;

    height: 20px;

    grid-row: 1 / 1;
}
.timetable-station-left {
    /* 枠 */
    border-bottom: solid 1px black;
    border-top: solid 1px black;
    border-left: solid 1px black;
    border-right: solid 1px black;

    /* 背景色 */
    background-color: #DDEBF7;

    /* 表示位置を固定 */
    top: 0;
    left: 0;
    z-index: 5;
    position: sticky;

    grid-row: 1 / 1;
    grid-column: 1 / span 1;
}

  /* 番組の枠 */
.timetable-content {
    border-bottom: solid 1px black;
    border-top: none;
    border-left: none;
    border-right: solid 1px black;
    overflow: hidden;
}
.timetable-content:hover {
    border: solid 1px black;
    box-shadow: 0px 0px 10px 10px #CEE5FF;
    z-index: 2;
}

.timetable-content-text {
    padding-left: 5px;
}

.timetable-content-tooltip {
    display: none;
    position: absolute;
    padding: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #555555;
    color: #FFFFFF;
}

.font-timetable-grp {
    font-weight: bold;
    font-size: 18px;
    color: red;
}

.date-picker-wrapper {
    z-index: 5 !important;
}

ul.flashes{
    padding-left: 0px;
}

ul.message{
    padding-left: 0px;
    margin-top: 10px;
}

li.failed {
    list-style: none;
}

.error-message ul.message li.failed {
    margin-bottom: 20px;
}

label[for="group_cd_cls-0"],
label[for="group_cd_cls-1"],
label[for="group_cd_cls-2"] {
    margin-right: 10px;
}

input[type="search"] {
    -webkit-appearance: searchfield;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.label-program-cd-number {
    margin-top: 10px;
    font: unset;
}

.label-item-pm-rl {
    margin-bottom: 0px;
}

.user-license-true {
    color: red;
}

.th-modal-user-license-title {
    padding-right: 30px;
}

.modal-user-license-csv-upload {
    text-align: center;
    padding: 15px;
}

.modal-user-license-csv-upload-body-title {
    font-size: 20px;
    font-weight: bold;
}

.date-picker-wrapper .drp_top-bar {
    padding-right: 0px !important;
}

.calendar-usage-guide {
    padding-bottom: 15px;
}

.calendar-date-daily {
    background-color: #FFC4C8;
}

.calendar-date-weekly {
    background-color: #EDE67D;
}

.calendar-date-selected {
    background-color: #A8DEE0;
}

.calendar-date-out-of-term {
    background-color: #FFFFFF;
}

.calendar-usage-guide-item {
    float: left;
}

.calendar-usage-guide-box {
    width: 15px;
    height: 15px;
}

.calendar-usage-guide-text {
    font-size: 8pt;
    color: #000000;
}

.pm-rl-item {
    display: block;
    width: 1110px;
}

.pm-rl-item-title {
    font-size: 18px;
    float: left;
}

.pm-rl-item-target {
    margin-left: 100px;
    margin-top: 5px;
    float: left;
}

.pm-rl-item-select-date {
    color: #7030A0;
    text-align: end;
}

.pm-rl-item-type {
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 50px;
    float: left;
}

.pm-rl-item-type-detail {
    font-size: 11px;
    margin-left: 50px;
    margin-top: 2px;
    float: left;
}

.pm-rl-item-grp-hourly-graph-high-low-left {
    margin-left: 800px;
}

.pm-rl-item-grp-hourly-graph-high-low {
    font-size: 12px;
    float: left;
    width: 10px;
    height: 10px;
    margin-top: 3px;
}

.pm-rl-item-grp-hourly-graph-color-high {
    background-color: #FFD5E6;
}

.pm-rl-item-grp-hourly-graph-color-low {
    background-color: #D1F5FF !important;
}

.pm-rl-item-grp-hourly-graph-color-average {
    background-color: #FFFFCC;
}

.pm-rl-item-grp-hourly-graph-color-hour-01 {
    background-color: #FFFF99;
}

.pm-rl-item-grp-hourly-graph-color-hour-02 {
    background-color: #FFCC00;
}

.pm-rl-item-grp-hourly-graph-color-hour-03 {
    background-color: #FCA004;
}

.pm-rl-item-grp-hourly-graph-color-hour-04 {
    background-color: #97A2FF;
    color: #FFFFFF;
}

.pm-rl-item-grp-hourly-graph-color-hour-05 {
    background-color: #FF0066;
    color: #FFFFFF;
}

.pm-rl-item-grp-hourly-graph-high-low-text {
    font-size: 12px;
}

.font-bold {
    font-weight: bold;
}

.font-nomal {
    font-weight: normal;
}

.pm-rl-grp-hourly-graph-area-code {
    width: 20px;
    background-color: #FFFFFF;
    margin-left: 10px;
    padding-right: 3px;
    float: left;
    text-align: end;
}

.pm-rl-grp-hourly-graph-area-name {
    padding-left: 20px;
    font-weight: bold;
}

.pm-rl-grp-hourly-graph-area {
    width: 1096px;
    margin-left: 15px;
    font-weight: bold;
}
.font-color-white {
    color: #FFFFFF;
}

.pm-rl-area-color-1 {
    background-color: #B9C0FF;
}

.pm-rl-area-color-2 {
    background-color: #FFB7D3;
}

.pm-rl-area-color-3 {
    background-color: #ADEEAA;
}

.pm-rl-area-color-4 {
    background-color: #6FDEDB;
}

.pm-rl-area-color-5 {
    background-color: #FFBA97;
}

.pm-rl-area-color-6 {
    background-color: #FDCED9;
}

.pm-rl-area-color-7 {
    background-color: #D6AD84;
}

.pm-rl-area-color-8 {
    background-color: #C6F670;
}
.pm-rl-area-color-9 {
    background-color: #FFB9ED;
}

.pm-rl-area-color-10 {
    background-color: #FFEB5B;
}

.pm-rl-area-color-11 {
    background-color: #FE5622;
}

.pm-rl-area-color-12 {
    background-color: #00CC99;
}

.pm-rl-area-color-13 {
    background-color: #0066CC;
}

.pm-rl-area-color-14 {
    background-color: #C5C000;
}

.pm-rl-area-color-15 {
    background-color: #CC99FF;
}

.pm-rl-area-color-16 {
    background-color: #B3D006;
}

.pm-rl-area-color-17 {
    background-color: #F96B13;
}

.pm-rl-area-color-18 {
    background-color: #D77F7F;
}

.pm-rl-area-color-19 {
    background-color: #959200;
}

.pm-rl-area-color-20 {
    background-color: #FF9933;
}

.pm-rl-area-color-21 {
    background-color: #ABC8D5;
}

.pm-rl-area-color-22 {
    background-color: #279E21;
}

.pm-rl-area-color-23 {
    background-color: #D0A172;
}

.pm-rl-area-color-24 {
    background-color: #FF0066;
}

.pm-rl-area-color-25 {
    background-color: #FD5745;
}

.pm-rl-area-color-26 {
    background-color: #9FFFCF;
}

.pm-rl-area-color-27 {
    background-color: #9C9EFE;
}

.pm-rl-area-color-28 {
    background-color: #FFF000;
}

.pm-rl-area-color-29 {
    background-color: #B390B8;
}

.pm-rl-area-color-30 {
    background-color: #FB8354;
}

.pm-rl-area-color-31 {
    background-color: #020E4A;
}

.pm-rl-area-color-32 {
    background-color: #E7A2BF;
}

.pm-rl-top-color {
    background-color: #808080;
    color: #FFFFFF;
}

.pm-rl-second-color {
    background-color: #D9D9D9;
}

.chart-pm-rl-grp-hourly-graph {
    width: 1165px !important;
    height: 200px !important;
    margin-left: 70px;
}

.table-pm-rl-grp-hourly-graph {
    width: 1110px;
    margin-left: 50px;
}

.table-col-pm-rl-grp-hourly-graph-hour-title {
    width: 80px;
}

.table-col-pm-rl-grp-hourly-graph-hour {
    width: 40px;
    text-align: center;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
}

.table-col-pm-rl-grp-hourly-graph-title {
    width: 90px;
    padding-left: 3px;
    padding-top: 2px;
    font-size: 12px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
}

.table-col-pm-rl-grp-hourly-graph {
    width: 40px;
    text-align: right;
    padding-right: 5px;
}

.table-col-pm-rl-grp-hourly-graph-usage-guide {
    width: 50px;
    font-size: 11px;
}

.pm-rl-item-grp-usage-guide {
    padding-top: 5px;
}

.pm-rl-item-grp-diff-usage-guide {
    margin-top: -16px;
}

.pm-rl-item-grp-station-usage-guide-last {
    margin-right: 20px;
}

.pm-rl-item-grp-target-usage-guide-last {
    margin-right: 116px;
}

.pm-rl-item-grp-usage-guide-color-box {
    font-size: 12px;
    float: left;
    width: 12px;
    height: 12px;
    margin-top: 4px;
    margin-right: 2px;
}

.pm-rl-item-grp-usage-guide-text {
    font-size: 14px;
}

.pm-rl-item-grp-usage-guide-left {
    margin-left: 200px;
}

.pm-rl-item-grp-program-usage-guide-left {
    margin-left: 575px;
}

.pm-rl-item-grp-rl-title {
    text-align: center;
    font-weight: bold;
    border: solid 3px #F90064;
}

.pm-rl-item-grp-pm-title {
    text-align: center;
    font-weight: bold;
    border: solid 3px #002060;
}

.pm-rl-item-grp-diff-title {
    text-align: center;
    padding: 3px 0;
    background: #E9FCC5;
}

.pm-rl-item-grp-target-diff-high {
    font-style: italic;
    color: #F40C3E;
}

.pm-rl-item-grp-target-diff-low {
    font-style: italic;
    color: #001AFD;
}

.pm-rl-grp-diff-color-high-1 {
    background: #f97b97;
}

.pm-rl-grp-diff-color-high-2 {
    background: #faa2b6;
}

.pm-rl-grp-diff-color-high-3 {
    background: #fbbccb;
}

.pm-rl-grp-diff-color-high-4 {
    background: #fce3eb;
}

.pm-rl-grp-diff-color-low-1 {
    background: #cdedff;
}

.pm-rl-grp-diff-color-low-2 {
    background: #dbf1ff;
}

.pm-rl-grp-diff-color-low-3 {
    background: #e4f4ff;
}

.pm-rl-grp-diff-color-low-4 {
    background: #f2f9ff;
}

.table-grp-diff-usage-guide {
    width: 200px;
}

.table-row-grp-diff-usage-guide {
    height: 17px;
}

.table-col-grp-diff-usage-guide {
    font-size: 11px;
    text-align: center;
}

.pm-rl-grp-station-column {
    float: left;
    margin: 0 5px;
    width: 380px;
}

.pm-rl-grp-target-column {
    float: left;
    margin: 0 5px;
    width: 380px;
}

.pm-rl-grp-program-column {
    float: left;
    margin-left: 15px;
    margin-right: 5px;
    width: 560px;
}

.table-pm-rl-grp {
    margin-top: 5px;
    width: 380px;
}

.table-pm-rl-grp-program {
    margin-top: 5px;
    width: 560px;
}

.table-row-pm-rl-grp {
    height: 17px;
}

.table-col-pm-rl-grp-area-cd {
    text-align: right;
    padding-right: 2px;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-10 {
    font-size: 10px !important;
}

.font-size-9 {
    font-size: 9px !important;
}

.font-size-8 {
    font-size: 8px !important;
}

.font-size-7 {
    font-size: 7px !important;
}

.font-size-6 {
    font-size: 6px !important;
}

.font-size-5 {
    font-size: 5px !important;
}

.font-size-4 {
    font-size: 4px !important;
}

.pm-rl-font-color-high {
    color: #F90064;
}

.pm-rl-font-color-low {
    color: #00B0F0;
}

.pm-rl-grp-area-name {
    font-weight: bold;
}

.pm-rl-grp-row {
    margin-top: 10px;
}

.table-col-pm-rl-grp-target {
    width: 33px;
    font-size: 11px;
    text-align: center;
    border-top: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    border-left: 1px solid #BFBFBF;
}

.table-col-pm-rl-grp-station {
    width: 47px;
    font-size: 11px;
    text-align: center;
    border-top: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    border-left: 1px solid #BFBFBF;
}

.table-col-pm-rl-grp-hour {
    width: 50px;
    font-size: 11px;
    padding-left: 2px;
    border-top: 1px solid #BFBFBF;
    border-right: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    border-left: 1px solid #BFBFBF;
}

.table-col-pm-rl-grp-program-header-2 {
    background-color: #FFE7E7;
    color: #F40C3E;
    font-size: 14px;
    font-weight: bold;
}

.table-col-pm-rl-grp-program-rank-2 {
    width: 30px;
    font-size: 11px;
    padding-left: 2px;
    border-top: 1px solid #7A0520;
    border-bottom: 1px solid #7A0520;
    border-left: 1px solid #7A0520;
}

.table-col-pm-rl-grp-program-name-2 {
    width: 330px;
    font-size: 11px;
    padding-left: 2px;
    border-top: 1px solid #7A0520;
    border-bottom: 1px solid #7A0520;
}

.table-col-pm-rl-grp-program-station-2 {
    width: 60px;
    font-size: 11px;
    padding-left: 2px;
    border-top: 1px solid #7A0520;
    border-bottom: 1px solid #7A0520;
}

.table-col-pm-rl-grp-program-date-2 {
    width: 40px;
    font-size: 11px;
    padding-left: 2px;
    border-top: 1px solid #7A0520;
    border-bottom: 1px solid #7A0520;
}

.table-col-pm-rl-grp-program-grp-2 {
    width: 40px;
    font-size: 11px;
    padding-left: 2px;
    border-top: 1px solid #7A0520;
    border-bottom: 1px solid #7A0520;
}

.table-col-pm-rl-grp-program-cd-2 {
    width: 60px;
    font-size: 11px;
    padding-left: 2px;
    border-top: 1px solid #7A0520;
    border-right: 1px solid #7A0520;
    border-bottom: 1px solid #7A0520;
}

.table-col-pm-rl-grp-program-header-1 {
    background-color: #E4E4F8;
    color: #0070C0;
    font-size: 14px;
    font-weight: bold;
}

.table-col-pm-rl-grp-program-rank-1 {
    width: 30px;
    font-size: 11px;
    padding-left: 2px;
    border-top: 1px solid #002060;
    border-bottom: 1px solid #002060;
    border-left: 1px solid #002060;
}

.table-col-pm-rl-grp-program-name-1 {
    width: 330px;
    font-size: 11px;
    padding-left: 2px;
    border-top: 1px solid #002060;
    border-bottom: 1px solid #002060;
}

.table-col-pm-rl-grp-program-station-1 {
    width: 60px;
    font-size: 11px;
    padding-left: 2px;
    border-top: 1px solid #002060;
    border-bottom: 1px solid #002060;
}

.table-col-pm-rl-grp-program-date-1 {
    width: 40px;
    font-size: 11px;
    padding-left: 2px;
    border-top: 1px solid #002060;
    border-bottom: 1px solid #002060;
}

.table-col-pm-rl-grp-program-grp-1 {
    width: 40px;
    font-size: 11px;
    padding-left: 2px;
    border-top: 1px solid #002060;
    border-bottom: 1px solid #002060;
}

.table-col-pm-rl-grp-program-cd-1 {
    width: 60px;
    font-size: 11px;
    padding-left: 2px;
    border-top: 1px solid #002060;
    border-right: 1px solid #002060;
    border-bottom: 1px solid #002060;
}

.pm-rl-grp-program-other {
    font-size: 11px;
}

.table-col-border-all-solid {
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
}

.table-col-border-all-dotted {
    border-top: 1px dotted #333;
    border-right: 1px dotted #333;
    border-bottom: 1px dotted #333;
    border-left: 1px dotted #333;
}

.table-col-border-all-thick {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
}

.table-col-border-bottom-dotted {
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px dotted #333;
    border-left: 1px solid #333;
}

.table-col-border-right-dotted {
    border-top: 1px solid #333;
    border-right: 1px dotted #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
}

.table-col-border-left-dotted {
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px dotted #333;
}

.table-col-border-top-bottom-dotted {
    border-top: 1px dotted #333;
    border-right: 1px solid #333;
    border-bottom: 1px dotted #333;
    border-left: 1px solid #333;
}

.table-col-border-left-right-dotted {
    border-top: 1px solid #333;
    border-right: 1px dotted #333;
    border-bottom: 1px solid #333;
    border-left: 1px dotted #333;
}

.table-col-border-bottom-right-dotted {
    border-top: 1px solid #333;
    border-right: 1px dotted #333;
    border-bottom: 1px dotted #333;
    border-left: 1px solid #333;
}

.table-col-border-left-bottom-dotted {
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px dotted #333;
    border-left: 1px dotted #333;
}

.table-col-border-left-bottom-right-dotted {
    border-top: 1px solid #333;
    border-right: 1px dotted #333;
    border-bottom: 1px dotted #333;
    border-left: 1px dotted #333;
}

.table-col-border-top-bottom-right-dotted {
    border-top: 1px dotted #333;
    border-right: 1px dotted #333;
    border-bottom: 1px dotted #333;
    border-left: 1px solid #333;
}

.table-col-border-top-left-bottom-dotted {
    border-top: 1px dotted #333;
    border-right: 1px solid #333;
    border-bottom: 1px dotted #333;
    border-left: 1px dotted #333;
}

.table-col-border-top-dotted-bottom-thick {
    border-top: 1px dotted #333;
    border-right: 1px solid #333;
    border-bottom: 2px solid #333;
    border-left: 1px solid #333;
}

.table-col-border-left-dotted-right-thick {
    border-top: 1px solid #333;
    border-right: 2px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px dotted #333;
}

.table-col-border-left-bottom-dotted-right-thick {
    border-top: 1px solid #333;
    border-right: 2px solid #333;
    border-bottom: 1px dotted #333;
    border-left: 1px dotted #333;
}

.table-col-border-top-left-bottom-dotted-right-thick {
    border-top: 1px dotted #333;
    border-right: 2px solid #333;
    border-bottom: 1px dotted #333;
    border-left: 1px dotted #333;
}

.table-col-border-bottom-dotted-left-right-thick {
    border-top: 1px solid #333;
    border-right: 2px solid #333;
    border-bottom: 1px dotted #333;
    border-left: 2px solid #333;
}

.table-col-border-top-right-dotted-bottom-thick {
    border-top: 1px dotted #333;
    border-right: 1px dotted #333;
    border-bottom: 2px solid #333;
    border-left: 1px solid #333;
}

.table-col-border-right-dotted-top-bottom-thick {
    border-top: 2px solid #333;
    border-right: 1px dotted #333;
    border-bottom: 2px solid #333;
    border-left: 1px solid #333;
}

.table-col-border-left-dotted-top-bottom-thick {
    border-top: 2px solid #333;
    border-right: 1px solid #333;
    border-bottom: 2px solid #333;
    border-left: 1px dotted #333;
}

.table-col-border-left-right-dotted-top-bottom-thick {
    border-top: 2px solid #333;
    border-right: 1px dotted #333;
    border-bottom: 2px solid #333;
    border-left: 1px dotted #333;
}

.table-col-border-left-dotted-top-bottom-right-thick {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    border-left: 1px dotted #333;
}

.table-col-border-top-left-dotted-bottom-thick {
    border-top: 1px dotted #333;
    border-right: 1px solid #333;
    border-bottom: 2px solid #333;
    border-left: 1px dotted #333;
}

.table-col-border-top-left-right-dotted-bottom-thick {
    border-top: 1px dotted #333;
    border-right: 1px dotted #333;
    border-bottom: 2px solid #333;
    border-left: 1px dotted #333;
}

.table-col-border-top-bottom-dotted-left-right-thick {
    border-top: 1px dotted #333;
    border-right: 2px solid #333;
    border-bottom: 1px dotted #333;
    border-left: 2px solid #333;
}

.table-col-border-top-left-dotted-bottom-right-thick {
    border-top: 1px dotted #333;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    border-left: 1px dotted #333;
}

.table-col-border-top-dotted-left-bottom-right-thick {
    border-top: 1px dotted #333;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
}

.table-col-border-top-bottom-thick {
    border-top: 2px dotted #333;
    border-right: 1px solid #333;
    border-bottom: 2px solid #333;
    border-left: 1px solid #333;
}

.table-col-border-top-left-bottom-thick {
    border-top: 2px dotted #333;
    border-right: 1px solid #333;
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
}

.table-col-border-top-left-right-thick {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    border-bottom: 1px solid #333;
    border-left: 2px solid #333;
}

.output-excel-minute-r-messsage {
    font-size: 10px;
    font-weight: bolder;
    color: #ff0000;
}

.minute-r-graph-header-label-left {
    width: 100px;
    margin-left: 180px;
    font-size: 12px;
    float: left;
}

.minute-r-graph-header-label-right {
    width: 100px;
    margin-left: 50px;
    font-size: 12px;
    float: left;
}

.minute-r-graph-header-value-left {
    font-size: 12px;
    width: 300px;
}

.minute-r-graph-header-value-right {
    font-size: 12px;
}

.minute-r-graph-header-sep {
    font-size: 12px;
    float: left;
}

.div-graph-legend {
    display: flex;
}

.chart-minute-r-graph-legend {
    width: 120px;
    float: left;
}

.li-chart-minute-r-graph-legend {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.box-chart-minute-r-graph-legend {
    display: inline-block;
    flex-shrink: 0;
    height: 2px;
    margin-right: 10px;
    width: 30px;
}

.text-chart-minute-r-graph-legend {
    margin: 0;
    padding: 0;
    width: 65px;
    font-size: 11px;
}

.chart-minute-r-graph {
    height: 300px !important;
}

.table-minute-r-graph {
    margin-left: 100px;
    table-layout: fixed;
}

.table-row-minute-r-program {
    height: 17px;
}

.table-row-minute-r-grp {
    height: 23px;
}

.table-row-minute-r-grp {
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
}

.table-col-minute-r-station {
    width: 20px;
    font-size: 11px;
    text-align: center;
    writing-mode: vertical-rl;
    background-color: #FEC6C6;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
}

.table-col-minute-r-title {
    width: 50px;
    font-size: 11px;
    text-align: center;
    background-color: #D9D9D9;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
}

.table-col-minute-r-program {
    font-size: 11px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    background-color: #D9D9D9;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
}

.table-col-minute-r-grp {
    width: 14px;
    font-size: 9px;
    text-align:center;
    border-top: 1px dotted #333;
    border-right: 1px dotted #333;
    border-bottom: 1px dotted #333;
    border-left: 1px dotted #333;
}

.table-col-minute-r-grp-v {
    writing-mode: vertical-rl;
}

.table-row-minute-r-grp-note {
    font-size: 11px;
    margin-left: 166px;
}

.checkbox-time-zone-term-average-day-of-week li {
    margin-right: 10px;
}

.table-area {
    margin-left: 18px;
}

.time-zone-term-average-table-title {
    font-weight: bold;
    font-size: 14px;
    height: 30px;
    padding-top: 5px;
    padding-left: 5px;
    margin-top: 10px;
}

.time-zone-term-average-table-title-time-zone {
    background-color: #CCCCFF;
}

.time-zone-term-average-table-title-hour {
    background-color: #CCFFCC;
}

.table-time-zone-term-average {
    width: auto;
    border-collapse: unset;
    margin-left: 30px;
}

.table-row-time-zone-term-average {
    height: 20px;
}

.table-col-time-zone-term-average {
    width: 160px;
    font-size: 12px;
}

.table-col-time-zone-term-average-header {
    text-align: center;
    background-color: #F2F2F2
}

.table-col-time-zone-term-average-header-title {
    font-weight: bold;
}

.table-col-time-zone-term-average-left {
    padding-left: 2px;
}

.table-col-time-zone-term-average-grp {
    padding-right: 2px;
    text-align: right;
}

.table-col-border-time-zone-term-average-header-title-left {
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 3px double #333;
    border-left: 1px solid #333;
}

.table-col-border-time-zone-term-average-header-title {
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 3px double #333;
}

.table-col-border-time-zone-term-average-header-term-left {
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
}

.table-col-border-time-zone-term-average-header-term {
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}

.table-col-border-time-zone-term-average-grp-left {
    border-right: 1px solid #333;
    border-bottom: 1px dotted #333;
    border-left: 1px solid #333;
}

.table-col-border-time-zone-term-average-grp {
    border-right: 1px solid #333;
    border-bottom: 1px dotted #333;
}

.table-col-border-time-zone-term-average-grp-left-bottom {
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
}

.table-col-border-time-zone-term-average-grp-bottom {
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}

.time-zone-term-average-header-label-left {
    width: 50px;
    margin-top: 5px;
    font-size: 14px;
    float: left;
}

.time-zone-term-average-header-label-right {
    width: 80px;
    margin-top: 5px;
    margin-left: 50px;
    font-size: 14px;
    float: left;
}

.time-zone-term-average-header-value-left {
    font-size: 14px;
    float:left;
}

.time-zone-term-average-header-value-right {
    font-size: 14px;
    float: left;
}

.time-zone-term-average-usage-guide {
    margin-left: 50px;
    float: left;
}

.time-zone-term-average-usage-guide-text {
    font-size: 14px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

.time-zone-term-average-usage-guide-item {
    height: 30px;
    width: 30px;
    float: left;
    margin-left: 5px;
}

.select-areas-analysis-by-block {
    width: 170px;
    margin-left: 5px;
}

.select-stations-analysis-by-block {
    width: 230px;
}

.btn-analysis-by-block {
    font-size: 12px;
}

.item-title-analysis-by-block-left {
    width: 60px;
    float: left;
}

.item-title-analysis-by-block-right {
    width: 75px;
    float: left;
}

.margin-top-8 {
    margin-top: 8px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-left-5 {
    margin-left: 5px;
}

.col-border-analysis-by-block-item-dotted {
    border-right-color: #ccc;
    border-right-width: 2px;
    border-right-style: dotted;
}

.col-border-analysis-by-block-item {
    border-right-color: #ccc;
    border-right-width: 1px;
    border-right-style: solid;
}

.checkbox-analysis-by-block-day-of-week li {
    margin-right: 10px;
}

.modal-aggregate-time-frame-content {
    width: auto;
}

.modal-dialog-aggregate-time-frame {
    width: auto;
    min-width: 650px;
    max-width: 1150px;
    margin: 30px auto;
}

.row-analysis-by-block-dialog-item {
    margin-top: 5px;
    margin-left: 10px;
}

.item-title-dialog-aggregate-time-frame {
    width: 60px;
}

.item-title-dialog-block-division {
    width: 90px;
}

.row-analysis-by-block-program-select {
    margin-left: 10px;
    margin-right: 10px;
}

.applicable_days_string {
    margin-left: 60px;
    float: left;
}

.block-division-radio {
    margin-left: 20px;
}

.block-division-start-end-time {
    margin-left: 40px;
}

.text-time-zone-analysis-by-block {
    background-color: #FFFFFF !important;
    width: 150px;
}

.label-last-5-minute-message {
    margin-left: 40px;
    font-weight: normal;
    color: #FF0000;
}

.div-last-5-minute {
    margin-left: 20px;
}

.text-time {
    font-size: 14px;
    width: 80px;
}

.div-select-time-zones {
    float: left;
}

.block-graph-button {
    width: 160px;
}

.text-block-division-minute {
    margin-left: 10px;
    font-weight: normal;
}

.block-graph-title {
    margin-top: 10px;
}

.text-block-graph-title {
    display: inline-block;
    height: 25px;
    margin-top: 5px;
    margin-left: 5px;
    font-weight: 700;
}

.btn-analysis-by-block-output {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 12px;
    width: 150px;
    white-space: normal;
}

.text-chart-block-y-unit {
    margin-top: 5px;
    font-size: 10px;
}

.text-chart-block-other-viewing-y-unit {
    margin-top: 5px;
    margin-left: 80px;
    font-size: 10px;
}

.chart-block-button {
    display: flex;
}

.chart-block-graph {
    width: 1010px;
}

.chart-block-graph-condition-setting {
    display: flex;
    margin-top: 10px;
    margin-left: 20px;
}

.chart-block-graph-condition-setting-item {
    font-weight: 700;
    margin-top: 5px;
}

.chart-block-graph-other-viewing {
    margin-left: 72px;
}

.table-block-other-viewing-program {
    table-layout: fixed;
}

.table-row-block-other-viewing-program {
    height: 20px;
    border-right: 1px solid #97A2FF;
}

.table-col-block-other-viewing-program-station-legend {
    margin-left: 3px;
    margin-right: 3px;
    float: left;
    font-size: 12px;
}

.table-col-block-other-viewing-program-station {
    width: 120px;
    font-size: 11px;
    border-top: 1px solid #97A2FF;
    border-left: 1px solid #97A2FF;
    border-right: 1px solid #97A2FF;
    border-bottom: 1px solid #97A2FF;
}

.table-col-block-other-viewing-program {
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    border-top: 1px solid #97A2FF;
    border-right: 1px dotted #333;
    border-bottom: 1px solid #97A2FF;
    border-left: 1px dotted #333;
}

.table-block-other-viewing-target-program-color {
    background-color: #FFFFA2;
}

.analysis-by-block-area-title {
    margin-top: 10px;
    height: 30px;
}

.item-title-minute-inflow-outflow-left {
    width: 60px;
    float: left;
}

.item-title-minute-inflow-outflow-right {
    width: 75px;
    float: left;
}

.select-areas-minute-inflow-outflow {
    width: 170px;
    margin-left: 5px;
}

.col-border-minute-inflow-outflow-item-dotted {
    border-right-color: #ccc;
    border-right-width: 2px;
    border-right-style: dotted;
}

.col-border-minute-inflow-outflow-item {
    border-right-color: #ccc;
    border-right-width: 1px;
    border-right-style: solid;
}

.row-minute-inflow-outflow-item {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px;
}

.row-minute-inflow-outflow-item-bottom {
    height: 70px;
}

.btn-minute-inflow-outflow {
    font-size: 12px;
}

.select-stations-minute-inflow-outflow {
    width: 230px;
}

.row-modal-aggregate-time-frame-item {
    margin-top: 5px;
    margin-left: 10px;
}

.row-modal-aggregate-time-frame-program-select {
    margin-left: 10px;
    margin-right: 10px;
}


#main {
    display: none;
}

#select-areas {
    margin-left: 20px;
}

#date-range {
    width: 300px;
    height: 30px;
}

#start-time-title {
    margin-left: 20px;
}

#select-start-time {
    width: 100px;
}

#series-number-title {
    font-size: smaller;
    margin-left: 20px;
}

#series-number {
    width: 40px;
    text-align: right;
}

#button-series-display {
    margin-left: 20px;
}

#div-search {
    margin-bottom: 10px;
    margin-top: 5px;
    text-align: right;
}

#label-search-title {
    font: unset;
}

#row-tables {
    height: 480px;
}

#table-program-series_wrapper .col-xs-6 {
    width: 100%;
}

#table-program-series_wrapper .col-md-6 {
    width: 100%;
}

#table-program-series_wrapper .col-sm-6 {
    width: 100%;
}

#table-program-series_filter input.form-control.form-control-sm {
    padding-left: 5px;
    padding-right: 5px;
}

#table-program-names_wrapper {
    height: 400px;
}

#div-submit {
    text-align: center;
}

#submit-execute {
    width: 200px;
}

#error {
    text-align: center;
}

#error-message {
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#text-area {
    width: 100%;
}

#text-station {
    width: 100%;
}

#text-term {
    width: 100%;
}

#text-program {
    width: 100%;
}

#button-condition-setting {
    width: 120px;
    margin-top: 30px;
}

#button-output-excel {
    width: 100px;
    height: 35px;
    margin-right: 10px;
}

#button-output-pdf {
    width: 100px;
    height: 35px;
}

#program-title {
    font-weight: bold;
    min-height:20px;
}

#program-info {
    min-height:20px;
}

#select-programs-start-time {
    text-align: center;
}

#table-select-programs-info {
    font-size: 12px;
    width: 1170px;
    text-align: right;
}

#text-add-seat {
    font-size: 10px;
}

#checkbox-add-seat {
    vertical-align: top;
}

#login {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
}

#login-logo {
    height: 50px;
    padding-left: 25px;
}

#info-title {
    font-weight: bold;
    padding-left: 25px;
    margin-bottom: 0px;
}

#info-page {
    height: 300px;
    width: 250px;
}

#page-title-text {
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: large;
    font-weight: bold;
}

#header-button {
    float: right;
}

#modal-header-title {
    display: inline;
}

#modal-header-text {
    display: inline;
    color: red;
    margin-left: 30px;
    font-size: 12px;
}

#modal-button-user-register {
    margin-right: 80px;
}

#modal-button-user-update,
#modal-button-user-delete,
#modal-button-user-license-info-update,
#modal-button-user-license-info-csv-upload {
    margin-right: 50px;
}

#modal-button-user-yes {
    margin-right: 80px;
}

#modal-confirm {
    display: none;
}

#modal-confirm-message {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

#modal-button-register {
    display: none;
}

#modal-button-update {
    display: none;
}

#tr-user-id {
    height: 40px;
    border-bottom: 1px solid #e5e5e5;
}

#table-user-list_info {
    text-align: right;
}

#table-user-license-info-list_info {
    text-align: right;
}

#select-timetable-areas {
    width: 200px;
    height: 20px;
    margin-left: 30px;
}

#date-range-timetable {
    width: 300px;
    margin-top: 2px;
    margin-bottom: 1px;
    text-align: right;
}

#button-timetable-display {
    width: 75px;
    margin-top: 45px;
    margin-bottom: 2px;
}

#button-pm-rl-display {
    width: 75px;
    margin-top: 20px;
    margin-bottom: 2px;
}

#div-row-timetable-output-week {
    margin-top: 5px;
}

#div-row-timetable-output-button {
    margin-top: 15px;
}

#div-col-timetable-display {
    padding-left: 0px;
    padding-right: 0px;
}

#button-timetable-output-pdf {
    display: none;
}

#timetable {
    margin-left: 2px;
}

#timetable-scroll {
    display: none;
    height: 620px;
    overflow: auto;
}

#date-select-timetable, #date-select-timetable-week {
    margin-top: 1px;
}

#div-select-areas label {
    margin-bottom: 2px;
}

#div-select-tgt-cds label {
    margin-bottom: 2px;
}

#div-program-cd-number {
    height: 40px;
    text-align: right;
    margin-right: 20px;
}

#program-cd-number {
    width: 30px;
}

#file-user-license-info-list-csv {
    display:none;
}

#date-select-pm-rl {
    margin-top: 1px;
}

#div-row-pm-rl-output-button {
    margin-top: 20px;
}

#div-col-pm-rl-output {
    height: 57px;
}

#usage-guide-daily {
    width: 30px;
}

#usage-guide-weekly {
    width: 30px;
}

#usage-guide-selected {
    width: 40px;
}

#usage-guide-out-of-term {
    width: 40px;
}

#pm-rl-area-color-01 {
    color: #B9C0FF;
}

#pm-rl-grp-hourly-graph {
    display: none;
    width: 1170px;
}

#pm-rl-grp-station {
    display: none;
    width: 1170px;
}

#pm-rl-grp-program {
    display: none;
    width: 1170px;
}

#pm-rl-grp-target {
    display: none;
    width: 1170px;
}

#pm-rl-display-switch-button {
    display: none;
}

#minute-r-graph-area {
    display: none;
}

#select-targets {
    height: 18px;
}

#date-select-time-zone-term-average {
    width: 110px;
}

#checkbox-time-zone-term-average-day-of-week {
    display: flex;
    width: 300px;
    padding-left: 0px;
    float: left;
}

#button-time-zone-term-average-display {
    float: right;
    margin-bottom: 5px;
}

#button-time-zone-term-average-output-excel {
    margin-top: 10px;
}

#item-title-week {
    float: left;
}

#error-message-week {
    float: left;
    text-align: left;
    margin-left: 70px;
}

#warning-message-week {
    width: 500px;
    float: left;
    margin-left: 50px;
    color: blue;
}

#error-message-day-of-week {
    width: 220px;
    float: left;
    margin-top: 2px;
}

#table-area {
    display: none;
}

#text-aggregate-time-frame {
    width: 259px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#text-block-division {
    width: 230px;
    float: left;
}

#button-analysis-by-block-aggregate {
    margin-top: 5px;
    margin-left: 5px;
}

#checkbox-analysis-by-block-day-of-week {
    display: flex;
    width: 300px;
    padding-left: 0px;
    float: left;
    margin-bottom: 0px;
}

#program-select {
    display: none;
}

#time-type-select {
    display: none;
}

#select_types-1 {
    margin-left: 10px;
}

#button-modal-aggregate-time-frame-setting {
    margin-right: 40px;
}

#button-modal-aggregate-time-frame-cancel {
    margin-left: 40px;
}

#button-modal-block-division-setting {
    margin-right: 40px;
}

#button-modal-block-division-cancel {
    margin-left: 40px;
}

#error-message-dialog-aggregate-time-frame-time-zone {
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}

#error-message-dialog-aggregate-time-frame-day-of-week {
    width: 220px;
    float: left;
    margin-top: 2px;
    margin-left: 26px;
}

#error-message-dialog-aggregate-time-frame-applicable-days {
    float: left;
    margin-left: 237px;
}

#aggregate-count-max-message {
    color: red;
    font-size: 10px;
    text-align: left;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

#block-minute-graph-title {
    background-color: #B9C0FF;
}

#block-target-title {
    background-color: #FFB7D3;
}

#block-other-viewing-title {
    background-color: #ADEEAA;
}

#analysis-by-block-area {
    display: none;
}

#button-timetable-conditions-station {
    border-bottom: none;
}

#button-timetable-conditions-week {
    border-bottom: none;
    border-left: none;
}

#div-output-station, #div-week-button, #div-station-button, #div-date-select-timetable-week {
    display: none;
}

#text-analysis-by-block-graph-area-title, #text-analysis-by-block-graph-area-title-end {
    display: flex;
    float: left;
    font-weight: 700;
    font-size: 18px;
}

#text-analysis-by-block-graph-area-title-program-name {
    float: left;
    font-weight: 700;
}

#checkbox-sta-sum {
    margin-left: 100px;
    margin-top: 8px;
}

#chart-block-minute-graph, #chart-block-target, #chart-block-other-viewing {
    height: 375px !important;
}

#table-row-minute {
    height: 5px;
}

#button-minute-inflow-outflow-output {
    width: 70px;
    font-size:12px;
    margin-top: 5px;
    margin-left: -5px;
    padding-left: 8px;
}

#button-minute-inflow-outflow-aggregate {
    width: 70px;
    font-size:12px;
    margin-top: 5px;
}