/*guide all css 
/*****************************************/
#guide {
	background:url("../guide/images/h2guide.gif") no-repeat;
}

/*****************************************/


/*game feature*/
/*****************************************/

.feature {
	float:left;
	width:270px;
	margin-right:10px;
	height:auto;
	margin-bottom:20px;
}

.ftitle{
	background:url("../guide/images/feature.gif") no-repeat; height:52px;
	padding-left:50px;
	padding-top:20px;
	font-weight:bold;
}

.ftxt {
	background-color:#3366ff;
	padding:5px;
	color:#FFFFFF;
	height:290px;
}

.txtbox {
	width:550px;
	border:1px solid #ccc;
	padding:2px;
}

/*game strart*/
/*****************************************/

/*register*/



/*download*/

.chart a,.charton a {
	display: block;
	float: left;
	padding-top:13px;
	padding-right:20px;
	text-align:center;
	margin-bottom:5px;
	font-size:10px;
	background:url("../guide/images/chart.gif") no-repeat; width:166px; height:27px;
}

.charton a {
	background-position:0px -40px;
	color:#FFFFFF;
}


.charton A:visited,.charton a:link,.charton a:active,.charton a:hover  {
	color:#FFF;
}

div#download_button {
	float: left;
	width: 270px;
	height: 250px;
}

a#game_download_button {
	background-image: url("../guide/images/game_download_button.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 235px;
	height: 77px;
	display: block;
	margin: 20px auto 0 auto;
}
	a#game_download_button:hover { background-position: 0 -77px; }

a#mac_ver_download_button {
	background-image: url("../guide/images/game_download_button.jpg");
	background-repeat: no-repeat;
	background-position: -235px 0;
	width: 235px;
	height: 77px;
	display: block;
	margin: 10px auto 0 auto;
}
	a#mac_ver_download_button:hover { background-position: -235px -77px;}

div#youtube {
	float: right;
	width: 270px;
	height: 230px;
	margin: 50px 20px 0 0;
}

/*game install*/



/*play guide*/
/*****************************************/

.playguide {
	width:560px;
	height:auto;
	float:left;
	margin-top:5px;
}

.playguide span {
	text-align:center;
	width:560px;
	display:block;
	padding-bottom:10px;
}


/*contorols css*/
/*****************************************/

#controltop {
	width:560px;
	height:15px;
	float:left;
}

#controltop span {
	width:90px;
	height:15px;
	font-size:10px;
	display:block;
	float:left;
	text-align:center;
	background-color:#3366FF;
	color:#FFF;
}

.controlmain {
	width:558px;
	height:auto;
	border:1px solid #666;
	margin:2px 0px;
	float:left;
}


.controlmain span {
	width:80px;
	font-size:10px;
	display:block;
	float:left;
	text-align:center;
	padding:25px 5px 5px 5px;
}

/*character*/
/*****************************************/
.character {
	background:url("../guide/images/chara_bg.gif") no-repeat; width:560px; height:300px;
	position:relative;
	float:left;
}

.ctable {
	position:absolute;
	top:72px;;
	left:185px;
	width:200px;
}

.ctable2 {
	position:absolute;
	top:195px;
	_top:197px;
	left:235px;
	width:150px;
}

.ctable span,.ctable2 span,.ctable_single span,.ctable2_single span  {
	float:left;
	width:150px;
	font-size:10px;
	border-bottom:1px solid #ccc;
	height:auto;
}

.ctable span img,.ctable2 span img,.ctable_single span img,.ctable2_single span img   {
	position:relative;
	top:2px;
	padding-left:1px;
}

.ctxt {
	padding-top:7px;
	padding-left:10px;
	padding-bottom:5px;
}

img,
.iepngfix {
	_behavior: expression(IEPNGFIX.fix(this));
}

/*single style*/

.character_single {
	background:url("../guide/images/chara_bg_single.gif") no-repeat; width:560px; height:300px;
	position:relative;
	float:left;
}

.ctable_single {
	position:absolute;
	top:180px;
	left:10px;
	width:200px;
}

.ctable2_single {
	position:absolute;
	top:187px;
	left:400px;
	width:150px;
}

/*skin edit*/
/*****************************************/

