/******************************************************************************/
/* ベース                                                                     */
/******************************************************************************/
html, body{                                       /* html,bodyタグの設定 */
  margin: 0;                                      /* 余白の削除 */
  padding: 0;                                     /* 余白の削除 */
  width: 100%;                                    /* 横幅100% */
  height: 100%;                                   /* 高さ100% */
  font-size: 12px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/******************************************************************************/
/* ヘッダー                                                                   */
/******************************************************************************/
.header-fixed {                                   /* ヘッダー固定 */
  position: fixed;                                /* 位置固定 */
  z-index: 99;                                    /* 重ね順 */
  top: 0px;                                       /* 位置(上0px) */
  left: 0px;                                      /* 位置(右0px) */
  width: 100%;                                    /* 横幅100% */
  height: 50px;
}

.header-bk {                                      /* ヘッダー背景設定 */
  background: linear-gradient(to bottom, Lime, DarkGreen); /* 背景色 */
/*  background:-ms-linear-gradient(top, Lime, DarkGreen);*/ /* IE */
  padding: 5px 5px 5px 5px;                       /* [上5 右5 下5 左5] */
  width: 100%;                                    /* 横幅100% */
  height: 50px;                                   /* 高さ50px */
}

.header {                                         /* ヘッダー設定 */
  width: 98%;                                     /* 横幅98% */
  height: 25px;                                   /* [上10 右0 下0 左10] */
  margin: 0px;                                    /* [上0 右0 下0 左0] */
  color: White;                                   /* 文字色 */
  font-size: 30px;                                /* 文字サイズ */
  font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  letter-spacing: 0.05em;
}
.header-today {                                   /* ヘッダー本日日付 */
  position: fixed;                                /* 位置固定 */
  z-index: 99;                                    /* 重ね順 */
  top: 5px;                                       /* 位置(上9px) */
  right: 5px;                                     /* 表示領域を白枠で囲う */
  height: 50px;                                   /* 高さ */
  color: Yellow;                                  /* 色 */
}

/******************************************************************************/
/* フッター                                                                   */
/******************************************************************************/
.footer-fixed {                                   /* フッター固定 */
  position: fixed;                                /* 位置固定 */
  z-index: 99;                                    /* 重ね順 */
  bottom: 0px;                                    /* 位置(下0px) */
  left: 0px;                                      /* 位置(左0px) */
  width: 100%;                                    /* 横幅100% */
  height: 20px;                                   /* 高さ20px(フッター背景高さ+10px) */
}

.footer-bk {                                      /* フッター背景設定 */
  background: linear-gradient(DarkGreen, Lime);   /* 背景色 */
  padding: 2px 5px 5px 5px;                       /* [上2 右5 下5 左5] */
  width: 100%;                                    /* 横幅100% */
  height: 13px;                                   /* 高さ13px */
}

.footer {                                         /* フッター設定 */
  width: 99%;                                     /* 横幅99% */
  height: 100%;                                   /* 高さ15px */
  padding: 1px 0px 0px 0px;                       /* [上1 右0 下0 左0] */
  color: White;                                   /* 文字色 */
  font-size: 10px;                                /* 文字サイズ */
  text-align: right;                              /* 位置 右寄せ */
  letter-spacing: 0.05em;
}

/******************************************************************************/
/* ヘッダー(利用者情報)                                                       */
/******************************************************************************/
.header-user_info {
  position: fixed;                                /* 位置固定 */
  z-index: 99;                                    /* 重ね順 */
  border-collapse: collapse;                      /* */
  top: 5px;                                       /* 位置(上9px) */
  right: 5px;                                     /* 表示領域を白枠で囲う */
  height: 40px;
/*    webkit-appearance: menulist-button;*/
}

.header-user_info th {
  border: 1px solid Black;                        /* 表示領域を黒枠で囲う */
  background: Dimgray;                            /* 背景色 */
  color: White;                                   /* 文字色 */
  font-size: 10px;                                /* 文字サイズ */
  letter-spacing: 0.05em;
  padding-top: 1px;
  padding-right: 3px;
  padding-bottom: 1px;
  padding-left: 3px;
}

.header-user_info td {
  border: 1px solid Black;                        /* 表示領域を黒枠で囲う */
  background: White;                              /* 背景色 */
  color: Black;                                   /* 文字色 */
  font-size: 10px;                                /* 文字サイズ */
  letter-spacing: 0.05em;
  padding-top: 1px;
  padding-right: 3px;
  padding-bottom: 1px;
  padding-left: 3px;
}

/******************************************************************************/
/* メニューバー                                                               */
/************************************************/
/* 第１階層 基本                                */
/************************************************/
.tmenu {                                          /* 基本部分 */
  list-style-type: none;                          /*  */
  position: fixed;                                /* 位置固定 */
  z-index: 1002;                                  /* 重なり順 */
  top: 60px;                                      /* 位置(上60px) ヘッダー高さ+10px */
  left: 0px;                                      /* 位置(左0px) */
  width: 100%;                                    /* 横幅(100%) */
  height: 26px;                                   /* 高さ(26px) */
  margin: 0px;                                    /* [上 下 左 右] */
  padding: 2px 0px 0px 5px;                       /* [上2 右0 下0 左5] */
  background: Darkgreen;                          /* 背景色 */
}
/************************************************/
/* 第１階層 メニュー                            */
/************************************************/
.tmenu li {
  position: relative;                             /* 位置 */
  height: 25px;                                   /* 高さ(25px) */
  width: 14.1%;                                   /* 幅 */ /*10個→9.9% 9個→11% 8個→12.1% 7個→14.1% 6個→16.5% 2個→19.8% */
  float: left;                                    /*  */
  text-align: center;                             /* 文字位置 */
}
.tmenu li a {
  display: block;                                 /*  */
  height: 25px;                                   /* 高さ(25px) */
  padding: 0px;                                   /* [全て] */
  border-radius: 10px 10px 0px 0px;               /* [左上 右上 右下 左下] */
  border-top: 1px solid White;                    /* 区切り線をいれる */
  border-right: 1px solid White;                  /* 区切り線をいれる */
  background: Green;                              /* 背景色 */
  color: #fff;                                    /*  */
  font-size: 1vw;
//  font-size: 14px;                                /*  */
  font-weight: bold;                              /* 太字 */
  line-height: 2;                                 /* 行の高さ */
  text-decoration: none;                          /*  */
}
/************************************************/
/* 第２階層 基本                                */
/************************************************/
.tmenu li ul {
  list-style: none;                               /*  */
  position: absolute;                             /*  */
  z-index: 100;                                   /*  */
  top: 100%;                                      /*  */
  left: 0;                                        /*  */
  width: 100%;                                    /*  */
  margin: 0;                                      /*  */
  padding: 0;                                     /*  */
}
/************************************************/
/* 第２階層 プルダウンメニュー                  */
/************************************************/
.tmenu li ul li {
  overflow: hidden;                               /*  */
  width: 100%;                                    /*  */
  height: 0;                                      /*  */
  color: #fff;                                    /* 文字色 */
  transition: .2s;                                /*  */
}
.tmenu li ul li a {
  border-radius: 0px;                             /* [全て] */
  background: Green;                              /* 背景色 */
  padding: 0px 0px 0px 5px;                       /* [上0 右0 下0 左5] */
  text-align: left;                               /* 文字位置 */
  font-size: 12px;                                /* 文字サイズ */
  font-weight: normal;                            /*  */
}
.tmenu li ul li:last-child a {
  border-radius: 0px 0px 10px 10px;               /* [左上 右上 右下 左下] */
}
.tmenu > li:hover > a {                           /* 第１層目フォーカスオン */
  border-bottom: 5px solid White;                 /* 区切り線をいれる */
  background: Gold;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
}
.tmenu > li:hover li:hover > a {                  /* 第１、２層目フォーカスオン */
  border-bottom: 1px solid White;                 /* 区切り線をいれる */
  background: Gold;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
}
.tmenu > li:hover > ul > li {
  overflow: visible;                              /* 表示 */
  height: 25px;                                   /* 高さ */
}
/************************************************/
/* 第３階層 基本                                */
/************************************************/
.tmenu li ul li ul {
  top: 0;                                         /*  */
  left: 100%;                                     /*  */
}
.tmenu li:last-child ul li ul ul li ul {
  left: -100%;                                    /*  */
  width: 100%;                                    /*  */
}
/************************************************/
/* 第２～４階層以降 マーカー                    */
/************************************************/
.tmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 5px;
  left: -15px;
  border: 5px solid transparent;
  border-left-color: White;
}
.tmenu li ul li:hover ul:before {
  left: -10px;
  border-left-color: Black;
}
.tmenu li ul li:hover ul li ul:before {
  left: -15px;
  border-left-color: White;
}
.tmenu li ul li ul li:hover ul:before {
  left: -10px;
  border-left-color: Black;
}
.tmenu li ul li ul li:hover ul li ul:before {
  left: -15px;
  border-left-color: White;
}
.tmenu li ul li ul li ul li:hover ul:before {
  left: -10px;
  border: 5px solid transparent;
  border-left-color: Black;
}
.tmenu li ul li ul li ul li:hover ul li ul:before {
  left: 185%;
  border: 5px solid transparent;
  border-right-color: white;
}
.tmenu li ul li ul li ul li ul li:hover ul:before {
  left: 180%;
  border: 5px solid transparent;
  border-right-color: Black;
}
.tmenu li ul li ul li ul li ul li:hover ul li ul:before {
  left: 185%;
  border: 5px solid transparent;
  border-right-color: white;
}
.tmenu li ul li ul li ul li ul li ul li:hover ul:before {
  left: 180%;
  border: 5px solid transparent;
  border-right-color: Black;
}
.tmenu li ul li ul li ul li ul li ul li:hover ul li ul:before {
  left: 185%;
  border: 5px solid transparent;
  border-right-color: white;
}
.tmenu li ul li ul li ul li ul li ul li ul li:hover ul:before {
  left: 180%;
  border: 5px solid transparent;
  border-right-color: Black;
}
.tmenu li ul li ul li ul li ul li ul li ul li:hover ul li ul:before {
  left: 185%;
  border: 5px solid transparent;
  border-right-color: white;
}
.tmenu li ul li ul li ul li ul li ul li ul li ul li:hover ul:before {
  left: 180%;
  border: 5px solid transparent;
  border-right-color: Black;
}
/************************************************/
/* 第２階層以降 フォーカスオン時下階層表示      */
/************************************************/
.tmenu li ul li:hover > ul > li {
  overflow: visible;                              /* 表示 */
  height: 25px;                                   /* 高さ */
}
/************************************************/
/* 第３階層 サブメニュー                        */
/************************************************/
.tmenu li ul li ul li a {
  border-radius: 0px;                             /* [全て] */
}
/************************************************/
/* 第３階層 サブメニュー                        */
/************************************************/
.tmenu li ul li:last-child ul li a {
  border-radius: 0px;                             /* [全て] */
}
.tmenu li ul li ul li:first-child a {             /* 先頭行 */
  border-radius: 0px 10px 0px 0px;                /* [左上 右上 左下 右下] */
}
.tmenu li ul li ul li:last-child a {              /* 最終行 */
  border-radius: 0px 0px 10px 10px;               /* [左上 右上 左下 右下] */
}
.tmenu li ul li ul li:only-child a {              /* 最終行 */
  border-radius: 0px 10px 10px 10px;              /* [左上 右上 左下 右下] */
}
/************************************************/
/* 第４階層 サブメニュー                        */
/************************************************/
.tmenu li ul li ul li:first-child ul li a {       /* 基本 */
  border-radius: 0px;                             /* [全て] */
}
.tmenu li ul li ul li:last-child ul li a {        /* 基本 */
  border-radius: 0px;                             /* [全て] */
}
.tmenu li ul li ul li ul li:first-child a {       /* 先頭行 */
  border-radius: 0px 10px 0px 0px;
}
.tmenu li ul li ul li ul li:last-child a {        /* 最終行 */
  border-radius: 0px 0px 10px 10px;               /* [左上 右上 左下 右下] */
}
.tmenu li ul li ul li ul li:only-child a {        /* 唯一行 */
  border-radius: 0px 10px 10px 10px;              /* [左上 右上 左下 右下] */
}
/************************************************/
/* 第５層 サブメニュー                          */
/************************************************/
.tmenu li ul li ul li ul li:first-child ul li a { /* 基本 */
  border-radius: 0px;                             /* [全て] */
}
.tmenu li ul li ul li ul li:last-child ul li a {  /* 基本 */
  border-radius: 0px;                             /* [全て] */
}
.tmenu li ul li ul li ul li ul li:first-child a { /* 先頭行 */
  border-radius: 0px 10px 0px 0px;
}
.tmenu li ul li ul li ul li ul li:last-child a {  /* 最終行 */
  border-radius: 0px 0px 10px 10px;               /* [左上 右上 左下 右下] */
}
.tmenu li ul li ul li ul li ul li:only-child a {  /* 唯一行 */
  border-radius: 0px 10px 10px 10px;              /* [左上 右上 左下 右下] */
}
/************************************************/
/* 第６層 サブメニュー                          */
/************************************************/
.tmenu li ul li ul li ul li ul li:first-child ul li a { /* 基本 */
  border-radius: 0px;                             /* [全て] */
}
.tmenu li ul li ul li ul li ul li:last-child ul li a { /* 基本 */
  border-radius: 0px;                             /* [全て] */
}
.tmenu li ul li ul li ul li ul li ul li:first-child a { /* 先頭行 */
  border-radius: 10px 0px 0px 0px;
}
.tmenu li ul li ul li ul li ul li ul li:last-child a { /* 最終行 */
  border-radius: 0px 0px 10px 10px;               /* [左上 右上 左下 右下] */
}
.tmenu li ul li ul li ul li ul li ul li:only-child a { /* 唯一行 */
  border-radius: 0px 10px 10px 10px;              /* [左上 右上 左下 右下] */
}
/************************************************/
/* 第７層 サブメニュー                          */
/************************************************/
.tmenu li ul li ul li ul li ul li ul li:first-child ul li a { /* 基本 */
  border-radius: 0px;                             /* [全て] */
}
.tmenu li ul li ul li ul li ul li ul li:last-child ul li a { /* 基本 */
  border-radius: 0px;                             /* [全て] */
}
.tmenu li ul li ul li ul li ul li ul li ul li:first-child a { /* 先頭行 */
  border-radius: 10px 0px 0px 0px;
}
.tmenu li ul li ul li ul li ul li ul li ul li:last-child a { /* 最終行 */
  border-radius: 0px 0px 10px 10px;               /* [左上 右上 左下 右下] */
}
.tmenu li ul li ul li ul li ul li ul li ul li:only-child a { /*唯一行 */
  border-radius: 0px 10px 10px 10px;              /* [左上 右上 左下 右下] */
}
/************************************************/
/* 第８層 サブメニュー                          */
/************************************************/
.tmenu li ul li ul li ul li ul li ul li ul li:first-child ul li a { /* 基本 */
  border-radius: 0px;                             /* [全て] */
}
.tmenu li ul li ul li ul li ul li ul li ul li:last-child ul li a { /* 基本 */
  border-radius: 0px;                             /* [全て] */
}
.tmenu li ul li ul li ul li ul li ul li ul li ul li:first-child a { /* 先頭行 */
  border-radius: 10px 0px 0px 0px;
}
.tmenu li ul li ul li ul li ul li ul li ul li ul li:last-child a { /* 最終行 */
  border-radius: 0px 0px 10px 10px;               /* [左上 右上 左下 右下] */
}
.tmenu li ul li ul li ul li ul li ul li ul li ul li:only-child a { /* 唯一行 */
  border-radius: 0px 10px 10px 10px;              /* [左上 右上 左下 右下] */
}
/************************************************/
/* 第９層 サブメニュー                          */
/************************************************/
.tmenu li ul li ul li ul li ul li ul li ul li ul li:first-child ul li a { /* 基本 */
  border-radius: 0px;                             /* [全て] */
}
.tmenu li ul li ul li ul li ul li ul li ul li ul li:last-child ul li a { /* 基本 */
  border-radius: 0px;                             /* [全て] */
}
.tmenu li ul li ul li ul li ul li ul li ul li ul li ul li:first-child a { /* 先頭行 */
  border-radius: 10px 0px 0px 0px;
}
.tmenu li ul li ul li ul li ul li ul li ul li ul li ul li:last-child a { /* 最終行 */
  border-radius: 0px 0px 10px 10px;               /* [左上 右上 左下 右下] */
}
.tmenu li ul li ul li ul li ul li ul li ul li ul li ul li:only-child a { /* 唯一行 */
  border-radius: 0px 10px 10px 10px;              /* [左上 右上 左下 右下] */
}

