/* CSS Document */

html{
	overflow-y:scroll;
	-webkit-text-size-adjust: none;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: bold;
	
}

a:link{
	color:#06F;
	text-decoration:underline;
}
a:visited{color:#06F;text-decoration:underline;}
a:hover{
	color:#06F;
	text-decoration:none;
}
a:active{color:#06F;text-decoration:none;outline:none;}
a:focus{color:#06F;text-decoration:none;outline:none;}

#wrapper{
	width: 100%;
	/*height: 100%;*/
	height:1600px;
}

#cover {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:#9f7902;
	filter:alpha(opacity=67);
	-moz-opacity: 0.67;
	opacity: 0.67;	
}
#content { 
  position:absolute;
	top:50px;
	left:0;
	z-index:2;
	}
	
	


 #closebtn{
	 z-index:3;
	position: absolute;
	left: 835px;
    top: 50px;
    width: 50px;
    height: 49px;
    background: url(../img/btn_two_close.png) center top no-repeat;
}
 #closebtn a{
	display: block;
    width: 50px;
    height: 49px;
    background: url(../img/btn_two_close.png) center bottom no-repeat;
}
 #closebtn a:hover{
	background-image: none;
}
 #closebtnns{
	position: absolute;
	left: 835px;
    top: 0;
    width: 50px;
    height: 49px;
    background: url(../img/btn_two_close.png) center bottom no-repeat;
}



#popbgtop {
	position: absolute;
	left: 60px;
    top: 20px;
    width: 871px;
    height: 30px;
    background: url(../img/pop_tips_top_bg.png) center bottom no-repeat;

}

#popbg {
	position: absolute;
	left: 60px;
	top: 100px;
	width: 871px;
	height: 1450px;
	background: url(../img/pop_tips_bg.png) center bottom;

}

#popbgbottom {
	position: absolute;
	left: 60px;
	top: 1550px;
	width: 871px;
	height: 31px;
	background: url(../img/pop_tips_bottom_bg.png) center bottom no-repeat;

}

#vidplayer {
	width: 356px;
	height: 218px;
	background:url(../img/smbback_small.png) no-repeat;
	padding-top: 37px;
	padding-left:70px;
}

#vidcopy{
	position: absolute;
	left:120px;
	top: 506px;
	width: 356px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	font-weight: bold;
	}


.nw1{ margin-top:-21px; margin-left:420px;}
.leftvideo {margin-top:40px; margin-left:50px;display:none;}
.free{
	color:#FFF;
	font-weight: bold;
	margin:2px,2px,2px,2px;
	background-color:#F00;
	width:80px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}



#counter_wrapper1{
	position: absolute;
	left: -150px;  
	top: -605px;
	z-index:2000;
}
#counter_wrapper2{
	position: absolute;
	left:-150px; 
	top: -605px;
	z-index:2000;
}
#counter_wrapper3{
	position: absolute;
	left: -150px;  
	top: -605px;
	z-index:2000;
}
#counter_wrapper4{
	position: absolute;
	left: -150px;  
	top: -605px;
	z-index:2000;
}
#counter_wrapper5{
	position: absolute;
	left: -150px;  
	top: -620px;
	z-index:2000;
	
	
}
#counter_wrapper6{
	position: absolute;
	left: -150px;  
	top: -605px;
	z-index:2000;
}
#counter_wrapper7{
	position: absolute;
	left: -150px;  
	top: -605px;
	z-index:2000;
}
#counter_wrapper8{
	position: absolute;
	left: -150px;  
	top: -605px;
	z-index:2000;
}
#counter_wrapper9{
	position: absolute;
	left: -150px;  
	top: -605px;
	z-index:2000;
}
#counter_wrapper10{
	position: absolute;
	left: -150px;  
	top: -605px;
	z-index:2000;

}


