body{
	background-size:cover;
	background-image:url("img/bg.jpg");
	text-align:center;
	padding: 28px 0px 28px 0px;
	margin: 0px;
}

div#bodybox{
/*
	border:1px solid #000000;
*/
	width:812px;
	margin:0px auto;
	padding:0px;
	overflow:hidden;
	position:relative;
}

ul#pages{
	list-style:none outside;
	margin:0px;
	padding:0px;
}
ul#pages li{
	width:812px;
	margin:0px;
	padding:0px 0px 30px 0px;
	text-align:left;
}

ul#pages li ul.pagelink{
	list-style:none outside;
/*
	width:802px;
	padding:0px 0px 30px 10px;
*/
	width:809px;
	padding:0px 0px 30px 5px;

	height:60px;
	margin:0px;
}
ul#pages li ul.pagelink li{
/*
	width:179px;
	height:60px;
	margin:0px 17px 0px 0px;
*/
	width:158px;
	height:60px;
	margin:0px 3px 0px 0px;


	overflow:hidden;
	float:left;
	padding:0px;
	text-align:left;
}
ul#pages li ul.pagelink li.noactive{
	opacity:0.5;
}
ul#pages li ul.pagelink li.noactive:hover{
	opacity:1;
}

ul#pages li ul.pagelink li a,
ul#pages li ul.pagelink li p,
ul#pages li a.toegs{
	display:block;
/*

	width:179px;
	height: 60px;
*/
	width:158px;
	height: 60px;
/*
	border:1px solid #000000;
*/
	text-indent:-10000px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	background-image:url("img/linkbtns.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

/*
ul#pages li ul.pagelink li.pltop a,
ul#pages li ul.pagelink li.pltop p{
	background-position:0px 0px;
}
ul#pages li ul.pagelink li.plchar a,
ul#pages li ul.pagelink li.plchar p{
	background-position:-179px 0px;
}
ul#pages li ul.pagelink li.plgame a,
ul#pages li ul.pagelink li.plgame p{
	background-position:-358px 0px;
}
ul#pages li ul.pagelink li.pldown a,
ul#pages li ul.pagelink li.pldown p{
	background-position:-537px 0px;
}

ul#pages li a.toegs{
	margin:0px auto !important;
	background-position:-716px 0px;
}

ul#pages li ul.pagelink li.pltop a:hover{
	background-position:0px -60px;
}
ul#pages li ul.pagelink li.plchar a:hover{
	background-position:-179px -60px;
}
ul#pages li ul.pagelink li.plgame a:hover{
	background-position:-358px -60px;
}
ul#pages li ul.pagelink li.pldown a:hover{
	background-position:-537px -60px;
}
ul#pages li a.toegs:hover{
	background-position:-716px -60px;
}
*/
ul#pages li ul.pagelink li.pltop a,
ul#pages li ul.pagelink li.pltop p{
	background-position:0px 0px;
}
ul#pages li ul.pagelink li.plchar a,
ul#pages li ul.pagelink li.plchar p{
	background-position:-158px 0px;
}
ul#pages li ul.pagelink li.plgame a,
ul#pages li ul.pagelink li.plgame p{
	background-position:-316px 0px;
}
ul#pages li ul.pagelink li.pldown a,
ul#pages li ul.pagelink li.pldown p{
	background-position:-474px 0px;
}

ul#pages li a.toegs{
	margin:0px auto !important;
	background-position:-632px 0px;
}

ul#pages li ul.pagelink li.plbuy a,
ul#pages li ul.pagelink li.plbuy p{
	margin:0px auto !important;
	background-position:-790px 0px;
}



ul#pages li ul.pagelink li.pltop a:hover{
	background-position:0px -60px;
}
ul#pages li ul.pagelink li.plchar a:hover{
	background-position:-158px -60px;
}
ul#pages li ul.pagelink li.plgame a:hover{
	background-position:-316px -60px;
}
ul#pages li ul.pagelink li.pldown a:hover{
	background-position:-474px -60px;
}
ul#pages li a.toegs:hover{
	background-position:-632px -60px;
}

ul#pages li ul.pagelink li.plbuy a:hover{
	background-position:-790px -60px;
}



ul#pages li h1{
	margin:0px;
	padding:0px;
}

ul#pages li#toppage h1{
	display:block;
	width:812px;
	height:337px;
	padding-bottom: 25px;
	background-position: 70px 0px;
	background-image: url("img/title.png");
	background-repeat:no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

div.infobox{
	width: 647px;
	margin:0px auto;
	padding:0px;

	background-image:url("img/caption.png");
	background-position: 0px 0px;
	background-repeat:no-repeat;
}

div.infobox h2{
	display:block;
	margin:0px auto;
	padding:0px;
	height:38px;
	width: 647px;
	background-position: 10px 0px;
	background-repeat:no-repeat;
	text-indent:-10000px;
	overflow:hidden;
	background-image:url("img/subtitles.png");
}

div.infobox div.infoboxbody{
	margin:0px;
	padding:0px 2px 2px 2px;
	width:643px;
	background-image:url("img/boxbg.png");
	background-repeat:no-repeat;
	background-position: left bottom;
}

