.main {
height:100%;
color: #000000;
position:relative;
margin: 0 auto; 

background-color: #ffffff;
background-image: url("titleback3.png");
background-attachment: fixed;

-moz-background-size:100% auto;
background-size:100% auto;

background-position: center;
background-repeat: no-repeat;
}

.help{
	display:none;
	position:absolute;
	tep:1em;
	left:1em;
}
a:hover.help{
	display:block;
	color:#ffffff;
}
div {  
  //  border: 1px solid #000000;  
}  

a:link.toppage{
  width:250px;
  height:100px;
  bottom:0;
  background-image:url("image/titlelogo.png");
  list-style:none;
  background-size:cover;
}
a:hover.toppage{
  width:250px;
  height:100px;
  bottom:0;
  background-image:url("image/titlelogoon.png");
  list-style:none;
  background-size:cover;
}
a:link.system{
  float:left;
 // display:block;
  width:250px;
  height:250px;
  background-image:url("image/systemoff.png");
  list-style:none;
  background-size:cover;
}
a:hover.system{
  float:left;
//  display:block;
  width:250px;
  height:250px;
  background-image:url("image/systemon.png");
  list-style:none;
  background-size:cover;
}

a:link.character{
  float:left;
//  display:block;
  width:250px;
  height:250px;
  background-image:url("image/characteroff.png");
  list-style:none;
  background-size:cover;
}
a:hover.character{
  float:left;
//  display:block;
  width:250px;
  height:250px;
  background-image:url("image/characteron.png");
  list-style:none;
  background-size:cover;
}
a:link.screen{
  float:left;
  width:250px;
  height:250px;
  background-image:url("image/screenoff.png");
  list-style:none;
  background-size:cover;
}
a:hover.screen{
  float:left;
  width:250px;
  height:250px;
  background-image:url("image/screenon.png");
  list-style:none;
  background-size:cover;
}
a:link.staff{
  float:left;
  width:250px;
  height:250px;
  background-image:url("image/staffoff.png");
  list-style:none;
  background-size:cover;
}
a:hover.staff{
  float:left;
  width:250px;
  height:250px;
  background-image:url("image/staffon.png");
  list-style:none;
  background-size:cover;
}
a:link.omake{
  float:left;
  width:200px;
  height:200px;
  background-image:url("image/omakeoff.png");
  list-style:none;
  background-size:cover;
}
a:hover.omake{
  float:left;
  width:200px;
  height:200px;
  background-image:url("image/omakeon.png");
  list-style:none;
  background-size:cover;
}


a:link.system2{
  float:left;
 // display:block;
  width:200px;
  height:200px;
  background-image:url("image/systemoff.png");
  list-style:none;
  background-size:cover;
}
a:hover.system2{
  float:left;
//  display:block;
  width:200px;
  height:200px;
  background-image:url("image/systemon.png");
  list-style:none;
  background-size:cover;
}

a:link.character2{
  float:left;
//  display:block;
  width:200px;
  height:200px;
  background-image:url("image/characteroff.png");
  list-style:none;
  background-size:cover;
}
a:hover.character2{
  float:left;
//  display:block;
  width:200px;
  height:200px;
  background-image:url("image/characteron.png");
  list-style:none;
  background-size:cover;
}
a:link.screen2{
  float:left;
  width:200px;
  height:200px;
  background-image:url("image/screenoff.png");
  list-style:none;
  background-size:cover;
}
a:hover.screen2{
  float:left;
  width:200px;
  height:200px;
  background-image:url("image/screenon.png");
  list-style:none;
  background-size:cover;
}
a:link.staff2{
  float:left;
  width:200px;
  height:200px;
  background-image:url("image/staffoff.png");
  list-style:none;
  background-size:cover;
}
a:hover.staff2{
  float:left;
  width:200px;
  height:200px;
  background-image:url("image/staffon.png");
  list-style:none;
  background-size:cover;
}
a:link.system3{
  float:left;
  width:200px;
  height:200px;
  background-image:url("image/systemon.png");
  list-style:none;
  background-size:cover;
}
a:link.character3{
  float:left;
  width:200px;
  height:200px;
  background-image:url("image/characteron.png");
  list-style:none;
  background-size:cover;
}
a:link.screen3{
  float:left;
  width:200px;
  height:200px;
  background-image:url("image/screenon.png");
  list-style:none;
  background-size:cover;
}
a:link.staff3{
  float:left;
  width:200px;
  height:200px;
  background-image:url("image/staffon.png");
  list-style:none;
  background-size:cover;
}

.leftscreen{
	width:360px;
	height:360px;
	left:20px;
	position:absolute;
}
.rightscreen{
	width:360px;
	height:360px;
	right:20px;
	position:absolute;
}