div.pictgo { 
    background-color:#bca; 
    width:0px; 
    border:1px solid green;
  }
  
  #kuro{
   position:relative; top:300px; left:300px;
  }
  
  #douga_fukidashi {
  background:url(./images/w_douga.png);
  width: 0px;
  height: 460px;
  margin:20px 50px 50px 50px;
  position:absolute;
  top:1000px;
  padding: 60px 40px 30px; 
  z-index: 40;
  opacity: 0;
  }
  
  #douga {
   position:absolute; top:220px; left:680px;
   z-index: 22;	
  }
  
  #douga_kuro {
   position:absolute; top:260px; left:780px;
   opacity: 0;
   z-index: 21;
  }
  
  #chara_fukidashi {
  background:url(./images/w_chara.png);
  width: 0px;
  height: 460px;
  margin:20px 50px 50px 50px;
  position:absolute;
  top:1000px;
  padding: 60px 40px 30px; 
  z-index: 41;
  opacity: 0;
  }
  
  #chara {
   position:absolute; top:230px; left:490px;	
   z-index: 20;
  }
  
  #chara_kuro {
   position:absolute; top:270px; left:590px;
   opacity: 0;
   z-index: 19;
  }
  
  #illust_fukidashi {
width: 0px;
  height: 460px;
  margin:20px 50px 50px 50px;
  position:absolute;
  top:1000px;
  padding: 60px 40px 30px;  
  background:url(./images/w_illust.png);
  z-index: 42;
  opacity: 0;
  }
  
  #illust {
   position:absolute; top:135px; left:320px;	
   z-index: 18;
  }
  
  #illust_kuro {
   position:absolute; top:135px; left:320px;
   opacity: 0;
   z-index: 17;
  }
  
  #logo_fukidashi {
