*{margin: 0;
  padding: 0;}

body {color: black;
	  background-color: transparent;
	  white-space: normal;}
#allcontents	{width: 720px;
				 position: absolute;
				 left: 40px;
				 margin-right: 40px;}
#header	{width: 720px;
			 height: 45px;
			 position: absolute;
			 top: 0px;
			 left: 0px;
			 border-left: #666666 solid 3px;
			 border-right: #666666 solid 3px;}
div#header p a:hover{background-position: 0px -45px;}
div#logo	{width: 170px;
			 height: 45px;
			 padding: 0px;
			 margin: 0px;
			 float: left;}
#tabhome a{width: 110px;
		 height: 45px;
		 padding: 0px;
		 margin: 0px;
		 float: left;
		 background: transparent url(image/home.jpg) no-repeat 0 0;}
#tabstory a{width: 110px;
		 height: 45px;
		 padding: 0px;
		 margin: 0px;
		 float: left;
		 background: transparent url(image/story.jpg) no-repeat 0 0;}
#tabcharacter a{width: 110px;
		 height: 45px;
		 padding: 0px;
		 margin: 0px;
		 float: left;
		 background: transparent url(image/character.jpg) no-repeat 0 0;}
#tabevent a{width: 110px;
		 height: 45px;
		 padding: 0px;
		 margin: 0px;
		 float: left;
		 background: transparent url(image/event.jpg) no-repeat 0 0;}
#tabdownload a{width: 110px;
		 height: 45px;
		 padding: 0px;
		 margin: 0px;
		 float: left;
		 background: transparent url(image/down.jpg) no-repeat 0 0;}
#main	{width: 720px;
		 position: absolute;
		 top: 45px;
		 left: 0px;
		 border-left: #666666 solid 3px;
		 border-right: #666666 solid 3px;}
#homemain	{width: 720px;}
#topimage	{width: 720px;
			 height: 450px;
			 border-bottom: #666666 solid 3px;}
#topimage2	{width: 720px;
			 height: 714px;
			 border-bottom: #666666 solid 3px;}
#specification	{width: 315px;
				 height: 470px;
				 background: url(image/topback1.jpg) no-repeat 0 0;
				 margin-top: 0px;}
#spec	{width: 315px;
		 font-size: 13px;
		 margin-top: 5px;
		 line-height: 100%;}
dl#spec dt	{width: 100px;
			 margin-left: 2px;
			 float: left;}
dl#spec dd	{white-space: pre;
			 float: clear;}
em#caution	{font-size: 10px;}
#topic	{width: 405px;
		 height: 470px;
		 position: absolute;
		 top: 453px;
		 left: 315px;
		 background: url(image/topback3.jpg) no-repeat 0 0;}
#topic2	{width: 405px;
		 height: 470px;
		 position: absolute;
		 top: 720px;
		 left: 315px;
		 background: url(image/topback3.jpg) no-repeat 0 0;}
#topiccontents {margin-top: 5px;
				line-height: 100%;
				font-size: 13px:}
#topiccontents dt	{width: 100px;
					 margin-left: 10px;
					 float: left;}
#banner	{width: 405px;
		 list-style-type: none;
		 font-size: 12px;
		 position: absolute;
		 bottom: 0px;}
#banner li	{text-align: right;
			 margin-right: 5px;
			 margin-bottom: 5px;}
#footer	{width: 720px;
		 height: 80px;}
p#totop a:hover{background-position: 0px -20px;}
#footbar	{width: 625px;
			 height: 20px;
			 float: left;}
#footbartop	a{width: 95px;
		 	  height: 20px;
			  position: absolute;
			  left: 625px;
			  background: transparent url(image/foot1b.png) no-repeat 0 0;}
p#tofw a:hover{background-position: 0px -60px;}
#footbarfw	a{width: 720px;
		 	  height: 60px;
	     	  background: transparent url(image/foot2a.jpg) no-repeat 0 0;
	     	  clear: left;
	     	  position: absolute;
	     	  bottom: 0px;
	     	  left: 0px;}
#charaselearea	{height: 60px;}
#cs1 a:hover{background-position: 0px -30px;}
#cs2 a:hover{background-position: 0px -30px;}
#cs3 a:hover{background-position: 0px -30px;}
#cs4 a:hover{background-position: 0px -30px;}
#cs5 a:hover{background-position: 0px -30px;}
#selefa	a{width: 120px;
		  height: 30px;
		  position: absolute;
  		  top: 120px;
		  left: 20px;
		  background: transparent url(image/charasele_fa.jpg) no-repeat 0 0;}
