@charset "UTF-8";

/* 背景設定（画像・色）・　文字設定 ====================================================== */
body {
  /* 背景設定 ---------------------------------------------------------------------------- */
  /* margin          : 0; */                           /* 0 = 画面いっぱいに表示設定 */
  /* padding         : 0; */                           /* 0 = 画面いっぱいに表示設定 */
  background-image   : url(../images/papanet.jpg);     /* 背景画像指定 */
  background-repeat  : repeat;                         /* 背景画像繰り返し処理 */
  /* background-color: #5555ff; */                     /* 背景色 */
  /* 基本文字設定 ------------------------------------------------------------------------ */
  font-family        : "Arial","メイリオ",sans-serif;  /* フォント を Arial,メイリオ */
}

body.bc-b {
  /* 背景設定 ---------------------------------------------------------------------------- */
  /* margin          : 0; */                           /* 0 = 画面いっぱいに表示設定 */
  /* padding         : 0; */                           /* 0 = 画面いっぱいに表示設定 */
  /* background-image : url(../images/papanet.jpg); */ /* 背景画像指定 */
  background-repeat  : repeat;                         /* 背景画像繰り返し処理 */
  background-color   : #000000;                        /* 背景色 */
  /* 基本文字設定 ------------------------------------------------------------------------ */
  font-family        : "Arial","メイリオ",sans-serif;      /* フォント を Arial,メイリオ */
}

/* body 内をグループ化 =================================================================== */

article {
  max-width: 850px;
  /* width: 100%; */
  /* display:flex; */                                  /*サイドバーとメインコンテンツを横並びにする指定 */
  margin       : auto;                                 /* 配置指定(中央) */
}

/* サイドバー ---------------------------------------------------------------------------- */
/* fieldset.side { */
  /* flex: 3; */
  /* background-color:#ff838b; */
  /* border: 1px solid #9933FF; */                     /* 枠線　幅=1px　種類=実線　色=紫 */
  /* width:200px; */
  /*height:1000px; */
  /* margin       : auto; */                           /* 配置指定(中央) */
/* } */ 

/* メインコンテンツ ---------------------------------------------------------------------- */
/* fieldset.main { */
  /* flex: 1; */
  /* background-color:#b3d874; */
  /* border       : 1px solid #9933FF; */              /* 枠線　幅=1px　種類=実線　色=紫 */
  /* width        :650px; */
  /* height       :1000px; */
  /* margin       : auto; */                           /* 配置指定(中央) */
  /* margin-left:10px; */                              /*サイドバーとメインコンテンツの間に隙間を開ける */
}


/* テーブル(table)設定 =================================================================== */
/* table(850px)設定 ---------------------------------------------------------------------- */
table.t850w {
  width        : 850px;
  margin-left  : auto;
  margin-right : auto;
  /* margin    : auto; */                              /* 配置指定(中央) */
  table-layout : fixed;                                /* テーブル幅固定 */
  /* color: red; */
  /* color        : #9933FF;  */                            /* テーブル内文字色 */
}
/* table(850px)設定 ---------------------------------------------------------------------- */
table.t850w-p {
  width        : 850px;
  margin-left  : auto;                                 /* 配置指定(中央) */
  margin-right : auto;                                 /* 配置指定(中央) */
  table-layout : fixed;                                /* テーブル幅固定 */
  color        : #9933FF;                              /* テーブル内文字色 */
}

/* table(750px)設定 ---------------------------------------------------------------------- */
table.t750w {
  width        : 750px;
  margin-left  : auto;
  margin-right : auto;
  /* margin    : auto; */                              /* 配置指定(中央) */
  table-layout : fixed;                                /* テーブル幅固定 */
}

/* table(750px)枠付き設定 ---------------------------------------------------------------- */
table.t750ww {
  width        : 750px;

  border-collapse : separate;
  border-spacing  : 0;
  border          : 1px solid #9933FF;
  border-radius   : 10px;
  box-shadow      : 0 0 7px rgba( 0, 0, 0, 0.2 );
  overflow        : hidden;
  margin-left     : auto;
  margin-right    : auto;
  background      : #ffffff;
  /* margin       : auto; */                           /* 配置指定(中央) */
  table-layout    : fixed;                             /* テーブル幅固定 */
}

/* テーブル(table)設定 =================================================================== */
/* table(280px)設定 ---------------------------------------------------------------------- */
table.t280w {
  width        : 2800px;
  margin-left  : auto;
  margin-right : auto;
  /* margin    : auto; */                              /* 配置指定(中央) */
  table-layout : fixed;                                /* テーブル幅固定 */
}

/* table(750px キティー用)設定 ----------------------------------------------------------- */
table.t750k {
  width        : 750px;
  margin-left  : auto;
  margin-right : auto;
  /* margin    : auto; */                              /* 配置指定(中央) */
  border       : 1px #9933FF solid;
  cellspacing  : 1px;
  table-layout : fixed;                                /* テーブル幅固定 */
}
table.t750k td {
  /* width     : 750px; */
  margin-left  : auto;
  margin-right : auto;
  /* margin    : auto; */                              /* 配置指定(中央) */
  border       : 1px #9933FF solid;
  cellspacing  : 1px;
  table-layout : fixed;                                /* テーブル幅固定 */
}

/* --- table文字色（紫）設定 --------------------------------------------------------------- */
table.t-p {
  color      : #9933FF;
  font-size  : 15px;                               /* 文字サイズ 15px */
}


/* 行(tr)背景色設定 ====================================================================== */
/* 背景色黒(ターミナル用)設定 ------------------------------------------------------------ */
tr.backcolor-b {
  background-color: #000000;                         /* 行の背景色(黒色) */
}

/* 背景色黄緑(項目表題用)設定 ------------------------------------------------------------ */
tr.backcolor-yg {
  background-color: #98fb98;                         /* 行の背景色(黄緑色) */
}

