/*================================================================================*/
/*= 枠色                                                                         =*/
/*= 枠色を定義する                                                               =*/
/*================================================================================*/

/*  枠色：一番濃い青  */
/*--------------------------------------------------------------------------------*/
.bd_clor_base_01 {
  /*****  枠色  *****/
  border: solid 2px #0059AE;
}

/*  枠色：濃い緑  */
/*--------------------------------------------------------------------------------*/
.bd_clor_base_02 {
  /*****  枠色  *****/
  border: solid 2px #004831;
}

/*  枠色：薄いグレー  */
/*--------------------------------------------------------------------------------*/
.bd_clor_base_03 {
  /*****  枠色  *****/
  border: solid 2px #EFEFFF;
}

/*  枠色：明るい青  */
/*--------------------------------------------------------------------------------*/
.bd_clor_base_04 {
  /*****  枠色  *****/
  border: solid 2px #305DC7;
}

/*  枠色：濃い緑 */
/*--------------------------------------------------------------------------------*/
.bd_clor_base_04_bottom {
  /*****  枠色  *****/
  border-bottom: solid 2px #004831;
}

/*  枠色：白->グレー  */
/*--------------------------------------------------------------------------------*/
.bd_clor_base_05 {
  /*****  枠線のグラデーションは無い  *****/
}

/*  枠色：黒  */
/*--------------------------------------------------------------------------------*/
.bd_clor_base_06 {
  /*****  枠色  *****/
  border: solid 2px #313031;
}

/*  枠色：薄い灰色  */
/*--------------------------------------------------------------------------------*/
.bd_clor_base_07 {
  /*****  枠色  *****/
  border: solid 2px #D9D9D9;
}

.bd_clor_base_07_top {
  /*****  枠色  *****/
  border-top: solid 3px #D9D9D9;
}

.bd_clor_base_07_bottom {
  /*****  枠色  *****/
  border-bottom: solid 3px #ACBED4;
}

.bd_clor_base_07_top1 {
  /*****  枠色  *****/
  border-top: solid 1px #D9D9D9;
}

.bd_clor_base_07_round {
  /*****  枠色  *****/
  border-left: solid 1px #D9D9D9;
  border-right: solid 1px #D9D9D9;
  border-bottom: solid 1px #D9D9D9;
}

/*  枠色：ピンク  */
/*--------------------------------------------------------------------------------*/
.bd_clor_accent_01 {
  /*****  枠色  *****/
  border: solid 2px #FFDBDB;
}

/*  背景色：ピンク 枠色：ピンク フォント色：濃いピンク */
/*--------------------------------------------------------------------------------*/
.bg_clor_accent_01_p P  {
  /*****  背景色  *****/
  background-color: #FFDBDB;

  /*****  枠色  *****/
  border-color: #FFDBDB;

  /*****  フォント色  *****/
  color: #FF0000;
}

/*  枠色：濃い緑  */
/*--------------------------------------------------------------------------------*/
.bd_clor_accent_02 {
  /*****  枠色  *****/
  border: solid 2px #004831;
}

/*  枠色：少し明るい青  */
/*--------------------------------------------------------------------------------*/
.bd_clor_accent_03 {
  /*****  枠色無し  *****/
}

/*  枠色：水色  */
/*--------------------------------------------------------------------------------*/
.bd_clor_accent_04 {
  /*****  枠色  *****/
  border: solid 2px #AAEFFB;
}

/*  枠色：薄い青  */
/*--------------------------------------------------------------------------------*/
.bd_clor_accent_05 {
  /*****  枠色  *****/
  border: solid 2px #3079D6;
}

/*  枠色：無し  */
/*--------------------------------------------------------------------------------*/
.bd_clor_accent_06 {
  /*****  枠色無し  *****/
}

/*  枠色：無し  */
/*--------------------------------------------------------------------------------*/
.bd_clor_accent_07 {
  /*****  枠色無し  *****/
}

/*  枠色：明るい青  */
/*--------------------------------------------------------------------------------*/
.bd_clor_accent_08 {
  /*****  枠色  *****/
  border: solid 2px #2B62B3;
}

/*  枠色：薄いグレー */
/*--------------------------------------------------------------------------------*/
.bd_clor_accent_08_top {
  /*****  枠色  *****/
  border-top: solid 2px #D9D9D9;
}

/*  枠色：水色  */
/*--------------------------------------------------------------------------------*/
.bd_clor_accent_09 {
  /*****  枠色  *****/
  border: solid 2px #00CCFF;
}

