* {
 text-align: center;
font-family:"ＭＳ Ｐゴシック",sans-serif;
 color: #FFFFFF;
}
body{
  background-image: url("/box/haikei.png");
	}
.container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
a{
  text-decoration: none;
}
  /* アクセスカウンター */
    .counter-box {
      border: 2px outset #cccccc;
      background-color: #c0c0c0;
      color: #000000;
      display: inline-block;
      padding: 10px 20px;
      margin: 15px 0;
    }
/* 動く */
    .marquee-container {
      background-color: #1B0F27;
      color: #ffffff;
      padding: 5px 0;
      border: 2px inset #ffffff;
      margin: 15px auto;
      max-width: 600px;
      font-weight: bold;
      overflow: hidden; 
      white-space: nowrap; 
      position: relative;
    }
    .marquee-text {
      display: inline-block;
      padding-left: 100%; 
      animation: marquee-anim 15s linear infinite; /* 15秒 */
    }

    @keyframes marquee-anim {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-100%);
      }
    }  
/* 表 */
    table.r-table {
      margin: 20px auto;
      border-collapse: separate;
      border-spacing: 2px;
      background-color: #c0c0c0;
      border: 3px outset #ffffff;
    }

    table.r-table td {
      background-color: #1B0F27;
      padding: 8px 15px;
      border: 2px inset #ffffff;
      font-weight: bold;
    }

    table.r-table td a {
      color: #ffffff;
      text-decoration: none;
    }

    table.r-table td a:hover {
      color: #ffff00;
      text-decoration: underline;
    }

/* お知らせ */
    .content-box {
      border: 2px dashed #ff00ff;
      max-width: 600px;
      margin: 20px auto;
      padding: 15px;
    }

/* フッター */
footer {
      margin-top: 40px;
      font-size: 12px;
      color: #808080;
    }