@charset "utf-8";

body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background:#000000 url(../images/bg.jpg) no-repeat center 40px;
	color:#fff;
}
h1,h2,h3,p,ul,ol,li,dt,dl,dd{
	margin:0;
	padding:0;
	list-style:none
}
p{ margin-bottom:10px;}
dfn{
	display:none;
}
em{
	font-size:26px;
	float:left;
	margin-right:5px;
	color:#0f488b;
	font-weight:bold;
	font-style:normal;
	line-height:1em;
}
a{
	outline:none;
	text-decoration:none;
	color:#0f488b
}
a:hover{
	text-decoration:underline
}

img{ border:none}

.tright{
	text-align:right
}
.fixfloat{
	height:1%;
}
.fixfloat:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.sound{
	position:absolute;
	z-index:10;
}
.wrap{
	width:833px;	
	margin:85px auto;
	padding-top:15px;
	padding-right:17px;
	position:relative;
}
.illus{
	float:right
}
.logo{
	margin-top:-19px;
	margin-left:15px;
}
.menu {
	position:relative;
	left:6px;
}
.menu li{
}
.menu li a{
	display:block;
	background:url(../images/menu.jpg) no-repeat;	
	position:absolute;
}
.menujp li a{background:url(../images/menu_jp.jpg) no-repeat;	}
.menu #story a,.menu #direction a,.menu #game a,.menu #aboutus a{
	height:60px;
	width:159px;
	left:0;
}
.menu #story a{	
	top:0;
	background-position: 0 0;
}
.menu #direction a{
	top:60px;
	background-position: 0 -60px ;
}
.menu #game a{
	top:120px;
	background-position: 0 -120px ;
}
.menu #aboutus a{
	top:180px;
	background-position: 0 -180px ;
} 
.menu #background a,.menu #person a,.menu #download a{
	height:69px;
	width:160px;
	left:159px;
}
.menu #background a{
	top:0;
	background-position: -159px 0 ;
}
.menu #person a{
	top:69px;
	background-position: -159px -69px;
}
.menu #download a{
	top:138px;
	background-position: -159px -138px;
}
.menu #story a:hover{	
	background-position: -320px 0;
}
.menu #direction a:hover{	
	background-position: -320px -60px;
}
.menu #game a:hover{	
	background-position: -320px -120px;
}
.menu #aboutus a:hover{	
	background-position: -320px -180px;
}
.menu #background a:hover{
	background-position: -479px 0;
} 
.menu #person a:hover{
	background-position: -479px -69px;
} 
.menu #download a:hover{
	background-position: -479px -138px;
} 
body.newupdate{
	background:url(../images/newsbg.jpg) no-repeat fixed  left top;	
}
body.newupdate ul{ 
	font-size:11px;
}
body.newupdate ul li{
	padding-bottom:10px;
}
body.newupdate ul b{ display:block; font-weight:normal}
.newswrap{
	border:1px solid #1e1e1e;
	position:absolute;
	top:422px;
	left:28px;
	height:84px;
	padding:1px;
	width:295px;
}
.newslist{	
	height:65px;
	overflow:hidden
}


/*scroll bar common START*/
.text {
		margin: 10px;
}
.vScrollbar {
	float: left;			
}
.vTrack {
	position: relative;
	overflow: hidden;			
}	
.vThumb{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}		
.arrowUp, .arrowDown{
	overflow: hidden;						
}	
/*scroll bar common END*/


