/* css 
*/
  body 
  {
    margin : 0px ;
    font   : 3vh play ;
    color  : #aaaaaa ;
  }
  @font-face 
  {
    font-family : play ;
    src         : url("../source/font/play.ttf") ;
  }
  a 
  {
    color           : #555555 ;
    text-decoration : none ;
    cursor          : pointer ;
  }
  a:hover 
  {
    opacity : 0.5 ;
  }
  img 
  {
    max-width  : 100% ;
    max-height : 100% ;
  }
  table 
  {
    margin-left  : auto ;
    margin-right : auto ;
  }
  .main 
  {
    width             : 100% ;
    height            : 100% ;
    position          : absolute ;
    top               : 0% ;
    left              : 0% ;
    right             : 0% ;
    bottom            : 0% ;
    background        : #aaaaaa ;
    -webkit-animation : fadein 4s ;
    -moz-animation    : fadein 4s ;
    -ms-animation     : fadein 4s ;
    -o-animation      : fadein 4s ;
    animation         : fadein 4s ;
  }
  .logo 
  {
    width    : 90% ;
    height   : 4% ;
    position : absolute ;
    top      : 4% ;
    left     : 5% ;
    color    : #555555 ;
  }
  .info 
  {
    width    : 90% ;
    height   : 4% ;
    position : absolute ;
    top      : 8% ;
    left     : 5% ;
    color    : #000000 ;
  }
  .list 
  {
    width      : 90% ;
    height     : 72% ;
    position   : absolute ;
    top        : 16% ;
    left       : 5% ;
    background : #dddddd ;
  }
  .item 
  {
    width      : 20% ;
    height     : 30% ;
    position   : absolute ;
    margin     : 0px ;
    text-align : center ;
  }
  #item_1 
  {
    top  : 20% ;
    left : 15% ;
  }
  #item_2 
  {
    top  : 20% ;
    left : 40% ;
  }
  #item_3 
  {
    top  : 20% ;
    left : 65% ;
  }
  #item_4 
  {
    top  : 54% ;
    left : 15% ;
  }
  #item_5 
  {
    top  : 54% ;
    left : 40% ;
  }
  #item_6 
  {
    top  : 54% ;
    left : 65% ;
  }
  .menu 
  {
    width      : 90% ;
    height     : 4% ;
    position   : absolute ;
    top        : 92% ;
    left       : 5% ;
    text-align : center ;
    color      : #555555 ;
  }
  @-webkit-keyframes fadein 
  {
    from { opacity : 0.0 ; }
    to   { opacity : 1.0 ; }
  }
  @-moz-keyframes fadein 
  {
    from { opacity : 0.0 ; }
    to   { opacity : 1.0 ; }
  }
  @-ms-keyframes fadein 
  {
    from { opacity : 0.0 ; }
    to   { opacity : 1.0 ; }
  }
  @-o-keyframes fadein 
  {
    from { opacity : 0.0 ; }
    to   { opacity : 1.0 ; }
  }
  @keyframes fadein 
  {
    from { opacity : 0.0 ; }
    to   { opacity : 1.0 ; }
  }