/*  枠色：薄いグレー  */
/*--------------------------------------------------------------------------------*/
.bd_clor_accent_10 {
  /*****  枠色  *****/
  border: solid 2px #CFCFCF;
}

/*  枠色：無し  */
/*--------------------------------------------------------------------------------*/
.bd_clor_accent_11 {
  /*****  枠色  *****/
}

.bd_clor_accent_12 {
  border-style: none;
  border-width: 0px;
}

/*================================================================================*/
/*= 背景色                                                                       =*/
/*= 背景色、 枠色、フォント色を定義する                                          =*/
/*================================================================================*/

/*  背景色：一番濃い青  枠色：無し  フォント色：白  */
/*--------------------------------------------------------------------------------*/
.bg_clor_base_01 {
  /*****  背景色  *****/
  background-color: #0059AE;

  /*****  フォント色  *****/
  color: #FFFFFF;
}

/*  背景色：薄いグレー  枠色：薄いグレー  フォント色：濃いグレー  */
/*--------------------------------------------------------------------------------*/
.bg_clor_base_02 {
  /*****  背景色  *****/
  background-color: #F2F2F2;

  /*****  枠色  *****/
  border-color: #D9D9D9;

  /*****  フォント色  *****/
  color: #57565B;
}

/*  背景色：薄いグレー  枠色：薄いグレー  フォント色：濃いグレー  */
/*--------------------------------------------------------------------------------*/
.bg_clor_base_03 {
  /*****  背景色  *****/
  background-color: #EFF7FA;

  /*****  枠色  *****/
  border-color: #D9D9D9;

  /*****  フォント色  *****/
  color: #707070;
}

/*  背景色：濃い緑  枠色：濃い緑  フォント色：白  */
/*--------------------------------------------------------------------------------*/
.bg_clor_base_04 {
  /*****  背景色  *****/
  background-color: #004831;

  /*****  枠色  *****/
  border-color: #004831;

  /*****  フォント色  *****/
  color: #FFFFFF;
}

/*  背景色：薄いグレー->グレー  枠色：無し  フォント色：濃い緑  */
/*--------------------------------------------------------------------------------*/
.bg_clor_base_05 {
  /*****  背景色グラデーション for IE5.5-7  *****/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E2F0F2, endColorstr=#D0DEE0, gradientType=0);
  /*****  背景色グラデーション for IE8-9  *****/
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#E2F0F2, endColorstr=#D0DEE0, gradientType=0);
  /*****  背景色グラデーション for IE10  *****/
  background: linear-gradient(to bottom, #E2F0F2, #D0DEE0);
  /*****  背景色グラデーション for Chrome Safari  *****/
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E2F0F2), to(#D0DEE0));

  /*****  フォント色  *****/
  color: #004831;
}

/*  背景色：薄いグレー  枠色：薄いグレー  フォント色：濃いグレー  */
/*--------------------------------------------------------------------------------*/
.bg_clor_base_06 {
  /*****  背景色  *****/
  background-color: #D9D9D9;

  /*****  枠色  *****/
  border-color: #D9D9D9;

  /*****  フォント色  *****/
  color: #707070;
}

/*  背景色：白  枠色：薄い灰色 フォント色：濃いグレー  */
/*--------------------------------------------------------------------------------*/
.bg_clor_base_07 {
  /*****  背景色  *****/
  background-color: #FFFFFF;

  /*****  枠色  *****/
  border-color: #D9D9D9;

  /*****  フォント色  *****/
  color: #707070;
}

/*  背景色：ピンク  枠色：ピンク フォント色：濃いピンク  */
/*--------------------------------------------------------------------------------*/
.bg_clor_accent_01 {
  /*****  背景色  *****/
  background-color: #FFDBDB;

  /*****  枠色  *****/
  border-color: #FFDBDB;

  /*****  フォント色  *****/
  color: #A70101;
}

/*  背景色：薄いグレー  枠色：薄いグレー フォント色：濃い赤  */
/*--------------------------------------------------------------------------------*/
.bg_clor_accent_02 {
  /*****  背景色  *****/
  background-color: #FAFAFA;

  /*****  枠色  *****/
  border-color: #D9D9D9;

  /*****  フォント色  *****/
  color: #C00;
}

/*  背景色：少し明るい青  枠色：グレー フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.bg_clor_accent_03 {
  /***** 枠色 *****/
}

/*  背景色：薄いグレー  枠色：グレー フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.bg_clor_accent_04 {
  /*****  背景色  *****/
  background-color: #D9E7E9;

  /*****  枠色  *****/
  border-color: #CBCBCB;

  /*****  フォント色  *****/
  color: #000000;
}