.foot{
	position:absolute;
	top:550px;
	left:-2px;
}
.exchangelogos{padding:0 0 0 35px}
.exchangelogos img{margin-right:15px;margin-top:20px;}
.lang{
	position:absolute;
	z-index:10;
	top:-25px;
	right:5px
}
.note{
	position:absolute;
	z-index:10;
	top:-23px;
	left:5px
}
.left{
	
}
.rightwrap{
	float:right;
	width:490px;
	height:500px;
	margin-right:-18px;
	margin-top:-5px;
}
.rightwrap h1{
	height:49px;
	background-repeat:no-repeat;
	background-position:right;
}
h1.cv{
	background-image:url(../images/title_person.gif);
}
h1.bg{
	background-image:url(../images/title_bg.gif);
}
h1.game{
	background-image:url(../images/title_game.gif);
}
h1.aboutus{
	background-image:url(../images/title_aboutus.gif);
}
.jp h1.aboutus{
	background-image:url(../images/title_aboutus_jp.gif);
}
h1.direct{
	background-image:url(../images/title_direct.gif);
}
h1.brief{background-image:url(../images/title_brief.gif);}
.aboutusitems,.aboutustalent,.directwrap,.eastwrap,.southwrap,.westwrap,.northwrap{
	width:459px;
	height:499px;
	background:transparent url(../images/aboutus_bg.gif) no-repeat top left;
	position:relative;
	border:1px solid #444444
}
.gamewrap{
	width:459px;
	background:transparent url(../images/game_bg.gif) no-repeat top left;
	position:relative;
	border:1px solid #444444
}
.gamewrap ul{margin:30px 0 50px 17px}
.gamewrap ul li{float:left;margin-right:4px;margin-bottom:4px}
.eastwrap{height:653px; background-image:url(../images/east.gif); position:relative}
.southwrap{height:689px; background-image:url(../images/south.gif); position:relative}
.westwrap{height:691px; background-image:url(../images/west.gif); position:relative}
.northwrap{height:636px; background-image:url(../images/north.gif); position:relative}
.directwrap{background-image:url(../images/direct_bg.gif); position:relative}
.directwrap li a{display:block; background-image:url(../images/direct_items.gif); background-repeat:no-repeat;width:46px; height:17px; position:absolute}
.directwrap .east a{background-position:0 -68px;top:234px;left:350px; }
.directwrap .south a{background-position:0 -34px;top:330px; left:209px}
.directwrap .west a{background-position:0 -102px;top:234px;left:67px; }
.directwrap .north a{background-position:0 0; top:138px; left:209px}
.directwrap .east a:hover{background-position:0 -85px}
.directwrap .south a:hover{background-position:0 -51px}
.directwrap .west a:hover{background-position:0 -119px}
.directwrap .north a:hover{background-position:0 -17px}