/*============ JAP*/
 .rankingarea .rankingdate{
	position: absolute;
	left: 609px;
	top: 755px;
	width: 316px;
	text-align: center;
	font-size: 12px;
	color: #000;
	//font-family: sans-serif;
	font-weight: bold;
	background:#FC0;
}
.rankingarea .rankingdate span{
}

 .rankingarea .no1 p{
	width: 23px;
	height: 34px;
	position: absolute;
	top: 322px;
}
 .rankingarea .champion p{
	width: 23px;
	height: 34px;
	position: absolute;
	top: 973px;  /* ======================= */
}
 .rankingarea .ctr_over {
	position: absolute;
	top: 0px;
	left: 0px;
}
 .rankingarea .no1 .d01,
 .rankingarea .champion .d01{
	left: 709px;
}
 .rankingarea .no1 .d02,
 .rankingarea .champion .d02{
	left: 734px;
}
 .rankingarea .no1 .d03,
 .rankingarea .champion .d03{
	left: 759px;
}
 .rankingarea .no1 .d04,
 .rankingarea .champion .d04{
	left: 784px;
}
 .rankingarea .no1 .d05,
 .rankingarea .champion .d05{
	left: 809px;
}
 .rankingarea .no2 p,
 .rankingarea .no3 p,
.rankingarea .no4 p,
 .rankingarea .no5 p{
	width: 19px;
	height: 28px;
	position: absolute;
}
 .rankingarea .no2 p{
	top: 370px;
}
.rankingarea .no3 p{
	top: 411px;
}
.rankingarea .no4 p{
	top: 452px;
}
 .rankingarea .no5 p{
	top: 493px;
}
 .rankingarea .no2 .d01,
 .rankingarea .no3 .d01,
 .rankingarea .no4 .d01,
 .rankingarea .no5 .d01{
	left: 709px;

}
 .rankingarea .no2 .d02,
 .rankingarea .no3 .d02,
 .rankingarea .no4 .d02,
 .rankingarea .no5 .d02{
	left: 730px;
}
 .rankingarea .no2 .d03,
 .rankingarea .no3 .d03,
 .rankingarea .no4 .d03,
 .rankingarea .no5 .d03{
	left: 751px;
}
 .rankingarea .no2 .d04,
 .rankingarea .no3 .d04,
 .rankingarea .no4 .d04,
 .rankingarea .no5 .d04{
	left: 772px;
}
 .rankingarea .no2 .d05,
 .rankingarea .no3 .d05,
 .rankingarea .no4 .d05,
 .rankingarea .no5 .d05{
	left: 793px;
}

/*=============JAP*/








.rdescr {margin-top:15px;}
.rcount {margin-top:10px;line-height: 2.5em;}
.rdisc {margin-top:52px;width:258px;font-size: 10px;}

.rdisc2 {position:absolute; top:430px; left:50px;font-size: 10px;}

.rcount2 {position:absolute; top:360px; left:390px; }

.rcount2_2 {position:absolute; top:380px; left:390px; }

.headline { margin-left:-5px;}


/* pack menu */
.packmenubtn14 {width: 183px;height: 110px; background: url(../img/aoc/packbtn13.jpg) no-repeat; 	text-indent: -99999px; float:left;}
.packmenubtn14:hover {background-position: -183px 0; }
.packmenubtn13 {width: 183px;height: 110px; background: url(../img/aoc/packbtn12.jpg) no-repeat; 	text-indent: -99999px; float:left;}
.packmenubtn13:hover {background-position: -183px 0; }
.packmenubtn12 {width: 183px;height: 110px; background: url(../img/aoc/packbtn14.jpg) no-repeat; 	text-indent: -99999px; float:left;}
.packmenubtn12:hover {background-position: -183px 0; }


.packmenubtn11 {width: 183px;height: 110px; background: url(../img/aoc/packbtn11.jpg) no-repeat; 	text-indent: -99999px; float:left;}
.packmenubtn11:hover {background-position: -183px 0; }
.packmenubtn10 {width: 183px;height: 110px; background: url(../img/aoc/packbtn10.jpg) no-repeat; 	text-indent: -99999px; float:left;}
.packmenubtn10:hover {background-position: -183px 0; }
.packmenubtn9 {width: 183px;height: 110px; background: url(../img/aoc/packbtn9.jpg) no-repeat; 	text-indent: -99999px; float:left;}
.packmenubtn9:hover {background-position: -183px 0; }


