@charset "utf-8";

/*◆◆◆ リセット ◆◆◆*/
html {
    font-family: "メイリオ", "Meiryo", sans-serif, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
}

body {
    margin: 0px;
    padding: 0px;
    padding-bottom: 80px;
    height: 100%;
    font-size: 12px;
    background-color: aliceblue;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}

a {
    text-decoration: none;
}

    a:link {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: underline;
    }

        a:hover[disabled], a.aspNetDisabled:hover {
            text-decoration: none;
        }

hr {
    height: 2px;
    background-color: lightslategray;
}

fieldset {
    display: inline-block;
    margin: 15px;
    margin-top: 0px;
    margin-left: 15px;
    border: 2px solid lightGray;
}

legend {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
    font-weight: bold;
}

.fieldset_outer {
    margin-top: 15px;
}

input::placeholder {
    color: lightgrey;
}
/*入力候補から値を選択したとき*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    border: thin solid #767676;
    padding: 2px;
}
    /*入力候補から値を選択したとき*/
    input:-webkit-autofill::first-line {
        font-family: "メイリオ", "Meiryo", sans-serif, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
        font-size: 12px;
    }

input::-ms-reveal {
    visibility: hidden
}

/*テキストボックス*/
input {
    border: thin solid #767676;
    padding: 2px;
    font-weight: normal;
}

    input:disabled {
        color: black;
        text-overflow: ellipsis;
        background-color: transparent;
        border: thin solid #DBDBDB;
    }

    input:hover[disabled], td:hover input:disabled {
        text-overflow: initial;
    }

    input:disabled::placeholder {
        opacity: 0;
    }

    input[type=image] {
        border: none;
        padding: 0px;
    }

        input[type=image]:disabled {
            border: none;
            padding: 0px;
            background-color: none;
            opacity: 1;
        }

    /* 透かし文字 */
    input::placeholder {
        color: silver;
    }

/*テキストエリア*/
textarea {
    display: block;
    border: thin solid #767676;
    padding: 2px;
    resize: none;
    font-weight: normal;
}

    textarea:disabled {
        color: black;
        background-color: transparent;
        border: thin solid #DBDBDB;
    }

        textarea:disabled::placeholder {
            opacity: 0;
        }

    /* 透かし文字 */
    textarea::placeholder {
        color: silver;
    }

/*テキストボックス・テキストエリアのエラー時*/
.txt_HasError, .txt_HasError:disabled {
    border: thin solid #767676;
    padding: 2px;
    background-color: lightpink;
}
/*入力候補から値を選択したとき*/
input.txt_HasError:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px lightpink inset;
}

/* 枠付きラベル */
.lbl_frame {
    border: thin solid #767676;
    height: 18px;
    padding-left: 3px;
}

/* 単位の前のラベル */
.lbl_before_unit {
    margin-right: 5px;
}

/*外部リンク*/
.lnk_other {
    text-decoration: underline !important;
    font-size: 22px;
    line-height: 40px;
}

