html,body{
	width: 100%;
	height:auto;
	margin: 0;
	padding: 0;
	background: white;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	*font-family: "Lucida Grande", "ＭＳ Ｐゴシック", "Lucida Sans Unicode", sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased;
}

#wrap{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}


#top{
	width: 960px;
	height: 312px;
	margin: 150px auto 0;

}

#mid{
	width: 100%;
	height: 200px;
	background: #e84e79;
	margin: 0;
	padding: 0;
	background: url(mid.jpg);
	opacity: 0.8;
}

#midpic{
	width: 960px;
	height: 200px;
	margin: 0 auto;
	background: url(mid.jpg);
}

#bottom{
	width: 960px;
	height: 40px;
	margin: 100px auto 0;
	text-align: center;
}


#btr, #btl{
	float: left;
	width:480px;
	height: 350px;
}



#topLife, #topSakura{
	display: block;
	width: 480px;
	height: 311px;
	float: left;
	background-color: white;
	background-repeat: no-repeat;
}

#topLife{
	background-image: url(top_life.png);
}

#topSakura{
	background-image: url(top_saku.png);
}
#topLife:hover, #topSakura:hover{
	background-color:#feecd2;
	}