body {
   margin               : 0px;
   padding              : 0px;
   background-color     : #FFFFFF;
   width                : 100%;
//   background-image     : url('https://ogre.natalie.mu/media/news/music/2022/0222/FRUITSZIPPER_logo.jpg?imwidth=750&imdensity=1');
//   background-image     : url('https://season-freeillust.com/img/spring-illust/68.png');
//   background-image     : url('../img/stand-with-ukraine.jpg');
//   background-size      : 30%;
//   background-repeat    : repeat;
   font-family          : calibri, verdana, arial, comic sans;
   min-width            : 1920px;
}

h1 {
   font-size            : 25pt;
}

a img {
   border: 0;
}

a.tip {
   text-decoration      : none;
}

a.tip:hover {
   position             : relative;
}

a.tip span {
   display              : none;
}

a.tip:hover span {
   background           : #000000;
   opacity              : 0.8;
   border               : none;
   border-radius        : 5px 5px 5px 5px;
   font-family          : calibri, verdana, arial, comic sans;
   font-size            : 12pt;
   text-decoration      : none;
   white-space          : nowrap;
   color                : #FFFFFF;
   padding              : 6px 6px 6px 6px;
   margin               : 10px;
   display              : block;
   z-index              : 50; 
   position             : absolute;
   top                  : 10px;
}

#top {
   height               : 360px;
   background-color     : #FFFFFF;
   width                : 100%;
//   background-image     : url('https://pbs.twimg.com/media/F482OljacAA9egi?format=jpg&name=large');
//   background-image     : url('https://pbs.twimg.com/media/GgLeWpobYAArs7X?format=jpg&name=900x900');
   background-image     :  url('https://ogre.natalie.mu/media/news/music/2022/0222/FRUITSZIPPER_logo.jpg?imwidth=750&imdensity=1');
//                          url('https://ogre.natalie.mu/media/news/music/2022/0222/FRUITSZIPPER_logo.jpg?imwidth=750&imdensity=1'),
//                          url('https://ogre.natalie.mu/media/news/music/2022/0222/FRUITSZIPPER_logo.jpg?imwidth=750&imdensity=1');
//   background-size	: auto 200px, auto 200px, auto 200px;
//   background-repeat    : no-repeat, no-repeat, no-repeat;
//   background-position  : 0px 0px 360px 0px 720px 0px;
   position             : absolute;
   left                 : 0px;
   top                  : 100px;  
   min-width            : 1920px;   
   width                : 100%;
   background-repeat    : repeat;
   background-size	: auto 90px;
   background-position	: 0px 0px;
}

#top2 {
   height               : 100px;
   background-color     : #FFFFFF;
   width                : 100%;
//   background-image     : url('https://www.anocolympic.org/wp-content/uploads/2017/12/Logos_Beijing2022_Olympics_Paralympics_1000-600.jpg');
//   background-image     : url('../img/header_xlxtyo_mint.jpg');
//   background-size      : auto 100%;
//   background-repeat    : no-repeat;
//   background-position  : 0px;
   position             : absolute;
   left                 : 0px;
   top                  : 10px;
   min-width            : 1366px;
   white-space		: nowrap;
   overflow		: hidden;
//   animation		: scroll 24s linear infinite;
}

@keyframes scroll {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

#top3 {
   height               : 30px;
   background-color     : #FFFFFF;
   width                : 100%;
   position             : absolute;
   left                 : 0px;
   top                  : 500px;
   min-width            : 1366px;
}

#top4 {
   height               : 30px;
   background-color     : #FFFFFF;
   width                : 100%;
   position             : absolute;
   left                 : 0px;
   top                  : 525px;
   min-width            : 1366px;
}

#top5 {
   height               : 30px;
   background-color     : #FFFFFF;
   width                : 600px;
   position             : absolute;
   left                 : 0px;
   top                  : 475px;
   min-width            : 600px;
}

#top6 {
   height               : 30px;
   background-color     : #FFFFFF;
   width                : 600px;
   position             : absolute;
   left                 : 0px;
   top                  : 500px;
   min-width            : 600px;
}

#top7 {
   height               : 30px;
   background-color     : #FFFFFF;
   width                : 600px;
   position             : absolute;
   left                 : 0px;
   top                  : 525px;
   min-width            : 600px;
}

#top8 {
   height               : 30px;
   background-color     : #FFFFFF;
   width                : 100%;
   position             : absolute;
   left                 : 0px;
   top                  : 475px;
   min-width            : 1366px;
}

#menu {
   position             : absolute;
   left                 : 0px;
   margin-top           : 5px;
   height               : 34px;
   float                : left;
}

#menubar {
   height               : 40px;
   width                : 100%;
   background-color     : #874da1;
   position             : absolute;   
   left                 : 0px;
   top                  : 555px;
   min-width            : 1366px;      
}

#content {
   width                : 100%;
   position             : absolute;
   left                 : 0px;
   top                  : 595px;
   color                : black;   
   animation            : image_anime 40s ease infinite; /* 5秒のアニメーションを繰り返す */
//   background-image     : url('https://pbs.twimg.com/media/GJMHhNxWkAAiYDD?format=jpg&name=large');
//   background-image     : url('https://pbs.twimg.com/media/GUOUn0AbAAABLzV?format=jpg&name=large');
//   background-image     : url('https://pbs.twimg.com/media/GVeIPz0aIAAU6LE?format=jpg&name=large');
//   background-image     : url('https://pbs.twimg.com/media/F4mU5zEbcAAeY9f?format=jpg&name=large');
//   background-image     : url('https://pbs.twimg.com/media/FzjIDz7aIAADBJ7?format=jpg&name=large');
//   background-image     : url('https://pbs.twimg.com/media/FxD4OV6agAAIhTx?format=jpg&name=large');
   background-size      : 18%;
   background-repeat    : repeat;
   min-width            : 1366px;
}