/* ◆チェックボックス◆ */
input[type=checkbox] {
    position: absolute;
    width: 0px;
    height: 0px;
    opacity: 0;
}

    /* ラベル */
    /* 空だと作成されないため ゼロ幅スペース（​）を入れること */
    input[type=checkbox] + label {
        box-sizing: border-box;
        cursor: pointer;
        padding-left: 23px;
        padding-right: 5px;
        position: relative;
        width: auto;
    }

    input[type=checkbox]:disabled + label {
        opacity: 0.5;
    }

    input[type=checkbox]:checked:disabled + label {
        opacity: 1;
    }

    /* 活性 チェックボックス OFF */
    input[type=checkbox] + label::before {
        position: absolute;
        top: 50%;
        left: 5px;
        display: block;
        margin-top: -8px;
        width: 12px;
        height: 12px;
        content: '';
        background: #ffffff;
        border-radius: 3px;
        border: thin solid #767676;
    }

    /* 活性 チェックボックス ON */
    input[type=checkbox]:checked + label::before {
        width: 14px;
        height: 14px;
        background: #0075ff;
        border: none;
    }

    /* 活性 チェックボックス 中身 ON */
    input[type=checkbox]:checked + label::after {
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        content: '';
        display: block;
        height: 7px;
        left: 8px;
        margin-top: -7px;
        position: absolute;
        top: 50%;
        transform: rotate(45deg);
        width: 5px;
    }

    /* 非活性 チェックボックス OFF */
    input[type=checkbox]:disabled + label::before {
        width: 12px;
        height: 12px;
        background: #ffffff;
        border: thin solid #767676;
        opacity: 0.5;
    }

    /* 非活性 チェックボックス ON */
    input[type=checkbox]:checked:disabled + label::before {
        width: 14px;
        height: 14px;
        background-color: dimgray;
        border: none;
        opacity: 1;
    }
    /* 非活性 チェックボックス 中身 ON */
    input[type=checkbox]:checked:disabled + label::after {
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        content: '';
        display: block;
        height: 7px;
        left: 8px;
        margin-top: -7px;
        position: absolute;
        top: 50%;
        transform: rotate(45deg);
        width: 5px;
    }

    /* フォーカス時 */
    input[type=checkbox]:focus + label::before {
        border: 2px solid #000000;
    }

/* ◆ラジオボタン◆ */
input[type=radio] {
    position: absolute;
    width: 0px;
    height: 0px;
    opacity: 0;
}

    /* ラベル */
    input[type=radio] + label {
        box-sizing: border-box;
        cursor: pointer;
        padding-left: 23px;
        padding-right: 0px;
        position: relative;
        width: auto;
    }

    input[type=radio]:disabled + label {
        opacity: 0.5;
    }

    input[type=radio]:checked:disabled + label {
        opacity: 1;
    }

    input[type=radio] + label::before,
    input[type=radio] + label::after {
        content: "";
        display: block;
        border-radius: 50%;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
    }

    /* 活性 ラジオボタン 枠*/
    input[type=radio] + label::before {
        background-color: #fff;
        border: 1px solid #767676;
        height: 12px;
        width: 12px;
        left: 5px;
    }

    /* 活性 ラジオボタン 中身*/
    input[type=radio] + label::after {
        background-color: #0075ff;
        opacity: 0;
        height: 8px;
        width: 8px;
        left: 8px;
    }

    /* 非活性 ラジオボタン 枠*/
    input[type=radio]:disabled + label::before {
        border: 1px solid #767676;
        height: 12px;
        width: 12px;
        left: 5px;
        opacity: 0.7;
    }

    /* 非活性 ラジオボタン 中身*/
    input[type=radio]:disabled + label::after {
        background-color: dimgray;
        opacity: 0;
        height: 8px;
        width: 8px;
        left: 8px;
    }

    /* チェック時 中身*/
    input[type=radio]:checked + label::after {
        opacity: 1;
    }

    /* フォーカス時 */
    input[type=radio]:focus + label::before {
        border: 2px solid #000000;
    }

/*チェックボックス（既定）*/
.chk_normal {
    margin-right: 20px;
}

    .chk_normal > input {
        top: 2px;
        position: relative;
    }

    .chk_normal > label {
        padding-left: 3px;
        padding-right: 5px;
    }

.chb_normal:disabled {
    background-color: #EBEBE4;
}

/*ラジオボタン（既定）*/
.rad_normal {
    margin-right: 15px;
}

    .rad_normal > input {
        top: 2px;
        position: relative;
    }

    .rad_normal > label {
        padding-left: 3px;
    }

    .rad_normal:disabled {
        background-color: #EBEBE4;
    }

/*ラジオボタンリスト（既定）*/
.radlst_normal {
    border: 0 none;
}

    .radlst_normal td {
        border: 0 none;
        padding: 0px;
        padding-right: 10px;
    }

    .radlst_normal > tbody > tr > td {
        border: 0 none;
        padding: 0px;
        padding-right: 10px;
    }

