@charset "utf-8";



/* CSS Document */



/****vip tab:start********/



#memberDscTab { display:block; width:772px; padding:0px; margin:0px auto 28px auto; text-align:center;}







/*start:css hack*/







#memberDscTab ul { 

	margin:0px auto 0px auto; 

	padding:0px; 

	text-align:center;

	list-style:none; 

	display:block;

	width:489px;

	height:44px;

}

#memberDscTab ul:before,

#memberDscTab ul:after,

#memberDscTabRegularRegular ul:before,

#memberDscTabRegularRegular ul:after  {

    content: " "; /* 1 */

    display: table; /* 2 */

}



#memberDscTab ul:after,#memberDscTabRegularRegular ul:after {

    clear: both;

}



/**

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */

#memberDscTab ul {

    *zoom: 1;

}





/*start:IE6,7,8*/



/*not sure how it works, so doing redundant coding; feel free to optimize in the future*/

/*

* html #memberDscTab ul { 

	margin:0px 28px 0px auto; 

	padding:0px; 

	text-align:center;

	list-style:none; 

	display:block;

	width:334px;

	height:44px;



}







*:first-child+html #memberDscTab ul { 

	margin:0px 28px 0px auto; 

	padding:0px; 

	text-align:center;

	list-style:none; 

	display:block;

	width:334px;

	height:44px;

}



*/



/*head~/* */ /*#memberDscTab ul { 

	margin:0px 28px 0px auto; 

	padding:0px; 

	text-align:center;

	list-style:none; 

	display:block;

	width:334px;

	height:44px;



}

*/

/*end:IE6,7,8*/



/*other*/

/*

html:not(:target) #memberDscTab ul { 



	margin:0px auto 0px auto; 



	padding:0px; 



	text-align:center;



	list-style:none; 



	display:block;



	width:334px;



	height:44px;



}*/







/*end:css hack*/











#memberDscTab ul li { margin:0px; padding:0px; height:44px; display:block; float:left;}



#memberDscTab ul li#menu1 {width:163px;}



#memberDscTab ul li#menu2 {width:163px;}



#memberDscTab ul li#menu3 {width:163px;}



#memberDscTab li a {



	display:block;



	height:44px;



	width:100%;



	background-image:url(/img/royalDsc/tab_vip.png);



	text-indent:-9999px;

	

	background-repeat:no-repeat;



}







#memberDscTab li#menu1 a { 



	background-position:0px 0px;



}







#memberDscTab li#menu2 a {



	background-position:-163px 0px;



}



#memberDscTab li#menu3 a {



	background-position:-326px 0px;



}











#memberDscTab li#menu1 a:hover, #memberDscTab li#menu1 a.on{ 



	background-position:0px -50px;



}







#memberDscTab li#menu2 a:hover, #memberDscTab li#menu2 a.on{



	background-position:-163px -50px;



}



#memberDscTab li#menu3 a:hover, #memberDscTab li#menu3 a.on{



	background-position:-326px -50px;



}











#memberDscTab .tabBtm { display:block; margin:0px; padding:0px; height:10px; width:772px; background:top left url(/img/royalDsc/tab_vip_bar.png) no-repeat scroll;}







/****vip tab:end********/







/****regular tab:start********/



#memberDscTabRegular { display:block; width:772px; padding:0px; margin:0px auto 28px auto; text-align:center;}







/*start:css hack*/







#memberDscTabRegular ul { 



	margin:0px auto 0px auto;



	padding:0px; 



	text-align:center;



	list-style:none; 



	display:block;



	width:489px;



	height:44px;



}







/*start:IE6,7,8*/



/*not sure how it works, so doing redundant coding; feel free to optimize in the future*/

/*

* html #memberDscTabRegular ul { 



	margin:0px 28px 0px auto; 



	padding:0px; 



	text-align:center;



	list-style:none; 



	display:block;



	width:334px;



	height:44px;



}







*:first-child+html #memberDscTabRegular ul { 



	margin:0px 28px 0px auto; 



	padding:0px; 



	text-align:center;



	list-style:none; 



	display:block;



	width:334px;



	height:44px;



}







head~/* *//* #memberDscTabRegular ul { 



	margin:0px 28px 0px auto; 



	padding:0px; 



	text-align:center;



	list-style:none; 



	display:block;



	width:334px;



	height:44px;



}



/*end:IE6,7,8*/



/*other



html:not(:target) #memberDscTabRegular ul { 



	margin:0px auto 0px auto; 



	padding:0px; 



	text-align:center;



	list-style:none; 



	display:block;



	width:334px;



	height:44px;



}







end:css hack*/