width: 0px;
  height: 460px;
  margin:20px 50px 50px 50px;
    position:absolute;
  top:1000px;
  padding: 60px 40px 30px;  
  background:url(./images/w_logo.png);
  z-index: 43;
  opacity: 0;
  }
  
  #logo {
   position:absolute; top:198px; left:60px;	
   z-index: 26;
  }
  
  #logo_kuro {
   position:absolute; top:198px; left:60px;	
   opacity: 0;
   z-index: 25;
  }
  
  #web_fukidashi {
  width: 0px;
  height: 460px;
  margin:20px 50px 50px 50px;
   position:absolute;
   top:1000px;
   padding: 60px 40px 30px;  
   background:url(./images/w_web.png);
   z-index: 44;
   opacity: 0;
  }
  
  #web {
   position:absolute; top:120px; left:540px;	
   z-index: 14;
  }
  
  #web_kuro {
   position:absolute; top:110px; left:620px;
   opacity: 0;
   z-index: 13;
  }
  
  #ppt_fukidashi {
  width: 0px;
  height: 460px;
  margin:20px 50px 50px 50px;
   position:absolute;
   top:1000px;
   padding: 60px 40px 30px;  
   background:url(./images/w_power.png);
   z-index: 45;
   opacity: 0;
  }
  
  #ppt {
   position:absolute; top:235px; left:230px;	
   z-index: 24;
  }
  
  #ppt_kuro {
   position:absolute; top:235px; left:230px;
   opacity: 0;
   z-index: 23;
  }
  
  #artman_fukidashi {
  width: 0px;
  height: 460px;
  margin:20px 50px 50px 50px;
   position:absolute;
   top:1000px;
   padding: 60px 40px 30px;  
   background:url(./images/w_art.png);
   z-index: 46;
   opacity: 0;
  }
  
  #artman {
   position:absolute; top:410px; left:5px;	
   z-index: 28;
  }
  
  #artman_kuro {
   position:absolute; top:410px; left:5px;
   opacity: 0;
   z-index: 27;
  }
  
  #profile_fukidashi {
   width: 0px;
  height: 460px;
  margin:20px 50px 50px 50px;
   position:absolute;
   top:1000px;
   padding: 60px 40px 30px;  
   background:url(./images/w_prof.png);
   z-index: 47;
   opacity: 0;
  }
  
  #profile {
   position:absolute; top:20px; left:600px;	
   z-index: 11;
  }
  
  #profile_kuro {
   position:absolute; top:20px; left:600px;	
   opacity: 0;
   z-index: 10;
  }

  #link_fukidashi {
  width: 0px;
  height: 460px;
  margin:20px 50px 50px 50px;
   position:absolute;
   top:1000px;
   padding: 60px 40px 30px;  
   background:url(./images/w_link.png);
   z-index: 48;
   opacity: 0;
  }
  
  #link {
   position:absolute; top:440px; left:730px;	
   z-index: 15;
  }
  
  #link_kuro {
   position:absolute; top:440px; left:730px;
   opacity: 0;
   z-index: 16;
  }  
  
   #form_fukidashi {
  width: 0px;
  height: 460px;
  margin:20px 50px 50px 50px;
   position:absolute;
   top:1000px;
   padding: 60px 40px 30px;  
   background:url(./images/w_contact.png);
   z-index: 49;
   opacity: 0;
  }
  
  #form {
   position:absolute; top:50px; left:400px;	
   z-index: 33;
  }
  
  #form_kuro {
   position:absolute; top:-20px; left:50px;
   opacity: 0;
   z-index: 29;
  }  
  
 #x_button1 {
 position:absolute;
  top:2px; left:100px;
  //z-index: 1;
  opacity: 1;
 }
 
 #x_button2 {
 position:absolute;
  top:2px; left:100px;
  //z-index: 1;
  opacity: 1;
 }
 
 #x_button3 {
 position:absolute;
  top:2px; left:100px;
  //z-index: 1;
  opacity: 1;
 }
  
  #x_button4 {
 position:absolute;
  top:2px; left:100px;
  //z-index: 1;
  opacity: 1;
 }
 
 #x_button5 {
 position:absolute;
  top:2px; left:100px;
  //z-index: 1;
  opacity: 1;
 }
 
 #x_button6 {
 position:absolute;
  top:2px; left:100px;
  //z-index: 1;
  opacity: 1;
 }
 
 #x_button7 {
 position:absolute;
  top:2px; left:100px;
  //z-index: 1;
  opacity: 1;
 }
 
 #x_button8 {
 position:absolute;
  top:2px; left:100px;
  //z-index: 1;
  opacity: 1;
 }
  
 #x_button9 {
 position:absolute;
  top:2px; left:100px;
  //z-index: 1;
  opacity: 1;
 }
 
 #x_button10 {
 position:absolute;
  top:2px; left:100px;
  //z-index: 1;
  opacity: 1;
 }
  
  #cloud1{ position:absolute; top:160px; left: -350px; z-index:45; opacity: 0.3; }   
  #cloud2{ position:absolute; top:440px; left: -450px; z-index:44; opacity: 0.5; }   
  #cloud3{ position:absolute; top:50px; left: -300px; z-index:43; opacity: 0.6; }   
  
  
body{
	overflow:hidden;
	width: 975px;
	height: 600px;
	background: #ADE0FF url(./images/bg3.png) ;
	margin:0 auto;
	font-size: 18px;
}

#divheader{
  margin-left: 0px;
 position:absolute;
 top:30px;
}

#container {
	top:15px;
	position:relative;
	width: 975px;
	height: 647px;
	margin:0 auto;
	z-index: 5;
} 

h1{
	color: #8888ff;
	font-size: 15px;
margin:5px 0em;
}

header{
margin:0px;
//float:left;
}


footer{
 margin: 30px;
	color: #000000;
	font-size: 15px; 
	float:right;
}


h2{
color: #0044ff;
	font-size: 18px;
margin:5px 0em;"
}

#p1{
color: #ffffff;
   font-size: 18px;
   	text-indent: 1em;
	line-height: 2em;
	margin:0em 0em;"
}

#p2 {
color: #ffffff;
   font-size: 12px;
   	text-indent: 0em;
	line-height: 2em;
	margin:0em 0em;"
}

#p3 {
	color: #ffffff;
   font-size: 12px;
   	text-indent: 3em;
	line-height: 2em;
	margin:0em 0em;"
}

A:link { color: #aaffff; }
A:visited { color: #8888ff; }
A:active { color:  #ff6666; }
A:hover { color: yellow; }

#island{
position:absolute;
 top:30px;
}

 *.float
      {
      top: 200px;
      left: 650px;
         float: right;
         margin-left: 1em;
      }
      *.floatclear
      {
         clear: both;
      }