/*チェックボックスリスト（既定）*/
.chklst_normal {
    border: 0 none;
}

    .chklst_normal td {
        border: 0 none;
        padding: 0px;
        padding-right: 10px;
    }

/*ドロップダウン（既定）*/
.ddl_normal {
    border: thin solid #767676;
    height: 24px;
    margin-right: 10px;
    padding: 2px;
    font-weight: normal;
}

    .ddl_normal:disabled {
        appearance: none; /* 標準のスタイルを無効にする */
        color: black;
        background-color: transparent;
        border: thin solid #DBDBDB;
        opacity: 1;
    }

.ddl_HasError, .ddl_HasError:disabled {
    background-color: lightpink;
}

/* 項目名必須 */
.ltl_required {
    color: red;
    margin-left: 4px;
}

/*ラベル風表示*/
.disp_only:disabled {
    background-size: 0px;
    background-color: white;
    border-width: 0pt;
    opacity: 1;
}

/*絞込みコンボボックス（既定）*/
.ui-menu-item-wrapper {
    min-height: 15px;
}

/*絞込みコンボボックス（スクロール）*/
.ui-autocomplete {
    max-height: 270px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*絞込みコンボボックス（フォーカス時）*/
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: 0px;
    border: none;
}

/*日付コントロール（既定）*/
.date_normal {
    height: 18px;
    width: 72px;
    margin-right: 5px;
    text-align: left;
}

/*年月コントロール（既定）*/
.year_month_normal {
    height: 18px;
    width: 55px;
    margin-right: 5px;
    text-align: left;
}

/*月日コントロール（既定）*/
.month_day_normal {
    height: 18px;
    width: 40px;
    margin-right: 5px;
    text-align: left;
}

/*時刻コントロール（既定）*/
.time_normal {
    height: 18px;
    width: 37px;
    margin-right: 5px;
    text-align: left;
}

/*箇条書きリスト*/
.ul_disc {
    padding-left: 10px;
}

    .ul_disc li::before {
        position: relative;
        top: -2px;
        left: -10px;
        display: inline-block;
        width: 2px;
        height: 2px;
        content: '';
        border-radius: 100%;
        background-color: black;
        margin-right: -2px;
    }

/*箇条書きリスト1文字 */
.ul_normal {
    padding-left: 0px;
}

    .ul_normal li {
        padding-left: 1em;
        text-indent: -1em;
    }

/*ラベルの非活性色*/
.lbl_enable {
    color: #a0a0a0; /*グレー*/
}

/*◆◆◆ div ◆◆◆*/
/* 小見出し */
h2 {
    padding-top: 10px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: bold;
}

    h2:before {
        content: "";
        display: block;
        clear: both;
    }

h3 {
    padding-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: bold;
}

/* 説明文（画面概要等） */
.div_text {
    line-height: 20px;
    padding-bottom: 10px;
}

/* 説明文（コンテンツ） */
.div_subtext {
    line-height: 20px;
    padding-bottom: 0px;
    margin-left: 15px;
}

/* 検索条件 */
.div_search_grid {
    display: flex;
    align-items: flex-end;
}

.div_search_btn {
    padding-top: 5px;
    padding-left: 20px;
    padding-bottom: 5px;
}

/*テーブル・DataGrid以外の中身*/
.div_contents {
    margin-left: 15px;
    padding-bottom: 10px;
}

/* 注意文 */
.div_caution {
    color: red;
}

.div_caution_large {
    color: red;
    font-size: 20px;
    padding-top: 10px;
}

/* グリッド */
.div_gv {
    margin-left: 15px;
    padding-bottom: 10px;
    display: table;
}

/* グリッド（枠内用） */
.div_gv_innerflame {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
    display: table;
}

.div_gv_top {
    display: flex;
    padding: 5px 0px;
    align-items: center;
}

/*GridViewのページング分 下げ*/
.div_gv_top_adjust {
    display: inline-block;
    position: relative;
    top: 25px;
}