.skin_table {
	width:560px;
	float:left;
	margin-bottom:10px;
}

.skin_table img {
	padding-right:5px;
}
.stable_line {
	float:left;
	border-bottom:1px solid #ccc;
	display:block;
}

.skin_table span{
	float:left;
	padding:2px;
	display:block;
}

.stable02,.stable03 {
	margin-top:2px;
}

.stable02 {
	width:140px;
	font-weight:bold;
}

.stable03 {
	width:360px;
}

/*area*/
/*****************************************/
.area_box {
	float:left;
	_float:none;
	position:relative;
	background:url("../guide/images/area_bg.gif") no-repeat; width:545px; height:190px;
	padding-top:12px;
	padding-left:15px;
	margin-top:10px;
}

.area_box img {
	float:left;
	padding-right:30px;
}

.area_title {
	font-weight:bold;
	font-size:18px;
	color:#000066;
	padding-top:8px;
	line-height:0.8;
}

.area_txt {
	position:absolute;
	top:62px;
	right:10px;
	float:left;
	color:#FFFFFF;
	width:212px;
	height:auto;
	padding:5px;
	line-height:1.2;
}
.area_head{ margin:0px 10px; }

/*game manners*/
/*****************************************/

.manner_box {
	float:left;
	height:auto;
	width:560px;
	margin-bottom:10px;
}

/*1on1*/
.box {
	width: 551px;
	height: 370px;
	margin-top: 20px;
	border: solid 1px #999999;
}

.subtitle_margin { 
	margin-top: 20px;
	margin-bottom: 10px;
}

.zoom_link { 
	text-align: left; 
	margin-left: 10px;
}

.left_img { float: left;  }
.right_img { float: right; }
.box p { font-size: 14px; }
.1on1_text { margin: 5px 0;}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

table.ingame_ss { margin-left:12px; margin-top: 20px;}

.clearfix { display: inline-block; }

/*image setting*/
.ss_img { 
	background-image: url("../guide/images/1on1_ss_sprite.png"); 
	background-repeat: no-repeat ;
	display: block; 
	width: 384px; 
	height: 289px;
	margin: 20px 6px 5px 12px;
	_margin: 20px 3px 5px 6px;/*for IE6*/
}
	#ss_img1 { background-position: 0 0; }
	#ss_img2 { background-position: -384px 0; }
	#ss_img3 { background-position: -768px 0; }
	#ss_img4 { background-position: 0 -289px; }
	#ss_img6 { background-position: -768px -289px; }
	#ss_img7 { background-position: -1152px -288px; }

.ingame_ss_img {
	background-image: url("../guide/images/1on1_ss_sprite.png"); 
	background-repeat: no-repeat;
	display: block;
	height: 144px;
	width: 192px;
	}
	#ingame_ss_img1 { background-position: -384px -289px; }
	#ingame_ss_img2 { background-position: -576px -289px; }
	#ingame_ss_img3 { background-position: -384px -434px; }
	#ingame_ss_img4 { background-position: -576px -434px; }

.character_img { 
	background-image: url("../guide/images/1on1_character_sprite.png"); 
	background-repeat: no-repeat ;
	display: block;
	height: 221px;
	margin: 90px 15px 20px 10px;
	_margin: 90px 7px 20px 5px; /*for IE6*/
	}
	#character_img1 { background-position: 0 0; width: 121px; }
	#character_img2 { background-position: -122px 0; width: 122px; }
	#character_img3 { background-position: -246px 0; width: 108px; }
	#character_img4 { background-position: 0 -222px; width: 115px; }
	#character_img5 { background-position: -116px -222px; width: 146px; margin-left: 0; margin-right:0; }
	#character_img6 { background-position: -263px -222px; width: 87px; }
	#character_img7 { background-position: -355px 0; width: 86px; }

/*king of 1on1 EVENT*/
.king_of_1on1_event { margin-top: 15px; }
.king_of_1on1_text { 
	float:right; 
	width: 210px; 
	padding-right: 15px;
}

#king_of_1on1_banner {
	background-image: url("../guide/images/1on1_ss_sprite.png");
	background-position: -1152px 0;
	background-repeat: no-repeat;
	display: block;
	height: 110px;
	width: 340px;
}