*{margin: 0px;
  padding: 0px;
  font-size: 12px;}

body {color: black;
	  background-color: transparent;
	  background-image: url("image/bg.gif");
}

a img	{border: none;}
#base	{width: 720px;
		 position: absolute;
		 left: 40px;
		 margin-right: 40px;}
#header	{width: 720px;
		 height: 100px;}
#logo	{width: 120px;
		 height: 100px;
		 float: left;
		 position: absolute;
		 top: 0px;
		 left: 0px;}
#title	{width: 600px;
		 height: 70px;
		 position: absolute;
		 top: 0px;
		 left: 120px;}
#menu	{width: 600px;
		 height: 30px;
		 position: absolute;
		 top: 70px;
		 left: 120px;}
div#menu p a:hover{background-position: 0px -30px;}
#home a{width: 100px;
		 height: 30px;
		 float: left;
		 background: transparent url(image/home.jpg) no-repeat 0 0;}
#story a{width: 100px;
		 height: 30px;
		 padding: 0px;
		 margin: 0px;
		 float: left;
		 background: transparent url(image/story.jpg) no-repeat 0 0;}
#character a{width: 100px;
		 height: 30px;
		 float: left;
		 background: transparent url(image/character.jpg) no-repeat 0 0;}
#event a{width: 100px;
		 height: 30px;
		 float: left;
		 background: transparent url(image/cg.jpg) no-repeat 0 0;}
#spec a{width: 100px;
		 height: 30px;
		 float: left;
		 background: transparent url(image/spec.jpg) no-repeat 0 0;}
#download a{width: 100px;
		 height: 30px;
		 float: left;
		 background: transparent url(image/download.jpg) no-repeat 0 0;}
#footer	{padding-top: 23px;}
#contentsall	{width: 720px;
                 background-color: #ffffff;}
#top	{width: 720px;
		 height: 540px;
		 margin-bottom: 5px;}
#topunder	{width: 720px;
			 height: 105px;
             background-image: url("image/whatnew.jpg");}
#topicl	{width: 405px;
		 height: 105px;
         font-size: 16px;}
#topicr	{width: 315px;
		 height: 105px;
		 position: absolute;
		 top: 690px;
		 left: 420px;
         font-size: 16px;}
p#ban	{font-size: 0.75em;}
#head	{width: 720px;
			 height: 50px;}
#main		{width: 720px;}
table#spectable	{width: 600px;
				 height: 495px;
				 border: 1px solid #ff3333;
				 border-collapse: collapse;
				 font-size: 12px;
				 margin-top: 20px;
				 margin-bottom: 20px;
				 position: relative;
				 top: 5px;
                 left: 60px;
                 background-image: url("image/spectable_m.jpg");}
table#spectable	td{border: 1px solid #ff3333;}
td#td1	{width: 150px;
		 padding: 2px;
		 border: 1px solid #ffffff;
		 border-collapse: collapse;
		 background-color: #fec4d2;}
td#td2	{width: 400px;
		 padding: 2px;}
.flipclip	{margin-top: 20px;
			 margin-bottom: 20px;
			 position: relative;
			 top: 7px;
			 left: 185px;}
table#downloads	{border: 1px solid #666666;
				 border-collapse: collapse;
				 font-size: 0.8em;
				 margin-top: 20px;
				 margin-bottom: 20px;
				 position: relative;
				 top: 7px;
				 left: 100px;}
table#downloads	td{border: 1px solid #666666;}
td#samenail	{width: 120px;
			 height: 90px;}
td#comment	{width: 400px;
			 padding: 2px;
             background-color: #ffffff;}
.td#comment a:hover{filter: alpha(style=0,opacity=50);}
.dracomment {position: absolute;
		     top:5px;
		     left:125px;
		     }
.dra01 {width: 55px;
		height: 57px;
		position: absolute;
		top:30px;
		left: 140px;
		}
.dra02 {width: 55px;
		height: 57px;
		position: absolute;
		top:30px;
		left: 240px;
		}
.dra03 {width: 55px;
		height: 57px;
		position: absolute;
		top:30px;
		left: 340px;
		}
div#charahead	{width: 720px;
				 height: 90px;
                 border: 0px;}
#charaselearea	{height: 30px;}
#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;}

#seleka	a{width: 120px;
		  height: 30px;
		  position: absolute;
  		  top: 145px;
		  left: 20px;
		  background: transparent url(image/name_button1.gif) no-repeat 0 0;}
