@charset "Shift_JIS";
*{
  margin: 0;
  cursor: url(momo.cur),auto;
}



div#ttop{
	height: 5px;
	background-color: blue;
}
div#top{

	background-color: green;
border-width : 5px;border-style : ridge;
}
div#top_in{
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}
div#top_in img{
	float: left;

	font-family: "AR Script3 Bold";
}

div#top_in h1{
	float: left;
	margin-left: 30px;
	font-family: "AR Script3 Bold";
}





div#oowaku{

  background-color: black;
  background-image : url(../img/ginga.jpg);
  background-repeat: repeat-y;
  background-position: center top;
  margin-left: auto;
  margin-right: auto;
  width : 900px;
  height : 610px;
}
div#waku1{
  background-image : url(../img/hachiman/kyokujitu.png);
  background-repeat: no-repeat;
  width: 900px;
  height: 600px;
  z-index: 1;
}
div#waku1 h1{
	text-align: center;
	border-width: 5px;
	border-style: solid;
	border-color: black;
}
div#waku1a{
  width: 100px;
  height: 150px;
  top : 0px;
  left: 300px;
  position: relative;
}
div#waku2{
  background-image : url(../img/hachiman/hachiman1.png);
  background-repeat: no-repeat;
  width: 900px;
  height: 600px;
  z-index: 2;
  position: relative;
  top: -600px;
}
div#waku2a{
  width: 100px;
  height: 150px;
  top:    300px;
  left: 760px;
  position: relative;
}
div#waku2b{
  width: 100px;
  height: 150px;
  top:    300px;
  left: 760px;
  position: relative;
}
div#waku3{
  background-image : url(../img/hachiman/hachiman3.png);
  background-repeat: no-repeat;
  width: 900px;
  height: 600px;
  z-index: 3;
  position: relative;
  top: -1200px;
}
div#waku3a{
  width : 900px;
  height : 375px;
  top:    0px;
  left:   0px;
  position: relative;
}
div#waku4{
  background-image : url(../img/hachiman/tori5.png);
  background-repeat: no-repeat;
  width: 900px;
  height: 600px;
  z-index: 4;
  position: relative;
  top: -1800px;
}
div#waku4a{
  width: 900px;
  height: 150px;
  top:    0px;
  left:   0px;
  position: relative;
}
div#waku4b{
  width: 900px;
  height: 150px;
  top:    0px;
  left:   0px;
  position: relative;
}
div#waku5{
  background-image : url(../img/hachiman/tori4.png);
  background-repeat: no-repeat;
  width: 900px;
  height: 600px;
  z-index: 5;
  position: relative;
  top: -2400px;
}
div#waku5a{
  width: 900px;
  height: 150px;
  top : 100px;
  left: 10px;
  position: relative;
}
div#waku5b{
  width: 900px;
  height: 150px;
  top : 100px;
  left: 10px;
  position: relative;
}

div#waku6{
  background-image : url(../img/hachiman/tori3.png);
  background-repeat: no-repeat;
  width: 900px;
  height: 600px;
  z-index: 6;
  position: relative;
  top: -3000px;
}
div#waku6a{
  width: 900px;
  height: 150px;
  top : 100px;
  left: 10px;
  position: relative;
}
div#waku6b{
  width: 900px;
  height: 150px;
  top : 100px;
  left: 10px;
  position: relative;
}

div#waku7{
  background-image : url(../img/hachiman/tori2.png);
  background-repeat: no-repeat;
  width: 900px;
  height: 600px;
  z-index: 7;
  position: relative;
  top: -3600px;
}
div#waku7a{
  width : 880px;
  height: 150px;
  top : 100px;
  left: 10px;
  position: relative;
}

div#waku7 h1{
  color: white;
  font-family: ���C���I;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-width: 5px;
  border-style: groove;
  background-color: rgba(185, 185, 185, 0.5);
  font-size : 16pt;
}
div#waku8{
	width: 900px;
	height: 600px;
	z-index: 0;
	position: relative;
	top: -4200px;
	color: white;
  vertical-align : middle;
  text-align : center;
}


div#footer{
	height: 150px;
	background-color: green;
border-width : 10px;border-style : ridge;
  font-family : "AR Script3 Bold";
}



.off{
  visibility: hidden;
}
.on{
  visibility: visible;
}



body{
	background-color: black;
}