:root {
  /* テーマ色(デフォルト：青) */
  --main-color: #466dd2;
  /* 背景色(デフォルト：白) */
  --background-color: #ffffff;

  /* テーマ文字色(デフォルト：白) */
  --main-text-color: #ffffff;
  /* マウスポインタ重ね色 */
  --hover-color: #939dd5;
  /* マウスポインタ重ね文字色 */
  --hover-text-color: #fff;
  /* ボタン色(デフォルト：テーマ色) */
  --button-color: var(--main-color);
  /* ボタン文字色(デフォルト：テーマ文字色) */
  --button-text-color: var(--main-text-color);
  /* タイトル部背景色(デフォルト：テーマ色) */
  --title-bg-color: var(--main-color);
  /* タイトル部文字色(デフォルト：テーマ文字色) */
  --title-text-color: var(--main-text-color);
  /* フッター部背景色(デフォルト：テーマ色) */
  --fotter-bg-color: var(--main-color);
  /* フッター部文字色(デフォルト：テーマ文字色) */
  --footer-text-color: var(--main-text-color);
  /* メニュータイトル部(デフォルト：テーマ色) */
  --menu-title-bg-color: var(--main-color);
  /* メニュータイトル部(デフォルト：テーマ文字色) */
  --menu-title-text-color: var(--main-text-color);
  /* メニュー囲み線色(デフォルト：灰色) */
  --menu-border-color: rgba(0, 0, 0, 0.125);
  /* サービス/システムメニューヘッダ部背景色(デフォルト：テーマ色) */
  --menu-header-bg-color: var(--main-color);
  /* サービス/システムメニューヘッダ部文字色(デフォルト：テーマ文字色) */
  --menu-header-text-color: var(--main-text-color);
  /* 入力項目囲み線色(デフォルト：灰色) */
  --form-border-color: #dfdfdf;
  /* 一覧表示検索条件入力項目囲み線色(デフォルト：黒) */
  --form-search-border-color: #000;
  /* 表示/入力項目分割線色(デフォルト：灰色 */
  --field-separator-color: #e0e0e0;
  /* フォーカス時強調線色(デフォルト：黒) */
  --in-focus-outline-color: #80bdff;
  /* ログイン画面タイトル部背景色(デフォルト：タイトル部背景色) */
  --login-title-bg-color: var(--title-bg-color);
  /* ログイン画面タイトル部文字色(デフォルト：タイトル部文字色) */
  --login-title-text-color: var(--title-text-color);
  /* ログイン画面ログイン項目囲み部背景色(デフォルト：薄灰色) */
  --login-card-bg-color: #e5e5e5;
  /* ログイン画面入力項目囲み線色(デフォルト：入力項目囲み黒) */
  --login-form-border-color: #000;
  /* ログイン画面ボタン色(デフォルト：ボタン色) */
  --login-button-color: var(--button-color);
  /* リストタイトル部背景色(デフォルト：テーマ色) */
  --thead-bg-color: var(--main-color);
  /* リストタイトル部文字色(デフォルト：テーマ文字色) */
  --thead-color: var(--main-text-color);
  /* リストタイトル部囲み線色(デフォルト：白) */
  --thead-border-color: #fff;
  /* リスト本文奇数行背景色(デフォルト：灰色) */
  --tbody-striped-bg-color: #dcdcdc;
  /* リスト本文偶数行背景色(デフォルト：薄灰色) */
  --tbody-striped-bg-color-odd: #eeeeee;
  /* リスト本文囲み線色(デフォルト：白) */
  --tbody-border-color: #fff;
  /* 非活性ボタン色(デフォルト：灰色 */
  --inactv-but-color: gray;
  /* 非活性ボタン文字色(デフォルト：黒) */
  --inactv-but-text-color: #000;
  /* グレーボタン色(デフォルト：灰色 */
  --gray-but-color: gray;
  /* グレーボタン文字色(デフォルト：白) */
  --gray-but-text-color: #FFF;

  /* チェックボックス背景色(デフォルト：白) */
  --checkbox-bg-color: #FFF;
  /* チェックボックス文字色(デフォルト：黒) */
  --checkbox-text-color: #000;
  /* チェックボックス枠色(デフォルト：入力項目囲み線色) */
  --checkbox-border-color: var(--form-border-color);
  /* チェックボックス未選択時背景色(デフォルト：チェックボックス背景色) */
  --checkbox-unsel-bg-color: var(--checkbox-bg-color);
  /* チェックボックス未選択時枠色(デフォルト：チェックボックス枠色) */
  --checkbox-unsel-border-color: var(--checkbox-border-color);


  /* リストタイトル部囲み線設定 */
  --thead-tr-border-top: 1px solid  var(--thead-border-color);
  --thead-tr-border-right: 1px solid  var(--thead-border-color);
  --thead-tr-border-bottom: 1px solid  var(--thead-border-color);
  --thead-tr-border-left: 1px solid var(--thead-border-color);
  /* リスト本文部囲み線設定 */
  --tbody-tr-border-top: 1px solid  var(--tbody-border-color);
  --tbody-tr-border-right: 1px solid  var(--tbody-border-color);
  --tbody-tr-border-bottom: 1px solid  var(--tbody-border-color);
  --tbody-tr-border-left: 1px solid var(--tbody-border-color);

  /* メッセージ領域の文字、背景、囲み線、境界線、リンク文字色 */
  --alert-primary-txt-color: #004085;
  --alert-primary-bkg-color: #cce5ff;
  --alert-primary-brd-color: #b8daff;
  --alert-primary-hr-color:  #9fcdff;
  --alert-primary-lnk-color: #002752;
  --alert-secondary-txt-color: #383d41;
  --alert-secondary-bkg-color: #e2e3e5;
  --alert-secondary-brd-color: #d6d8db;
  --alert-secondary-hr-color:  #c8cbcf;
  --alert-secondary-lnk-color: #202326;
  --alert-success-txt-color: #155724;
  --alert-success-bkg-color: #d4edda;
  --alert-success-brd-color: #c3e6cb;
  --alert-success-hr-color:  #b1dfbb;
  --alert-success-lnk-color: #0b2e13;
  --alert-info-txt-color: #0c5460;
  --alert-info-bkg-color: #d1ecf1;
  --alert-info-brd-color: #bee5eb;
  --alert-info-hr-color:  #abdde5;
  --alert-info-lnk-color: #062c33;
  --alert-warning-txt-color: #856404;
  --alert-warning-bkg-color: #fff3cd;
  --alert-warning-brd-color: #ffeeba;
  --alert-warning-hr-color:  #ffe8a1;
  --alert-warning-lnk-color: #533f03;
  --alert-danger-txt-color: #721c24;
  --alert-danger-bkg-color: #f8d7da;
  --alert-danger-brd-color: #f5c6cb;
  --alert-danger-hr-color:  #f1b0b7;
  --alert-danger-lnk-color: #491217;
  --alert-light-txt-color: #818182;
  --alert-light-bkg-color: #fefefe;
  --alert-light-brd-color: #fdfdfe;
  --alert-light-hr-color:  #ececf6;
  --alert-light-lnk-color: #686868;
  --alert-dark-txt-color: #1b1e21;
  --alert-dark-bkg-color: #d6d8d9;
  --alert-dark-brd-color: #c6c8ca;
  --alert-dark-hr-color:  #b9bbbe;
  --alert-dark-lnk-color: #040505;
}