/******************************************************************************/
/* 本体（メニューバー有り）                                                   */
/******************************************************************************/
/* ボディの定義 */
.contents {
  padding: 86px 2px 22px 2px;                     /* 上90px(ヘッダー背景高さ+メニュー高さ+2px)下に20px(フッター背景高 さ+2px) */
}

/******************************************************************************/
/* 本体（メニューバー無し）                                                   */
/******************************************************************************/
/* ボディの定義 */
.non_menu_contents {
  padding: 62px 2px 22px 2px;                     /* 上62px(ヘッダー背景高さ+メニュー高さ+2px)下に20px(フッター背景高 さ+2px) */
}

/******************************************************************************/
/* テーブルデザイン                                                           */
/******************************************************************************/
/******************************************************************************/
/* 利用者情報                                                                 */
/******************************************************************************/
.user_info {
  border-collapse: collapse;                      /* */
  table-layout: fixed;
/*    webkit-appearance: menulist-button;*/
}
.user_info th {
  border: 1px solid Black;                        /* 表示領域を黒枠で囲う */
  background: Dimgray!important;                  /* 背景色 */
  color: White;                                   /* 文字色 */
  font-size: 6px!important;                       /* 文字サイズ */
  letter-spacing: 0.05em;
  padding-top: 1px;
  padding-right: 2px;
  padding-bottom: 1px;
  padding-left: 2px;
}
.user_info td {
  border: 1px solid Black;                        /* 表示領域を黒枠で囲う */
  background: White;                              /* 背景色 */
  color: Black;                                   /* 文字色 */
  font-size: 8px!important;                       /* 文字サイズ */
  letter-spacing: 0.05em;
  padding-top: 1px;
  padding-right: 2px;
  padding-bottom: 1px;
  padding-left: 2px;
}