div#movemask{
	width:812px;
	position:absolute;
	z-index:2;
	background-image:url("img/mask.png");
	background-repeat:repeat-y;
	visibility:hidden;
}

/* toppage -------------------------------------- */
li#toppage div.infobox{
	padding-bottom: 30px;
}
li#toppage div.infobox h2{
	background-position: 10px 0px;
}

li#toppage div.infobox div.infoboxbody ul{
	margin:0px;
	padding:5px 0px 0px 0px;
	width:643px;
	height:136px;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	list-style:none outside;
}


li#toppage div.infobox div.infoboxbody ul li{
	width:585px;
	padding:0px 17px 0px 17px;
	margin:0px;
	position:relative;
}
li#toppage div.infobox div.infoboxbody ul li p{
	font-size: 14px;
	line-height: 14px;
	padding:2px 0px;
	margin:0px;
}
li#toppage div.infobox div.infoboxbody ul li p.date{
	text-align:left;
	position:absolute;
	right:0px;
	top:0px;
}

li#toppage div.youtube{
	width: 640px;
	height: 414px;
	background-color: #000000;
	margin:0px auto 30px;
	padding:0px auto;
	text-align:center;
}
/* charcter -------------------------- */
li#charcter div.charimages{
	width:769px;
	height:1100px;
	margin:0px 0px 30px 0px;
	padding:0px;
	background:url("img/character.png") left top no-repeat;
}
li#charcter div.charimages h2,
li#charcter div.charimages p{
	display:none;
}
/* gameinfo -------------------------- */
li#gameinfo ul.gameinfolist{
	list-style:none outside;
/*
	width:812px;
*/
	width:856px;
	margin:0px;
	padding:0px;
	height:auto;
	min-height:1px;
}

li#gameinfo ul.gameinfolist:after{
	clear:both;
	display:block;
	visibility:hidden;
	font-size:0px;
	line-height:0px;
	padding:0px;
	margin:0px;
	content:".";
	
}

li#gameinfo ul.gameinfolist li{
	float:left;
	width:384px;
	padding:0px;
	margin:0px 44px 10px 0px;
}
li#gameinfo ul.gameinfolist li p{
	margin:0px;
	padding: 0px;
	font-size: 17px;
	line-height: 18px;
	min-height: 40px;
	color:#7e1a1a;
}
li#gameinfo ul.gameinfolist li p.tcenter{
	text-align:center;
}

/* download -------------------------- */
li#download div.infobox{
	padding-bottom: 30px;
}

li#download div.instcard h2{
	background-position: 10px -76px;
}
li#download div.instcard div.infoboxbody{
	height:509px;
	text-align:center;
}
li#download div.instcard div.infoboxbody img{
	margin:15px auto 0px;
}
li#download div.movie h2{
	background-position: 10px -114px;
}


li#download div.movie div.infoboxbody{
	width:647px;
	padding:0px 0px 0px 0px;
}
li#download div.movie div.youtube{

	text-align:center;
	margin: 0px auto;
	width: 640px;
	padding: 2px 0px;
}

li#download div.trial h2{
	background-position: 10px -38px;
}
li#download div.trial div.infoboxbody{
	padding:40px 2px;
	
}
li#download div.trial div.infoboxbody p{
	text-align:center;
	font-size:24px;
	line-height:30px;
}




/* buy  -------------------------- */
li#buy div.infobox{
	padding-bottom: 30px;
}
li#buy div.packages{
	text-align:center;
	margin:0px auto 40px;
	height:386px;
	width:700px;
	position:relative;
}

li#buy div.packages p.message{
	text-align:left;
	text-indent:-10000px;
	overflow:hidden;
	width:699px;
	height:57px;
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:1;
	background:url("img/buy_txt1.png") 0px 0px no-repeat;
}

li#buy div.shops{
	width:803px;
	margin:0px auto 73px;;
	background:url("img/buy_shopbox_head.png") 0px 0px no-repeat;;
	
}
li#buy div.shops h2{
	font-size: 14px;
	line-height:16px;
	height:43px;
	width:803px;
	display:block;
	margin:0px auto;
	padding:0px;
	text-indent:-10000px;
	overflow:hidden;
}

li#buy div.shops h2.packageshops{
	background:url("img/buy_txt2.png") 16px 7px no-repeat;
}
li#buy div.shops h2.downloadshops{
	background:url("img/buy_txt3.png") 16px 7px no-repeat;
}

li#buy div.shops ul{
	width:803px;
	list-style:none outside;
	margin:0px auto;
	padding:17px 0px 7px 55px;
	background:url("img/buy_shopbox_body.png") 0px bottom no-repeat;
	min-height:1px;
}
li#buy div.shops ul:after{
	content:".";
	font-size:0px;
	line-height:0px;
	clear:both;
	display:block;
	visibility:hidden;
}

li#buy div.shops ul li{
	margin:0px 40px 0px 0px;
	padding:0px 0px 10px 0px;
	width:auto;
	float:left;
/*
	width:200px;
	height:40px;
*/
}

li#buy div.shops ul li a{
	display:block;
	border:2px solid #0000ff;
}
li#buy div.shops ul li img{
	vertical-align:top;
	border:0px;
}
li#buy div.shops ul li a:hover{
	border:2px solid #ff0000;
}