.div_gv_bottom {
    display: flex;
    padding: 5px 0px;
    align-items: center;
}

/*GridViewのページング分 下げ*/
.any_gvtop_adjust {
    display: inline;
    position: relative;
    top: 20px;
}

/*GridViewのページング＋右端のボタン分 下げ*/
.h2_gvtop_adjust_rightbtn {
    display: inline;
    position: relative;
    top: 30px;
    margin-left: -15px;
    padding-top: 0px;
}

.div_right {
    margin-left: auto;
    text-align: right;
    vertical-align: bottom;
}

/*横並び*/
.div_horizontal {
    float: left;
}

/* 対象者選択 リスト追加ボタン*/
.div_taishousya_btn {
    margin-left: 15px;
}

/* ◆◆◆ ボタン ◆◆◆ */
/*既定*/
.btn_normal {
    padding: 2px 10px 2px 10px;
    margin: 0 1px 0 1px;
    text-align: center;
    display: inline-block;
    position: relative;
    cursor: pointer;
    box-shadow: 0 1px slategray;
    border: 1px solid slategray;
    background-color: lightsteelblue;
    color: black;
    font-weight: normal;
    min-width: 60px;
}

    .btn_normal:hover {
        opacity: 0.8;
        cursor: pointer;
        text-decoration: none;
    }

    .btn_normal:active {
        box-shadow: 0 0 slategray;
        top: 1px;
    }

    .btn_normal:disabled {
        background-color: #ccc;
        border: 1px solid darkgray;
        box-shadow: 0 1px darkgray;
    }

        .btn_normal:disabled:hover {
            opacity: 1;
            cursor: default;
        }

        .btn_normal:disabled:active {
            box-shadow: 0 1px darkgray;
            top: 0px;
        }


/* 大き目 */
.btn_middle {
    min-width: 80px;
    padding: 0.5em;
    font-size: 13px;
}

/* 大き目ボタンに下合わせ */
.btn_fitmiddle {
    top: 5px;
}

/* 検索 */
.btn_search {
    padding: 8px 10px 8px 10px;
    margin: 0 1px 0 1px;
    min-width: 100px;
    box-shadow: 0 1px slategray;
    border: 1px solid slategray;
    background-color: lightslategray;
    color: white;
}

    .btn_search:hover {
        opacity: 0.8;
        cursor: pointer;
        text-decoration: none;
    }


    .btn_search:disabled {
        color: black;
        background-color: #ccc;
        border: 1px solid darkgray;
        box-shadow: 0 1px darkgray;
    }

        .btn_search:disabled:hover {
            opacity: 1;
            cursor: default;
        }

/* はい・いいえ（ヘッダメッセージ用） */
.btn_yesno {
    width: 65px;
}

.btn_hidden {
    display: none;
}

/* ◆◆◆ 表示用テーブル ◆◆◆ */
/* テーブル（表示用）※セルが中央（項目が横に並ぶ） */
.tbl_grid_horizon {
    border-collapse: collapse;
    margin: 0 auto;
    margin-left: 15px;
    border: 1px solid silver;
    margin-bottom: 10px;
}

    .tbl_grid_horizon .btn_normal {
        min-width: auto;
    }

    .tbl_grid_horizon > tbody > tr > th {
        text-align: center;
        color: #fff;
        background: lightslategray;
        padding: 5px;
        font-weight: bold;
        border: 1px solid silver;
    }

    .tbl_grid_horizon th a {
        color: #fff;
    }

    .tbl_grid_horizon > tbody > tr > td {
        padding: 5px;
        border: 1px solid silver;
        word-break: break-all;
        background-color: white;
    }

