@charset "utf-8";

/* ●余白を０ピクセルで初期化 */

*
{
  margin:0px;
  padding:0px;
}

/* ●リンクボタンの定義 */

.message
{
  position:relative;
  cursor:pointer; /* aタグでリンク指定していなくても指マークを表示する */
}

.message span.remark
{
  display:none; /* 非表示状態にする */
}

/* マークにマウスポインターをかざしたときの設定 */
.message a:hover span.remark, 
.message:hover   span.remark
{
  display:block; /* 非表示から表示状態に変更する */

  /* メッセージ表示エリアの大きさの定義 */
  width: 152px;
  height:30px;

  /* メッセージの背景の設定 */
  background-color:#EEFFEE;  /* 背景色     */
  border: 1px solid #CCCCCC; /* 背景の枠線 */

  /* メッセージの文字の設定 */
  color: #000000;   /* 文字色（黒）*/
  font-size:10pt;   /* 文字サイズ  */
  font-weight:bold; /* 太字        */
  line-height:30px; /* 行の高さ（これを使って１行の文字列を上下中央に配置！）*/

  /* メッセージの表示位置の指定 */
  position:absolute;
  top: 0px;    /* 基準（マーク）からの垂直位置 */
  left:-176px; /* 基準（マーク）からの水平位置 */

  text-align:center;
}

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

img.top-movie2
{
  position:absolute;
  left:84px; /* (1068-900)/2 = 84 */
  top:54px;
}

img.top-movie3
{
  position:absolute;
  left:84px; /* (1068-900)/2 = 84 */
  top:520px;
}