.list_tbl {
  border-collapse: collapse;
//  table-layout: fixed;
  width: 100%;
}
.list_tbl th, td {
  border: 1px solid Black;
  padding: 3px 5px;
  text-align: left;
}
.list_tbl th {
  background: #ffae10;
}

.disp_tbl {
  border-collapse: collapse;
//  table-layout: fixed;
  width: 100%;
}

.disp_tbl th, td {
  border: solid 1px Black;                        /* 線設定 */
  padding: 1px 3px;
  font-size: 12px;                                /*  */
}
.disp_tbl th {
  background: Darkgray;                           /* 背景色 */
  color: White;                                   /* 文字色 */
}

/******************************************************************************/
/* テーブル幅                                                                 */
/******************************************************************************/
.disp_tw50 {
  width: 50px!important;
}
.disp_tw100 {
  width: 100px!important;
}
.disp_tw150 {
  width: 150px!important;
}
.disp_tw200 {
  width: 200px!important;
}
.disp_tw250 {
  width: 250px!important;
}
.disp_tw300 {
  width: 300px!important;
}
.disp_tw350 {
  width: 350px!important;
}
.disp_tw400 {
  width: 400px!important;
}
.disp_tw450 {
  width: 450px!important;
}
.disp_tw500 {
  width: 500px!important;
}

