body {
    font-family: "Meiryo", "Yu Gothic UI", sans-serif;
    font-size: 15px;
}

/* =========================
    要素の 文字 サイズ 
========================= */
/*
label {
    font-size: 15px;
  //  font-weight: bold;
}
*/
/* =========================
    要素の 文字 サイズ 
========================= */
input {
    height: 26px;
    border: 1px solid #7f9db9;
    background-color: #fff;
    box-sizing: border-box;
    padding: 2px 4px;
}

/* =========================
    要素の 文字 サイズ 
========================= */
select {
    height: 26px;
    border: 1px solid #7f9db9;
    background-color: #fff;
    box-sizing: border-box;
    padding: 2px 4px;
}

/* =========================
   共通ボタン
   ========================= */
button {
    min-width: 110px;
    height: 35px;
    background: #0a5a82;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}


/* =========================
    テーブルの 文字 サイズ 
========================= */
.table-area {
    font-size: 13px;
}



.meibo-table {
    width: 100%;
    border-collapse: collapse;
}

    .meibo-table thead th {
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .meibo-table th {
        background: #0f6a8e;
        color: white;
        padding: 4px 8px;
        border: 1px solid white;
    }

    .meibo-table td {
        background: #d9dee2;
        padding: 4px 8px;
        border: 1px solid white;
    }

    .meibo-table tbody tr:hover {
        cursor: pointer;
        background: #f5f5f5;
    }

/* テーブルの 選択行 */
.selected-row td {
    background-color: #fffacd; /* lemonchiffon  */
}


/* =========================
   チェックボックス 
========================= */
.active-checkbox {
    display: flex;
    align-items: center; /* 縦中央 */
    gap: 4px;
    font-size: 14px;
    font-weight: bold;
}

    .active-checkbox input[type="checkbox"] {
        margin: 0;
    }

.radio-btn {
    display: flex;
    align-items: center; /* 縦中央 */
    gap: 4px;
    margin-right: 22px;
    white-space: nowrap;
}

/* =========================
   共通件数表示
   ========================= */
.result-count {
    color: #0a5a82;
    margin: 0 10px;
}


/* =========================
   共通リスト出力ボタン
   ========================= */

.btn-list {
    min-width: 140px;
    margin-left: auto;
    color: white;
}
    .btn-list:hover {
        background-color: #372f6b; /* DarkSlateBlue（濃い紫） 系 */
    }
    .btn-list:active {
        transform: translateY(1px);
    }

.btn-list2 {
    min-width: 150px;
    background: #483d8b;
    color: white;
    margin-left: auto;
}

    .btn-list2:hover {
        background-color: #372f6b; /* DarkSlateBlue（濃い紫） 系 */
    }

    .btn-list2:active {
        transform: translateY(1px);
    }


    /* ==========================
                   ボタン共通
 ========================== */
    .btn-search,
    .btn-clear,
    .btn-add,
    .btn-update,
    .btn-delete {
        min-width: 110px;
    }
    /* =========================
   検索ボタン
   ========================= */

    .btn-search {
        background: #20b2aa;
        color: white;
    }
    /* =========================
   クリアボタン
   ========================= */

    .btn-clear {
        background: gray;
        color: white;
    }
    /* =========================
   追加ボタン
   ========================= */

    .btn-add {
        background: blue;
        color: white;
    }
    /* =========================
   更新ボタン
   ========================= */

    .btn-update {
        background: green;
        color: white;
    }
    /* =========================
   削除ボタン
   ========================= */

    .btn-delete {
        background: red;
        color: white;
    }
    /* マウスオーバー */

    .btn-search:hover {
        background-color: #18968f; /* 検索 → 青緑 */
    }

    .btn-clear:hover {
        background-color: #606060; /* クリア → グレー */
    }

    .btn-add:hover {
        background-color: #0040ff; /* 追加 → 青 */
    }

    .btn-update:hover {
        background-color: #006400; /* 更新 → 緑 */
    }

    .btn-delete:hover {
        background-color: #b30000; /* 削除 → 赤 */
    }
    /* 押下時 */
    .btn-search:active,
    .btn-clear:active,
    .btn-add:active,
    .btn-update:active,
    .btn-delete:active {
        transform: translateY(1px);
    }


    .message-area {
        margin-top: 5px;
        text-align: center;
        color: green;
        font-weight: bold;
    }
    /* =========================
     ページタイトル
    ========================= */
    .page-title {
        width: 800px;
        text-align: center;
        margin-top: 0;
        margin-bottom: 6px;
    }

.date-input {
    width: 150px;
    height: 26px;   
}