body
{
  background-color: white;
  margin: 0px;
}

a:hover
{
  border: 1px solid black;
}

#navigation
{
  position: absolute;
  top: 80px;
  left: 560px;
  width: 230px;
  height: 310px;
  visibility: visible;
}

#navigation_content
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 230px;
  height: 310px;
  border: 1px solid gray;
  background-color: #eeeeee;
}

#content
{
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -195px;
  margin-left: -315px;
  width: 630px;
  height: 390px;
  z-index: 10;
}

#logo
{
  position: absolute;
  top: 80px;
  left: 400px;
  width: 150px;
  height: 150px;
  background-image: url('../image/logo.png');
  background-color: white;
  border: 1px solid gray;
}

#partner
{
  top: 240px;
  left: 320px;
  background-image: url('../image/partner.png');
}

a:hover#partner
{
  background-image: url('../image/partner_a.png');
}

#navigation_start
{
  top: 0px;
  left: 560px;
  background-image: url('../image/navigation.png');
}

a:hover#navigation_start
{
  background-image: url('../image/navigation_a.png');
}

div#image_preload
{
  display: none;
}

.cube
{
  position: absolute;
  width: 70px;
  height: 70px;
  border: 1px solid gray;
}

#cube_0
{
  top: 0px;
  left: 0px;
}

#cube_1
{
  top: 0px;
  left: 80px;
}

#cube_2
{
  top: 0px;
  left: 160px;
}

#cube_3
{
  top: 0px;
  left: 240px;
}

#cube_4
{
  top: 0px;
  left: 320px;
}

#cube_5
{
  top: 80px;
  left: 0px;
}

#cube_6
{
  top: 80px;
  left: 80px;
}

#cube_7
{
  top: 80px;
  left: 160px;
}

#cube_8
{
  top: 80px;
  left: 240px;
}

#cube_9
{
  top: 160px;
  left: 0px;
}

#cube_10
{
  top: 160px;
  left: 80px;
}

#cube_11
{
  top: 160px;
  left: 160px;
}

#cube_12
{
  top: 160px;
  left: 240px;
}

#cube_13
{
  top: 160px;
  left: 320px;
}

#cube_14
{
  top: 240px;
  left: 0px;
}

#cube_15
{
  top: 240px;
  left: 80px;
}

#cube_16
{
  top: 320px;
  left: 160px;
}

#cube_17
{
  top: 320px;
  left: 240px;
}

#cube_18
{
  top: 320px;
  left: 400px;
}