/*  背景色：白  枠色：薄い青 フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.bg_clor_accent_05 {
  /*****  背景色  *****/
  background-color: #FFFFFF;

  /*****  枠色  *****/
  border-color: #3079D6;

  /*****  フォント色  *****/
  color: #000000;
}

/*  背景色：薄いグレー  枠色：無し フォント色：濃いグレー  */
/*--------------------------------------------------------------------------------*/
.bg_clor_accent_06 {
  /*****  背景色  *****/
  background-color: #F9F9F9;

  /*****  枠色  *****/

  /*****  フォント色  *****/
  color: #57565B;
}

/*  背景色：黄緑  枠色：無し フォント色：濃い緑  */
/*--------------------------------------------------------------------------------*/
.bg_clor_accent_07 {
  /*****  背景色  *****/
  background-color: #C4D700;

  /*****  枠色  *****/

  /*****  フォント色  *****/
  color: #004831;
}

/*  背景色：薄いグレー 枠色：薄いグレー フォント色：濃い赤  */
/*--------------------------------------------------------------------------------*/
.bg_clor_accent_08 {
  /*****  背景色  *****/
  background-color: #FAFAFA;

  /*****  枠色  *****/
  border-color:  #FAFAFA;

  /*****  フォント色  *****/
  color: #C00;
}

/*  背景色：白  枠色：黄緑 フォント色：なし  */
/*--------------------------------------------------------------------------------*/
.bg_clor_accent_09 {
  /*****  背景色  *****/
  background-color: #FFFFFF;

  /*****  枠色  *****/
  border-color: #B4CB04;

  /*****  フォント色  *****/
}

/*  背景色：白  枠色：薄いグレー フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.bg_clor_accent_10 {
  /*****  背景色  *****/
  background-color: #FFFFFF;

  /*****  枠色  *****/
  border-color: #CFCFCF;

  /*****  フォント色  *****/
  color: #000000;
}

/*  背景色：白  枠色：無し フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.bg_clor_accent_11 {
  /*****  背景色  *****/
  background-color: #FFFFFF;

  /*****  枠色  *****/

  /*****  フォント色  *****/
  color: #005BAB;
}

/*  背景色：薄暗い青  枠色：無し フォント色：白  */
/*--------------------------------------------------------------------------------*/
.bg_clor_accent_12 {
  /*****  背景色  *****/
  background-color: #9AB8FD;

  /*****  枠色  *****/

  /*****  フォント色  *****/
  color: #FFFFFF;
}

/*  背景色：薄暗い青  枠色：無し フォント色：白  border: none */ 
/*--------------------------------------------------------------------------------*/
.bg_clor_accent_13 {
  border-style: none;
  /*****  背景色  *****/
  background-color: #3E72BB;

  /*****  枠色  *****/

  /*****  フォント色  *****/
  color: #FFFFFF;
}




/*================================================================================*/
/*= グラフ                                                                       =*/
/*= 背景色、  枠色、 フォント色を定義する                                        =*/
/*================================================================================*/

/*  背景色：薄い紺  枠色：無し フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.graph_clor_01 {
  /*****  背景色  *****/
  background-color: #7D9ADB;

  /*****  枠色  *****/

  /*****  フォント色  *****/
  color: #000000;
}


/*  背景色：薄明るい紺  枠色：無し フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.graph_clor_02 {
  /*****  背景色  *****/
  background-color: #A3B2DF;

  /*****  枠色  *****/

  /*****  フォント色  *****/
  color: #000000;
}

/*  背景色：白い  枠色：灰色 フォント色：無し  */
/*--------------------------------------------------------------------------------*/
.graph_clor_03 {
  /*****  背景色  *****/
  background-color: #FFFFFF;
  
  /*****  枠色  *****/
  border: solid 2px #999999;
  
  /*****  フォント色  *****/
}
/*================================================================================*/
/*= ボタン                                                                       =*/
/*= 背景色、 枠色、 フォント色を定義する                                         =*/
/*================================================================================*/