#selemi	a{width: 120px;
		  height: 30px;
 		  position: absolute;
		  top: 145px;
		  left: 160px;
		  background: transparent url(image/name_button2.gif) no-repeat 0 0;}
#selemr	a{width: 120px;
		  height: 30px;
		  position: absolute;
		  top: 145px;
		  left: 300px;
		  background: transparent url(image/name_button3.gif) no-repeat 0 0;}
#seleem	a{width: 120px;
		  height: 30px;
		  position: absolute;
		  top: 145px;
		  left: 440px;
		  background: transparent url(image/name_button4.gif) no-repeat 0 0;}
#selema	a{width: 120px;
		  height: 30px;
		  position: absolute;
		  top: 145px;
		  left: 580px;
		  background: transparent url(image/name_button5.gif) no-repeat 0 0;}
		  
#charaselearea2	{height: 30px;}
#cs6 a:hover{background-position: 0px -30px;}
#cs7 a:hover{background-position: 0px -30px;}

#seles1	a{width: 120px;
		  height: 30px;
		  position: absolute;
  		  top: 189px;
		  left: 220px;
		  background: transparent url(image/name_button6.gif) no-repeat 0 0;}
#seles2	a{width: 120px;
		  height: 30px;
 		  position: absolute;
		  top: 189px;
		  left: 380px;
		  background: transparent url(image/name_button7.gif) no-repeat 0 0;}
		  
div#cgspace{height: 1000px;
			width: 720px;
            background-image: url("image/cgspace.jpg");
			font-size: 10px;}
#cg1	{width: 200px;
		 height: 150px;
		 position: relative;
		 top: 30px;
		 left: 30px;}
#cg2	{width: 200px;
		 height: 150px;
		 position: relative;
		 top: 30px;
		 left: 60px;}
#cg3	{width: 200px;
		 height: 150px;
		 position: relative;
		 top: 30px;
		 left: 90px;}
#cg4	{width: 200px;
		 height: 150px;
		 position: relative;
		 top: 60px;
		 left: 30px;}
#cg5	{width: 200px;
		 height: 150px;
		 position: relative;
		 top: 60px;
		 left: 60px;}
#cg6	{width: 200px;
		 height: 150px;
		 position: relative;
		 top: 60px;
		 left: 90px;}
#cg7	{width: 200px;
		 height: 150px;
		 position: relative;
		 top: 90px;
		 left: 30px;}
#cg8	{width: 200px;
		 height: 150px;
		 position: relative;
		 top: 90px;
		 left: 60px;}
#cg9	{width: 200px;
		 height: 150px;
		 position: relative;
		 top: 90px;
		 left: 90px;}
#cg10	{width: 200px;
		 height: 150px;
		 position: relative;
		 top: 120px;
		 left: 30px;}
#cg11	{width: 200px;
		 height: 150px;
		 position: relative;
		 top: 120px;
		 left: 60px;}
#cg12	{width: 200px;
		 height: 150px;
		 position: relative;
		 top: 120px;
		 left: 90px;}
#cg13	{width: 200px;
		 height: 150px;
		 position: relative;
		 top: 150px;
		 left: 30px;}
#cg14	{width: 200px;
		 height: 150px;
		 position: relative;
		 top: 150px;
		 left: 60px;}
#cg15	{width: 200px;
		 height: 150px;
		 position: relative;
		 top: 150px;
		 left: 90px;}
#eventcg	{width: 480px;
			 height: 420px;
			 position: relative;
			 top: 0px;
			 left: 120px;}
#eventfooter	{width: 720px;
				 height: 30px;
				 margin-top: 5px;
				 margin-bottom: 5px;}
div#eventfooter p a:hover{background-position: 0px -30px;}
#prev a{width: 40px;
		 height: 30px;
		 background: transparent url(image/button_l.gif) no-repeat 0 0;
		 position: absolute;
		 top: 580px;
		 left: 265px;}
#go a{width: 40px;
		 height: 30px;
		 background: transparent url(image/button_r.gif) no-repeat 0 0;
		 position: absolute;
		 top: 580px;
		 left: 405px;}
#return a{width: 90px;
		 height: 30px;
		 background: transparent url(image/return.gif) no-repeat 0 0;
		 position: absolute;
		 top: 580px;
		 left: 630px;}

#charaintro	{width: 720px;
			 position: absolute;
			 top: 228px;}

