@charset "UTF-8";
/* CSS Document */

//枠部分です。  
//position:relativeかつoverflow:hiddenを必ず指定してください。  
#content{ position:relative; width:700px; height:300px; overflow:hidden; border:5px solid #f5f5f5; background: url('images/scene_bg.jpg'); }  
  
#sun{ position:absolute; top:10px; left:30px; }  
  
//雲が隠れるようネガティブマージンを指定します。  
//z-indexはどの雲を上に出した以下で調整します。  
#cloud1{ position:absolute; top:60px; left: -150px; z-index:5; }  
#cloud2{ position:absolute; top:40px; left: -250px; z-index:4; }  
#cloud3{ position:absolute; top:25px; left: -100px; z-index:3; }  
  
//浮き輪が波の上にくるようにz-indexを指定します。  
#raft{ position:absolute; top:220px; left: 312px; z-index:20; }  
#raftripple{ position:absolute; top:220px; left: 309px; z-index:19; }  
  
//テキストをスタンプは雲と同様隠れるようにネガティブマージンを指定します。  
#greetings{ position:absolute; top:-51px; left: 200px; z-index:21; }  
#stamp{ position:absolute; top:5px; left: 801px; z-index: 21; } 


.text-1 {
	position: absolute;
	top: 100px;
	left: -2000px;
	z-index: 5;
}
.text-2 {
	position: absolute;
	top: 125px;
	left: -2000px;
	z-index: 5;
}

.item1 {
	position:absolute;
	top:180px;
	left: 1271px;
	z-index:5;
}
.item2 {
	position:absolute;
	top:223px;
	left: 1271px;
	z-index:5;
}
.item3 {
	position:absolute;
	top:266px;
	left: 1271px;
	z-index:5;
}