/* 行(tr)高さ設定 ======================================================================== */
/* 高さ設定　50px ------------------------------------------------------------------------ */
tr.height-l {
    line-height   :50px;                               /* 行の高さ(50px) */
}

/* 高さ設定　40px ------------------------------------------------------------------------ */
tr.height-m {
    line-height    :40px;                               /* 行の高さ(40px) */
}

/* 高さ設定　30px ------------------------------------------------------------------------ */
tr.height-s {
    line-height    :30px;                               /* 行の高さ(30px) */
}

/* 高さ設定　25px ------------------------------------------------------------------------ */
tr.height-s {
    line-height    :25px;                               /* 行の高さ(25px) */
}

/* 高さ設定　20px ------------------------------------------------------------------------ */
tr.height-20 {
    line-height    :20px;                               /* 行の高さ(20px) */
}

/* 高さ設定　18px ------------------------------------------------------------------------ */
tr.height-18 {
    line-height    :18px;                               /* 行の高さ(15px) */
}

/* 高さ設定　15px ------------------------------------------------------------------------ */
tr.height-15 {
    line-height    :15px;                               /* 行の高さ(15px) */
}

/* 高さ設定　10px ------------------------------------------------------------------------ */
tr.height-10 {
    line-height    :10px;                               /* 行の高さ(10px) */
}

/* 高さ設定　5px ------------------------------------------------------------------------- */
tr.height-5 {
    line-height    :5px;                                /* 行の高さ(5px) */
}

/* バナー設定 ============================================================================ */
div.banner-img {
  background-image : url(../images/banar.png);          /* 画像指定 */
  background-repeat: no-repeat;                         /* 画像繰り返し処理しない */
  width            :auto;                               /* 横幅のサイズを指定 */
  height           :90px;                               /* 縦幅のサイズを指定 */ 
}

/* タイトル設定 ========================================================================== */
p.title::before {
  content         : "P・C・P・M Papa-Net パソコン“だめ”乳（おやじ）"; 
                                                        /* 表示文字を指定 */
  display         : inline-block;                       /* 表示形式 blockとinlineの中間 */
  font-size       : 18px;                               /* フォントサイズ */
  color           : #9933FF;                            /* 文字色指定 (紫色) */
}

/* 文字のスクロール ====================================================================== */
.scroll-list {
  display: flex;
  list-style: none;
  padding-inline: 0;
  margin-inline: 0;
  gap: 0;
  /* background-color: skyblue; */
  /* overflow: hidden; */
  position: relative;
  /* left: calc(50% - 50vw); */
  width: 100%;
}
.scroll-list li {
  color: #9933FF;
  font-size: 3em;
  font-weight: bold;
  white-space: nowrap;
  padding: 0 1em 0 0;
  margin: 0;
  animation: marquee-left 16s linear infinite;
}
/* PCの時のフォントサイズ */
@media (min-width: 600px) {
  .scroll-list li {
	font-size: 15px;
    /* font-size: 8vw; */
  }
}
/* アニメーション */
@keyframes marquee-left {
  100% {
    transform: translateX(-100%);
  }
}
/*-----*/
div.scroll {
  margin          : auto;                               /* 余白指定 自動 */
  width           : 100%;                               /* 横幅指定 tableサイズと同じ */
  font-size       : 15px;                               /* フォント(文字)サイズ */
  font-weight     : bold;                               /* 太字にする */
  line-height     : 25px;                               /* 行の高さ指定 */
  text-align      : center;                             /* テキスト配置 中央 */
  border          : 0px solid #0000ff;                  /* 枠の色・太さ */
  color           : #9933FF;                            /* 文字色 紫 */
  background      : #fff;                               /* 枠内の色 白 */
  overflow        : hidden;                             /* オーバーフロー時要素 */
}
div.scroll string::before {
  content         : "Welcome！ 『 P・C・P・M Papa-Net パソコン“だめ”乳（おやじ） 』　 Presennt by Papa";
                                                        /* 表示文字を指定 */
  display         : inline-block;                       /* 表示形式 blockとinlineの中間 */
  padding-left    : 100%;                               /* 左パディングを指定 */
  white-space     : nowrap;                             /* 連続するホワイトスペースを纏める */
  line-height     : 25px;                               /* 行の高さ指定 */
  animation       : scrollAnime 30s linear infinite;    /* スクロール速度 */
}
@keyframes scrollAnime{
    0% { transform: translateX(0)}                      /* スクロール範囲始め 0%から */
  100% { transform: translateX(-100%)}                  /* スクロール範囲終り 100%まで */
}

/* ライン表示 ============================================================================ */
/* 表題下ライン -------------------------------------------------------------------------- */
td.line-2 {
  /*display       : block; */                           /* 表示形式 block */
  height          : 2px;                                /* ラインの高さ */
  width           : 100%;                               /* 横幅指定 tableサイズと同じ */
  background-color: #9933FF;                            /* ライン色 紫 */
  overflow        : hidden;                             /* オーバーフロー時要素 */
}
div.line-3 {
  /*display       : block; */                           /* 表示形式 block */
  height          : 3px;                                /* ラインの高さ */
  width           : 100%;                               /* 横幅指定 tableサイズと同じ */
  background-color: #9933FF;                            /* ライン色 紫 */
  overflow        : hidden;                             /* オーバーフロー時要素 */
}
td.line-hｔ {
  border-bottom:solid
  #9933FF 18px;
  /*display         : grid;*/
  /*width           : 100%;*/                           /* 横幅指定 tableサイズと同じ */
　　/*background-color: #9933FF;*/
  /*height          : 18px;*/
  /*overflow        : hidden;*/
}

/* td ------------------------------------------------------------------------------------ */
td.line {
  display         : block;                              /* 表示形式 block */
  height          : 24px;                               /* ラインの高さ */
  width           : 100%;                               /* 横幅指定 tableサイズと同じ */
  background-color: #9933FF;                            /* ライン色 紫 */
  overflow        : hidden;                             /* オーバーフロー時要素 */
}
/* div ----------------------------------------------------------------------------------- */
div.line {
  display         : block;                              /* 表示形式 block */
  height          : 16px;                               /* ラインの高さ */
  width           : 100%;                               /* 横幅指定 tableサイズと同じ */
  background-color: #9933FF;                            /* ライン色 紫 */
  overflow        : hidden;                             /* オーバーフロー時要素 */
}