/* テーブル（表示用）※入力無し セルが左寄せ */
.tbl_grid_disp {
    border-collapse: collapse;
    margin: 0 auto;
    margin-left: 15px;
    border: 1px solid silver;
    margin-bottom: 10px;
    background-color: white;
}

    .tbl_grid_disp > tbody > tr > th {
        text-align: left;
        color: #fff;
        background: lightslategray;
        padding: 3px 10px;
        font-weight: normal;
        border: 1px solid silver;
    }

    .tbl_grid_disp th a {
        color: #fff;
    }

    .tbl_grid_disp > tbody > tr {
        height: 30px;
    }

        .tbl_grid_disp > tbody > tr > td {
            padding: 3px 10px 3px 10px;
            border: 1px solid silver;
            word-break: break-all;
        }

            /* テーブル（表示用）だけど入力項目がある場合 */
            .tbl_grid_disp > tbody > tr > td:has(input, textarea) {
                background-color: aliceblue;
            }

    .tbl_grid_disp .td_grid_title {
        text-align: center;
        color: #fff;
        background: lightslategray;
        font-weight: bold;
    }

/* ◆◆◆ 入力用テーブル ◆◆◆ */
/* テーブル（入力用）※セルが左寄せ */
.tbl_grid_input {
    border-collapse: collapse;
    margin: 0 auto;
    margin-left: 15px;
    border: 1px solid silver;
    margin-bottom: 10px;
}

    .tbl_grid_input > tbody > tr {
        height: 30px;
    }

        .tbl_grid_input > tbody > tr > th {
            text-align: left;
            color: #fff;
            background: lightslategray;
            padding: 3px 10px 3px 10px;
            font-weight: normal;
            border: 1px solid silver;
        }

        .tbl_grid_input > tbody > tr > td {
            padding: 3px 10px 3px 10px;
            border: 1px solid silver;
            word-break: break-all;
        }

    .tbl_grid_input .td_grid_title {
        text-align: center;
        color: #fff;
        background: lightslategray;
        font-weight: bold;
    }

/* テーブル（入力用）※セルが中央寄せ */
.tbl_grid_input_horizon {
    border-collapse: collapse;
    margin: 0 auto;
    margin-left: 15px;
    border: 1px solid silver;
    margin-bottom: 10px;
}

    .tbl_grid_input_horizon > tbody > tr {
        height: 30px;
    }

        .tbl_grid_input_horizon > tbody > tr > th {
            text-align: center;
            color: #fff;
            background: lightslategray;
            padding: 5px;
            font-weight: bold;
            border: 1px solid silver;
        }

        .tbl_grid_input_horizon > tbody > tr > td {
            padding: 5px;
            border: 1px solid silver;
            word-break: break-all;
        }

    .tbl_grid_input_horizon .td_grid_title {
        text-align: center;
        color: #fff;
        background: lightslategray;
        font-weight: bold;
    }

/*◆◆◆ レイアウト用テーブル ◆◆◆*/
/* レイアウト用テーブル（汎用） */
.tbl_layout_normal {
    border: 0 none;
}

    .tbl_layout_normal > tbody > tr > th {
        text-align: left;
        font-weight: normal;
        vertical-align: top;
        padding: 2px 5px;
    }

    .tbl_layout_normal > tbody > tr > td {
        text-align: left;
    }

/* レイアウト用テーブル（検索条件用） */
.tbl_layout_search {
    border: 0 none;
    table-layout: fixed;
}

    .tbl_layout_search > tbody > tr {
        height: 30px;
    }

        .tbl_layout_search > tbody > tr > th {
            text-align: left;
            padding: 3px 15px 3px 3px;
        }

            /* 会社検索コントロール用 */
            .tbl_layout_search > tbody > tr > th.th_search_cmp {
                padding: 0px;
            }
            /* 会社検索のヘッダ部の幅 */
            .tbl_layout_search > tbody > tr > th.th_fit_cmp {
                width: 96px;
            }

        .tbl_layout_search > tbody > tr > td {
            text-align: left;
            padding: 3px 3px 3px 3px;
        }

        /* 検索モードラジオボタン用 */
        .tbl_layout_search > tbody > tr > .td_SearchKojinModes {
            padding-left: 118px;
        }

        /* タイトル列幅 */
        .tbl_layout_search > tbody > tr > .th_SearchCol_Title {
            width: 96px;
        }

        /* 入力列幅（１段目等） */
        .tbl_layout_search > tbody > tr > .td_SearchCol_Input {
            width: 200px;
        }

