@charset "utf-8";
#Frame1{
 position: absolute;
 top: 162px;
 left: 166px;
 width: 130px;
 height: 360px;
 visibility: visible;
 z-index: 1;
}
#cloud{
  margin-top: 18px;
  left: 10px;
  width: 122px;
  height: 90px;
}
#sea{
  background: url("../img/anim-sea.gif");
  margin-top: 5px;
  margin-left: 0px;
  width: 110px;
  height: 70px;
  animation-name: sea;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 0s;
}
#Mountain{
  background: url("../img/anim-mountain.gif");
  margin-top: 10px;
  margin-left: 10px;
  width: 100px;
  height: 90px;
  animation-name: mountain;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 0.5s;
}
#village{
  background: url("../img/anim-village.gif");
  margin-top: 10px;
  margin-left: 5px;
  width: 110px;
  height: 80px;
  animation-name: mountain;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 1s;
}
#mainPic{
 position: absolute;
 z-index: 3;
 visibility: visible;
 align: right;
 width: 480px;
 height: 360px;
 top: 180px;
left: 288px;
}
#picImg{
 position: absolute;
 width: 462px;
 height: 360px;
 background: url("../img/Torazuiwa.jpg");
}
#picImg:hover{
 background: url("../img/port_maedomari.jpg");
 position: absolute;
 width: 462px;
 height: 360px;
}
#tbl1{
 position: absolute;
 width: 762px;
 height: 100px;
 top: 10px;
 left: 0px;
 border: 0px;
 padding: 0px;
 margin: 0px;
}
#tbl1 td{ 
 position: absolute;
 align: center;
 valign: top;
 background-color: #C3EFBF;
 width: 740px;
 height: 170;
 top: 10px;
 left: 10px;
}
#tbl1 td #tbl1Img1{
 position: absolute;
 width: 232px;
 height: 39px;
 top: 20px;
 left: 255px;
 border: 0px;
} 
#tbl1 td p{
 align: center;
 width: 760px;
 right: 760px;
 top: 567px;
 left: 0px;
 scrollbar-track-color: aqua;
}
#tbl1 td p img{
 position: absolute;
 width: 653px;
 height: 43;
 top: 62px;
 left: 24px;
 border: 0px;
 align: center;
}
#tbl1 td p span{
 position: absolute;
 color: #000000;
/* font-size: x-large; */
 font-weight: bold; 
 font-size: 24px;
 top: 120px;
 left: 270px;
}
#tbl2 {
 position: absolute;
 border: 0px; 
 margin: 0px;
 width: 154px;
/* height: 350px; */
 height: 390px;
 top: 160px;
 left: 10px;
 background-color: #C3EFBF;
/* padding-top: 2px; */
 padding-left: 5px;
/* padding-bottom: 2px; */
 z-index : 2;
}
/*
.tbl2td{
 height: 15px;
} */
@keyframes sea{
  0%{  
    opacity: 1;
  }
  40%{
    opacity: 0.6;
  }
  100%{
    opacity: 0;
  }
}
@keyframes mountain{
  0%{  
    opacity: 1;
  }
  40%{
    opacity: 0.6;
  }
  100%{
    opacity: 0;
  }
}
@keyframes village{
  0%{  
    opacity: 1;
  }
  40%{
    opacity: 0.6;
  }
  100%{
    opacity: 0;
  }
}