.packmenubtn8 {width: 183px;height: 110px; background: url(../img/aoc/packbtn8.jpg) no-repeat; 	text-indent: -99999px; float:left;}
.packmenubtn8:hover {background-position: -183px 0; }
.packmenubtn7 {width: 183px;height: 110px; background: url(../img/aoc/packbtn7.jpg) no-repeat; 	text-indent: -99999px; float:left;}
.packmenubtn7:hover {background-position: -183px 0; }
.packmenubtn6 {width: 183px;height: 110px; background: url(../img/aoc/packbtn6.jpg) no-repeat; 	text-indent: -99999px; float:left;}
.packmenubtn6:hover {background-position: -183px 0; }
.packmenubtn5 {width: 183px;height: 110px; background: url(../img/aoc/packbtn5.jpg) no-repeat; 	text-indent: -99999px; float:left;}
.packmenubtn5:hover {background-position: -183px 0; }
.packmenubtn4 {width: 183px;height: 110px; background: url(../img/aoc/packbtn4.jpg) no-repeat; 	text-indent: -99999px; float:left;}
.packmenubtn4:hover {background-position: -183px 0; }
.packmenubtn3 {width: 183px;height: 110px; background: url(../img/aoc/packbtn3.jpg) no-repeat; 	text-indent: -99999px; float:left;}
.packmenubtn3:hover {background-position: -183px 0; }
.packmenubtn2 {width: 183px;height: 110px; background: url(../img/aoc/packbtn2.jpg) no-repeat; 	text-indent: -99999px; float:left;}
.packmenubtn2:hover {background-position: -183px 0; }
.packmenubtn1 {width: 183px;height: 110px; background: url(../img/aoc/packbtn1.jpg) no-repeat; 	text-indent: -99999px; float:left;}
.packmenubtn1:hover {background-position: -183px 0; }


.packmenubtn14active{position: absolute;top: 85px;left:0px;z-index:2201;}
.packmenubtn13active{position: absolute;top: 85px;left:185px;z-index:2201;}
.packmenubtn12active{position: absolute;top: 85px;left:367px;z-index:2201;}
.packmenubtn11active{position: absolute;top: 85px;left:550px;z-index:2201;}

.packmenubtn10active{position: absolute;top: 85px;left:760px;z-index:2201;}
.packmenubtn9active{position: absolute;top: 85px;left:945px;z-index:2201;}
.packmenubtn8active{position: absolute;top: 85px;left:1125px;z-index:2201;}
.packmenubtn7active{position: absolute;top: 85px;left:1310px;z-index:2201;}

.packmenubtn6active{position: absolute;top: 85px;left:1520px;z-index:2201;}
.packmenubtn5active{position: absolute;top: 85px;left:1705px;z-index:2201;}
.packmenubtn4active{position: absolute;top: 85px;left:1888px;z-index:2201;}
.packmenubtn3active{position: absolute;top: 85px;left:2073px;z-index:2201;}

.packmenubtn2active{position: absolute;top: 85px;left:2278px;z-index:2201;}
.packmenubtn1active{position: absolute;top: 85px;left:2463px;z-index:2201;}








.packmenu 	{
	position: absolute;
	top: 910px;
	left:130px;
	width: 760px;
	height: 200px;
	z-index:2000;
	
	
	}
	
.packmenu .bx-prev {
	position: absolute;
	top: 30px;
	left: -50px;
	width: 42px;
	height: 45px;
	text-indent: -999999px;
	background: url(../img/previousbtn.png) no-repeat 0 -45px;

}

.packmenu .bx-next {
	position: absolute;
	top: 30px;
	right: -20px;
	//left: 100px;
	width: 42px;
	height: 45px;
	text-indent: -999999px;
	background: url(../img/forwardbtn.png) no-repeat 0 -45px;
	z-index:2005;
}

.packmenu .bx-next:hover,
.packmenu .bx-prev:hover {
	background-position: 0 0px;
}	
	
	
	
/* pack menu */

/*PACK*/
.pack {
	position: absolute;
	top: 1040px;
	left:88px;
	width: 814px;
	height: 451px;
	background: url(../img/aoc/packbg.jpg) no-repeat;
	z-index:2000;
	
	}

.pack li {
	list-style: none;
	//margin: 0;
	//height: 213px;

}
	
