
#container {
	background:url(/en/common/img/sprite_bgx.png) 0px -100px repeat-x #ffffff;
	min-width:950px;
}
#head {
	margin:0 auto;
	width:910px;
	height:70px;
	background:#000000;
	position:relative;
	overflow:hidden;
}

#logo {
	height:70px;
	width:295px;
	overflow:hidden;
}
#logo a {
	height:70px;
	width:295px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background:url(/en/common/img/v2/sprite_base.png) 0px -900px no-repeat;
}
#sbm {
	height:26px;
	width:420px;
	position:absolute;
	top:23px;
	left:490px;
	overflow:hidden;
	line-height:30px;
	background:url(/en/common/img/sprite_sbm.png) 0px -40px no-repeat;
	-webkit-animation-duration:1000ms;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease-out;
	-webkit-animation-name:sbmanime;
}
#sbm ul li {	float:left;}
#sbm ul li a {
	display:block;
	height:16px;
	line-height:16px;
	width:16px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/en/common/img/sprite_sbm.png);
	margin-left:5px;
	margin-top:5px;
}
#sbm ul .bookmark a,#sbm ul .bookmark span {
	width:185px;
	background-image:none;
}
#sbm ul li .twitter {	width:64px;}
#sbm .hatena a {	background-position:0px 0px;}
#sbm .google a {	background-position:-16px 0px;}
#sbm .livedoor a {	background-position:-32px 0px;}
#sbm .delicious a {	background-position:-48px 0px;}
#sbm .yahoo a {	background-position:-64px 0px;}
#sbm .fc2 a {	background-position:-80px 0px;}
#sbm .facebook a {	background-position:-96px 0px;}
#sbm .twitter a {	background-position:0px -20px;}
#sbm .plusone span { background-image:none; }
#sbm .plusone { margin-top:6px;margin-left:5px;width:24px; }

@-webkit-keyframes sbmanime {
  0% {	-webkit-transform:translateY(-100px);  }
  50% {	-webkit-transform:translateY(-100px);  }
  90% {	-webkit-transform:translateY(5px);  }
  100% {	-webkit-transform:translateY(0px);  }
}

#topleft {
	width:385px;
	float:left;
	overflow:hidden;
}
#topright {
	width:525px;
	float:right;
	overflow:hidden;
}

/*
#flash {
	width:100%;
	height:320px;
	overflow:hidden;
}
#flash div {
	width:910px;
	height:320px;
	background:url(/en/common/img/top.png) 0px 0px no-repeat;
	margin:0 auto;
	overflow:hidden;
}
#flash div a{
	display:block;
	width:350px;
	height:320px;
	text-indent:-9999px;
}*/
#flash {
	width:910px;	/*910px*/
	height:320px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}

#bannerselect {
	height:32px;
	overflow:hidden;
	background:url(/common/img/macFFBgHack.png);
	position:absolute;
	top:320px;
	left:50%;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-border-radius:5px;
	z-index: 2;
}

#bannerselect ul {
	height:30px;
	margin:5px;
}

#bannerselect li {
	width:20px;
	height:20px;
	line-height:20px;
	display:block;
	border:1px solid #666666;
	background-color:#eeeeee;
	color:#666666;
	list-style-type:none;
	float:left;
	text-align:center;
	margin-left:2px;
	margin-right:2px;
	cursor:pointer;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-border-radius:2px;
}
#bannerselect li:hover,#bannerselect .select {
	border:1px solid #FFE9F3;
	background-color:#E3293F;
	color:#eeeeee;
	font-weight:bold;
}

#banner{
	width:910px;
	height:320px;
	z-index: 1;
}
#banner li {
	width:910px;
	height:320px;
	overflow:hidden;
}
#banner li div a {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-border-radius:3px;
}
#banner li div a:hover {
	background:#1990FF;
	opacity:0.3;
	filter: alpha(opacity=30);
}


