/* ========================================

   印刷工場メンテナンス

======================================== */

.maintenance_allstyle {

    width: 100%;

    color: #333;

    font-size: 16px;

    line-height: 1.7;

    box-sizing: border-box;

}

.maintenance_topicpath,

.maintenance_allstyle .cp_h1,

.maintenance_contents,

.maintenance_allstyle .topback {

    width: 950px;

    margin-left: auto;

    margin-right: auto;

    box-sizing: border-box;

}


/* ========================================

   パンくず

======================================== */

.maintenance_topicpath {

    margin-left: auto;

    margin-right: auto;

}


/* ========================================
   ページタイトル
======================================== */

.maintenance_allstyle .cp_h1 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px 0;
    color: #333;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
}


/* ========================================

   アンカー

======================================== */

.maintenance_anchor {

    position: relative;

    top: -60px;

}


/* ========================================

   本文

======================================== */

.maintenance_contents {

    margin-top: 2em;

}

.maintenance_intro {

    margin: 0;

}


/* ========================================

   共通見出し

======================================== */

.maintenance_section {

    margin-top: 3em;

}

.maintenance_heading {

    box-sizing: border-box;

    display: inline-block;

    width: 100%;

    margin: 0 0 0.5em;

    padding: 0.5em;

    background: #d8e6fe;

    color: #2860d5;

    font-size: 1.4em;

    font-weight: normal;

    line-height: 1.5;

}


/* ========================================

   最初の概要テーブル

======================================== */

table.eventtable01 {

    width: 100%;

    margin-top: 1em;

    background: #ffebec;

    border: solid 1px #ff6164;

    border-collapse: separate;

    border-spacing: 0;

}

table.eventtable01 th,

table.eventtable01 td {

    padding: 1em;

}

table.eventtable01 th {

    width: 30%;

    color: #ff6164;

    font-size: 1.2em;

    font-weight: bold;

    vertical-align: top;

}

.maintenance_date {

    display: inline-block;

    margin-bottom: 0.5em;

    font-size: 1.2em;

    font-weight: bold;

}

.maintenance_date_nomargin {

    margin-bottom: 0;

}

.maintenance_deadline {

    color: #ff6164;

    font-size: 1.4em;

    font-weight: bold;

}


/* ========================================

   共通テーブル

======================================== */

table.eventtable02,

table.eventtable03 {

    width: 100%;

    margin-top: 1em;

    border-collapse: collapse;

}

table.eventtable02 th,

table.eventtable02 td,

table.eventtable03 th,

table.eventtable03 td {

    padding: 0.5em;

    border: solid 1px #b3b3b3;

}

table.eventtable02 th,

table.eventtable03 th {

    text-align: center;

}

table.eventtable02 td:not(:first-child) {

    width: 14%;

}

table.eventtable03 td:not(:first-child) {

    width: 14%;

}


/* ========================================

   テーブル表示補助

======================================== */

.table_center {

    text-align: center;

}

.table_left {

    text-align: left;

}

.table_border_none {

    border: none !important;

}

.table_month {

    background: #f0f0f0;

}

.day_saturday {

    color: #2860d5;

}

.day_sunday {

    color: #ff6164;

}


/* 緑背景 */

.td_green {

    background: #eef9f1;

    color: #27864a;

}


/* 赤背景 */

.td_red {

    background: #fff2f3;

    color: #ff6164;

}


/* ========================================

   縦書き

======================================== */

.vertical_text {

    display: inline-block;

    writing-mode: vertical-rl;

    white-space: pre;

}

.vertical_number {

    text-combine-upright: all;

}


/* ========================================

   注文例

======================================== */

.maintenance_example {

    margin: 1em 0 0;

}


/* ========================================

   テーブル横スクロール対策

======================================== */

.maintenance_table_scroll {

    width: 100%;

}


/* ========================================

   請求書ナビ

   ※既存ページで使用する場合に備えて維持

======================================== */

ul.invoice_nav li {

    margin: 0.5em 0 0.5em 1.5em;

    list-style-type: disc;

}

ul.invoice_nav li a {

    text-decoration: none;

}

.topback {

    text-align: center;

    margin-top: 8em;

}

.topback a {

    font-size: 1.8em;

    padding: 10px 80px;

    border-radius: 5px;

    color: #fff;

    background: #285FD5;

    text-decoration: none;

}

.topback a:hover {

    opacity: 0.7;

    transition: 0.5s;

}