/* レイアウト用テーブル（検索条件用 狭） */
.tbl_layout_search_narrow {
    border: 0 none;
}

    .tbl_layout_search_narrow > tbody > tr > th {
        text-align: left;
        padding: 3px 5px 3px 3px;
    }
        /* 会社検索コントロール用 */
        .tbl_layout_search_narrow > tbody > tr > th.th_search_cmp {
            padding: 0px;
        }

        /* 会社検索のヘッダ部の幅 */
        .tbl_layout_search_narrow > tbody > tr > th.th_fit_cmp {
            min-width: 96px;
        }

    .tbl_layout_search_narrow > tbody > tr > td {
        text-align: left;
        padding: 3px 15px 3px 3px;
    }
    /* 右余白なし */
    .tbl_layout_search_narrow > tbody > tr > .td_noPadding {
        padding: 3px 3px 3px 3px;
    }

/* レイアウト用テーブル（入力欄用 BOLDなし） */
.tbl_layout_input {
    border: 0 none;
}

    .tbl_layout_input > tbody > tr {
        height: 30px;
    }

        .tbl_layout_input > tbody > tr > th {
            text-align: left;
            padding: 3px 15px 3px 3px;
            font-weight: normal;
        }

            /* 会社検索コントロール用 */
            .tbl_layout_input > tbody > tr > th.th_search_cmp {
                padding: 0px;
            }

            /* 会社検索のヘッダ部の幅 */
            .tbl_layout_input > tbody > tr > th.th_fit_cmp {
                width: 96px;
            }

        .tbl_layout_input > tbody > tr th.search_cmp_th {
            font-weight: normal;
        }

        .tbl_layout_input > tbody > tr > td {
            text-align: left;
            padding: 3px 15px 3px 3px;
        }

        .tbl_layout_input > tbody > tr > .td_noPadding {
            padding: 3px 3px 3px 3px;
        }

/* レイアウト用テーブル（入力欄用 狭 BOLDなし） */
.tbl_layout_input_narrow {
    border: 0 none;
}

    .tbl_layout_input_narrow > tbody > tr > th {
        text-align: left;
        padding: 3px 5px 3px 3px;
        font-weight: normal;
    }

    .tbl_layout_input_narrow > tbody > tr > td {
        text-align: left;
        padding: 3px 15px 3px 3px;
    }

    .tbl_layout_input_narrow > tbody > tr > .td_noPadding {
        padding: 3px 3px 3px 3px;
    }

/* レイアウト用テーブル（天地Paddingなし 表示順等） */
.tbl_layout_thin {
    border: 0 none;
}

    .tbl_layout_thin > tbody > tr > th {
        text-align: left;
        padding: 0px 3px 0px 0px;
        font-weight: normal;
    }

    .tbl_layout_thin > tbody > tr > td {
        text-align: left;
        padding: 0px 3px 0px 0px;
    }

/* レイアウト用テーブル（サブメニュー） */
.tbl_layout_submenu {
    border: 0 none;
}

    .tbl_layout_submenu th {
        text-align: left;
        font-weight: normal;
        vertical-align: top;
        padding: 15px 15px;
    }

    .tbl_layout_submenu .btn_normal {
        padding: 10px;
        margin: 0 1px 0 1px;
        text-align: center;
        display: inline-block;
        position: relative;
        cursor: pointer;
        box-shadow: 0 1px slategray;
        border: 1px solid slategray;
        background-color: lightsteelblue;
        color: black;
        width: 180px;
    }

    .tbl_layout_submenu td {
        text-align: left;
        padding-right: 100px;
    }

/* divテーブルレイアウト */
.div_layout_tbl {
    display: table;
}

