:root{
    --white        :#fff;
    /*-----------------------------------------------------*/
    --dark-bg      :#333;
    --dark-on      :#fff;
    /*-----------------------------------------------------*/
    --dialog-bg    :#f5f5f5;
    --dialog-on    :#444;
    /*-----------------------------------------------------*/
    --neutral-fg   :#333;
    --neutral-bg   :#cecece;
    --neutral-on   :#353535;
    /*-----------------------------------------------------*/
    --active-fg    :#298686;
    --active-bg    :#298686;
    --active-on    :#fff;
    /*-----------------------------------------------------*/
    --action-fg    :#0056b3;
    --action-bg    :#4175ae;
    --action-on    :#fff;
    /*-----------------------------------------------------*/
    --submit-fg    :#006;
    --submit-bg    :#053573;
    --submit-on    :#fff;
    /*-----------------------------------------------------*/
    --success-fg   :#284823;
    --success-bg   :#9dff9a;
    --success-on   :#1e331b;
    /*-----------------------------------------------------*/
    --warning-fg   :#9D8C30;
    --warning-bg   :#FFEB7E;
    --warning-on   :#900;
    /*-----------------------------------------------------*/
    --cancel-fg    :#d93c3c;
    --cancel-bg    :#bc3d3d;
    --cancel-on    :#fff;
    /*-----------------------------------------------------*/
    --label-fg     :#404082;
    --label-bg     :#404082;
    --label-on     :#fff;
    --label-bd     :12px #404082 solid;
    /*-----------------------------------------------------*/
    --disable-bg   :#ddd;
    /*-----------------------------------------------------*/
    --form-item-bd :1px #ccc solid;
    /*-----------------------------------------------------*/
    --toggle-off-bg:#ddd;
    --toggle-off-on:#666;
    /*-----------------------------------------------------*/
    --toggle-on-bg :#599f9f;
    --toggle-on-on :#eee;
    /*-----------------------------------------------------*/
    --tbl-bd       :#bdbdbd;
    --th-on        :#575757;
    --th-bg        :#ececec;
    /*-----------------------------------------------------*/
    --highlight-fg :#ff6000;
    --highlight-bg :#ffc;
    --enter-bg     :#ffe;
    /*-----------------------------------------------------*/
    --radius       :4px;
}
/*---------------------------------------------------------*/
a:hover{ text-decoration:none; }
/*---------------------------------------------------------*/
.left{ text-align:left; }
.center{ text-align:center; }
.right{ text-align:right; }
.mb{ margin-bottom:15px !important; }
.mb_s{ margin-bottom:5px !important; }
.tmp_hide{ display:none !important; }
/*---------------------------------------------------------*/
.bt{ display:inline-block;padding:4px 14px;background:var(--action-bg);color:var(--action-on);border-radius:var(--radius);font-size:90%;position:relative;white-space:nowrap;user-select:none;cursor:pointer; }
.bt.small{ min-width:auto;padding:0px 8px;font-size:90%; }
.bt.neutral{ background:var(--neutral-bg);color:var(--neutral-on); }
.bt.success{ background:var(--success-bg);color:var(--success-on); }
.bt.action { background:var(--action-bg); color:var(--action-on);  }
.bt.submit { background:var(--submit-bg); color:var(--submit-on);  }
.bt.cancel { background:var(--cancel-bg); color:var(--cancel-on);  }
.bt.active { background:var(--active-bg); color:var(--active-on);  }
.bt.warning{ background:var(--warning-bg);color:var(--warning-on); }
.bt.tab{ min-width:150px;text-align:center;font-size:100%;padding:8px 10px; }
/*---------------------------------------------------------*/
.cc_flex{ display:flex;gap:5px;flex-wrap:wrap; }
.cc_flex .full{ width:100%; }
.cc_bt{ display:inline-block;background:#e5e5e5;color:#333;padding:4px 10px;font-size:100%;cursor:default;border-radius:4px;border:1px #999 solid; }
.cc_bt:hover{ text-decoration:none;color:#333;background:#d5d5d5; }
.cc_bt:link{ text-decoration:none;color:#333;background:#d5d5d5; }
.cc_bt:visited{ text-decoration:none;color:#333;background:#d5d5d5; }
/*---------------------------------------------------------*/
.cc_file_path{ border:1px #999 solid;padding:0px 10px;width:250px;height:30px;margin:0;pointer-events:none; }
.cc_success{ color:var(--submit-fg); }
.cc_caution{ color:var(--cancel-fg); }
.result_info{ text-align:right;font-size:90%; }
.import_result{ color:var(--cancel-fg);cursor:pointer;display:none; }
.regist_error{ color:var(--cancel-fg);cursor:pointer;display:none; }
.delete_error{ color:var(--cancel-fg);cursor:pointer;display:none; }
/*---------------------------------------------------------*/
.tbl_import_error{ width:100%;max-width:100%; }
.tbl_import_error :is(td, th){ background:var(--white);font-size:90%;padding:4px 7px;border:1px #999 solid; }
.tbl_import_error th{ background:var(--th-bg);color:var(--th-on);text-align:center; }
.tbl_import_error td.err{ color:var(--cancel-fg); }
.tbl_import_error td.thru{ color:var(--warning-fg); }
/*---------------------------------------------------------*/
.member_info{ width:100%;table-layout:auto !important; }
.member_info :is(th, td){ white-space:nowrap;min-width:40px; }
.member_info th{ text-align:center; }
.member_info td.note{ white-space:wrap; }
.member_info td.state{ text-align:center;font-size:95%; }
.member_info tr td:nth-child(3) input[type="text"]{ width:60px; }
.member_info tr td:nth-child(4) input[type="text"]{ width:200px; }
.member_info tr td:nth-child(5) input[type="text"]{ width:100%;max-width:150px; }
.member_info input{ border:1px #999 solid; }
.member_info input.cc_ng{ background:#fee; }
/*---------------------------------------------------------*/
#company_detail{ margin-top:20px; }