/*	
.pack .bx-prev {
	position: absolute;
	top: 200px;
	left: -10px;
	width: 42px;
	height: 45px;
	text-indent: -999999px;
	background: url(../img/previousbtn.png) no-repeat 0 -45px;
	//z-index:3005;
}

.pack .bx-next {
	position: absolute;
	top: 200px;
	right: -10px;
	//left: 100px;
	width: 42px;
	height: 45px;
	text-indent: -999999px;
	background: url(../img/forwardbtn.png) no-repeat 0 -45px;
	z-index:2005;
}

.pack .bx-next:hover,
.pack .bx-prev:hover {
	background-position: 0 0px;
}
*/

/*
.pack ul {
	width: 814px;
	height: 451px;
	overflow: hidden;
}

.pack li {
	list-style: none;
	margin: 0;
	height: 451px;
}

.pack.border {
	border-top: dotted #c3c3c1 1px;
	padding-top: 15px;
}

.pack.border .bx-window {
	margin-top: 78px;
}
*/



.pack .left {
	width: 420px;
	float: left;
	margin-top: 100px;
	margin-left: 40px;
}

.pack .right {
	width: 300px;
	height:500px;
	float: left;
	overflow: hidden;
	margin-top: 100px;
}

.pack .right .packtxt {
	height:500px;
	//margin-top: 60px;
	//font-size: 16px;
}


.pack .rightsingle {
	width: 300px;
	height:360px;
	float: left;
	overflow: hidden;
	margin-top: 100px;
	margin-left: 400px;
}

.pack .rightsinglevideo {
	width: 200px;
	height:350px;
	float: left;
	overflow: hidden;
	margin-top: -300px;
	margin-left: 600px;
}

.pack .rightsingle .packtxtsingle {
	height:360px;
}


.pack .leftranking {
	width: 420px;
	float: left;
	margin-top: 30px;
	margin-left: 40px;
}

.pack .rightranking {
	width: 300px;
	height:420px;
	float: left;
	overflow: hidden;
	margin-top: 30px;
}

.pack .right .packtxtranking {
	height:450px;

}




.pack .right .band {
	font-size: 14px;
	color: #838383;
}


/*PACK*/



 .rankingarea .no1 p{
	width: 23px;
	height: 34px;
	position: absolute;
	top: 802px;  /* +500*/
}
 .rankingarea .ctr_over {
	position: absolute;
	top: 0px;
	left: 0px;
}
 .rankingarea .no1 .d01{
	left: 709px;
}
 .rankingarea .no1 .d02{
	left: 734px;
}
 .rankingarea .no1 .d03{
	left: 759px;
}
 .rankingarea .no1 .d04{
	left: 784px;
}
 .rankingarea .no1 .d05{
	left: 809px;
}
 .rankingarea .no2 p,
 .rankingarea .no3 p,
 .rankingarea .no4 p,
 .rankingarea .no5 p{
	width: 19px;
	height: 28px;
	position: absolute;
}
 .rankingarea .no2 p{
	top: 840px;
}
 .rankingarea .no3 p{
	top: 871px;
}
 .rankingarea .no4 p{
	top: 902px;
}
 .rankingarea .no5 p{
	top: 933px;
}
.rankingarea .no2 .d01,
 .rankingarea .no3 .d01,
.rankingarea .no4 .d01,
 .rankingarea .no5 .d01{
	left: 709px;

}
 .rankingarea .no2 .d02,
 .rankingarea .no3 .d02,
 .rankingarea .no4 .d02,
 .rankingarea .no5 .d02{
	left: 730px;
}
 .rankingarea .no2 .d03,
 .rankingarea .no3 .d03,
 .rankingarea .no4 .d03,
 .rankingarea .no5 .d03{
	left: 751px;
}
 .rankingarea .no2 .d04,
 .rankingarea .no3 .d04,
.rankingarea .no4 .d04,
 .rankingarea .no5 .d04{
	left: 772px;
}
 .rankingarea .no2 .d05,
 .rankingarea .no3 .d05,
 .rankingarea .no4 .d05,
 .rankingarea .no5 .d05{
	left: 793px;
}