#seleyo	a{width: 120px;
		  height: 30px;
 		  position: absolute;
		  top: 120px;
		  left: 160px;
		  background: transparent url(image/charasele_yo.jpg) no-repeat 0 0;}
#selele	a{width: 120px;
		  height: 30px;
		  position: absolute;
		  top: 120px;
		  left: 300px;
		  background: transparent url(image/charasele_le.jpg) no-repeat 0 0;}
#selena	a{width: 120px;
		  height: 30px;
		  position: absolute;
		  top: 120px;
		  left: 440px;
		  background: transparent url(image/charasele_na.jpg) no-repeat 0 0;}
#selecr	a{width: 120px;
		  height: 30px;
		  position: absolute;
		  top: 120px;
		  left: 580px;
		  background: transparent url(image/charasele_cl.jpg) no-repeat 0 0;}
#sa a:hover{background-position: 0px -24px;}
#fauna	{height: 740px;}
#fa1	a{width: 237px;
		 height: 24px;
		 position: absolute;
		 top: 437px;
		 left: 425px;
		 background: transparent url(image/sample1.png) no-repeat 0 0;}
#fa2	a{width: 237px;
		 height: 24px;
		 position: absolute;
		 top: 463px;
		 left: 425px;
		 background: transparent url(image/sample2.png) no-repeat 0 0;}
#fa3	a{width: 237px;
		 height: 24px;
		 position: absolute;
		 top: 489px;
		 left: 425px;
		 background: transparent url(image/sample3.png) no-repeat 0 0;}
#yoruz	{height: 740px;}		 
#yo1	a{width: 237px;
		 height: 24px;
		 position: absolute;
		 top: 1279px;
		 left: 100px;
		 background: transparent url(image/sample1.png) no-repeat 0 0;}
#yo2	a{width: 237px;
		 height: 24px;
		 position: absolute;
		 top: 1305px;
		 left: 100px;
		 background: transparent url(image/sample2.png) no-repeat 0 0;}
#yo3	a{width: 237px;
		 height: 24px;
		 position: absolute;
		 top: 1331px;
		 left: 100px;
		 background: transparent url(image/sample3.png) no-repeat 0 0;}
#leuko	{height: 740px;}
#le1	a{width: 237px;
		 height: 24px;
		 position: absolute;
		 top: 1962px;
		 left: 423px;
		 background: transparent url(image/sample1.png) no-repeat 0 0;}
#le2	a{width: 237px;
		 height: 24px;
		 position: absolute;
		 top: 1988px;
		 left: 423px;
		 background: transparent url(image/sample2.png) no-repeat 0 0;}
#le3	a{width: 237px;
		 height: 24px;
		 position: absolute;
		 top: 2014px;
		 left: 423px;
		 background: transparent url(image/sample3.png) no-repeat 0 0;}	
#natsuki	{height: 740px;}
#na1	a{width: 237px;
		 height: 24px;
		 position: absolute;
		 top: 2741px;
		 left: 79px;
		 background: transparent url(image/sample1.png) no-repeat 0 0;}
#na2	a{width: 237px;
		 height: 24px;
		 position: absolute;
		 top: 2767px;
		 left: 79px;
		 background: transparent url(image/sample2.png) no-repeat 0 0;}
#na3	a{width: 237px;
		 height: 24px;
		 position: absolute;
		 top: 2793px;
		 left: 79px;
		 background: transparent url(image/sample3.png) no-repeat 0 0;}	 		 
#crot	{height: 720px;}
#cl1	a{width: 237px;
		 height: 24px;
		 position: absolute;
		 top: 3456px;
		 left: 416px;
		 background: transparent url(image/sample1.png) no-repeat 0 0;}
#cl2	a{width: 237px;
		 height: 24px;
		 position: absolute;
		 top: 3482px;
		 left: 416px;
		 background: transparent url(image/sample2.png) no-repeat 0 0;}
#cl3	a{width: 237px;
		 height: 24px;
		 position: absolute;
		 top: 3508px;
		 left: 416px;
		 background: transparent url(image/sample3.png) no-repeat 0 0;}	 
#event	{height: 660px;
		 background-image: url("image/evback.jpg");}
#evcg00	{width: 180px;
		 height: 135px;
		 position: absolute;
		 top: 150px;
		 left: 70px;}