/*  ボタン背景色：白->グレー  枠色：グレー フォント色：濃い緑  */
/*--------------------------------------------------------------------------------*/
.btn_clor_01 {
  /*****  背景色グラデーション for IE5.5-7  *****/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#DEDEDE, gradientType=0);

  /*****  背景色グラデーション for IE8-9  *****/
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF, endColorstr=#DEDEDE, gradientType=0);

  /*****  背景色グラデーション for IE10  *****/
  background: linear-gradient(to bottom, #FFFFFF, #DEDEDE);

  /*****  背景色グラデーション for Chrome Safari  *****/
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#DEDEDE));

  /*****  枠色  *****/
  border-color: #ACACAC;

  /*****  フォント色  *****/
  color: #004831;
}

/*  ボタン背景色：グレー->濃いグレー  枠色：なし フォント色：濃い緑  */
/*--------------------------------------------------------------------------------*/
.btn_clor_01:hover {
  /*****  背景色グラデーション for IE5.5-7  *****/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8C8C8, endColorstr=#BCBCBC, gradientType=0);

  /*****  背景色グラデーション for IE8-9  *****/
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#C8C8C8, endColorstr=#BCBCBC, gradientType=0);

  /*****  背景色グラデーション for IE10  *****/
  background: linear-gradient(to bottom, #C8C8C8, #BCBCBC);

  /*****  背景色グラデーション for Chrome Safari  *****/
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C8C8C8), to(#BCBCBC));

  /*****  枠色  *****/

  /*****  フォント色  *****/
  color: #004831;
}

/*  ボタン背景色：明るいグレー  枠色：薄い紫 フォント色：なし  */
/*--------------------------------------------------------------------------------*/
.btn_clor_01_disable {
  /*****  背景色  *****/
  background-color: #D9D9D9;

  /*****  枠色  *****/
  border: none;

  /*****  フォント色  *****/
}

/*  ボタン背景色：白->薄いグレー  枠色：グレー フォント色：濃い緑  */
/*--------------------------------------------------------------------------------*/
.btn_clor_02 {
  /*****  背景色グラデーション for IE5.5-7  *****/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#DEDEDE, gradientType=0);

  /*****  背景色グラデーション for IE8-9  *****/
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFF, endColorstr=#DEDEDE, gradientType=0);

  /*****  背景色グラデーション for IE10  *****/
  background: linear-gradient(to bottom, #FFFFFF, #DEDEDE);

  /*****  背景色グラデーション for Chrome Safari  *****/
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#DEDEDE));

  /*****  枠色  *****/
  border-color: #ACACAC;

  /*****  フォント色  *****/
  color: #004831;
}

/*  ボタン背景色：グレー->濃いグレー  枠色：薄い紫 フォント色：グレー  */
/*--------------------------------------------------------------------------------*/
.btn_clor_02:hover {
  /*****  背景色グラデーション for IE5.5-7  *****/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8C8C8, endColorstr=#BCBCBC, gradientType=0);

  /*****  背景色グラデーション for IE8-9  *****/
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#C8C8C8, endColorstr=#BCBCBC, gradientType=0);

  /*****  背景色グラデーション for IE10  *****/
  background: linear-gradient(to bottom, #C8C8C8, #BCBCBC);

  /*****  背景色グラデーション for Chrome Safari  *****/
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C8C8C8), to(#BCBCBC));

  /*****  枠色  *****/
  border-color: #9799FB;

  /*****  フォント色  *****/
  color: #777777;
}

/*  ボタン背景色：薄い青->青  枠色：グレー フォント色：白  */
/*--------------------------------------------------------------------------------*/
.btn_clor_03 {
  /*****  背景色グラデーション for IE5.5-7  *****/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99C0F0, endColorstr=#387CD7, gradientType=0);

  /*****  背景色グラデーション for IE8-9  *****/
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#99C0F0, endColorstr=#387CD7, gradientType=0);

  /*****  背景色グラデーション for IE10  *****/
  background: linear-gradient(to bottom, #99C0F0, #387CD7);

  /*****  背景色グラデーション for Chrome Safari  *****/
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99C0F0), to(#387CD7));

  /*****  枠色  *****/
  border-color: #ACACAC;

  /*****  フォント色  *****/
  color: #FFFFFF;
}

/*  ボタン背景色：薄い青->青  枠色：グレー フォント色：白  */
/*--------------------------------------------------------------------------------*/
.btn_clor_03:hover {
  /*****  背景色グラデーション for IE5.5-7  *****/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E3EEFB, endColorstr=#7FABE5, gradientType=0);

  /*****  背景色グラデーション for IE8-9  *****/
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#E3EEFB, endColorstr=#7FABE5, gradientType=0);

  /*****  背景色グラデーション for IE10  *****/
  background: linear-gradient(to bottom, #E3EEFB, #7FABE5);

  /*****  背景色グラデーション for Chrome Safari  *****/
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E3EEFB), to(#7FABE5));

  /*****  枠色  *****/
  border-color: #ACACAC;

  /*****  フォント色  *****/
  color: #FFFFFF;
}

/*  ボタン背景色：薄いオレンジ->オレンジ  枠色：グレー フォント色：白  */
/*--------------------------------------------------------------------------------*/
.btn_clor_04 {
  /*****  背景色グラデーション for IE5.5-7  *****/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EDB301, endColorstr=#C27000, gradientType=0);

  /*****  背景色グラデーション for IE8-9  *****/
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#EDB301, endColorstr=#C27000, gradientType=0);

  /*****  背景色グラデーション for IE10  *****/
  background: linear-gradient(to bottom, #EDB301, #C27000);

  /*****  背景色グラデーション for Chrome Safari  *****/
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EDB301), to(#C27000));

  /*****  枠色  *****/
  border-color: #ACACAC;

  /*****  フォント色  *****/
  color: #FFFFFF;
}

/*  ボタン背景色：薄いオレンジ->オレンジ  枠色：グレー フォント色：白  */
/*--------------------------------------------------------------------------------*/
.btn_clor_04:hover {
  /*****  背景色グラデーション for IE5.5-7  *****/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FED145, endColorstr=#FF9D18, gradientType=0);

  /*****  背景色グラデーション for IE8-9  *****/
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FED145, endColorstr=#FF9D18, gradientType=0);

  /*****  背景色グラデーション for IE10  *****/
  background: linear-gradient(to bottom, #FED145, #FF9D18);

  /*****  背景色グラデーション for Chrome Safari  *****/
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FED145), to(#FF9D18));

  /*****  枠色  *****/
  border-color: #ACACAC;

  /*****  フォント色  *****/
  color: #FFFFFF;
}

/*  ボタン背景色：薄い青  枠色：薄い青 フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.btn_clor_05 {
  /*****  背景色  *****/
  background-color: #E6EEFF;

  /*****  枠色  *****/
  border-top-color: #F1F5FF;
  border-bottom-color: #8ECBF8;
  border-right-color: #8ECBF8;
  border-left-color: #F1F5FF;

  /*****  フォント色  *****/
  color: #000000;
}

/*  ボタン背景色：薄い青  枠色：薄い青 フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.btn_clor_05:hover {
  /*****  背景色  *****/
  background-color: #B3CDFF;

  /*****  枠色  *****/
  border-top-color: #CCDCFF;
  border-bottom-color: #98BFFC;
  border-right-color: #98BFFC;
  border-left-color: #CCDCFF;

  /*****  フォント色  *****/
  color: #000000;
}

/*  ボタン背景色：グレー  枠色：なし フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.btn_clor_05_disable {
  /*****  背景色  *****/
  background-color: #D9D9D9;

  /*****  枠色  *****/
  border-top-color: #F1F5FF;
  border-bottom-color: #8ECBF8;
  border-right-color: #8ECBF8;
  border-left-color: #F1F5FF;
}
/*  ボタン背景色：薄いオレンジ  枠色：薄いオレンジ フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.btn_clor_06 {
  /*****  背景色  *****/
  background-color: #FFF3E6;

  /*****  枠色  *****/
  border-top-color: #FFF8F1;
  border-bottom-color: #FBE1AD;
  border-right-color: #FBE1AD;
  border-left-color: #FFF8F1;

  /*****  フォント色  *****/
  color: #000000;
}

/*  ボタン背景色：薄いオレンジ  枠色：薄いオレンジ フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.btn_clor_06:hover {
  /*****  背景色  *****/
  background-color: #FFDBB3;

  /*****  枠色  *****/
  border-top-color: #FFE7CC;
  border-bottom-color: #F8C26E;
  border-right-color: #F8C26E;
  border-left-color: #FFE7CC;

  /*****  フォント色  *****/
  color: #000000;
}

/*  ボタン背景色：グレー  枠色：なし フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.btn_clor_06_disable {
  /*****  背景色  *****/
  background-color: #D9D9D9;

  /*****  枠色  *****/
  border-top-color: #FFE7CC;
  border-bottom-color: #F8C26E;
  border-right-color: #F8C26E;
  border-left-color: #FFE7CC;
}
/*  ボタン背景色：薄いピンク  枠色：薄いピンク フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.btn_clor_07 {
  /*****  背景色  *****/
  background-color: #FFE6EF;

  /*****  枠色  *****/
  border-top-color: #FFF1F1
  border-bottom-color: #FBADAD;
  border-right-color: #FBADAD;
  border-left-color: #FFF1F1;

  /*****  フォント色  *****/
  color: #000000;
}

/*  ボタン背景色：薄いピンク  枠色：薄いピンク フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.btn_clor_07:hover {
  /*****  背景色  *****/
  background-color: #FFB3B3;

  /*****  枠色  *****/
  border-top-color: #FFD9D9
  border-bottom-color: #FB8686;
  border-right-color: #FB8686;
  border-left-color: #FFD9D9;

  /*****  フォント色  *****/
  color: #000000;
}