.briefwrap{height:497px;background:url(../images/brief.gif) no-repeat left top;border:1px solid #444444;width:459px;}

.menuofeast,.menuofsouth,.menuofwest,.menuofnorth{ position:absolute; top:32px}
.menuofeast li,.menuofsouth li,.menuofwest li,.menuofnorth li{float:left; display:inline}
.menuofeast a,.menuofsouth a,.menuofwest a,.menuofnorth a{
	display:block;
	display:inline-block;
	width:96px;
	height:29px;
	background-repeat:no-repeat;
}
.menuofeast a{background-image:url(../images/menuofeast.gif);}
.menuofsouth a{background-image:url(../images/menuofsouth.gif);}
.menuofwest a{background-image:url(../images/menuofwest.gif);}
.menuofnorth a{background-image:url(../images/menuofnorth.gif);}

.menuofeast .east a,.menuofsouth .east a,.menuofwest .east a,.menuofnorth .east a{
	background-position:0 0;
}
.menuofeast .east a:hover,.menuofsouth .east a:hover,.menuofwest .east a:hover,.menuofnorth .east a:hover{background-position:0 -29px;}
.menuofeast .south a,.menuofsouth .south a,.menuofwest .south a,.menuofnorth .south a{	
	background-position:-96px 0;
}
.menuofeast .south a:hover,.menuofsouth .south a:hover,.menuofwest .south a:hover,.menuofnorth .south a:hover{background-position:-96px -29px;}
.menuofeast .west a,.menuofsouth .west a,.menuofwest .west a,.menuofnorth .west a{	
	background-position:-192px 0;
}
.menuofeast .west a:hover,.menuofsouth .west a:hover,.menuofwest .west a:hover,.menuofnorth .west a:hover{background-position:-192px -29px;}
.menuofeast .north a,.menuofsouth .north a,.menuofwest .north a,.menuofnorth .north a{
	background-position:-288px 0;
}

.menuofeast .north a:hover,.menuofsouth .north a:hover,.menuofwest .north a:hover,.menuofnorth .north a:hover{
	background-position:-288px -29px;
}

.aboutustalent{background-image:url(../images/aboutus_talent.gif); position:relative }
.aboutustalent a{display:block; width:160px;height:20px; position:absolute;top:475px; left:291px;}
.aboutusitems li a{
	height:74px;
	width:158px;
	display:block;
	background-image:url(../images/aboutus_items.gif);
	background-repeat:no-repeat;
}
.jp .aboutusitems li a{
	background-image:url(../images/aboutus_items_jp.gif);
	height:96px;
	width:291px;
}
.aboutusitems ul{ position:absolute; top:100px; left:97px}
.jp .aboutusitems ul{ left:45px;top:101px; }
.aboutusitems #team:hover{background-position:0 -74px}
.jp .aboutusitems #team:hover{background-position:0 -96px}
.aboutusitems #talents{background-position:0 -148px;margin-top:29px}
.jp .aboutusitems #talents{background-position:0 -192px;margin-top:90px}
.aboutusitems #talents:hover{background-position:0 -222px}
.jp .aboutusitems #talents:hover{background-position:0 -288px}
.aboutusitems .aboutteam{ position:relative; top:31px; left:16px; background:url(../images/aboutus_team.gif) no-repeat top left;width:265px; height:216px;}
.jp .aboutusitems .aboutteam{background-image:url(../images/aboutus_team_jp.gif);top:11px; left:4px; width:450px; height:246px}
.scrollwrap{
	overflow:hidden;
}
.persons{
	height:100%;
	overflow:hidden;
	padding:10px 0;
}
.persons li{
	display:inline;
	float:left;
}
.persons li a{
	display:block;
	margin-right:13px;
	margin-bottom:19px;
	width:213px;
	height:63px;	
	background-repeat:no-repeat;
	background-position:top;
}
.persons li a:hover{
	background-position:bottom;
}
#yin a{
	background-image:url(../images/p_yin.gif);
}
#zhishi a{
	background-image:url(../images/p_zhishi.gif);
}
#xiu a{
	background-image:url(../images/p_xiu.gif);
}
#denzoff a{
	background-image:url(../images/p_dan.gif);
	
}
#alham a{
	background-image:url(../images/p_aer.gif);
}
#wen a{
	background-image:url(../images/p_jiaya.gif);
}
#gelan a{
	background-image:url(../images/p_glan.gif);
}
#alred a{
	background-image:url(../images/p_aoerlande.gif);
}
#chongying a{
	background-image:url(../images/p_chongyin.gif);
}
#shen a{
	background-image:url(../images/p_shen.gif);
}
#keluo a{
	background-image:url(../images/p_keluo.gif);
}
#pecado  a{
	background-image:url(../images/p_pecado.gif);
}
#francis  a{
	background-image:url(../images/p_francis.gif);
}
#timmer  a{
	background-image:url(../images/p_timmer.gif);
}
#ai  a{
	background-image:url(../images/p_ai.gif);
}
.barwrap{	
	width:14px;	
	float:right;
	background:url(../images/scrollbar_bg.gif) repeat-y;
	height:100%;
	overflow:hidden;
	position:relative;
}
.barwrap .srolltop,.barwrap .srollbtm{
	cursor:pointer
}
.barwrap .srolltop{
	position:absolute;
	top:0
}
.barwrap .srollbtm{
	position:absolute;
	bottom:0
}
.barwrap .bar{
	background:#0e0822;
	height:300px;	
	width:12px;
	position:absolute;
	top:17px;
	left:1px;
}

.scrollcont{
	height:100%;
	overflow:hidden;
}
.imgwithdemo{ position:relative;}
.demo,.demo1,.demo2,.demo3{
	position:absolute;
	top:10px;
	z-index:10;
	left:10px;	
}
.demo2{
	left:110px
}
.demo3{
	left:210px
}
.back{ float:right; margin-right:20px; margin-top:5px;}

.notyet{
	height:370px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	padding-top:50px;
	padding-left:100px
}