/******************************************************************************/
/* ボタン                                                                     */
/******************************************************************************/
.btn_big_00 {
  display: inline-block;                          /*  */
  border: solid 2px #999;                         /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 位置 */
  text-shadow: 0 1px 1px #36f;                    /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: #06f;                               /* 背景色 */
  color: White;                                   /* 文字色 */
  border-radius: 10px;                            /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px #36f;                   /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 24px;                                /* */
}
.btn_big_00:hover {
  color: Black;                                   /* 文字色 */
  background: #0Cf;                               /* 背景色 */
}
.btn_big_00:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: #0Cf;                               /* 背景色 */
}
.btn_big_00:active {
  top: 3px;
  box-shadow: none;
}

.btn_mid_00 {
  display: inline-block;                          /*  */
  border: solid 2px #999;                         /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 位置 */
  text-shadow: 0 1px 1px #36f;                    /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: #06f;                               /* 背景色 */
  color: White;                                   /* 文字色 */
  border-radius: 7px;                             /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px #36f;                   /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 18px;                                /* */
}
.btn_mid_00:hover {
  color: Black;                                   /* 文字色 */
  background: #0Cf;                               /* 背景色 */
}
.btn_mid_00:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: #0Cf;                               /* 背景色 */
}
.btn_mid_00:active {
  top: 3px;
  box-shadow: none;
}