.div_layout_row {
    display: table-row;
    border: none;
}

.div_layout_cell {
    display: table-cell;
    border: none;
}

/*◆◆◆ ファイルアップロード ◆◆◆*/
.div_drag_file {
    margin-top: 5px;
    width: 660px;
    height: 100px;
    border: 3px dashed lightslategray;
    background-color: #cce7ff;
    text-align: center;
    vertical-align: middle;
}

    .div_drag_file:hover {
        opacity: 0.8;
        cursor: pointer;
        text-decoration: none;
    }

.div_drag_file_disabled {
    margin-top: 5px;
    width: 660px;
    height: 100px;
    border: 3px dashed darkgray;
    color: #888888;
    background-color: #EBEBE4;
    text-align: center;
    vertical-align: middle;
}

/* アップロードボタン */
.btn_fileUpDn {
    min-width: 120px;
    padding: 0.5em;
    font-size: 13px;
    margin-left: 15px;
    margin-right: 10px;
}


/*◆◆◆ タブ ◆◆◆*/
.div_tab_outer {
    padding-top: 20px;
    padding-left: 15px;
}

    .div_tab_outer:after {
        content: "";
        display: block;
        clear: both;
    }

.tab_enable {
    width: 300px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    background-color: lightslategray;
    color: white;
    margin-right: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 15px;
    cursor: pointer;
}

    .tab_enable:hover {
        text-decoration: underline;
    }

.tab_disable {
    width: 300px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    background-color: lightsteelblue;
    color: #565656;
    margin-right: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 15px;
    cursor: pointer;
}

    .tab_disable:hover {
        text-decoration: underline;
    }


/* 非活性 */
.div_tab_outer label.aspNetDisabled {
    background-color: #ccc !important;
    color: #808080;
    text-decoration: none;
}

.hr_tab {
    margin: 0 0 10px 0;
}


/* ------ 確認用 ------ 
.tbl_grid_horizon .btn_normal {
    color: red;
}

.gv .btn_normal {
    color: red;
}

.tbl_layout_search > tbody > tr > th.th_fit_cmp {
    background-color: coral;
}

.tbl_layout_search > tbody > tr > th.th_SearchCol_Title {
    background-color: magenta;
}

.tbl_layout_normal > tbody > tr > th {
    background-color: #d2e7d2;
}

.tbl_layout_normal > tbody > tr > td {
    background-color: #e8f3e8;
}

.tbl_layout_search > tbody > tr > th {
    background-color: #d2e7d2;
}

.tbl_layout_search > tbody > tr > td {
    background-color: #e8f3e8;
}

.tbl_layout_search_narrow > tbody > tr > th {
    background-color: #d2e7d2;
}

.tbl_layout_search_narrow > tbody > tr > td {
    background-color: #e8f3e8;
}

.tbl_layout_input > tbody > tr > th {
    background-color: #d2e7d2;
}

.tbl_layout_input > tbody > tr > td {
    background-color: #e8f3e8;
}

.tbl_layout_input > tbody > tr > th.th_fit_cmp {
    background-color: coral;
}

.tbl_layout_input > tbody > tr > th.th_SearchCol_Title {
    background-color: magenta;
}

.tbl_layout_input_narrow > tbody > tr > th {
    background-color: #d2e7d2;
}

.tbl_layout_input_narrow > tbody > tr > td {
    background-color: #e8f3e8;
}

.tbl_layout_thin > tbody > tr > th {
    background-color: #d2e7d2;
}

.tbl_layout_thin > tbody > tr > td {
    background-color: #e8f3e8;
}

.tbl_layout_submenu th {
    background-color: #d2e7d2;
}

.tbl_layout_submenu td {
    background-color: #e8f3e8;
}

.div_layout_row {
    border: 1px solid red;
}

.div_layout_cell {
    border: 1px solid blue;
}

body {
    background-color: lightgoldenrodyellow;
}

#divMasterMain {
    background-color: linen;
}
*/