@keyframes image_anime {
  0% {
  }
  10% {
    background-image: url('../img/luna.JPG'); /* るなぴ */
    background-image: url('https://images.groobee.com/images/asobisystem/jMZCVEZtlRE33Dww4aNSdLzipIBaWSTF4NyVxYdi.png'); /* るなぴ */
  }
  25% {
    background-image: url('../img/yui.JPG'); /* ゆいちゃん */
    background-image: url('https://images.groobee.com/images/asobisystem/CcXsDPBAkVDKiFdx2REEFZDX3X3BzFiTwpZvsmgQ.png'); /* ゆいちゃん */
  }
  40% {
    background-image: url('../img/karen.JPG'); /* かれんちゃん */
    background-image: url('https://images.groobee.com/images/asobisystem/zT9J7p76CGRznUulmttrYlmI1Wosp4nHKoSNUqPE.png'); /* かれんちゃん */
  }
  55% {
    background-image: url('../img/suzuka.JPG'); /* おすず */
    background-image: url('https://images.groobee.com/images/asobisystem/Wv7q3ADIqFlb8pt881uKyEDv45dtrz7jttnedsuu.png'); /* おすず */
  }
  70% {
    background-image: url('../img/amane.JPG'); /* あまねき */
    background-image: url('https://images.groobee.com/images/asobisystem/ERAAYoSAzXgUBV5GuZ7TKyEki9PdsZrXGuV1TdPh.png'); /* あまねき */
  }
  85% {
    background-image: url('../img/noel.JPG'); /* のえちゃん */
    background-image: url('https://images.groobee.com/images/asobisystem/AWv9YlRzN04TwT1QrNFDdjF1QZtebiT8ShWThGmN.png'); /* のえちゃん */
  }
  100% {
    background-image: url('../img/mana.JPG'); /* まなふぃ */
    background-image: url('https://images.groobee.com/images/asobisystem/h0naQOMKlWlPiEZ44PrcQ21L4EsPE12VlSfIloH0.png'); /* まなふぃ */
  }
}


.menulink {
   font-size            : 14pt;
   text-decoration      : none;
   white-space          : nowrap;
   border               : 1px #000000 solid;
   padding-left         : 10px;
   padding-top          : 3px;
   padding-bottom       : 3px;
   padding-right        : 10px;
   margin-left          : 10px;
   background-color     : #FFFFFF;
   color                : #000000;
}

 .menulinkactive {
   font-size            : 14pt;
   text-decoration      : none;
   white-space          : nowrap;
   border               : 1px #000000 solid;
   padding-left         : 10px;
   padding-top          : 3px;
   padding-bottom       : 3px;
   padding-right        : 10px;
   margin-left          : 10px;
   background-color     : #EAD7F4;
   color                : #000000;
} 

.pl {
   font-size            : 12pt;
   text-decoration      : none;
   color                : #000000;
}
  
.listingtable {
   margin-top           : 10px;
   background-color     : #000000;
   border               : 1px #C1DAD7 solid;
   font-size            : 12pt;   
}
  
.listingtable th {
   height               : 35px;
   text-align           : center;
   background-color     : #D5EBF0;
   background-image     : -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0, rgb(135, 77, 161)),
      color-stop(0.8, rgb(135, 77, 161))
   );
   background-image: -o-linear-gradient(bottom, rgb(135, 77, 161) 0%, rgb(135, 77, 161) 80%);
   background-image: -moz-linear-gradient(bottom, rgb(135, 77, 161) 0%, rgb(135, 77, 161) 80%);
   background-image: -webkit-linear-gradient(bottom, rgb(135, 77, 161) 0%, rgb(135, 77, 161) 80%);
   background-image: -ms-linear-gradient(bottom, rgb(135, 77, 161) 0%, rgb(135, 77, 161) 80%);
   background-image: linear-gradient(to bottom, rgb(135, 77, 161) 0%, rgb(135, 77, 161) 80%);
}

.listingtable td {
   padding-left         : 5px;
}      

.listinglink {
   font-size            : 12pt;
   text-decoration      : underline;
   color                : #60A1DE;
}

.error {
   font-size         : 12pt;
   text-decoration   : none,
   font-weight       : bold;
   color             : #FF0000;
   background-color  : #FFFFFF;
   width             : 90%;
   padding           : 15px;
   margin            : 5px;
}

.FilterField {
   font-size         : 10pt;
   text-decoration   : none,
   color             : #000000;
   background-color  : #FFFFFF;
   width             : 150px;
   height            : 20px;
   padding-left      : 5px;
   padding-top       : 3px;
   border            : 1px #60A1DE solid;
}

.FilterSubmit {
   font-size         : 10pt;
   text-decoration   : none,
   color             : #000000;
   background-color  : #FFFFFF;
   height            : 26px;
   width             : 60px;
   padding-left      : 5px;
   padding-top       : 3px;
   border            : 1px #60A1DE solid;
}

.smalllink {
   font-size         : 12pt;
   text-decoration   : none;
   color             : #0E0789;
}

iframe {
//   position	: absolute;
//   top		: 0px;
//   left		: 150px;
//   float	: left;
//   margin-right	: 150px;
//   width	: 50%;
//   height	: 300px;
//   width      : 50%;
   padding    : 0px 10px;
//   box-sizing : border-box;
}

.blink { 
   animation: blinker 3s linear infinite; 
} 

@keyframes blinker {
   50% { 
   opacity: 0;
   } 
}