/* 全体設定 ===================================================================================== */

* {
  margin:  0;
  padding: 0;
  font-family:IPAMonaPGothic,'IPA モナー Pゴシック',Monapo,Mona,'MS PGothic','ＭＳ Ｐゴシック',sans-serif;
}


/* スクロールバーの設定 ----------------------- */
body {
  scrollbar-3dlight-color:    #0859DE; /* バーの左端の淵の部分       */
  scrollbar-arrow-color:      #013473; /* 上と下の矢印の色           */
  scrollbar-darkshadow-color: #0859DE; /* バーの右側と下の淵の部分   */
  scrollbar-face-color:       #3F8DEA; /* バー等の基本的な色         */
  scrollbar-highlight-color:  #E5E8F4; /* バー等の左と上のハイライト */
  scrollbar-shadow-color:     #E5E8F4; /* バー等の右と下のハイライト */
  scrollbar-track-color:      #013473; /* バーの下のトラックの色     */
}

/* スクロールバーの設定 （Chrome/Safari用）---- */
/* 全体背景部分 ----------- */
::-webkit-scrollbar {
  background:#013473;
}
/* ボタン部分 ------------- */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  background-color: #0859DE;
}
/* スクロール下部分 ------- */
::-webkit-scrollbar-track-piece {
  background-color: #3F8DEA;
}
/* 縦スクロール部分 ------- */
::-webkit-scrollbar-thumb:vertical {
  background-color: #CFDEF3;
}
/* 横スクロール部分 ------- */
::-webkit-scrollbar-thumb:horizontal {
  background-color: #CFDEF3;
}
/* 右下部分 --------------- */
::-webkit-scrollbar-corner {
  background:#cccccc;
}

body {
  background-image: url('../img/bg.png');
  background-attachment: fixed;
  color: #ffffff;
  background-color: #000000;
}

/* 昔の<center></center>に対応 */
.center-content1 {
  text-align: center;
}

/* 古の<center></center><br>に対応 */
.center-content2 {
  margin-top: 18px;
  text-align: center;
}
/* 上下にスペース */
.space-between {
  margin-top: 24px;
  margin-bottom: 24px;
}
/* 上にスペース */
.space-top {
  margin-top: 48px;
}

/* 昔の<font color='xxx'>に対応 */
.font-yellow {
  color: #FFFF00;
}
.font-red {
  color: #FF0000;
}
.font-green {
  color: #00FF00;
}
.font-blue {
  color: #0000FF;
}
.font-white {
  color: #FFFFFF;
}
.font-black {
  color: #000000;
}
.font-pink {
  color: #FF99CC;
}
.font-lightgray {
  color: #999999;
}
.font-brown {
  color: #996633;
}

/* 昔の<b>に対応 */
.font-bold {
  font-weight: bold;
}

/* 昔の緑色リンクに対応 */
.green-link a, .green-link a:link, .green-link a:visited {
  color: #00FF00;
  text-decoration: none;
}

option {
  padding: 3px 2px 2px;
}

.menu-img {
  display: block;
}

.menu-table {
  margin: 0 auto;
  width: 700px;  border: solid 1px white;
}
.side-menu-table {
  margin: 0 auto;
  width: 205px;  border: solid 1px white;
}
.menu-table-th {
  padding: 0;
}
.menu-table-th-left {
  background-color: #0000ff;
  width: 300px;
}
.menu-table-th-right {
  background-color: #339966;
  /* text-decoration: underline; */
}
.menu-table-th-h2 {
  font-family: Impact, 'Arial Black', sans-serif;
  color: #ffffff;
}

.menu-table-td {
  padding: 5px 10px 5px 10px;
  vertical-align: middle;
  background-color: #99ccaa;
  text-align: left;
}
.menu-font {
  color: #000000;
  line-height: 1.4;
}
.hidden-font {
  color: #99ccaa;
}
.hidden-link-font {
  color: #99ccaa;
  font-size: 10px;
}
.hidden-link, .hidden-link:link, .hidden-link:visited {
  color: #99ccaa;
  text-decoration: none;
}


/* 点滅アニメーション ------------------------- */
.blinking {
  -webkit-animation: blink 0.1s ease-in-out infinite alternate;
  -moz-animation: blink 0.1s ease-in-out infinite alternate;
  animation: blink 0.1s ease-in-out infinite alternate;
}

.blinking2 {
  -webkit-animation: blink 0.5s ease-in-out infinite alternate;
  -moz-animation: blink 0.5s ease-in-out infinite alternate;
  animation: blink 0.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;
  }
}