@charset "UTF-8";
/*
	12/05/12 by designer
	to future developper/designer, 
	if you do not see div#freeBtn_general_1 on this page,
	please delete css section
*/
.displayNone { display:none;}
.freeBtn_general_1 { width:100%; text-align:center; padding-top:16px; /*margin-top:-8px;*/}
.freeBtn_general_1 a { display:block; width:557px; height:82px; background:0 0 url(/img/generic/freeBtn_general_1.png) no-repeat; margin:0 auto; text-indent:-9999px;}
.freeBtn_general_1 a:hover { background-position:0 -82px;}

#random_wrapper a, #random_wrapper div { vertical-align:top; margin:0 auto; padding:0;}

/*
	end 12/05/12 by designer
*/


/*addition by designer 09/14/2010*/

.top_b {
	display:block;
	width:720px;
	height:33px;
	background:top left url(/img/random/top_b.gif) no-repeat scroll;
	text-align:center;
}

.mdl {
	display:block;
	width:720px;
	height:485px;
	background:top left url(/img/random/mdl.gif) no-repeat scroll;
	text-align:center;
}



.btnL {
	display:block;
	width:208px;
	height:46px;
	margin:0px;
	padding:0px;
}

.btnR {
	display:block;
	width:208px;
	height:46px;
	margin:0px;
	padding:0px;
}

.btnL a {
	display:block;
	width:208px;
	height:46px;
	margin:0px;
	padding:0px;
	background:0px 0px url(/img/random/btm_a_btn.png) no-repeat scroll;
	text-indent:-9999px;
}

.btnL a:hover {
	display:block;
	width:208px;
	height:46px;
	margin:0px;
	padding:0px;
	background:0px -46px url(/img/random/btm_a_btn.png) no-repeat scroll;
	text-indent:-9999px;
}


.btnR a {
	display:block;
	width:208px;
	height:46px;
	margin:0px;
	padding:0px;
	background:-208px 0px url(/img/random/btm_a_btn.png) no-repeat scroll;
	text-indent:-9999px;
}

.btnR a:hover {
	display:block;
	width:208px;
	height:46px;
	margin:0px;
	padding:0px;
	background:-208px -46px url(/img/random/btm_a_btn.png) no-repeat scroll;
	text-indent:-9999px;
}

.btnJoin a {
	display:block;
	width:237px;
	height:46px;
	margin:0px;
	padding:0px;
	background:0px 0px url(/img/random/btm_a_2_u.gif) no-repeat scroll;
	text-indent:-9999px;
}

.btnJoin a:hover {
	display:block;
	width:237px;
	height:46px;
	margin:0px;
	padding:0px;
	background:0px -46px url(/img/random/btm_a_2_u.gif) no-repeat scroll;
	text-indent:-9999px;
}


#PFname_area{
	text-align:center;
	color:#FFFFFF;
	font-size:18px;
	font-weight:normal;
	margin:0 0 15px;
	padding:0;
}

#PFname_area #namehere{
	color:#FF0099;
	font-weight:bold;
}

#vidPlayerHere{
	width:640px; 
	height:480px;
	margin:0px auto 0px auto;
	padding-top:3px;
}

/*rest of it, I don't know what is neccessary*/







td{vertical-align:top;}

table#rwrapper{width:1004px; }

td#rleft{width:166px; background-image:url("/img/home/bg_SideNav.gif");}

td#rright{width:100%; background-image:url("/img/home/bg_grey.gif"); }

div.ronline{display:none;}

.clear { 
clear:both;
}


#random_wrapper{
width:720px;
margin:28px auto;
text-align:center;
}

#random_header{
margin-bottom:20px;
}

*html #random_header{
margin-bottom:36px;
}

#random_header h2{
text-indent:-9999px;
float:left;
width:383px;
height:50px;
background:transparent url(../img/random/tit_main.jpg) no-repeat top left;
margin:0;
padding:0;
}

#random_header #registBtn_area{
width:245px;
height:50px;
float:right;
}

#random_header #registBtn_area a{
display:block;
width:245px;
height:50px;
text-indent:-9999px;
outline:none;
background:transparent url(../img/random/btn_regist.jpg) no-repeat 0px 0px;
}

#random_header #registBtn_area a:hover{
background:transparent url(../img/random/btn_regist.jpg) no-repeat 0px -50px;
}

#random_main{
width:638px;
border:1px solid #FFF; 
background-color:#000;
padding:15px 15px 30px;
}

#random_main #PFname_area{
text-align:center;
color:#FFFFFF;
font-size:18px;
font-weight:normal;
margin:0 0 15px;
padding:0;
}

#random_main #PFname_area #namehere{
color:#FF0099;
font-weight:bold;
}

#random_main #vidPlayerHere{
width:640px; 
height:480px;
margin-bottom:15px;
}

#random_main #btn_area{
width:358px;
padding:0 140px;
}

*html #random_main #btn_area{
width:638px;
}

#random_main #profBtn_area{
width:170px;
height:40px;
float:left;
}

#random_main #profBtn_area a{
display:block;
text-indent:-9999px;
width:170px;
height:40px;
outline:none;
background:transparent url(../img/random/btn_seeProf.jpg) no-repeat 0px 0px;
}

#random_main #profBtn_area a:hover{
background:transparent url(../img/random/btn_seeProf.jpg) no-repeat 0px -40px;
}

#random_main #nextBtn_area{
width:170px;
height:40px;
float:right;
}

#random_main #nextBtn_area a{
display:block;
text-indent:-9999px;
width:170px;
height:40px;
outline:none;
background:transparent url(../img/random/btn_seeNextPF.jpg) no-repeat 0px 0px;
}

#random_main #nextBtn_area a:hover{
background:transparent url(../img/random/btn_seeNextPF.jpg) no-repeat 0px -40px;
}



/*—‚ÌŽqˆê——ƒy[ƒW*/

.titles { width:265px; float:left; margin:4px; text-align:center;}

.titleTXT { font-size:16px; color: #CC00CC; text-align:center; font-family:"MS UI Gothic", "‚l‚r ‚oƒSƒVƒbƒN", "‚l‚r ƒSƒVƒbƒN", "Osaka";}



.pfnameALL { font-size: 12px; color: #CA6AAF;font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;}

a:link.pfnameALL,a:visited .pfnameALL,a:active.pfnameALL { font-size: 12px; color: #CA6AAF;font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif; text-decoration:none;}

a:hover.pfnameALL { font-size: 12px; color: #FF00CC;font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif; text-decoration:underline;}



.pageNO  { width:14px; text-align:center; font-size: 12px; color: #CA6AAF;font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif; text-decoration:none;}

a:link.pageNO,a:visited .pageNO,a:active.pageNO { margin:2px; width:16px; text-align:center; font-size: 12px; color: #CA6AAF;font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif; text-decoration:none;}

a:hover.pageNO {  margin:2px; width:16px; text-align:center; font-size: 14px; font-weight:bold; color: #FF00CC;font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif; text-decoration:none;}