/*  ボタン背景色：薄い緑  枠色：薄い緑 フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.btn_clor_08 {
  /*****  背景色  *****/
  background-color: #FFFFE6;

  /*****  枠色  *****/
  border-top-color: #FFFFEF;
  border-bottom-color: #F5F170;
  border-right-color: #F5F170;
  border-left-color: #FFFFEF;

  /*****  フォント色  *****/
  color: #000000;
}

/*  ボタン背景色：薄い緑  枠色：薄い緑 フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.btn_clor_08:hover {
  /*****  背景色  *****/
  background-color: #FFFFA2;

  /*****  枠色  *****/
  border-top-color: #FFFFC3;
  border-bottom-color: #F5F04B;
  border-right-color: #F5F04B;
  border-left-color: #FFFFC3;

  /*****  フォント色  *****/
  color: #000000;
}

/*  ボタン背景色：薄い黄緑  枠色：薄い黄緑 フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.btn_clor_09 {
  /*****  背景色  *****/
  background-color: #F9FFE6;

  /*****  枠色  *****/
  border-top-color: #FCFFF1;
  border-bottom-color: #E7FBAD;
  border-right-color: #E7FBAD;
  border-left-color: #FCFFF1;

  /*****  フォント色  *****/
  color: #000000;
}