.btn_min_00 {
  display: inline-block;                          /*  */
  border: solid 2px #999;                         /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 位置 */
  text-shadow: 0 1px 1px #36f;                    /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: #06f;                               /* 背景色 */
  color: White;                                   /* 文字色 */
  border-radius: 5px;                             /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px #36f;                   /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 12px;                                /* */

}
.btn_min_00:hover {
  color: Black;                                   /* 文字色 */
  background: #0Cf;                               /* 背景色 */
}
.btn_min_00:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: #0Cf;                               /* 背景色 */
}
.btn_min_00:active {
  top: 3px;
  box-shadow: none;
}

.btn_big_01 {
  display: inline-block;                          /*  */
  border: solid 2px DarkGray;                     /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 位置 */
  text-shadow: 0 1px 1px DarkBlue;                /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: Blue;                               /* 背景色 */
  color: White;                                   /* 文字色 */
  border-radius: 10px;                            /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px DarkBlue;               /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 24px;                                /* */
}
.btn_big_01:hover {
  color: Black;                                   /* 文字色 */
  background: SkyBlue;                            /* 背景色 */
}
.btn_big_01:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: SkyBlue;                            /* 背景色 */
}
.btn_big_01:active {
  top: 3px;
  box-shadow: none;
}

.btn_mid_01 {
  display: inline-block;                          /*  */
  border: solid 2px DarkGray;                     /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 位置 */
  text-shadow: 0 1px 1px DarkBlue;                /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: Blue;                               /* 背景色 */
  color: White;                                   /* 文字色 */
  border-radius: 7px;                             /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px DarkBlue;               /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 18px;                                /* */
}
.btn_mid_01:hover {
  color: Black;                                   /* 文字色 */
  background: SkyBlue;                            /* 背景色 */
}
.btn_mid_01:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: SkyBlue;                            /* 背景色 */
}
.btn_mid_01:active {
  top: 3px;
  box-shadow: none;
}

.btn_min_01 {
  display: inline-block;                          /*  */
  border: solid 2px DarkGray;                     /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 位置 */
  text-shadow: 0 1px 1px DarkBlue;                /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: Blue;                               /* 背景色 */
  color: White;                                   /* 文字色 */
  border-radius: 5px;                             /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px DarkBlue;               /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 12px;                                /* */

}
.btn_min_01:hover {
  color: Black;                                   /* 文字色 */
  background: SkyBlue;                            /* 背景色 */
}
.btn_min_01:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: SkyBlue;                            /* 背景色 */
}
.btn_min_01:active {
  top: 3px;
  box-shadow: none;
}

.btn_big_02 {
  display: inline-block;                          /*  */
  border: solid 2px DarkGray;                     /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 位置 */
  text-shadow: 0 1px 1px DarkGreen;               /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: Green;                              /* 背景色 */
  color: White;                                   /* 文字色 */
  border-radius: 10px;                            /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px DarkGreen;              /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 24px;                                /* */
}
.btn_big_02:hover {
  color: Black;                                   /* 文字色 */
  background: Lime;                               /* 背景色 */
}
.btn_big_02:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: Lime;                               /* 背景色 */
}
.btn_big_02:active {
  top: 3px;
  box-shadow: none;
}

.btn_mid_02 {
  display: inline-block;                          /*  */
  border: solid 2px DarkGray;                     /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 位置 */
  text-shadow: 0 1px 1px DarkGreen;               /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: Green;                              /* 背景色 */
  color: White;                                   /* 文字色 */
  border-radius: 7px;                             /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px DarkGreen;              /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 18px;                                /* */
}
.btn_mid_02:hover {
  color: Black;                                   /* 文字色 */
  background: Lime;                               /* 背景色 */
}
.btn_mid_02:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: Lime;                               /* 背景色 */
}
.btn_mid_02:active {
  top: 3px;
  box-shadow: none;
}

.btn_min_02 {
  display: inline-block;                          /*  */
  border: solid 2px DarkGray;                     /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 横位置 */
  vertical-align: middle;                         /* 縦位置 */
  text-shadow: 0 1px 1px DarkGreen;               /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: Green;                              /* 背景色 */
  color: White;                                   /* 文字色 */
  border-radius: 5px;                             /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px DarkGreen;              /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 12px;                                /* */
}
.btn_min_02:hover {
  color: Black;                                   /* 文字色 */
  background: Lime;                               /* 背景色 */
}
.btn_min_02:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: Lime;                               /* 背景色 */
}
.btn_min_02:active {
/*  top: 3px;*/
  box-shadow: none;
}

.btn_big_03 {
  display: inline-block;                          /*  */
  border: solid 2px DarkGray;                     /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 位置 */
  text-shadow: 0 1px 1px Orange;                  /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: Yellow;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
  border-radius: 10px;                            /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px Orange;                 /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 24px;                                /* */
}
.btn_big_03:hover {
  color: Black;                                   /* 文字色 */
  background: Khaki;                              /* 背景色 */
}
.btn_big_03:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: Khaki;                              /* 背景色 */
}
.btn_big_03:active {
  top: 3px;
  box-shadow: none;
}

.btn_mid_03 {
  display: inline-block;                          /*  */
  border: solid 2px DarkGray;                     /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 位置 */
  text-shadow: 0 1px 1px Orange;                  /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: Yellow;                             /* 背景色 */
  color: Black;                                   /* 文字色 */
  border-radius: 7px;                             /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px Orange;                 /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 18px;                                /* */
}
.btn_mid_03:hover {
  color: Black;                                   /* 文字色 */
  background: Khaki;                              /* 背景色 */
}
.btn_mid_03:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: Khaki;                              /* 背景色 */
}
.btn_mid_03:active {
  top: 3px;
  box-shadow: none;
}