#kasumi	{height: 678px;
		 width: 720px;}
p#kasumirm a:hover{background-position: 0px -655px;}
#kasumil	{height: 655px;
			 width: 360px;
			 position: absolute;
			 top: 0px;
			 left: 0px;}
#kasumir a{width: 360px;
		 	  height: 655px;
			  position: absolute;
			  top: 0px;
			  left: 360px;
			  background: transparent url("image/character_kasumi_r.jpg") no-repeat 0 0;}
p#sa a:hover{background-position: 0px -57px;}
#ka1	a{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 580px;
		 left: 30px;
		 background: transparent url(image/kasumi_01.gif) no-repeat 0 0;}
#ka2	a{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 580px;
		 left: 150px;
		 background: transparent url(image/kasumi_02.gif) no-repeat 0 0;}
#ka3	a{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 580px;
		 left: 270px;
		 background: transparent url(image/kasumi_03.gif) no-repeat 0 0;}
p#totop a:hover{background-position: 0px -23px;}
#kfoota	{width: 634px;
		 height: 23px;
		 float: left;
		 position: absolute;
		 top: 655px;
		 left: 0px;}
#kfootb	a{width: 86px;
		 	  height: 23px;
			  position: absolute;
			  top: 655px;
			  left: 634px;
			  background: transparent url("image/foot1b.jpg") no-repeat 0 0;}
#minami	{height: 678px;
		 width: 720px;}
p#minamilm a:hover{background-position: 0px -655px;}
#minamil a{width: 330px;
		 	  height: 655px;
			  position: absolute;
			  top: 678px;
			  left: 0px;
			  background: transparent url("image/character_minami_l.jpg") no-repeat 0 0;}
#minamir	{height: 655px;
			 width: 390px;
			 position: absolute;
			 top: 678px;
			 left: 330px;}
p#sa a:hover{background-position: 0px -57px;}
#mi1	a{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 1256px;
		 left: 375px;
		 background: transparent url(image/minami_01.gif) no-repeat 0 0;}
#mi2	a{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 1256px;
		 left: 495px;
		 background: transparent url(image/minami_02.gif) no-repeat 0 0;}
#mi3	a{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 1256px;
		 left: 615px;
		 background: transparent url(image/minami_03.gif) no-repeat 0 0;}		 
p#totop a:hover{background-position: 0px -23px;}
#mifoota	{width: 634px;
		 height: 23px;
		 float: left;
		 position: absolute;
		 top: 1333px;
		 left: 0px;}
#mifootb	a{width: 86px;
		 	  height: 23px;
			  position: absolute;
			  top: 1333px;
			  left: 634px;
			  background: transparent url("image/foot1b.jpg") no-repeat 0 0;}
#miren	{height: 678px;
		 width: 720px;}
p#mirenrm a:hover{background-position: 0px -655px;}
#mirenl	{height: 655px;
			 width: 290px;
			 position: absolute;
			 top: 1356px;
			 left: 0px;}
#mirenr a{width: 430px;
		 	  height: 655px;
			  position: absolute;
			  top: 1356px;
			  left: 290px;
			  background: transparent url("image/character_miren_r.jpg") no-repeat 0 0;}
p#sa a:hover{background-position: 0px -57px;}
#mr1	a{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 1934px;
		 left: 30px;
		 background: transparent url(image/miren_01.gif) no-repeat 0 0;}
#mr2	a{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 1934px;
		 left: 150px;
		 background: transparent url(image/miren_02.gif) no-repeat 0 0;}
#mr3	a{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 1934px;
		 left: 270px;
		 background: transparent url(image/miren_03.gif) no-repeat 0 0;}
p#totop a:hover{background-position: 0px -23px;}
#mrfoota	{width: 634px;
		 height: 23px;
		 float: left;
		 position: absolute;
		 top: 2011px;
		 left: 0px;}
#mrfootb	a{width: 86px;
		 	  height: 23px;
			  position: absolute;
			  top: 2011px;
			  left: 634px;
			  background: transparent url("image/foot1b.jpg") no-repeat 0 0;}
#emiri	{height: 678px;
		 width: 720px;}
p#emirilm a:hover{background-position: 0px -655px;}
#emiril a{width: 400px;
		 	  height: 655px;
			  position: absolute;
			  top: 2034px;
			  left: 0px;
			  background: transparent url("image/character_emiri_l.jpg") no-repeat 0 0;}