/*  ボタン背景色：薄い黄緑 枠色：薄い黄緑 フォント色：黒  */
/*--------------------------------------------------------------------------------*/
.btn_clor_09:hover {
  /*****  背景色  *****/
  background-color: #EDFFB3;

  /*****  枠色  *****/
  border-top-color: #F4FFD3;
  border-bottom-color: #DCFB86;
  border-right-color: #DCFB86;
  border-left-color: #F4FFD3;

  /*****  フォント色  *****/
  color: #000000;
}

/*  ボタン背景色：薄い赤->赤 枠色：グレー フォント色：白  */
/*--------------------------------------------------------------------------------*/
.btn_clor_10 {
  /*****  背景色グラデーション for IE5.5-7  *****/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF322F, endColorstr= #D91F00, gradientType=0);

  /*****  背景色グラデーション for IE8-9  *****/
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FF322F, endColorstr=#D91F000, gradientType=0);

  /*****  背景色グラデーション for IE10  *****/
  background: linear-gradient(to bottom, #FF322F, #D91F00);

  /*****  背景色グラデーション for Chrome Safari  *****/
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF322F), to(#D91F00));

  /*****  枠色  *****/
  border-color: #CCCCCC;

  /*****  フォント色  *****/
  color: #FEFEFE;
}

/*  ボタン背景色：薄い赤->赤 枠色：グレー フォント色：白  */
/*--------------------------------------------------------------------------------*/
.btn_clor_10:hover {
  /*****  背景色グラデーション for IE5.5-7  *****/
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D13E4B, endColorstr=#AE2821, gradientType=0);

  /*****  背景色グラデーション for IE8-9  *****/
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#D13E4B, endColorstr=#AE2821, gradientType=0);

  /*****  背景色グラデーション for IE10  *****/
  background: linear-gradient(to bottom, #D13E4B, #AE2821);

  /*****  背景色グラデーション for Chrome Safari  *****/
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D13E4B), to(#AE2821));

  /*****  枠色  *****/
  border-color: #A5B6C7;

  /*****  フォント色  *****/
  color: #CEDFF0;
}

/*  ボタン背景色：青 枠色：グレー フォント色：白  */
/*--------------------------------------------------------------------------------*/
.btn_clor_11 {
  /*****  背景色  *****/
  background-color: #005BAC;

  /*****  枠色  *****/

  /*****  フォント色  *****/
  color: #FFFFFF;
}

/*  ボタン背景色：青 枠色：グレー フォント色：白  */
/*--------------------------------------------------------------------------------*/
.btn_clor_11:hover {
  /*****  背景色  *****/
  background-color: #0288FF;

  /*****  枠色  *****/

  /*****  フォント色  *****/
  color: #FFFFFF;
}

/*  ボタン背景色：透過 枠色：なし フォント色：白  */
/*--------------------------------------------------------------------------------*/
.btn_clor_12 {
  /*****  背景色  *****/
  background-color: transparent;

  /*****  枠色  *****/
  border-style: none;
  border-width: 0px;

  /*****  フォント色  *****/
  color: #FFFFFF;
}

/*  ボタン背景色：白->薄い青 枠色：薄い紫 フォント色：グレー  */
/*--------------------------------------------------------------------------------*/
.btn_clor_12:hover {
  /*****  フォント色  *****/
  color: #C0CEFF;
}

/*================================================================================*/
/*= フォント色                                                                   =*/
/*= フォント色を定義する                                                         =*/
/*================================================================================*/

/*  フォント色：黄  */
/*--------------------------------------------------------------------------------*/
.font_clor_01 {
  /*****  フォント色  *****/
  color: #EAA000;
}

/*  フォント色：青  */
/*--------------------------------------------------------------------------------*/
.font_clor_02 {
  /*****  フォント色  *****/
  color: #F6CB7E;
}

/*  フォント色：濃い緑  */
/*--------------------------------------------------------------------------------*/
.font_clor_03 {
  /*****  フォント色  *****/
  color: #004831;
}

/*  フォント色：オレンジ  */
/*--------------------------------------------------------------------------------*/
.font_clor_04 {
  /*****  フォント色  *****/
  color: #D89618;
}

/*  フォント色：黄緑  */
/*--------------------------------------------------------------------------------*/
.font_clor_05 {
  /*****  フォント色  *****/
  color: #99C704;
}

/*  フォント色：暗い黄  */
/*--------------------------------------------------------------------------------*/
.font_clor_06 {
  /*****  フォント色  *****/
  color: #C7A904;
}

/*  フォント色：赤  */
/*--------------------------------------------------------------------------------*/
.font_clor_07 {
  /*****  フォント色  *****/
  color: #C53131;
}

/*  フォント色：濃い緑  */
/*--------------------------------------------------------------------------------*/
.font_clor_08 {
  /*****  フォント色  *****/
  color: #004831;
}
/*  フォント色：薄い灰色  */
/*--------------------------------------------------------------------------------*/
.font_clor_09 {
  /*****  フォント色  *****/
  color: #C0C0C0;
}
/*  フォント色：濃いグレー  */
/*--------------------------------------------------------------------------------*/
.font_clor_10 {
  /*****  フォント色  *****/
  color: #57565b;
}
/*  フォント色：薄い黒色  */
/*--------------------------------------------------------------------------------*/
.font_clor_11 {
  /*****  フォント色  *****/
  color: #003366;
}
/*  フォント色：なし  */
/*--------------------------------------------------------------------------------*/
.font_clor_12 {
  /*****  フォント色  *****/
  color: #315EC5;
}

/*  フォント色：明るい緑  */
/*--------------------------------------------------------------------------------*/
.font_clor_13 {
  	/*****  フォント色  *****/
	color:#3f8892;
}

/*  フォント色：赤  */
/*--------------------------------------------------------------------------------*/
.font_clor_14 {
  	/*****  フォント色  *****/
	color:#ff0000;
}

/*================================================================================*/
/*= ラジオボタン                                                                 =*/
/*= ラジオボタンの選択時の色：青                                                 =*/
/*= ※IE9以降のみ有効                                                            =*/
/*================================================================================*/

/*  ラジオボタンの定義  */
/*--------------------------------------------------------------------------------*/

input[type=radio]: not(target) {
  display: none;
}

input[type=radio]: not(target): checked + .radio_clor_01:before {
  opacity: 1;
}

.radio_clor_01: not(target) {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin: 0 20px 0 0;
  padding: 0 0 0 30px;
  vertical-align: middle;
  cursor: pointer;
}

.radio_clor_01: not(target):hover:after {
  border-color: #27D2FF;
}

.radio_clor_01: not(target):after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -7px;
  margin-left: 9px;
  width: 11.5px;
  height: 11.5px;
  border: solid 1px #AAAAAA;
  border-radius: 50%;
  content: '';
}

.radio_clor_01: not(target):before {
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  margin-top: -5px;
  margin-left: 7.4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #005BAB;
  content: '';
  opacity: 0;
}

/*================================================================================*/
/*= ラジオボタン                                                                 =*/
/*= ラジオボタンの選択時の色：青                                                 =*/
/*= ※IE9以降のみ有効                                                            =*/
/*================================================================================*/

/*  ラジオボタンの定義  */
/*--------------------------------------------------------------------------------*/

input[type=radio]:not(target) {
  display: none;
}

input[type=radio]:not(target):checked + .radio_clor_01:before {
  opacity: 1;
}

.radio_clor_01:not(target) {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  margin: 0 20px 0 0;
  padding: 0 0 0 30px;
  vertical-align: middle;
  cursor: pointer;
}

.radio_clor_01:not(target):hover:after {
  border-color: #B4CB04;
}

.radio_clor_01:not(target):after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -7px;
  margin-left: 9px;
  width: 11.5px;
  height: 11.5px;
  border: solid 1px #AAAAAA;
  border-radius: 50%;
  content: '';
}