/* 表設定 ================================================================================ */
td.frame {
  border          : none;
  width           : 700px;
  margin          : 0 0 0 10px;
  padding         : 0px;
}

/* iframe設定 ============================================================================ */
iframe {
  border    : none;                                     /*  */
  margin    : 0px;                                      /*  */
  /* width  : 100%;  */
  /* width  : 850px; */                                 /*  */
  /* height : 550px; */                                 /*  */
  overflow  : hidden;                                   /*  */
}

iframe.if {
  /* border    : 1px; */                                /* 枠線　太さ=1px */
  /* border    : none; */                               /* 枠線　表示させない */
  margin  : 10px;                                       /*  */
  width   :600px;                                       /*  */
  height  :300px;                                       /*  */
  /* overflow  : hidden; */                             /*  */
  /* border: 1px solid #9933FF; */                      /* 枠線　太さ=1px　種類=実線　色=紫 */
   border  :groove;                                     /* 谷型の枠線（くぼむ）　*/
}

/* 行間設定 ============================================================================== */
td.mg-300 {
  height  : 300px;                                      /* 行間　300px */
}
td.mg-200 {
  height  : 200px;                                      /* 行間　200px */
}
td.mg-100 {
  height  : 100px;                                      /* 行間　100px */
}
td.mg-90 {
  height  : 90px;                                       /* 行間　90px */
}
td.mg-80 {
  height  : 80px;                                       /* 行間　80px */
}
td.mg-70 {
  height  : 70px;                                      /* 行間 70px */
}
td.mg-60 {
  height  : 60px;                                       /* 行間　60px */
}
td.mg-50 {
  height  : 50px;                                       /* 行間　50px */
}
td.mg-45 {
  height  : 45px;                                       /* 行間　45px */
}
td.mg-40 {
  height  : 40px;                                       /* 行間　40px */
}
td.mg-35 {
  height  : 35px;                                       /* 行間　35px */
}
td.mg-30 {
  height  : 30px;                                       /* 行間　30px */
}
td.mg-25 {
  height  : 25px;                                       /* 行間　25px */
}
td.mg-20 {
  height  : 20px;                                       /* 行間　20px */
}
td.mg-17 {
  height  : 17px;                                       /* 行間　17px */
}
td.mg-15 {
  height  : 15px;                                       /* 行間　15px */
}
td.mg-10 {
  height  : 10px;                                       /* 行間　10px */
}
td.mg-5 {
  height  : 5px;                                        /* 行間　5px */
}
td.mg-3 {
  height  : 3px;                                        /* 行間　3px */
}

/* 空白設定 ============================================================================== */
/* 右空白 -------------------------------------------------------------------------------- */
span.r-mg-10 {
  margin-right : 10px;                                  /* 右側マージン　10px */
}
span.r-mg-20 {
  margin-right : 20px;                                  /* 右側マージン　20px */
}
span.r-mg-30 {
  margin-right : 30px;                                  /* 右側マージン　30px */
}
span.r-mg-40 {
  margin-right : 40px;                                  /* 右側マージン　40px */
}
span.r-mg-50 {
  margin-right : 50px;                                  /* 右側マージン　50px */
}