.btn_min_03 {
  display: inline-block;                          /*  */
  border: solid 2px DarkGray;                     /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 横位置 */
  vertical-align: middle;                         /* 縦位置 */
  text-shadow: 0 1px 1px Orange;                  /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: Yellow;                             /* 背景色 */
  color: Black;                                   /* 文字色 */
  border-radius: 5px;                             /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px Orange;                 /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 12px;                                /* */
}
.btn_min_03:hover {
  color: Black;                                   /* 文字色 */
  background: Khaki;                              /* 背景色 */
}
.btn_min_03:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: Khaki;                              /* 背景色 */
}
.btn_min_03:active {
/*  top: 3px;*/
  box-shadow: none;
}

.btn_big_04 {
  display: inline-block;                          /*  */
  border: solid 2px DarkGray;                     /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 位置 */
  text-shadow: 0 1px 1px DarkOrange;              /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: Orange;                             /* 背景色 */
  color: Black;                                   /* 文字色 */
  border-radius: 10px;                            /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px DarkOrange;             /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 24px;                                /* */
}
.btn_big_04:hover {
  color: Black;                                   /* 文字色 */
  background: Gold;                               /* 背景色 */
}
.btn_big_04:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: Gold;                               /* 背景色 */
}
.btn_big_04:active {
  top: 3px;
  box-shadow: none;
}

.btn_mid_04 {
  display: inline-block;                          /*  */
  border: solid 2px DarkGray;                     /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 位置 */
  text-shadow: 0 1px 1px DarkOrange;              /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: Orange;                             /* 背景色 */
  color: Black;                                   /* 文字色 */
  border-radius: 7px;                             /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px DarkOrange;             /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 18px;                                /* */
}
.btn_mid_04:hover {
  color: Black;                                   /* 文字色 */
  background: Gold;                               /* 背景色 */
}
.btn_mid_04:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: Gold;                               /* 背景色 */
}
.btn_mid_04:active {
  top: 3px;
  box-shadow: none;
}

.btn_min_04 {
  display: inline-block;                          /*  */
  border: solid 2px DarkGray;                     /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 横位置 */
  vertical-align: middle;                         /* 縦位置 */
  text-shadow: 0 1px 1px DarkOrange;              /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: Orange;                             /* 背景色 */
  color: Black;                                   /* 文字色 */
  border-radius: 5px;                             /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px DarkOrange;             /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 12px;                                /* */
}
.btn_min_04:hover {
  color: Black;                                   /* 文字色 */
  background: Gold;                               /* 背景色 */
}
.btn_min_04:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: Gold;                               /* 背景色 */
}
.btn_min_04:active {
/*  top: 3px;*/
  box-shadow: none;
}

.btn_big_05 {
  display: inline-block;                          /*  */
  border: solid 2px DarkGray;                     /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 位置 */
  text-shadow: 0 1px 1px #c66;                    /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: DeepPink;                           /* 背景色 */
  color: White;                                   /* 文字色 */
  border-radius: 10px;                            /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px #c66;                   /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 24px;                                /* */
}
.btn_big_05:hover {
  color: Black;                                   /* 文字色 */
  background: Pink;                               /* 背景色 */
}
.btn_big_05:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: Pink;                               /* 背景色 */
}
.btn_big_05:active {
  top: 3px;
  box-shadow: none;
}

.btn_mid_05 {
  display: inline-block;                          /*  */
  border: solid 2px DarkGray;                     /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 位置 */
  text-shadow: 0 1px 1px #c66;                    /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: DeepPink;                           /* 背景色 */
  color: White;                                   /* 文字色 */
  border-radius: 7px;                             /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px #c66;                   /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 18px;                                /* */
}
.btn_mid_05:hover {
  color: Black;                                   /* 文字色 */
  background: Pink;                               /* 背景色 */
}
.btn_mid_05:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: Pink;                               /* 背景色 */
}
.btn_mid_05:active {
  top: 3px;
  box-shadow: none;
}

.btn_min_05 {
  display: inline-block;                          /*  */
  border: solid 2px DarkGray;                     /* 線設定 */
  text-decoration: none;                          /* テキスト下線(無し) */
  text-align: center;                             /* 横位置 */
  vertical-align: middle;                         /* 縦位置 */
  text-shadow: 0 1px 1px #c66;                    /* テキストシャドウ(text-shadow) 1番目の値は、水平方向の距離を指定：2 番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離：最後に影の色を指定 */
  padding: 0px 5px 0px 5px;                       /* [上0px 右5px 下0px 左5px] */
  margin: 3px 0px;                                /*  */
  position: relative;                             /*  */
  background: DeepPink;                           /* 背景色 */
  color: White;                                   /* 文字色 */
  border-radius: 5px;                             /* 角丸(border-radius) */
  box-shadow: 5px 5px 5px #c66;                   /* ボックシャドウ(box-shadow) 1番目の値は、水平方向の距離を指定：2番目の値は、垂直方向の距離を指定：3番目の値は、ぼかし距離、値が大きいほど、ぼかしが強くなる：4番目の値は、広がり距離、正の値を指定すると拡大し、負の値を指定すると縮小：最後に影の色を指定 */
  font-weight: bold;                              /* 太字 */
  font-size: 12px;                                /* */
}
.btn_min_05:hover {
  color: Black;                                   /* 文字色 */
  background: Pink;                               /* 背景色 */
}
.btn_min_05:focus {                               /* フォーカスオン */
  color: Black;                                   /* 文字色 */
  background: Pink;                               /* 背景色 */
}
.btn_min_05:active {
/*  top: 3px;*/
  box-shadow: none;
}