#emirir	{height: 655px;
			 width: 320px;
			 position: absolute;
			 top: 2034px;
			 left: 400px;}
p#sa a:hover{background-position: 0px -57px;}
#em1	a{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 2612px;
		 left: 375px;
		 background: transparent url(image/emiri_01.gif) no-repeat 0 0;}
#em2	a{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 2612px;
		 left: 495px;
		 background: transparent url(image/emiri_02.gif) no-repeat 0 0;}
#em3	a{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 2612px;
		 left: 615px;
		 background: transparent url(image/emiri_03.gif) no-repeat 0 0;}		 
p#totop a:hover{background-position: 0px -23px;}
#emfoota	{width: 634px;
		 height: 23px;
		 float: left;
		 position: absolute;
		 top: 2689px;
		 left: 0px;}
#emfootb	a{width: 86px;
		 	  height: 23px;
			  position: absolute;
			  top: 2689px;
			  left: 634px;
			  background: transparent url("image/foot1b.jpg") no-repeat 0 0;}
#madoka	{height: 678px;
		 width: 720px;}
p#madokarm a:hover{background-position: 0px -655px;}
#madokal	{height: 655px;
			 width: 360px;
			 position: absolute;
			 top: 2712px;
			 left: 0px;}
#madokar a{width: 360px;
		 	  height: 655px;
			  position: absolute;
			  top: 2712px;
			  left: 360px;
			  background: transparent url("image/character_madoka_r.jpg") no-repeat 0 0;}
p#sa a:hover{background-position: 0px -57px;}
#ma1	a{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 3290px;
		 left: 30px;
		 background: transparent url(image/madoka_01.gif) no-repeat 0 0;}
#ma2	a{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 3290px;
		 left: 150px;
		 background: transparent url(image/madoka_02.gif) no-repeat 0 0;}
#ma3	a{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 3290px;
		 left: 270px;
		 background: transparent url(image/madoka_03.gif) no-repeat 0 0;}
p#totop a:hover{background-position: 0px -23px;}
#mafoota	{width: 634px;
		 height: 23px;
		 float: left;
		 position: absolute;
		 top: 3367px;
		 left: 0px;}
#mafootb	a{width: 86px;
		 	  height: 23px;
			  position: absolute;
			  top: 3367px;
			  left: 634px;
			  background: transparent url("image/foot1b.jpg") no-repeat 0 0;}
#sub1	{height: 678px;
		 width: 720px;}
p#totop a:hover{background-position: 0px -23px;}
#s1foota	{width: 634px;
		 height: 23px;
		 float: left;
		 position: absolute;
		 top: 4045px;
		 left: 0px;}
#s1footb	a{width: 86px;
		 	  height: 23px;
			  position: absolute;
			  top: 4045px;
			  left: 634px;
			  background: transparent url("image/foot1b.jpg") no-repeat 0 0;}
#sub2	{height: 678px;
		 width: 720px;}
p#totop a:hover{background-position: 0px -23px;}
#s2foota	{width: 634px;
		 height: 23px;
		 float: left;
		 position: absolute;
		 top: 4723px;
		 left: 0px;}
#s2footb	a{width: 86px;
		 	  height: 23px;
			  position: absolute;
			  top: 4723px;
			  left: 634px;
			  background: transparent url("image/foot1b.jpg") no-repeat 0 0;}
			  
#footerc	{position: absolute;
			 top: 4977px;}
			 
			 
			 
			 
			 
			 
			 
#saka1	{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 580px;
		 left: 30px;}
#saka2	{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 580px;
		 left: 150px;}
#saka3	{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 580px;
		 left: 270px;}
#sami1	{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 1256px;
		 left: 375px;}
#sami2	{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 1256px;
		 left: 495px;}
#sami3	{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 1256px;
		 left: 615px;}		 
#samr1	{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 1934px;
		 left: 30px;}
#samr2	{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 1934px;
		 left: 150px;}
#samr3	{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 1934px;
		 left: 270px;}
#saem1	{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 2612px;
		 left: 375px;}
#saem2	{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 2612px;
		 left: 495px;}
#saem3	{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 2612px;
		 left: 615px;}		 
#sama1	{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 3290px;
		 left: 30px;}
#sama2	{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 3290px;
		 left: 150px;}
#sama3	{width: 55px;
		 height: 57px;
		 position: absolute;
		 top: 3290px;
		 left: 270px;}