/* 左空白 -------------------------------------------------------------------------------- */
span.l-mg-8 {
  margin-left : 8px;                                   /* 左側マージン　8px */
}
span.l-mg-10 {
  margin-left : 10px;                                   /* 左側マージン　10px */
}
span.l-mg-12 {
  margin-left : 12px;                                   /* 左側マージン　12px */
}
span.l-mg-13 {
  margin-left : 13px;                                   /* 左側マージン　13px */
}
span.l-mg-14 {
  margin-left : 14px;                                   /* 左側マージン　14px */
}
span.l-mg-15 {
  margin-left : 15px;                                   /* 左側マージン　15px */
}
span.l-mg-16 {
  margin-left : 16px;                                   /* 左側マージン　16px */
}
span.l-mg-17 {
  margin-left : 17px;                                   /* 左側マージン　17px */
}
span.l-mg-18 {
  margin-left : 18px;                                   /* 左側マージン　18px */
}
span.l-mg-19 {
  margin-left : 19px;                                   /* 左側マージン　19px */
}
span.l-mg-20 {
  margin-left : 20px;                                   /* 左側マージン　20px */
}
span.l-mg-21 {
  margin-left : 21px;                                   /* 左側マージン　21px */
}
span.l-mg-22 {
  margin-left : 22px;                                   /* 左側マージン　22px */
}
span.l-mg-23 {
  margin-left : 23px;                                   /* 左側マージン　23px */
}
span.l-mg-24 {
  margin-left : 24px;                                   /* 左側マージン　24px */
}
span.l-mg-25 {
  margin-left : 25px;                                   /* 左側マージン　25px */
}
span.l-mg-26 {
  margin-left : 26px;                                   /* 左側マージン　26px */
}
span.l-mg-27 {
  margin-left : 27px;                                   /* 左側マージン　27px */
}
span.l-mg-28 {
  margin-left : 28px;                                   /* 左側マージン　28px */
}
span.l-mg-29 {
  margin-left : 29px;                                   /* 左側マージン　29px */
}
span.l-mg-30 {
  margin-left : 30px;                                   /* 左側マージン　30px */
}
span.l-mg-31 {
  margin-left : 31px;                                   /* 左側マージン　31px */
}
span.l-mg-32 {
  margin-left : 32px;                                   /* 左側マージン　32px */
}
span.l-mg-33 {
  margin-left : 33px;                                   /* 左側マージン　33px */
}
span.l-mg-34 {
  margin-left : 34px;                                   /* 左側マージン　34px */
}
span.l-mg-35 {
  margin-left : 35px;                                   /* 左側マージン　35px */
}
span.l-mg-36 {
  margin-left : 36px;                                   /* 左側マージン　36px */
}
span.l-mg-37 {
  margin-left : 37px;                                   /* 左側マージン　37px */
}
span.l-mg-38 {
  margin-left : 38px;                                   /* 左側マージン　38px */
}
span.l-mg-39 {
  margin-left : 39px;                                   /* 左側マージン　39px */
}
span.l-mg-40 {
  margin-left : 40px;                                   /* 左側マージン　40px */
}
span.l-mg-41 {
  margin-left : 41px;                                   /* 左側マージン　41px */
}
span.l-mg-42 {
  margin-left : 42px;                                   /* 左側マージン　42px */
}
span.l-mg-43 {
  margin-left : 43px;                                   /* 左側マージン　43px */
}
span.l-mg-44 {
  margin-left : 44px;                                   /* 左側マージン　44px */
}
span.l-mg-45 {
  margin-left : 45px;                                   /* 左側マージン　45px */
}
span.l-mg-46 {
  margin-left : 46px;                                   /* 左側マージン　46px */
}
span.l-mg-47 {
  margin-left : 47px;                                   /* 左側マージン　47px */
}
span.l-mg-48 {
  margin-left : 48px;                                   /* 左側マージン　48px */
}
span.l-mg-49 {
  margin-left : 49px;                                   /* 左側マージン　49px */
}
span.l-mg-50 {
  margin-left : 50px;                                   /* 左側マージン　50px */
}
span.l-mg-51 {
  margin-left : 51px;                                   /* 左側マージン　51px */
}
span.l-mg-52 {
  margin-left : 52px;                                   /* 左側マージン　52px */
}
span.l-mg-53 {
  margin-left : 53px;                                   /* 左側マージン　53px */
}
span.l-mg-54 {
  margin-left : 54px;                                   /* 左側マージン　54px */
}
span.l-mg-55 {
  margin-left : 55px;                                   /* 左側マージン　55px */
}
span.l-mg-56 {
  margin-left : 56px;                                   /* 左側マージン　56px */
}
span.l-mg-57 {
  margin-left : 57px;                                   /* 左側マージン　57px */
}
span.l-mg-58 {
  margin-left : 58px;                                   /* 左側マージン　58px */
}
span.l-mg-59 {
  margin-left : 59px;                                   /* 左側マージン　59px */
}
span.l-mg-60 {
  margin-left : 60px;                                   /* 左側マージン　60px */
}
span.l-mg-61 {
  margin-left : 61px;                                   /* 左側マージン　61px */
}
span.l-mg-62 {
  margin-left : 62px;                                   /* 左側マージン　62px */
}
span.l-mg-63 {
  margin-left : 63px;                                   /* 左側マージン　63px */
}
span.l-mg-64 {
  margin-left : 64px;                                   /* 左側マージン　64px */
}
span.l-mg-65 {
  margin-left : 65px;                                   /* 左側マージン　65px */
}
span.l-mg-66 {
  margin-left : 66px;                                   /* 左側マージン　66px */
}
span.l-mg-67 {
  margin-left : 67px;                                   /* 左側マージン　67px */
}
span.l-mg-68 {
  margin-left : 68px;                                   /* 左側マージン　68px */
}
span.l-mg-69 {
  margin-left : 69px;                                   /* 左側マージン　69px */
}
span.l-mg-70 {
  margin-left : 70px;                                   /* 左側マージン　70px */
}
span.l-mg-71 {
  margin-left : 71px;                                   /* 左側マージン　71px */
}
span.l-mg-72 {
  margin-left : 72px;                                   /* 左側マージン　72px */
}
span.l-mg-73 {
  margin-left : 73px;                                   /* 左側マージン　73px */
}
span.l-mg-74 {
  margin-left : 74px;                                   /* 左側マージン　74px */
}
span.l-mg-75 {
  margin-left : 75px;                                   /* 左側マージン　75px */
}
span.l-mg-76 {
  margin-left : 76px;                                   /* 左側マージン　76px */
}
span.l-mg-77 {
  margin-left : 77px;                                   /* 左側マージン　77px */
}
span.l-mg-78 {
  margin-left : 78px;                                   /* 左側マージン　78px */
}
span.l-mg-79 {
  margin-left : 79px;                                   /* 左側マージン　79px */
}
span.l-mg-80 {
  margin-left : 80px;                                   /* 左側マージン　80px */
}
span.l-mg-81 {
  margin-left : 81px;                                   /* 左側マージン　81px */
}
span.l-mg-82 {
  margin-left : 82px;                                   /* 左側マージン　82px */
}
span.l-mg-83 {
  margin-left : 83px;                                   /* 左側マージン　83px */
}
span.l-mg-84 {
  margin-left : 84px;                                   /* 左側マージン　84px */
}
span.l-mg-85 {
  margin-left : 85px;                                   /* 左側マージン　85px */
}
span.l-mg-86 {
  margin-left : 86px;                                   /* 左側マージン　86px */
}
span.l-mg-87 {
  margin-left : 87px;                                   /* 左側マージン　87px */
}
span.l-mg-88 {
  margin-left : 88px;                                   /* 左側マージン　88px */
}
span.l-mg-89 {
  margin-left : 89px;                                   /* 左側マージン　89px */
}
span.l-mg-90 {
  margin-left : 90px;                                   /* 左側マージン　90px */
}
span.l-mg-91 {
  margin-left : 91px;                                   /* 左側マージン　91px */
}
span.l-mg-92 {
  margin-left : 92px;                                   /* 左側マージン　92px */
}
span.l-mg-93 {
  margin-left : 93px;                                   /* 左側マージン　93px */
}
span.l-mg-94 {
  margin-left : 94px;                                   /* 左側マージン　94px */
}
span.l-mg-95 {
  margin-left : 95px;                                   /* 左側マージン　95px */
}
span.l-mg-96 {
  margin-left : 96px;                                   /* 左側マージン　96px */
}
span.l-mg-97 {
  margin-left : 97px;                                   /* 左側マージン　97px */
}
span.l-mg-98 {
  margin-left : 98px;                                   /* 左側マージン　98px */
}
span.l-mg-99 {
  margin-left : 99px;                                   /* 左側マージン　99px */
}
span.l-mg-100 {
  margin-left : 100px;                                  /* 左側マージン　100px */
}
span.l-mg-103 {
  margin-left : 103px;                                  /* 左側マージン　103px */
}
span.l-mg-104 {
  margin-left : 104px;                                  /* 左側マージン　104px */
}
span.l-mg-105 {
  margin-left : 105px;                                  /* 左側マージン　105px */
}
span.l-mg-110 {
  margin-left : 110px;                                  /* 左側マージン　110px */
}
span.l-mg-112 {
  margin-left : 112px;                                  /* 左側マージン　112px */
}
span.l-mg-115 {
  margin-left : 115px;                                  /* 左側マージン　115px */
}
span.l-mg-120 {
  margin-left : 120px;                                  /* 左側マージン　120px */
}
span.l-mg-125 {
  margin-left : 125px;                                  /* 左側マージン　125px */
}
span.l-mg-130 {
  margin-left : 130px;                                  /* 左側マージン　130px */
}
span.l-mg-135 {
  margin-left : 135px;                                  /* 左側マージン　135px */
}
span.l-mg-140 {
  margin-left : 140px;                                  /* 左側マージン　140px */
}
span.l-mg-143 {
  margin-left : 143px;                                  /* 左側マージン　143px */
}
span.l-mg-144 {
  margin-left : 144px;                                  /* 左側マージン　144px */
}
span.l-mg-145 {
  margin-left : 145px;                                  /* 左側マージン　145px */
}
span.l-mg-150 {
  margin-left : 150px;                                  /* 左側マージン　150px */
}
span.l-mg-160 {
  margin-left : 160px;                                  /* 左側マージン　160px */
}
span.l-mg-176 {
  margin-left : 176px;                                  /* 左側マージン　176px */
}
span.l-mg-180 {
  margin-left : 180px;                                  /* 左側マージン　150px */
}
span.l-mg-184 {
  margin-left : 184px;                                  /* 左側マージン　184px */
}
span.l-mg-190 {
  margin-left : 190px;                                  /* 左側マージン　190px */
}
span.l-mg-192 {
  margin-left : 192px;                                  /* 左側マージン　192px */
}
span.l-mg-200 {
  margin-left : 200px;                                  /* 左側マージン　200px */
}
span.l-mg-216 {
  margin-left : 216px;                                  /* 左側マージン　216px */
}
span.l-mg-250 {
  margin-left : 250px;                                  /* 左側マージン　250px */
}
span.l-mg-272 {
  margin-left : 272px;                                  /* 左側マージン　272px */
}
span.l-mg-278 {
  margin-left : 278px;                                  /* 左側マージン　278px */
}
span.l-mg-280 {
  margin-left : 280px;                                  /* 左側マージン　280px */
}
span.l-mg-300 {
  margin-left : 300px;                                  /* 左側マージン　300px */
}
span.l-mg-344 {
  margin-left : 344px;                                  /* 左側マージン　344px */
}