#memberDscTabRegular ul li { margin:0px; padding:0px; height:44px; display:block; float:left;}



#memberDscTabRegular ul li#menu1 {width:163px;}



#memberDscTabRegular ul li#menu2 {width:163px;}



#memberDscTabRegular ul li#menu3 {width:163px;}



#memberDscTabRegular li a {

	display:block;

	height:44px;

	width:100%;

	background-image:url(/img/royalDsc/tab_reg.png);

	text-indent:-9999px;

	background-repeat:no-repeat;

}







#memberDscTabRegular li#menu1 a { 



	background-position:0px 0px;



}







#memberDscTabRegular li#menu2 a {



	background-position:-163px 0px;



}



#memberDscTabRegular li#menu3 a {



	background-position:-326px 0px;



}











#memberDscTabRegular li#menu1 a:hover, #memberDscTabRegular li#menu1 a.on{ 



	background-position:0px -50px;



}







#memberDscTabRegular li#menu2 a:hover, #memberDscTabRegular li#menu2 a.on {



	background-position:-163px -50px;



}



#memberDscTabRegular li#menu3 a:hover, #memberDscTabRegular li#menu3 a.on {



	background-position:-326px -50px;



}











#memberDscTabRegular .tabBtm { display:block; margin:0px; padding:0px; height:10px; width:772px; background:top left url(/img/royalDsc/tab_reg_bar.png) no-repeat scroll;}



/****regular tab:end********/









/****promo tab:start********/



#memberDscTabPromo { display:block; width:772px; padding:0px; margin:0px auto 28px auto; text-align:center;}







/*start:css hack*/







#memberDscTabPromo ul { 



	margin:0px auto 0px auto; 



	padding:0px; 



	text-align:center;



	list-style:none; 



	display:block;



	width:334px;



	height:44px;



}







/*start:IE6,7,8*/



/*not sure how it works, so doing redundant coding; feel free to optimize in the future*/



* html #memberDscTabPromo ul { 



	margin:0px 28px 0px auto; 



	padding:0px; 



	text-align:center;



	list-style:none; 



	display:block;



	width:334px;



	height:44px;



}







*:first-child+html #memberDscTabPromo ul { 



	margin:0px 28px 0px auto; 



	padding:0px; 



	text-align:center;



	list-style:none; 



	display:block;



	width:334px;



	height:44px;



}







head~/* */ #memberDscTabPromo ul { 



	margin:0px 28px 0px auto; 



	padding:0px; 



	text-align:center;



	list-style:none; 



	display:block;



	width:334px;



	height:44px;



}



/*end:IE6,7,8*/



/*other*/



html:not(:target) #memberDscTabPromo ul { 



	margin:0px auto 0px auto; 



	padding:0px; 



	text-align:center;



	list-style:none; 



	display:block;



	width:334px;



	height:44px;



}







/*end:css hack*/











#memberDscTabPromo ul li { margin:0px; padding:0px; height:44px; display:block; float:left;}



#memberDscTabPromo ul li#menu1 {width:166px;}



#memberDscTabPromo ul li#menu2 {width:166px;}



#memberDscTabPromo li a {



	display:block;



	height:44px;



	width:100%;



	background-image:url(/img/vip_intro/tab_promo.png);



	text-indent:-9999px;

	

	background-repeat:no-repeat;



}







#memberDscTabPromo li#menu1 a { 



	background-position:0px 0px;



}







#memberDscTabPromo li#menu2 a {

	background-position:-166px 0px;

}











#memberDscTabPromo li#menu1 a:hover, #memberDscTabPromo li#menu1 a.on{ 



	background-position:0px -50px;



}







#memberDscTabPromo li#menu2 a:hover, #memberDscTabPromo li#menu2 a.on{



	background-position:-166px -50px;



}







#memberDscTabPromo .tabBtm { display:block; margin:0px; padding:0px; height:10px; width:772px; background:top left url(/img/royalDsc/tab_reg_bar.png) no-repeat scroll;}







/****promo tab:end********/







#wrap{ width:820px; margin:0; padding:0 0 0 9px; }



#bg1{background:url(/img/vip_intro/vip1.jpg) no-repeat top left; width:820px; height:402px; padding:0; margin:0;}



#bg1 table { margin:0; padding:250px 0 0 0; font-size:12px; line-height:120%; color:#333;}



#bg11{background:url(/img/vip_intro/vip11.jpg) no-repeat top left; width:820px; height:443px; padding:0; margin:0;}