.radio_clor_01:not(target):before {
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  margin-top: -5px;
  margin-left: 7.4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #004831;
  content: '';
  opacity: 0;
}



/*================================================================================*/
/*= チェックボックス                                                             =*/
/*= チェックボックスの選択時の色：青                                             =*/
/*= ※IE9以降のみ有効                                                            =*/
/*================================================================================*/

/*  チェックボックスの定義  */
/*--------------------------------------------------------------------------------*/

input[type=checkbox]:not(target) {
  display: none;
}

input[type=checkbox]:not(target):checked + .checkbox_clor_01:before {
  opacity: 1;
}

.checkbox_clor_01:not(target) {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  vertical-align: middle;
  cursor: pointer;
}

.checkbox_clor_01:not(target):hover:after {
  border-color: #b4cb04;
}

.checkbox_clor_01:not(target):after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -7px;
  margin-left: 9px;
  width: 12px;
  height: 12px;
  border: solid 1px #AAAAAA;
  border-radius: 1px;
  content: '';
}

.checkbox_clor_01:not(target):before {
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  margin-top: -7px;
  margin-left: 9px;
  width: 4px;
  height: 8px;
  border-right: 3px solid #004831;
  border-bottom: 3px solid #004831;
  transform: rotate(30deg);
  /***** IE9 *****/
  -ms-transform: rotate(30deg);
  /***** chrome&safari *****/
  -webkit-transform: rotate(30deg);  
  content: '';
  opacity: 0;
}