/* 列設定(td) ============================================================================ */
td.flex {
  width          : 100%;                                /* メニュー項目の横幅(100%) */
  display : table ;                                     /* 要素をFlexコンテナとして定義する */
  /* padding:0; */                                      /* 要素の余白を指定する(上下左右) */
  height  :30px;                                        /* 行の高さ(30px) */
}
td.row-5 {
  width   : 5%;                                         /* 各列合計が100%になるようにする */
}
td.row-10 {
  width   : 10%;                                        /* 各列合計が100%になるようにする */
}
td.row-15 {
  width   : 15%;                                        /* 各列合計が100%になるようにする */
}
td.row-20 {
  width   : 20%;                                        /* 各列合計が100%になるようにする */
}
td.row-25 {
  width   : 25%;                                        /* 各列合計が100%になるようにする */
}
td.row-30 {
  width   : 30%;                                        /* 各列合計が100%になるようにする */
}
td.row-35 {
  width   : 35%;                                        /* 各列合計が100%になるようにする */
}
td.row-40 {
  width   : 40%;                                        /* 各列合計が100%になるようにする */
}
td.row-45 {
  width   : 45%;                                        /* 各列合計が100%になるようにする */
}
td.row-50 {
  width   : 50%;                                        /* 各列合計が100%になるようにする */
}
td.row-55 {
  width   : 55%;                                        /* 各列合計が100%になるようにする */
}
td.row-60 {
  width   : 60%;                                        /* 各列合計が100%になるようにする */
}
td.row-65 {
  width   : 65%;                                        /* 各列合計が100%になるようにする */
}
td.row-70 {
  width   : 70%;                                        /* 各列合計が100%になるようにする */
}
td.row-75 {
  width   : 75px;                                       /* 各列合計が100%になるようにする */
}
td.row-80 {
  width   : 80%;                                        /* 各列合計が100%になるようにする */
}
td.row-85 {
  width   : 85%;                                        /* 各列合計が100%になるようにする */
}
td.row-90 {
  width   : 90%;                                        /* 各列合計が100%になるようにする */
}
td.row-95 {
  width   : 95%;                                        /* 各列合計が100%になるようにする */
}
td.row-30p {
  width   : 100px;                                      /* 各列合計が100%になるようにする */
}

/* 列設定(li) ---------------------------------------------------------------------------- */
ul.flex {
  width               : 100%;                      /* 横幅(100%) */
  display             : flex;                      /* 要素をFlexコンテナとして定義する */
  /* padding          :0; */                       /* 要素の余白を指定する(上下左右) */
  /* background-color : #aaaaaa; */                /* 背景の色を指定する */
  list-style          : none;                      /* リストのスタイルを無効にする */
  line-height         :30px;                       /* 行の高さ(30px) */
}
/* li { */ 
  /* padding          : 0px; */   　　　　　　　　 /* 要素の余白を指定する(上下左右) */
  /* margin           : 0px; */                    /* ボックス外側余白を指定する */
  /* background-color : #31a9ee; */                /* 背景の色を指定する */