#news {
		width:385px;
		height:24px;
		background:url(/en/common/img/v2/sprite_base.png) 0px -200px no-repeat;
		overflow:hidden;
}
		#news div {
			width:360px;
			float:left;
			text-indent:-9999px;
			overflow:hidden;
		}
		#news a {
			width:25px;
			height:24px;
			display:block;
			text-indent:-9999px;
			overflow:hidden;
			float:left;
		}
		
		#newslist {
			width:384px;
			min-height:400px;
			min-height:490px;
			border-right:solid 1px #dbdbdb;
		
		}
		#newslist ul {
			overflow:hidden;
		}
		#newslist ul li {
			border-bottom:solid 1px #dbdbdb;
		}
		#newslist ul li a {
			display:block;
			padding-top:10px;
			padding-bottom:10px;
			text-decoration:none;
			color:#333333;
			padding-left:10px;
			padding-right:20px;
			overflow:hidden;
			background:url(/en/common/img/arr.png) 370px center no-repeat;
		}
		#newslist ul .pickup a {
			color:#e3293f;
			font-weight:bold;
		}
		#newslist ul .tweet {
			overflow:hidden;
			position:relative;
		}
		#newslist ul .tweet a {
			background:url(/en/common/img/v2/sprite_base.png) -760px -630px no-repeat;
			padding-left:30px;
			padding-right:10px;
			padding-top:0px;
			padding-bottom:0px;
			height:30px;
		}
		#newslist ul .tweet a div {
			width:347px;
			height:30px;
			line-height:30px;
			overflow:hidden;
			position:relative;
			color:#333333;
		}
		#newslist ul .tweet a div span {
			position:absolute;
			overflow:hidden;
			white-space:nowrap;
			top:0px;
			left:0px;
		}
		#newslist ul .nolink {
			display:block;
			padding-top:10px;
			padding-bottom:10px;
			text-decoration:none;
			color:#333333;
			padding-left:10px;
			overflow:hidden;
		}
		#newslist ul li a div,  #newslist ul .nolink div {
			color:#999999;
			margin-bottom:3px;
			height:16px;
			line-height:15px;
		}
		#newslist ul .notice a div {
			text-indent:105px;
			background:url(/en/common/img/notice.png) 0px 0px no-repeat;
		}
		#newslist ul .blog a div {
			text-indent:55px;
			background:url(/en/common/img/blog2.png) 0px 0px no-repeat;
			color:#cc0000;
		}
		#newslist ul .notice a  {
			color:#cc0000;
		}
		#newslist ul li a:hover {
			background-color:#ffe9f3;
		}
		#newslist ul .nolink:hover {
			background:#eeeeee;
		}
		#newslist ul .tweet a:hover {
			background-color:#d0ecff;
		}
		#newslist .more {
			width:385px;
		}
		#newslist .amore a {
			float:right;
			text-align:right;
			display:block;
			color:#666666;
			padding:0px 20px;
			text-decoration:none;
			height:30px;
			line-height:30px;
		}
		#newslist .more a {
			float:right;
			margin:5px;
			overflow:hidden;
			width:110px;
			height:24px;
			display:block;
			text-indent:-9999px;
			background:url(/en/common/img/v2/sprite_base.png) -600px -800px no-repeat;
		}
		#newslist .amore a:hover {
			text-decoration:underline;
		}
		#newslist .more a:hover {
			background-position:-600px -840px;
		}


#game {
		width:525px;
		height:24px;
		background:url(/en/common/img/v2/sprite_base.png) -385px -200px no-repeat;
		text-indent:-9999px;
		overflow:hidden;
}

		#gamelist .gclear{
			zoom:1;
			width:525px;
		}
		#gamelist ul li{
			border-top:solid 1px #dbdbdb;
			height:90px;
			background:url(/en/common/img/v2/sprite_base.png) -800px -400px no-repeat;
			overflow:hidden;
		}
		#gamelist ul li:hover {
			background:url(/en/common/img/v2/sprite_base.png) -800px -500px no-repeat #eeeeee;
		}
		#gamelist ul .release:hover,#gamelist ul .prerelease:hover {
			background:url(/en/common/img/v2/sprite_base.png) -800px -500px no-repeat #e9fff0;
		}
		#gamelist ul li .title{
			display:block;
			height:90px;
			float:left;
			width:525px;
			position:relative;
		}
		#gamelist ul .release .title{
			width:385px;
		}
		#gamelist ul li a{
			text-decoration:none;
			display:block;
		}
		#gamelist ul li .name{
			color:#333333;
			font-size:18px;
			font-weight:bold;
			position:absolute;
			top:35px;
			left:85px;
		}
		#gamelist ul .release .name{
			color:#333333;
			top:30px;
		}
		#gamelist ul .release .detail{
			color:#666666;
			font-size:10px;
			font-weight:bold;
			position:absolute;
			top:50px;
			left:85px;
		}
		
		
	#gamelist ul li .appstore,
	#gamelist ul li .applink {
		display:block;
		height:90px;
		float:left;
		width:140px;
		background:url(/en/common/img/v2/sprite_base.png) 0px -600px no-repeat;
		text-indent:-9999px;
		overflow:hidden;
	}
	#gamelist ul li .appstore:hover {
		background-position:-200px -600px;
	}
	#gamelist ul li .applink {
		background-position:0px -690px;
	}
	#gamelist ul li .applink:hover {
		background-position:-200px -690px;
	}
		#gamelist ul li .soon {
			text-indent:0px;
			width:140px;
			height:90px;
			line-height:90px;
			float:right;
			text-align:center;
			font-size:14px;
		}
		#gamelist .more {
			border-top:solid 1px #dbdbdb;
		}
		#gamelist .more a {
			float:right;
			margin:5px;
			overflow:hidden;
			width:110px;
			height:24px;
			display:block;
			text-indent:-9999px;
			background:url(/en/common/img/v2/sprite_base.png) -200px -800px no-repeat;
		}
		#gamelist .more a:hover {
			text-decoration:underline;
			background-position:-200px -840px;
		}

		
#facebook {
		text-align:center;
		margin:0px auto;
		padding-top:0px;
		padding-bottom:20px;
		margin-left:0px;
		background:#ffffff;
		height:200px;
		width:910px;
		overflow:hidden;
}
#facebook iframe {
		margin-left:-1px;
}