input[type=checkbox]:not(target):checked + .checkbox_clor_01_disabled:before {
  opacity: 1;
}

.checkbox_clor_01_disabled:not(target) {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  vertical-align: middle;
  cursor: pointer;
}

.checkbox_clor_01_disabled:not(target):after {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  margin-top: -7px;
  margin-left: 9px;
  width: 12px;
  height: 12px;
  border: solid 1px #AAAAAA;
  border-radius: 1px;
  background-color: #D9D9D9;
  content: '';
}

.checkbox_clor_01_disabled:not(target):before {
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  margin-top: -7px;
  margin-left: 9px;
  width: 4px;
  height: 8px;
  border-right: 3px solid #004831;
  border-bottom: 3px solid #004831;
  transform: rotate(30deg);
  /***** IE9 *****/
  -ms-transform: rotate(30deg);
  /***** chrome&safari *****/
  -webkit-transform: rotate(30deg);  
  content: '';
  opacity: 0;
}

input[type=checkbox]:disabled:not(target) {
  position: absolute;
  display: none;
  margin-left: 9px;
}
.checkbox_clor_02:not(target) {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 0 0 0 30px;
  vertical-align: middle;
  cursor: pointer;
}

/*****  head背景色  *****/
.bg_clor_base_08 {
  border-style: none;
  border-width: 0px;
  /*  今の画像がないので、青のグラデーションを一時に利用しています。後、画像があれば、この部分CSSを再修正。  */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3B89C7, endColorstr=#014B98, gradientType=0);

  /*  for IE5.5-7  */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#3B89C7, endColorstr=#014B98, gradientType=0);

  /*  for IE8-9  */
  background: linear-gradient(to bottom, #3B89C7, #014B98);

  /*  for IE10  */
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3B89C7), to(#014B98));
  color: #FFFFFF;
}

.tr_border_bottom td {
  border-bottom: 0.2em solid #C0C0C0;
}

.td_border_side {
  border-left: 0.2em solid #C0C0C0;
  border-right: 0.2em solid #C0C0C0;
}

/***** マイナンバーメッセージエリアカラー *****/
.bd_clor_mynumber_attention {
  /*****  枠色  *****/
  border-top: solid 4px #FF0000;
  border-left: solid 4px #FF0000;
  border-right: solid 4px #FF0000;
  border-bottom: solid 4px #FF0000;
  background-color: #FFDBDB;
  font-size: 16px;
  line-height: 18px;
  padding: 10px;
}