.btn_box_01 {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: White;                                   /* 文字色 */
  background: Blue;                               /* 背景色 */
  border: solid 2px DarkGray;                      /* 線色 */
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.btn_box_01:hover {                               /* 押したとき */
  border: solid 2px DarkGray;
  background: SkyBlue;                            /* 背景色 */
  color: Black;                                   /* 文字色 */
  box-shadow: none;
  text-shadow: none;
}

.btn_box_01:focus {                               /* フォーカスオン */
  border: solid 2px DarkGray;
  background: SkyBlue;                            /* 背景色 */
  color: Black;                                   /* 文字色 */
  box-shadow: none;
  text-shadow: none;
}

.btn_box_01:active {                              /*  */
  border: solid 2px DarkGray;
  background: SkyBlue;                            /* 背景色 */
  color: Black;                                   /* 文字色 */
  box-shadow: none;
  text-shadow: none;
}

.btn_box_02 {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: White;                                   /* 文字色 */
  background: Green;                              /* 背景色 */
  border: solid 2px DarkGray;                     /* 線色 */
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.btn_box_02:hover {                               /* 押したとき */
  border: solid 2px DarkGray;
  background: Lime;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
  box-shadow: none;
  text-shadow: none;
}

.btn_box_02:focus {                               /* フォーカスオン */
  border: solid 2px DarkGray;
  background: Lime;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
  box-shadow: none;
  text-shadow: none;
}

.btn_box_02:active {                              /*  */
  border: solid 2px DarkGray;
  background: Lime;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
  box-shadow: none;
  text-shadow: none;
}

.btn_box_03 {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: Black;                                   /* 文字色 */
  background: Yellow;                             /* 背景色 */
  border: solid 2px DarkGray;                     /* 線色 */
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.btn_box_03:hover {                               /* 押したとき */
  border: solid 2px DarkGray;
  background: Khaki;                              /* 背景色 */
  color: Black;                                   /* 文字色 */
  box-shadow: none;
  text-shadow: none;
}

.btn_box_03:focus {                               /* フォーカスオン */
  border: solid 2px DarkGray;
  background: Khaki;                              /* 背景色 */
  color: Black;                                   /* 文字色 */
  box-shadow: none;
  text-shadow: none;
}

.btn_box_03:active {                              /*  */
  border: solid 2px DarkGray;
  background: Khaki;                              /* 背景色 */
  color: Black;                                   /* 文字色 */
  box-shadow: none;
  text-shadow: none;
}

.btn_box_04 {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: White;                                   /* 文字色 */
  background: Orange;                             /* 背景色 */
  border: solid 2px DarkGray;                     /* 線色 */
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.btn_box_04:hover {                               /* 押したとき */
  border: solid 2px DarkGray;
  background: Gold;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
  box-shadow: none;
  text-shadow: none;
}

.btn_box_04:focus {                               /* フォーカスオン */
  border: solid 2px DarkGray;
  background: Gold;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
  box-shadow: none;
  text-shadow: none;
}

.btn_box_04:active {                              /*  */
  border: solid 2px DarkGray;
  background: Gold;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
  box-shadow: none;
  text-shadow: none;
}

.btn_box_05 {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: White;                                   /* 文字色 */
  background: DeepPink;                           /* 背景色 */
  border: solid 2px DarkGray;                     /* 線 */
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.btn_box_05:hover {                               /* 押したとき */
  border: solid 2px DarkGray;
  background: Pink;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
  box-shadow: none;
  text-shadow: none;
}

.btn_box_05:focus {                               /* フォーカスオン */
  border: solid 2px DarkGray;
  background: Pink;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
  box-shadow: none;
  text-shadow: none;
}

.btn_box_05:active {                              /*  */
  border: solid 2px DarkGray;
  background: Pink;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
  box-shadow: none;
  text-shadow: none;
}

.btn_maru_01 {
  display: inline-block;
  text-decoration: none;
  background: Blue;                               /* 背景色 */
  color: White;                                   /* 文字色 */
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  font-weight: bold;                              /* 太字 */
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  transition: .4s;
}

.btn_maru_01:hover {
  background: SkyBlue;                            /* 背景色 */
  color: Black;                                   /* 文字色 */
}

.btn_maru_01:focus {
  background: SkyBlue;                            /* 背景色 */
  color: Black;                                   /* 文字色 */
}
.btn_maru_01:active {
  background: SkyBlue;                            /* 背景色 */
  color: Black;                                   /* 文字色 */
}

.btn_maru_02 {
  display: inline-block;
  text-decoration: none;
  background: Green;                              /* 背景色 */
  color: White;                                   /* 文字色 */
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  font-weight: bold;                              /* 太字 */
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  transition: .4s;
}

.btn_maru_02:hover {
  background: Lime;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
}

.btn_maru_02:focus {
  background: Lime;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
}
.btn_maru_02:active {
  background: Lime;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
}

.btn_maru_03 {
  display: inline-block;
  text-decoration: none;
  background: Yellow;                             /* 背景色 */
  color: Black;                                   /* 文字色 */
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  font-weight: bold;                              /* 太字 */
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  transition: .4s;
}

.btn_maru_03:hover {
  background: Khaki;                              /* 背景色 */
  color: Black;                                   /* 文字色 */
}

.btn_maru_03:focus {
  background: Khaki;                              /* 背景色 */
  color: Black;                                   /* 文字色 */
}
.btn_maru_03:active {
  background: Khaki;                              /* 背景色 */
  color: Black;                                   /* 文字色 */
}

.btn_maru_04 {
  display: inline-block;
  text-decoration: none;
  background: Orange;                             /* 背景色 */
  color: Black;                                   /* 文字色 */
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  font-weight: bold;                              /* 太字 */
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  transition: .4s;
}

.btn_maru_04:hover {
  background: Gold;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
}

.btn_maru_04:focus {
  background: Gold;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
}
.btn_maru_04:active {
  background: Gold;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
}

.btn_maru_05 {
  display: inline-block;
  text-decoration: none;
  background: DeepPink;                           /* 背景色 */
  color: White;                                   /* 文字色 */
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  font-weight: bold;                              /* 太字 */
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  transition: .4s;
}

.btn_maru_05:hover {
  background: Pink;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
}

.btn_maru_05:focus {
  background: Pink;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
}
.btn_maru_05:active {
  background: Pink;                               /* 背景色 */
  color: Black;                                   /* 文字色 */
}

/******************************************************************************/
/* ボックス（角丸）                                                           */
/******************************************************************************/
.box {
  padding: 0px 5px 0px 5px;                       /* [上 右 下 左] */
  margin: 0px 0;                                  /*  */
  font-weight: bold;                              /*  */
  border: solid 1px;                              /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-black {
  padding: 0px 5px;                               /* [上 右 下 左] */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: white;                                   /* 文字色 */
  background: black;                              /* 背景色 */
  border: solid 2px #eeeeee;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-gray {
  padding: 0px 5px;                               /*  */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: black;                                   /* 文字色 */
  background: gray;                               /* 背景色 */
  border: solid 2px #606060;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-silver {
  padding: 0px 5px;                               /* [上 右 下 左] */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: black;                                   /* 文字色 */
  background: silver;                             /* 背景色 */
  border: solid 2px #a0a0a0;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-white {
  padding: 0px 5px;                               /* [上 右 下 左] */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: black;                                   /* 文字色 */
  background: white;                              /* 背景色 */
  border: solid 2px #dddddd;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-blue {
  padding: 0px 5px;                               /*[上 右 下 左]  */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: white;                                   /* 文字色 */
  background: blue;                               /* 背景色 */
  border: solid 2px #0000dd;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-navy {
  padding: 0px 5px;                               /* [上 右 下 左] */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: white;                                   /* 文字色 */
  background: navy;                               /* 背景色 */
  border: solid 2px #000060;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-teal {
  padding: 0px 5px;                               /* [上 右 下 左] */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: white;                                   /* 文字色 */
  background: teal;                               /* 背景色 */
  border: solid 2px #006060;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-green {
  padding: 0px 5px;                               /*  */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: white;                                   /* 文字色 */
  background: green;                              /* 背景色 */
  border: solid 2px #006000;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-lime {
  padding: 0px 5px;                               /* [上 右 下 左] */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: black;                                   /* 文字色 */
  background: lime;                               /* 背景色 */
  border: solid 2px #00dd00;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-aqua {
  padding: 0px 5px;                               /* [上 右 下 左] */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: black;                                   /* 文字色 */
  background: aqua;                               /* 背景色 */
  border: solid 2px #00dddd;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-yellow {
  padding: 0px 5px;                               /* [上 右 下 左] */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: black;                                   /* 文字色 */
  background: yellow;                             /* 背景色 */
  border: solid 2px #dddd00;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-red {
  padding: 0px 5px;                               /* [上 右 下 左] */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: white;                                   /* 文字色 */
  background: red;                                /* 背景色 */
  border: solid 2px #dd0000;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-fuchsia {
  padding: 0px 5px;                               /* [上 右 下 左] */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: white;                                   /* 文字色 */
  background: fuchsia;                            /* 背景色 */
  border: solid 2px #dd00dd;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-olive {
  padding: 0px 5px;                               /* [上 右 下 左] */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: white;                                   /* 文字色 */
  background: olive;                              /* 背景色 */
  border: solid 2px #606000;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-purple {
  padding: 0px 5px;                               /* [上 右 下 左] */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: white;                                   /* 文字色 */
  background: purple;                             /* 背景色 */
  border: solid 2px #600060;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

.box-maroon {
  padding: 0px 5px;                               /* [上 右 下 左] */
  margin: 5px 0;                                  /*  */
  font-weight: bold;                              /*  */
  color: white;                                   /* 文字色 */
  background: maroon;                             /* 背景色 */
  border: solid 2px #600000;                      /* 線 */
  border-radius: 10px;                            /* 角[上 右 下 左] */
}

/* 点滅 */
.blinking {
  -webkit-animation: blink 1.5s ease-in-out infinite alternate;
  -moz-animation:    blink 1.5s ease-in-out infinite alternate;
  animation:         blink 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
    0% {opacity: 0;}
  100% {opacity: 1;}
}

@-moz-keyframes blink {
    0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes blink {
    0% {opacity: 0;}
  100% {opacity: 1;}
}