/* } */

li.flex-5 {
  flex-basis  : 5%;                                /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-10 {
  flex-basis  : 10%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-15 {
  flex-basis  : 15%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-20 {
  flex-basis  : 20%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-25 {
  flex-basis  : 25%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-30 {
  flex-basis  : 30%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-35 {
  flex-basis  : 35%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-40 {
  flex-basis  : 40%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-45 {
  flex-basis  : 45%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-50 {
  flex-basis  : 50%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-55 {
  flex-basis  : 55%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ*/
}
li.flex-60 {
  flex-basis  : 60%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-65 {
  flex-basis  : 65%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-70 {
  flex-basis  : 70%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-75 {
  flex-basis  : 75%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-80 {
  flex-basis  : 80%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-85 {
  flex-basis  : 85%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-90 {
  flex-basis  : 90%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}
li.flex-95 {
  flex-basis  : 95%;                               /* flexアイテムの幅を割合で指定 */
  line-height : 0px;                               /* 行の高さ */
}

/* リンク文字指定 ======================================================================== */
a {
  font-weight      :  none;                        /* 太文字にしない */
  text-decoration  :  underline                    /* リンクに下線を付ける */
  /* text-decoration  :  none; */                  /* リンクに下線を付けない */
}

/* 全て紫 -------------------------------------------------------------------------------- */
a.color-p:link {
  color  : #9933FF;                                /* アクセスしたことのないリンク 紫色 */
}

a.color-p:visited {
  color  : #9933FF;                                /* アクセスしたことのあるリンク 紫色 */
}

a.color-p:hover {
  color  : #9933FF;                                /* マウスが上に乗っている状態 紫色 */
}

a.color-p:active {
  color  : #9933FF;                                /* クリック中 紫色 */
}

/* 一般設定 ------------------------------------------------------------------------------ */
a.color-w:link {
  color  : #ffffff;                                /* アクセスしたことのないリンク 白色 */
}

a.color-w:visited {
  color  : #ffffff;                                /* アクセスしたことのあるリンク 白色 */
}

a.color-w:hover {
  color  : #ffffff;                                /* マウスが上に乗っている状態 白色 */
}

a.color-w:active {
  color  : #ffffff;                                /* クリック中 白色 */
} 

/* 画像位置設定 ========================================================================== */
/* 中央寄せ ------------------------------------------------------------------------------ */
img.img-c {   
  display     : block;
  margin-left : auto;
  margin-right: auto
}
/* 右寄せ -------------------------------------------------------------------------------- */
img.img-r {   
  display     : block;
  margin-left : auto;
  /* margin-right: auto */
}

/* 文字設定 ============================================================================== */
/* t<大きさ=数値><色>-<位置(省略可)>-<太字> */
/* 大きさ : b = big(30px)  l = large(22px)  m = medium(15px)  s = small(10px)> */
/* 色     : b = black(#000000 = 黒)  w = white(#ffffff = 白)  r = red(#e60033 = 赤) */
/* 色     : y = yellow(#ffff00 = 黄) p = purple(#9933FF = 紫) yg = yellow green(#98fb98 = 黄緑) */
/* 色     : g = green(緑)  bl = blue(青) */
/* 位置   : r = right(右)  c = center(中央)  左は標準のため省略 */
/* 太字   : t = 太字　*/　　　　　
/* <p><soan></span></p> の順 */　　　

/* 文字の配置 --------------------------------------------------------------------------- */

/* 左寄せ */
span.t-lift {                                      /* 15px文字　紫　左寄せ　標準文字 */     
  text-align : left;                               /* 文字配置指定(左寄せ) */
}

/* 中央 */
span.t-center {
  display    : block;                              /* 要素をブロックボックスに指定 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
}

/* 右寄せ */
span.t-right {                                     /* 15px文字　紫　右寄せ　標準文字 */
  align : right;                              /* 文字配置指定(右寄せ) */
}

/* 文字にアンダーライン --------------------------------------------------------------------------- */

span.t-uline {                                      /* 15px文字　紫　左寄せ　標準文字 */     
  text-decoration:underline;
}

/* 黒 標準文字 --------------------------------------------------------------------------- */
p.t10b {                                           /* 12px文字　黒　(左寄せ)　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 10px;                               /* 文字サイズ 10px */
  color      : #000000;                            /* 文字色指定 (黒色) */
}
p.t12b {                                           /* 12px文字　黒　(左寄せ)　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #000000;                            /* 文字色指定 (黒色) */
}
p.t12b-r {                                         /* 12px文字　黒　右寄せ　標準文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #000000;                            /* 文字色指定 (黒色) */
}
p.t12b-c {                                         /* 12px文字　黒　中央寄せ　標準文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #000000;                            /* 文字色指定 (黒色) */
}

p.t15b {                                           /* 15px文字　黒　(左寄せ)　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #000000;                            /* 文字色指定 (黒色) */
}
span.t15b {                                        /* 15px文字　黒　(左寄せ)　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #000000;                            /* 文字色指定 (黒色) */
}

/* 黒 太文字 ----------------------------------------------------------------------------- */
p.t12b-t {                                         /* 12px文字 黒　(左寄せ)　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #000000;                            /* 文字色指定 (紫色) */
}
p.t12b-r-t {                                       /* 12px文字 黒　右寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #000000;                            /* 文字色指定 (黒色) */
}
p.t12b-c-t {                                       /* 12px文字 黒　中央寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #000000;                            /* 文字色指定 (黒色) */
}

p.t15b-t {                                         /* 15px文字 黒　(左寄せ)　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #000000;                            /* 文字色指定 (黒色) */
}
span.t15b-t {                                      /* 15px文字 黒　(左寄せ)　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #000000;                            /* 文字色指定 (黒色) */
}

/* 紫 標準文字 12px ---------------------------------------------------------------------- */
p.t12p {                                           /* 12px文字　紫　左寄せ　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
}
span.t12p {                                        /* 12px文字　黄　左寄せ　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
}
p.t12p-r {                                         /* 12px文字　紫　右寄せ　標準文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
}
p.t12p-c {                                         /* 12px文字　紫　中央寄せ　標準文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
}

/* 紫 標準文字 15px ---------------------------------------------------------------------- */
/* 左寄せ */
p.t15p {                                           /* 15px文字　紫　左寄せ　標準文字 */     
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
}
span.t15p {
  font-weight : normal;
  text-align  : left;
  font-size   : 15px;
  color       : #9933FF;
}

/* span.t15p { */                                  /* 15px文字 紫　左寄せ　標準文字 */
/*  display    : block; */                         /* 要素をブロックボックスに指定 */
/*  text-align : left; */                          /* 文字配置指定(左寄せ) */
/*  font-size  : 15px; */                          /* 文字サイズ 15px */
/*  color      : #9933FF; */                       /* 文字色指定 (黒紫色) */
/* } */

/* 右寄せ */
p.t15p-r {                                         /* 15px文字　紫　右寄せ　標準文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
}
span.t15p-r {
  display    : block;                              /* 要素をブロックボックスに指定 */
  text-align : right;                              /* 文字配置指定(中央寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
}

/* 中央 */
p.t15p-c {                                         /* 15px文字　紫　中央寄せ　標準文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
}
span.t15p-c {
  display    : block;                              /* 要素をブロックボックスに指定 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
}

/* 紫 太文字 12px ------------------------------------------------------------------------ */
p.t12p-t {                                         /* 12px文字 紫　左寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
}
span.t12p-t {                                      /* 12px文字　紫　左寄せ　標準文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
}
p.t12p-r-t {                                       /* 12px文字 紫　右寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
}
p.t12p-c-t {                                       /* 12px文字 紫　中央寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
}

/* 紫 太文字 ----------------------------------------------------------------------------- */
p.t15p-t {                                         /* 15px文字 紫　左寄せ　太文字 */
  font-weight: bold;                               /* 15px文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #9933FF;                            /* 文字色指定 (黒紫色) */
}
span.t15p-t {                                      /* 15px文字 紫　左寄せ　太文字 */
  font-weight: bold;                               /* 15px文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #9933FF;                            /* 文字色指定 (黒紫色) */
}
p.t15p-r-t {                                       /* 15px文字 紫　右寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
}

span.t15p-r-t {                                    /* 15px文字 紫　右寄せ　太文字 */
  display    : block;                              /* 要素をブロックボックスに指定 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
  font-weight: bold;                               /* 太文字 */
}
p.t15p-c-t {                                       /* 15px文字 紫　中央寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
}
span.t15p-c-t {                                    /* 15px文字 紫　中央寄せ　太文字 */
  display    : block;                              /* 要素をブロックボックスに指定 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #9933FF;                            /* 文字色指定 (紫色) */
  font-weight: bold;                               /* 太文字 */
}

/* 赤 標準文字 --------------------------------------------------------------------------- */
p.t12r {                                           /* 12px文字　赤　左寄せ　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #e60033;                            /* 文字色指定 (赤色) */
}
p.t12r-r {                                         /* 12px文字　赤　右寄せ　標準文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #e60033;                            /* 文字色指定 (赤色) */
}
p.t12r-c {                                         /* 12px文字　赤　中央寄せ　標準文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #e60033;                            /* 文字色指定 (赤色) */
}

p.t15r {                                           /* 15px文字　赤　左寄せ　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #e60033;                            /* 文字色指定 (赤色) */
}
span.t15r {                                        /* 15px文字　赤　左寄せ　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #e60033;                            /* 文字色指定 (赤色) */
}

/* 赤 太文字 ----------------------------------------------------------------------------- */
p.t12r-t {                                         /* 12px文字 赤　左寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #e60033;                            /* 文字色指定 (赤色) */
}
p.t12r-r-t {                                       /* 12px文字 赤　右寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #e60033;                            /* 文字色指定 (赤色) */
}
p.t12r-c-t {                                       /* 12px文字 赤　中央寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #e60033;                            /* 文字色指定 (赤色) */
}

p.t15r-t {                                         /* 12px文字 赤　左寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 12px */
  color      : #e60033;                            /* 文字色指定 (赤色) */
}
span.t15r-t {                                      /* 12px文字 赤　左寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 12px */
  color      : #e60033;                            /* 文字色指定 (赤色) */
}
p.t15r-c-t {                                       /* 15px文字 赤　中央寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #e60033;                            /* 文字色指定 (赤色) */
}
span.t15r-c-t {                                    /* 15px文字 赤　中央寄せ　太文字 */
  display    : block;                              /* 要素をブロックボックスに指定 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #e60033;                            /* 文字色指定 (赤色) */
  font-weight: bold;                               /* 太文字 */
}

/* 青 標準文字 --------------------------------------------------------------------------- */
p.t12bl {                                          /* 12px文字　青　左寄せ　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #0000ff;                            /* 文字色指定 (青色) */
}
p.t12bl-r {                                        /* 12px文字　青　右寄せ　標準文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #0000ff;                            /* 文字色指定 (青色) */
}
p.t12bl-c {                                        /* 12px文字　青　中央寄せ　標準文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #0000ff;                            /* 文字色指定 (青色) */
}

p.t15bl {                                          /* 15px文字　青　左寄せ　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #0000ff;                            /* 文字色指定 (青色) */
}
span.t15bl {                                       /* 15px文字　青　左寄せ　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #0000ff;                            /* 文字色指定 (青色) */
}

/* 青 太文字 ----------------------------------------------------------------------------- */
p.t12bl-t {                                        /* 12px文字 青　左寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #0000ff;                            /* 文字色指定 (青色) */
}
p.t12bl-r-t {                                      /* 12px文字 青　右寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #0000ff;                            /* 文字色指定 (青色) */
}
p.t12bl-c-t {                                      /* 12px文字 青　中央寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #0000ff;                            /* 文字色指定 (青色) */
}

p.t15bl-t {                                        /* 15px文字 青　左寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #0000ff;                            /* 文字色指定 (青色) */
}
span.t15bl-t {                                     /* 15px文字 青　左寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #0000ff;                            /* 文字色指定 (青色) */
}

/* 白 標準文字 --------------------------------------------------------------------------- */
p.t12w {                                           /* 15px文字 白 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #ffffff;                            /* 文字色指定 (白色) */
}
p.t15w {                                           /* 15px文字 白 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #ffffff;                            /* 文字色指定 (白色) */
}
span.t15w {                                        /* 15px文字 白 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #ffffff;                            /* 文字色指定 (白色) */
}
p.t15w-r {                                         /* 15px文字　白　右寄せ　標準文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #ffffff;                            /* 文字色指定 (白色) */
}
p.t15w-c {                                         /* 15px文字　白　中央寄せ　標準文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #ffffff;                            /* 文字色指定 (白色) */
}

/* 白 太文字 ----------------------------------------------------------------------------- */
p.t15w-t {                                         /* 15px文字 白 */
  font-weight: bold;                               /* 15文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #ffffff;                            /* 文字色指定 (白色) */
}
p.t15w-r-t {                                       /* 15px文字　白　右寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #ffffff;                            /* 文字色指定 (白色) */
}
p.t15w-c-t {                                       /* 15px文字　白　中央寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #ffffff;                            /* 文字色指定 (白色) */
}

/* 黄 標準文字 --------------------------------------------------------------------------- */
p.t12y {                                           /* 12px文字　黄　(左寄せ)　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #ffff00;                            /* 文字色指定 (黄色) */
}
span.t12y {                                        /* 12px文字　黄　(左寄せ)　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #ffff00;                            /* 文字色指定 (黄色) */
}
p.t15y {                                           /* 15px文字　黄　(左寄せ)　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #ffff00;                            /* 文字色指定 (黄色) */
}
p.t15y-r {                                         /* 15px文字　黄　右寄せ　標準文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #ffff00;                            /* 文字色指定 (黄色) */
}
p.t15y-c {                                         /* 15px文字　黄　中央寄せ　標準文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #ffff00;                            /* 文字色指定 (黄色) */
}

/* 黄 太文字 ----------------------------------------------------------------------------- */
p.t15y-t {                                         /* 15px文字 黄　(左寄せ)　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #ffff00;                            /* 文字色指定 (黄色) */
}
p.t15y-r-t {                                       /* 15px文字 黄　右寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #ffff00;                            /* 文字色指定 (黄色) */
}
p.t15y-c-t {                                       /* 15px文字 黄　中央寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #ffff00;                            /* 文字色指定 (黄色) */
}


/* 緑 標準文字 ------------------------------------------------------------------------- */
p.t15g {                                          /* 15px文字　緑　(左寄せ)　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #009D5B;                            /* 文字色指定 黄緑色) */
}
span.t15g {                                          /* 15px文字　緑　(左寄せ)　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #009D5B;                            /* 文字色指定 (緑色) */
}
p.t15y-r {                                        /* 15px文字　緑　右寄せ　標準文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #009D5B;                            /* 文字色指定 (緑色) */
}
p.t15g-c {                                        /* 15px文字　緑　中央寄せ　標準文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #009D5B;                            /* 文字色指定 (緑色) */
}

/* 緑 太文字 --------------------------------------------------------------------------- */
p.t15g-t {                                        /* 15px文字　緑　(左寄せ)　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #009D5B;                            /* 文字色指定 (緑色) */
}
span.t15g-t {                                        /* 15px文字　緑　(左寄せ)　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #009D5B;                            /* 文字色指定 (緑色) */
}
p.t15g-r-t {                                      /* 15px文字　緑　右寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #009D5B;                            /* 文字色指定 (緑色) */
}
p.t15g-c-t {                                      /* 15px文字　緑　中央寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #009D5B;                            /* 文字色指定 (緑色) */
}

/* 黄緑 標準文字 ------------------------------------------------------------------------- */
p.t12yg {                                          /* 12px文字　黄緑　(左寄せ)　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 12px;                               /* 文字サイズ 12px */
  color      : #98fb98;                            /* 文字色指定 (黄緑色) */
}
p.t15yg {                                          /* 15px文字　黄緑　(左寄せ)　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #98fb98;                            /* 文字色指定 (黄緑色) */
}
span.t15yg {                                          /* 15px文字　黄緑　(左寄せ)　標準文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #98fb98;                            /* 文字色指定 (黄緑色) */
}
p.t15yg-r {                                        /* 15px文字　黄緑　右寄せ　標準文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #98fb98;                            /* 文字色指定 (黄緑色) */
}
p.t15yg-c {                                        /* 15px文字　黄緑　中央寄せ　標準文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #98fb98;                            /* 文字色指定 (黄緑色) */
}

/* 黄緑 太文字 --------------------------------------------------------------------------- */
p.t15yg-t {                                        /* 15px文字　黄緑　(左寄せ)　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : left;                               /* 文字配置指定(左寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #98fb98;                            /* 文字色指定 (黄緑色) */
}
p.t15yg-r-t {                                      /* 15px文字　黄緑　右寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : right;                              /* 文字配置指定(右寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #98fb98;                            /* 文字色指定 (黄緑色) */
}
p.t15yg-c-t {                                      /* 15px文字　黄緑　中央寄せ　太文字 */
  font-weight: bold;                               /* 太文字 */
  text-align : center;                             /* 文字配置指定(中央寄せ) */
  font-size  : 15px;                               /* 文字サイズ 15px */
  color      : #98fb98;                            /* 文字色指定 (黄緑色) */
}