@charset "utf-8";

* /* ●余白を０ピクセルで初期化 */
{
  margin:0px;
  padding:0px;
}

div.top-movie1
{
  text-align:center; position:relative;
  margin-top:18px;
}

img.top-movie2
{
  position:absolute;
  left:159px; /* (1068-750)/2 = 159 */
  top:60px;
}

img.top-movie3
{
  position:absolute;
  left:159px; /* (1068-750)/2 = 159 */
  top:360px;
}

a.menu:link,a.menu:visited{
  background-color:#669966;
  border:ridge 5px #CCCCCC;
  padding:3px 10px;
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
}

a.menu:hover{
  background-color:#FF3333;
  box-shadow:5px 5px 10px #999999;
}

table.top{
  border-collapse:collapse;
  margin:auto;
}

td.top{
  text-align:center;
  vertical-align:center;
  border:solid 3px #666666;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:6px;
}

body
{
  background-color:#ffffff;
}

/* 背景変更ボタンの文言 */
div.haikei-mongon
{
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  font-size:14px;
  font-weight:bold;
  color:blue;
  width:200px; /* android端末で画面を縦方向にしたときの対応（フォントサイズが優先され表示が大きかった）*/
  margin:auto; /* android端末で画面を縦方向にしたときの対応（フォントサイズが優先され表示が大きかった）*/
}

/* 背景変更ボタンの定義 */
input.BG-buton
{
  width:80px;
  height:30px;
  font-size:13px;
  margin-left:2px;
  margin-right:2px;
}

/* アニメ（ここから）*/
.marquee
{
  background-color: #98fb98; /* 背景色（PaleGreen）*/
  width: 180px;              /* 横幅   */
  overflow: hidden; /* 要素のボックスからはみ出た部分は隠して見えなくする */
}

.marquee > span
{
  display: inline-block;
  white-space: nowrap; /* ソース中の連続する半角スペース、タブ、改行を一つの半角スペースにまとめて表示 */
  padding-left: 100%;
  animation-name: MarqueeScroll;
  animation-timing-function: linear;   /* アニメーションが変化する速度：一定の割合で直線的に再生 */
  animation-duration: 5s;              /* １周するのにかかる時間 */
  animation-iteration-count: infinite; /* 繰り返す回数           */
}

@keyframes MarqueeScroll
{
  from { transform: translateX(0);}
  to { transform: translateX(-100%);}
}
/* アニメ（ここまで）*/