/*------- toppage.css ----------*/


*{
	margin:0px;
	padding:0px;
}
body{
	/*background-color:#F3F4F8;*/
	background:#807B99;
	text-align:center;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN"
}
img{
	border:none;
}
#container {
	width: 852px;
	text-align: left;
	background: url(../images/test.png) no-repeat top left;
	position: relative;
	height: 540px;
	margin-left:auto;
	margin-right:auto;
}
#maid {
	height: 452px;
	width: 180px;
	position: absolute;
	top: 85px;
	left: 100px;
	z-index:500;
}
#fox {
	height: 176px;
	width: 144px;
	position: absolute;
	top: 361px;
	left: 281px;
	z-index:500;
}
#logo {
	height: 132px;
	width: 250px;
	position: absolute;
	left: 359px;
	top: 51px;
}
#container ul{
	position:absolute;
	left:579px;
	top:303px;
	background:url(../images/im_top_05.gif) no-repeat top;
	width:186px;
	height:173px;
	padding-top:40px;
	padding-left:10px;
	list-style:none;
	z-index:500;
}
#container li{
	margin-bottom:2px;
	background:url(../images/ic_top_01.gif) no-repeat left;
}
#container li a{
	margin-left:15px;
	color:white;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#container li a:hover{
	color:#FF6600;
}
#description{
	position:absolute;
	left:366px;
	top:196px;
	color:white;
	font-size:14px;
	z-index:500;
}
#counter{
	position:absolute;
	background-color:#333333;
	color:white;
	width:50px;
	height:10px;
	font-size:10px;
	top:495px;
	left:20px;
	text-align:right;
	padding:1px 2px 2px 2px;
}
#baloon{
	background:url(../images/im_top_06.png) no-repeat top left;
	width:278px;
	height:187px;
	padding:15px 20px 15px 50px;
	z-index:500;
	position:absolute;
	top:28px;
	left:275px;
	font-size:12px;
	color:#FFCC00;
	display:none;
	line-height:140%;
}
#attention{
	position:absolute;
	top:123px;
	left:253px;
	z-index:500;
	display:block;
}
#arrow{
	position:absolute;
	top:251px;
	left:542px;
	z-index:500;
	width: 142px;
	height: 70px;
	display:none;
}
#yellow{
	color:#FF9900;
}
.shadow{
	color:#333333;
	position:absolute;
	left:367px;
	top:197px;
	font-size:14px;
	z-index:490;
}
.update{
	top:334px;
	left:430px;
	width:131px;
	height:80px;
	padding:40px 0px 0px 35px;
	position:absolute;
	font-weight:bold;
	color:#645252;
	font-size:13px;
	background:url(../images/update_top_01.png) no-repeat left top;
	z-index:300;
}
.updateShadow{
	top:343px;
	left:436px;
	position:absolute;
	width:158px;
	height:104px;
	background:url(../images/update_top_02.png) no-repeat left top;
	z-index:250;
	
}
#background1{
	width:100%;
	height:171px;
	position:absolute;
	top:0px;
	left:0px;
}
#movableBack1{ /*”wŒiˆÚ“®*/
	width:100%;
	height:196px;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#C7C4D7;
}
#movableBack2{ /*”wŒiˆÚ“®*/
	width:100%;
	height:196px;
	position:absolute;
	top:171px;
	left:0px;
	background-color:#C7C4D7;
}
#background3{
	width:100%;
	height:196px;
	position:absolute;
	top:171px;
	z-index:200;
	background:url(../images/background_top_01.jpg) no-repeat top left;
}