#bg11_1{background:url(/img/vip_intro/vip11_1.jpg) no-repeat top left; width:820px; height:297px; padding:0; margin:0;}

#bg11_2{background:url(/img/vip_intro/vip11_2.jpg) no-repeat top left; width:820px; height:146px; padding:0; margin:0;}



#bg11 table { margin:0; padding:300px 0 0 0; font-size:12px; line-height:120%; color:#333;}



#bg2{background:url(/img/vip_intro/vip2.jpg) no-repeat top left; width:820px; height:52px; padding:0; margin:0; }



#bg3{background:url(/img/vip_intro/vip3.jpg) no-repeat top left; width:416px; height:182px; padding:0; margin:0; float:left;}



#bg3 p{padding:45px 10px 0 100px; margin:0;}



#bg4{background:url(/img/vip_intro/vip4.jpg) no-repeat top left; width:404px; height:182px; padding:0px; margin:0;float:left;}



#bg4 p{padding:45px 10px 0 57px; margin:0;}



#bg5{background:url(/img/vip_intro/vip5.jpg) no-repeat top left; width:416px; height:182px; padding:0px; margin:0;float:left;}



#bg5 p{padding:45px 10px 0 100px; margin:0;}



#bg6{background:url(/img/vip_intro/vip6.jpg) no-repeat top left; width:404px; height:182px; padding:0px; margin:0;float:left;}



#bg6 p{padding:45px 10px 0 57px; margin:0;}



#bg7{background:url(/img/vip_intro/vip7.jpg) no-repeat top left; width:416px; height:182px; padding:0px; margin:0;float:left;}



#bg8{background:url(/img/vip_intro/vip8.jpg) no-repeat top left; width:404px; height:182px; padding:0px; margin:0;float:left;}



#bg8 p{padding:45px 10px 0 57px; margin:0;}



#bg9{background:url(/img/vip_intro/vip9.jpg) no-repeat top left; width:404px; height:182px; padding:0px; margin:0;float:left;}



#bg9 p{padding:45px 10px 0 57px; margin:0;}







#bg10 a{background:url(/img/vip_intro/vipbtn.jpg) no-repeat top left; width:404px; height:182px; padding:0px; margin:0;float:left;}



#bg10 a:hover{background:url(/img/vip_intro/vipbtnOver.jpg) no-repeat top left; width:404px; height:182px; padding:0px; margin:0;float:left;}







#meg{padding:10px 50px 10px 50px; margin:0; background-color:#FFF; color:#333; font-size:12px; text-align:left; line-height:125%;}



#bgbtn{ padding:10px; margin:0;}



#meg span{ color: #333; font-weight:bold;}



#meg ul{ margin:0; padding:0; line-height:120%; list-style:none;}



#meg ul li{ margin:0; padding:0; line-height:120%; list-style:none;}



#meg a{color: #FF33CC; text-decoration:none;}



#meg a:hover{color: #FF99CC; text-decoration:none;}



#bgtouroku{background:url(/img/vip_intro/viptouroku.jpg) no-repeat top left; width:820px; height:52px; padding:0; margin:0; }



#bgtourokuUnder{ padding:10px 20px 0 60px; margin:0; }



#bgtourokuUnder ol{padding:10px; margin:0 10px 10px 50px; line-height:150%; list-style:outside; }



#bgtourokuUnder ol li{padding:0; margin:0; list-style:outside decimal;  }







a {outline:none;}



a:hover {outline:none;}

/* VipINtro Table */
table.VipIntro {
    font-size: 12px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
 
table.VipIntro th {
    padding: 1em;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
}
 
table.VipIntro td {
    padding: 0.8em;
    vertical-align: middle;
    text-align: center;
    border-bottom: #999 1px solid;
    font-size: 12px;
}
 
table.VipIntro th.tokuten {
    width: 140px;
    border-right: #999 1px solid;
    background: #e1e1e1;
}
 
table.VipIntro th.mem,
table.VipIntro td.mem {
    width: 160px;
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #0D9393;
}
 
table.VipIntro th.mem,
table.VipIntro th.vip,
table.VipIntro th.comp {
    text-align: center;
}
 
table.VipIntro th.vip,
table.VipIntro td.vip {
    width: 170px;
    border-left: #fff 1px solid;
    border-right: #999 1px solid;
    background: #FFCC00;
}
 
table.VipIntro th.comp,
table.VipIntro td.comp {
    width: 160px;
    border-left: #fff 1px solid;
    background: #FF6600;
}