#evcg01	{width: 180px;
		 height: 135px;
		 position: absolute;
		 top: 150px;
		 left: 270px;}
#evcg02	{width: 180px;
		 height: 135px;
		 position: absolute;
		 top: 150px;
		 left: 470px;}		 
#evcg03	{width: 180px;
		 height: 135px;
		 position: absolute;
		 top: 305px;
		 left: 70px;}
#evcg04	{width: 180px;
		 height: 135px;
		 position: absolute;
		 top: 305px;
		 left: 270px;}
#evcg05	{width: 180px;
		 height: 135px;
		 position: absolute;
		 top: 305px;
		 left: 470px;}
#evcg06	{width: 180px;
		 height: 135px;
		 position: absolute;
		 top: 460px;
		 left: 70px;}
#evcg07	{width: 180px;
		 height: 135px;
		 position: absolute;
		 top: 460px;
		 left: 270px;}
#evcg08	{width: 180px;
		 height: 135px;
		 position: absolute;
		 top: 460px;
		 left: 470px;}#eventcg	{height: 450px;}
p#button a:hover{background-position: 0px -50px;}
#back a	{width: 50px;
		 height: 50px;
		 position: absolute;
		 top: 305px;
		 left: 30px;
		 background: transparent url(image/prev.png) no-repeat 0 0;}
#samplecg	{width: 480px;
			 height: 360px;
		 	 position: absolute;
		 	 top: 150px;
		 	 left: 120px;}
#foward a{width: 50px;
		  height: 50px;
		  position: absolute;
		  top: 305px;
		  left: 640px;
		  background: transparent url(image/next.png) no-repeat 0 0;}
#footbarcg	{width: 625px;
			 height: 20px;
			 float: left;}
#footbartopcg	a{width: 187px;
		 	  	  height: 20px;
			 	  position: absolute;
			  	  left: 533px;
			  	  background: transparent url(image/event_1b.png) no-repeat 0 0;}
			  	  
#downarea	{background-image: url(image/dlback.jpg);
			 width: 720px;
			 height: 400px;}
#dl01		{width: 720px;
			 height: 120px;}
#dl01a		{width: 160px;
			 height: 120px;
			 position: absolute;
			 top:115px;
			 left: 0px;
			 border-bottom: 1px solid #666666;
			 background-image: url(image/dlimage.jpg);}
#dl01b		{width: 560px;
			 height: 120px;
			 position: absolute;
			 top: 115px;
			 left: 160px;
			 border-bottom: 1px solid #666666;}
#dl01b	p	{padding-left: 5px;
			 padding-top: 10px;
			 color: #F7FFC6;}
#dl01b	a	{color: #F7FFC6;}			 
#dl01b	p span{font-size: 12px;}
#dl02		{width: 720px;
			 height: 120px;}
#dl02a		{width: 160px;
			 height: 120px;
			 position: absolute;
			 top:235px;
			 left: 0px;
			 border-bottom: 1px solid #666666;
			 background-image: url(image/dlimage.jpg);}
#dl02b		{width: 560px;
			 height: 120px;
			 position: absolute;
			 top: 235px;
			 left: 160px;
			 border-bottom: 1px solid #666666;}
#dl02b	p	{padding-left: 5px;
			 padding-top: 10px;
			 color: #F7FFC6;}
#dl02b	a	{color: #F7FFC6;}			 
#dl02b	p span{font-size: 12px;}
#dl03		{width: 720px;
			 height: 120px;}
#dl03a		{width: 160px;
			 height: 120px;
			 position: absolute;
			 top:355px;
			 left: 0px;
			 border-bottom: 1px solid #666666;
			 background-image: url(image/dlimage2.jpg);}
#dl03b		{width: 560px;
			 height: 120px;
			 position: absolute;
			 top: 355px;
			 left: 160px;
			 border-bottom: 1px solid #666666;}
#dl03b	p	{padding-left: 5px;
			 padding-top: 10px;
			 color: #F7FFC6;}
#dl03b	a	{color: #F7FFC6;}			 
#dl03b	p span{font-size: 12px;}
span#red	{color: red;
			 font-size: 10px;}
div#saler	{position: relative;
			 top: 5px;
			 left: 5px;}
#salercont {margin-top: 5px;
			line-height: 100%;
			font-size: 13px:}
#salercont dt	{width: 140px;
				 margin-left: 10px;
				 float: left;}
p#cent	{position: absolute;
		 left: 120px;}
div#saler2	{position: relative;
			 top: 10px;
			 left: 20px;}