@charset "EUC-JP";

/*  [	SECTION =0 ��E��å�			]  */

/*  [	SECTION =1 �ڡ������Υ�E�������		]  */

/*  [	SECTION =2 �إå����ѡ���	]  */	

/*  [	SECTION =3 �ᥤ��E				]  */
	
		/*  [	=3a �ǿ�ư�襁E���	]  */
		/*  [	=3b ��100%			]  */
		/*  [	=3c ���꡼��		]  */
		/*  [	=3d ��Eӥ塼		]  */
		/*  [	=3e ¾������		]  */


/*  [	SECTION =4 ���ʥ� ]  */
/*  [	SECTION =5 ���ʥ� ]  */

/*  [	SECTION =6 �եå����ѡ��� ]  */
/*  [	SECTION =7 �ɲåѡ��� ]  */


/*  [	SECTION =0 ��E��å�			]  */




/* safari only \*/
html:\66irst-child #container {
font:11px "Hiragino Kaku Gothic Pro", "�ҥ饮�γѥ� Pro W3", "�ͣ� �Х����å�", Geneva, Arial, sans-serif;
}

body {

	background-color:#000;
	color:#fff;	
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.5em;
	letter-spacing:1px;
	}

	div, p, ul, ol, li, dl, dd, dt span {
		margin:0;
		padding:0;
		}

		ul { list-style:none;  }
	
		em { 
			font-style:normal;
			padding:0 5px 0 0;
		}
	
		img {
			vertical-align:bottom;
			margin:0;
			padding:0;
			font-size:0;
			}
	
			a img {
				border:none;
				border:0;
			
				}
	
		a:link { color:#fff; text-decoration:underline; }
		a:visited {	color:#fff; text-decoration:underline; }
		
		a:hover {
			color:#ff0;
			text-decoration:none;
			}
	
		a:active {	color:#fff; text-decoration:none; }

/*  [	SECTION =1 �ڡ������Υ�E�������		]  */


	#container {
	
		width:1050px;
		margin:0 auto;
		} 


		#header {
			height:auto;
			margin-botttom:20px;
			display:block;

			}

		#header-in {
			margin:0 auto;
			width:1040px;
			padding:0;
			}


		
		#wrap {
			width:845px;
			float:right;
			margin-top:20px;

			}	
	
			
			#main, #top { /* #top for index2 */
				width:350px;
				float:left;
				}	
			
			#top {
				width:500px;

				}		

			#sub, #top-sub { /* #top-sub for index2 only */
				width:330px;
				float:right;
				}
			
			#top, #top-sub {
				background-color:#000;

				}
				
				#top-sub {
					padding:10px 0 0 10px;
					color:#fff;
					height:291px;
					_height:288px;
					}
					
					#top-sub p {
					height:14px;
					margin:5px 0 0 0;
					
						}
						
			#top-all {
				background-color:#000;
				width:840px;
				float:right;
				margin-top:20px;
			}

				

				
			#small-sub {
			
				width:160px;
				float:right;
				}
		
		
		#nav { 
			float:left;
			width:185px;
			margin-top:20px;
			overflow:hidden;

			}	
		
		#footer {
		
			padding:5px;
			}
		
		
		.all { 
			width:840px;
			margin:0 0 20px;
			}
			
.all2 {
background:none;
}


			
	#list-all { 
		float:left;
		width:670px;
		display:inline; /*needed for shitIE6 */
		margin-right:5px;
		}

	

	#rank-all { 
		width:845px;
		float:right;
		
		}
		
		
	.clear { 
		content: ".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		line-height:0;
		font-size:0;
		margin:0;
		padding:0;
		}
		
		.clear-r { 
		content: ".";
		display:block;
		height:0;
		clear:right;
		visibility:hidden;
		line-height:0;
		font-size:0;
		margin:0;
		padding:0;
		}
		

	.end {
		margin:0;
		}
	
	
	.special1 {
	background-color:#f00;
	}	
	
	

/* ���� */
	
h1, h2, h3, h4  { 

		padding:5px 0 1px;
		vertical-align:middle;
		letter-spacing:2px;
	x	font-weight:normal;
		font-size:14px;
		border-bottom:2px solid #0c0;
		margin:0 0 10px;
		color:#fff;
		position:relative;
		display:block;
		}
		
h4.tee { 
/*	background:url(http://www.caribbeancom.com/images/h-t.gif) no-repeat;  */
	width:185px;
	height:20px;
	margin:0;
	padding:0;
	}

/* ���Ф��塡���󤻱Ѹ�E*/
	
 h1 span, h2 span , h3 span, h4 span { 
		
			vertical-align:bottom;
			color:#ccc;
			letter-spacing:2px;
			font-weight:normal;
			font-size:10px;
			display:inline;
			text-align:right;
			position:absolute;
			top:7px;
			right:0;
			padding:2px 0 1px;
			_padding:0 5px 0 0;
				
				}
				
h1 em, h2 em ,  h3 em, h4 em { 
			font-weight:normal;
			padding:0 0 0 1px;
				}



/* P���� */

#sub p , div.updated-movies p{ text-align:right; margin:0px 0;  }
#sub p a , div.updated-movies p{ color:#ff0;  }


	
	
			
/*  [	SECTION =3 �ᥤ��E				]  */
		
	
	
	
#main div, #nav div, #sub div , #small-sub div{
x			margin:0 0 20px;
x			padding:5px;  
			}
	
	#container #nav div {   }
	#main div {    }
	#sub div {   }
	#small-sub div {   }



div.banner-hold {
width:100%;
}

	div.banner-hold a img {
		margin:0 0 20px;
		}


	#container dl {
			margin:0 0 10px;

			line-height:1.7em;
			}

		#container dl em { 
				margin:0 2px;
				}


			#container dl dt { 
				float:left;
				margin:0 10px 0 0;
				}
				
			
			#container dl dt span {
				display:block;
				padding:1px 0;
				background-color:#333;
				}
	
			#container dl dd.title {

				}	
				
				#container dl dd.title a:link {
					color:#ff0;
					
				}
				
				#container dl dd.title a:visited {
					color:#ff0;					
				}		
				
				#container dl dd.title a:hover {
					color:#ff0;					
				}		
				
				#container dl dd.title a:active {
					color:#ff0;				
				}												
				
		
				#container dl dd.comment {}




				#container dl dd.genre {
					font-size:10px;
					white-space:nowrap;
					}

				#container dl dd.genre a {
					
					padding:1px 2px;
					margin:5px 5px 0 0;
					text-decoration:none;
					height:12px;
					white-space:nowrap;
					background-color:#fff;
					color:#000;
					}

				#container dl dd.genre a:hover {  }
				
				#container dl dd.pics { 
					padding:2px 0;
					}			

				#container dl dd.pics img {
					 border:none;
					 border:0;
					 margin:0 1px 0 0;
			  	 	 }
				
				#container dl dd.name {  }
		



/* for home */

#container div.updated-movies dl { width:350px; background-color:#171717; position:relative; margin:0 0 15px;}
#container div.updated-movies dl dt span { background-color:#030; text-align:center; color:#ff0; }




	#container div.updated-movies dl dd {    }
	
		#container div.updated-movies dl dd.title { font-size:14px; }

			#container div.updated-movies dl dd.name { 
				font-size:14px; 
				display:inline;
				text-align:right;
				position:absolute;
				top:0;
				right:10px;
				}

			#container div.updated-movies dl dd.comment {
				padding:3px 0;
				}


#container div.updated-movies dl dd.genre {  }
#container div.updated-movies dl dd.date{ }

/* for member index2*/

#container div.sp1, #container div.sp2, #container div.sp3  {
	display:block;
	float:left;
	margin:0 10px 0 0;
	display:inline;
	}

#container div.sp1 a , #container div.sp2 a , #container div.sp3 a  {
	color:#ff0;
	}	

#container div.sp1,#container div.sp2 {
 padding: 0px 2px 0px 0px;
}

/*
#container div.sp1 {
		width:405px;
		}

#container div.sp2  {
	width:265px;
	}
	
*/
#container div.sp3  {
x	width:134px;
	}
	

#container div.sp1 h2 {
	color:#0c0;
	border-bottom:2px solid #0c0;
	}

#container div.sp2 h2 {
	color:#666;
	border-bottom:2px solid #666;
}


#container div.sp3 h2 {
	color:#f00;
	border-bottom:2px solid #f00;
	}


#container div.sp1 ul, #container div.sp2 ul, #container div.sp3 ul {
	display:block;
	float:left;
	padding:4px;
	border:1px solid #666;
	margin:0 5px 0 0;
	width:120px;
	}
	
	#container div.sp1 ul.end , #container div.sp2 ul.end, #container div.sp3 ul.end {
	margin:0;
	}

	
.type-nm, .type-og, .type-sh, .type-gk, .type-sp, .type-vi, .type-sv, .type-kg, .type-st {
		font-size:10px;
		padding:1px 5px;
		text-decoration:none !important;
		margin:0 10px 2px 0;
		line-height:1.0em;
		border:1px solid #fff;
		vertical-align:middle;
		white-space:nowrap;
		font-weight:normal;
	x	position:absolute;
	x	top:10px;
	x	right:5px;

		
		}

			.type-nm {	/**/
				background:url(http://www.caribbeancom.com/images/type-nm.gif);
				}
					
			.type-og {	/*�����ꡡ*/

				background:url(http://www.caribbeancom.com/images/type-og.gif);

					}
					
			.type-sh {	/*SKYHIGH*/
				background:url(http://www.caribbeancom.com/images/type-sh.gif);
					}
					
			.type-gk { /*		��Ʊ��E�E*/
				background:url(http://www.caribbeancom.com/images/type-gk.gif);
				}
					
			.type-sp {	/*���ڥ��㥁E/
				background:url(http://www.caribbeancom.com/images/type-sp.gif);
				}
	
			.type-vi {	/* VIP */
				background:url(http://www.caribbeancom.com/images/type-vi.gif);
				}
					
			.type-sv {	/* ĶVIP*/
				background:url(http://www.caribbeancom.com/images/type-sv.gif);
					}
					
			.type-kg {	/* ��Eָ�āE*/
				background:url(http://www.caribbeancom.com/images/type-kg.gif);
				}	
				
			.type-st {	/* ���ȥ꡼�ߥ� */
				background:url(http://www.caribbeancom.com/images/type-st.gif);
				}	
	
div.rec3 ul { margin:0 0 10px; }	
div.rec3 ul li{ width:150px; float:left; margin:0 8px 0 0; background-color:#fff; color:#000; padding:3px; }

div.rec3 ul li.end { margin:0; }
	
	
	
#news {
	overflow:auto;
	overflow:scroll;
	overflow-x:hidden;
	height:130px;
	scrollbar-highlight-color: #0f0f0f;
	scrollbar-3dlight-color: #292929;
	scrollbar-arrow-color: #666;
	scrollbar-face-color: #000;
	scrollbar-shadow-color: #666;
	scrollbar-track-color: #666;
	scrollbar-darkshadow-color: #292929;
x	background-color:#cce0d0;
	}
			
	#news em
      		{
			vertical-align:middle;
			height:32px;
			display:block;
			float:left;
			border-right: 1px solid #fff;
			xfont-weight:bold;
			margin:2px 10px 2px 0;
			}
			
		#news ul { 
			clear:left;
			float:none;
			}
			
			#news ul li { 
				padding:2px 5px;
				height:42px;
				margin:5px 0;


				}
				
				#news ul li.even { 				background-color:#333; }
			
	

		

		
	
#container .series dl{}
				
		#container .series dl dt {  }
					
	
					
			#container .series dl dd.vol a:link {
				text-decoration:none;
				margin:0 10px 10px 0;	
				}
	
			#container .series dl dd.vol a:visited {
				text-decoration:none;
				margin:0 10px 10px 0;
				}
	
				#container .series dl dd.vol a:hover {
				text-decoration:none;
				margin:0 10px 10px 0;	
				}
	
				#container .series dl dd.vol a:active {
				text-decoration:none;
				margin:0 10px 10px 0;			
				}	
					
.bigj {
	border:1px solid #f90;
x	height:40px;
	display:block;
	padding:10px;
	color:#fff;
	line-height:.8em;
	
	}

/*  [	SECTION =2 �إå����ѡ���	]  */	


#header ul.etc { float:right; }

#header div#h-main {
	padding:0;
	width:800px;
	display:block;
	float:left;
	margin:0 36px 0 0;
	vertical-align:bottom;

	}
			
	/*	Login box	*/	
		
		
	#header #log-box {	/*	bgcolor sample page	*/
		margin:5px 0 0 0;
		width:190px;
		font-size:12px;
		padding:5px;
		background-color:#01cc00;
		float:left;
		display:block;
		text-align:center;
		color:#000;
		xfont-weight:bold;

		}
		

	body#mem #header #log-box {	/*	bgcolor member page	*/
		background-color:#39f;
		}

	body#vip #header #log-box, body#svip #header #log-box {	/*	bgcolor Vip/Svip page	*/
		background-color:#ff0;
		}
				
		#header #log-box p {
			margin:0 0 1px;
			padding:2px 0;
			}
						
							
	#header #log-box .ufu {
		width:90px;
		background:url(/renew-2008/layouthttp://www.caribbeancom.com/images/header/btn-logs.gif) no-repeat;
		height:16px;
		float:left;
		display:block;

		}

		body#samp #header #log-box .l-butt {	/*	Login button for sample page only	*/
			margin:0 8px 0 0;
			float:left;
  			display: block;
			width:90px;
			height:16px;
			_height:18px;	/*	Crap IE6 hack	*/	
			}
		
		body#mem #header #log-box .l-butt , body#vip #header #log-box .l-butt , body#svip #header #log-box .l-butt {
				margin:0 8px 0 0;
				background-position:-90px 0;
				float:left;
				display:block;
				width:90px;
				height:16px;
				_height:18px;	/*	Crap IE6 hack	*/	
			}	/*	l-butt turns into logout for member,vip,svip	*/
							
							
			#header #log-box .r-butt {	/*	mycarib button	*/
				background-position:-180px 0;
				float:left;
				display:block;
				width:90px;
				height:16px;
				_height:18px;	/*	Crap IE6 hack	*/		
				}
				
							


		#header #logo {
			height:70px;
			padding:0;
			float:left;
			margin:0 15px 0 0;
			behavior: url(/iepngfix.htc)
			}
			 

			 
			#header ul li { display:block; float:left; margin-right:10px;  }
			#header ul.area {  height:51px;  }
			
		
	
	/*	Top navigation	*/
	
		#header ul.tnav {
			 display:inline;
			 width:800px;
			 vertical-align:bottom;
			 height:33px;
			 background-color:#f00;
			 }
			
			#header ul.tnav li {
				margin:0 10px 0 0;
				vertical-align:bottom;
				width:111px;
 		  	    }






			#header ul.tnav li a.chat:link {
				float:left;
				display:block;
				margin-top:11px;				
				height:22px;
				width:111px;
				vertical-align:bottom;
				background:url(http://www.caribbeancom.com/images/header/btn-tnav-chat.gif) no-repeat;
 			    }

			#header ul.tnav li a.chat:visited {
				float:left;
				display:block;	
				margin-top:11px;						
				height:22px;
				width:111px;
				vertical-align:bottom;
				background:url(http://www.caribbeancom.com/images/header/btn-tnav-chat.gif) no-repeat;
 			    }
				
			#header ul.tnav li a.chat:hover {
				float:left;
				display:block;
				margin-top:0;				
				height:33px;
				width:111px;
				vertical-align:bottom;
				background:url(http://www.caribbeancom.com/images/header/btn-tnav-chat-on.gif) no-repeat;
 			    }	

			#header ul.tnav li a.chat:active {
				float:left;
				display:block;
				margin-top:11px;
				height:22px;
				width:111px;
				vertical-align:bottom;
				background:url(http://www.caribbeancom.com/images/header/btn-tnav-chat.gif) no-repeat;
 			    }							

			/*	ppv	*/
			#header ul.tnav li a.tppv:link {
				float:left;
				display:block;
				margin-top:11px;
				height:22px;
				width:111px;				
				background:url(http://www.caribbeancom.com/images/header/btn-tnav-ppv.gif) no-repeat;
 			    }

			#header ul.tnav li a.tppv:visited {
				float:left;
				display:block;			
				margin-top:11px;
				height:22px;
				width:111px;
				background:url(http://www.caribbeancom.com/images/header/btn-tnav-ppv.gif) no-repeat;
 			    }
				
			#header ul.tnav li a.tppv:hover {
				float:left;
				display:block;
				margin-top:0;
				height:33px;
				width:111px;				
				background:url(http://www.caribbeancom.com/images/header/btn-tnav-ppv-on.gif) no-repeat;
 			    }	

			#header ul.tnav li a.tppv:active {
				float:left;
				display:block;
				margin-top:11px;
				height:22px;
				width:111px;				
				background:url(http://www.caribbeancom.com/images/header/btn-tnav-ppv.gif) no-repeat;
 			    }					
		

				

	/*	Join/Upgrade button for top nav	*/

	#header .icon {
		width:111px;
		background:url(http://www.caribbeancom.com/images/header/btn-t-join.gif) no-repeat;
		height:31px;
		float:right;
		margin:2px 0 0 0;
		display:block;
		}

		body#samp #header .t-join {	/*	sample	*/
			display:block;
			float:right;
			background-position:0;	
			}

		body#mem #header .t-join {	/*	member	*/
			display:block;
			float:right;
			background-position:-111px 0;
			}

		body#vip #header .t-join {	/*	vip	*/
			display:block;
			float:right;
			background-position:-222px 0;
			}

		body#svip #header .t-join {		/*	svip	*/
			display:none;
			float:none;
			background:none;
			}
			
	
	
			
		
		


	/*	Bottom Nav	*/		
				
#header .bnav-cont {
	background-color:#0c0;
	height:20px;
	padding:5px 0 2px;
	width:100%;
	}

/* safari only \*/
html:\66irst-child #header .bnav-cont {
	background-color:#0c0;
	height:20px;
	padding:5px 0 1px;
	width:100%;
	font-size:10px;
	}/* only safari */

	#header ul.bnav  { 
		margin:0 auto;
		width:1040px;
		list-style:none;
		letter-spacing:normal;
		text-align:center;
		}
	


	/*	Sliding Door technique used	*/
#header ul.bnav li a:link {
    /* Sliding right image */
    background: transparent url('http://www.caribbeancom.com/images/header/bnav-right.gif') no-repeat scroll top right;
    display: block;
    float: left;
    height: 18px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    padding-right:15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
}


#header ul.bnav li a:visited {
    /* Sliding right image */
    background: transparent url('http://www.caribbeancom.com/images/header/bnav-right.gif') no-repeat scroll top right;
	display: block;
    float: left;
    height: 18px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    padding-right:15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
	}


#header ul.bnav li a:hover {
    /* Sliding right image */
    background: transparent url('http://www.caribbeancom.com/images/header/bnav-right.gif') no-repeat scroll top right;
	
    display: block;
    float: left;
    height: 18px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    padding-right:15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
	}


#header ul.bnav li a:active {
    /* Sliding right image */
    background: transparent url('http://www.caribbeancom.com/images/header/bnav-right.gif') no-repeat scroll top right;
	
    display: block;
    float: left;
    height: 18px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    padding-right:15px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
	}


#header ul.bnav li a span {
    /* Background left image */ 
    background: transparent url('http://www.caribbeancom.com/images/header/bnav-left.gif') no-repeat; 
    display: block;
    line-height:18px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
    padding:0 0 0 15px;
} 

#header ul.bnav li a:hover span{
    text-decoration:underline;
}
	
	
body#samp #header ul.bnav li.supervip, body#samp #header ul.bnav li.special {	/*	Omit the last 2 links for sample page		*/
	display:none;
	width:0;
	height:0;
	background:none;
	}		
			
/*	Search bar	*/		 
						 
#header .s-cont {
	background-color:#333;
	width:100%;
	height:24px;
	padding:4px 0;
	}

	#header .s-cont a{
		margin:0 20px 0 0;
		}
	


	#header form {
		width:900px;
		margin:0 auto;
		vertical-align:middle;
		display:block;
		float:right;
		}


		#header form a { 
			color:#fff;
			vertical-align:middle;
			}

		#header form a.pads{
			margin:0 50px 0 0;
			}
		
		#header form input{
			margin:0 5px;
			}

		#header form label {
			padding:0 5px;
			color:#fff;
			background-color:#0c0;
			height:16px;
			}

		#header form input#keyword {
			width:220px;
			height:16px;
			line-height:16px;	
			vertical-align:middle;
			border:1px solid #0c0;
			background:url(http://www.caribbeancom.com/images/bg-keyword.gif) repeat-x;
			color:#fff;
			}
	
		#header form #button {
			height:22px;
			vertical-align:middle;
			width:63px;
 	  		cursor: pointer;
			}

			
/*  [	SECTION =5 ���ʥ� ]  */


#nav div a img , #nav p a img {
	margin:0 0 10px;
	}

	#nav div {
		line-height:1.8em;
		margin:0 0 15px;
		}

		#nav div p {
			clear:left;
			padding:5px;
			}
				
			#nav div dl {}
			
			#nav div dl.picleft dt {
				float:left;
				margin:0 5px 0 0;
				}
				
#nav div.samp-mycarib { display:block; }

body#mem #nav div.samp-mycarib , body#vip #nav div.samp-mycarib , body#svip #nav div.samp-mycarib {
	display:none;
	}



#nav div.status em { color:#ff0; padding:0 2px; }				
			
			
#nav div.status, body#mem #nav div.status, body#vip #nav div.status, body#svip #nav div.status{
	display:none;
	border:1px solid #0c0;
	padding:5px;
	width:168px;/* ����ץ�Eξ�E祢������Ⱦ�����ɽ�� */
	}
			
body#mem #nav div.status, body#vip #nav div.status, body#svip #nav div.status {  
	display:block; /* ���С�,VIP, ĶVIP�ξ�E硡��������Ⱦ���ɽ�� */
 	}
			

#nav div.status dl { border-bottom:1px solid #666; padding:5px 0; margin:5px 0;}
		
#nav div.status dl dt { font-weight:bold !important; }
	
#nav body#mem #nav div.status dl {
x	 background-color:#39f;
	 margin:0;
	 padding:5px
	 }
	 
body#vip #nav div.status dl, body#svip #nav div.status dl {
x	background-color:#ff0;
	color:#fff;
	margin:0;
	padding:5px;
	}



					
				#nav div dl dt {
					display:block;
					float:none;
					margin:0;
					padding:0;
					}
	
	
	#nav div.vowels {}
		
		#nav div.vowels a:link {
			border:1px solid #0c0;
			padding:2px 5px;
			margin:0 5px 10px 0;
			text-decoration:none;
			}
			
		#nav div.vowels a:visited {
			border:1px solid #0c0;
			padding:2px 5px;
			margin:0 5px 10px 0;
			text-decoration:none;
			}
			
		#nav div.vowels a:hover {
			border:1px solid #0c0;
			padding:2px 5px;

			margin:0 5px 10px 0;
			text-decoration:none;
			background-color:#030;
			}
			
		#nav div.vowels a:active {
			border:1px solid #0c0;
			padding:2px 5px;
			margin:0 5px 10px 0;
			text-decoration:none;
			}									
		
		
		#nav div.ccg-rank dl { 
			padding:5px;
			border-bottom:1px dotted #fc0;
			}
			
			#nav div.ccg-rank dl dt {
				float:right;
				margin:0 0 0 5px;
				}
			 
			#nav div.ccg-rank dl dd.rank {
				height:60px;
				}
				
				#nav div.ccg-rank dl dd.name {
					padding:3px 0;
					text-align:center;
	
					}
			
			#nav div.ccg-rank dl dd span {
				display:block;
				padding:2px 0;
				color:#fc0;
				}
					
					

/*	Join/Upgrade button changes with body id	*/
	
	#nav img.icon {
		width:185px;
		background:url(http://www.caribbeancom.com/images/btn-navall.gif) no-repeat;
		height:30px;
		}

	body#mem #nav img.join {
		display:block;
		background-position:-185px 0;
		}

	body#vip #nav img.join {
		display:block;
		background-position:-370px 0;
		}

	body#svip #nav img.join {
		display:none;
		background:none;
		}




/* for detail page */



	#container img.icon {
		width:185px;
		background:url(http://www.caribbeancom.com/images/btn-navall.gif) no-repeat;
		height:30px;
		}

	body#mem #container img.join {
		display:block;
		background-position:-185px 0;
		}

	body#vip #container img.join {
		display:block;
		background-position:-370px 0;
		}
	


	body#svip #container img.join {
		display:none;
		background:none;
		}
		
	
	
	#container .bigj { width:350px; }

	#container #wrap-hd .bigj { width:575px; padding:10px; }
	
	div.cl-box{ padding:0 0 0 10px; }
	
	div.cl-box table{
	width:100%;
	border-collapse:collapse;
	text-align:center;
	line-height:1.3em;
x	background-color:#001a00;
x	border:1px solid #222;
	margin-bottom:2px;
	padding:5px 0;
	height:68px;}
	
	#main .cl-box table td {
	border:1px solid #000;
	background-color:#111;
	xborder-right:1px solid #000;
	margin:0;
	padding:1px 0;
	}

	#main .cl-box table td.fat {
	font-weight:bold;
	font-size:14px;
	color:#ff0;}
	
	#main .cl-box table .bt {
	background:url(/renew-2008http://www.caribbeancom.com/images/detail/gragra.gif) repeat-x;
	background-color:#030;
	padding:2px 2px;
	text-decoration:none;
	display:block;
	height:auto;
	width:86px;
	font-size:10px;
	margin:0 auto 2px;

	border:1px solid #666;
	}

#main .cl-box table .bt a {
	background:url(http://www.caribbeancom.com/images/detail/down2.gif) no-repeat;
	background-position:top left;
	height:15px;
	padding:2px 2px 2px 18px;
	margin:1px;
	color:#fff;	
	line-height:1.5em;
	text-decoration:none;
	}

/* safari only \*/
html:\66irst-child #main .cl-box table .bt a {
	background:url(http://www.caribbeancom.com/images/detail/down2.gif) no-repeat;
	background-position:top left;
	height:15px;
	padding:2px 2px 2px 18px;
	margin:1px;
	color:#fff;	
	line-height:1.5em;
	text-decoration:none;
	font:"Lucida Grande", "Hiragino Kaku Gothic Pro", "�ҥ饮�γѥ� Pro W3", "�ͣ� �Х����å�", Geneva, Arial, sans-serif;
	line-height:-1px; }/* solo en safari */

#main .cl-box table .bt a:hover {
	color:#0c0;
	}
	

	#container .bigj dl { line-height:1.2em; height:30px;}
		
	#container .bigj dl dt {
		float:left;
		width:260px;
		}
		
	#container #wrap-hd .bigj dl dt {
		float:left;
		width:350px;
		}
		
		#container .bigj dl dd {
			float:right;
			}

		#container #wrap-hd .bigj dl dd {
			float:right;
			}
			
		#container #wrap-hd dd dt dl img.hd {
				float:right;
				display:block;
x				background:-185px 0;
				}			
			
	#container .bigj dl.d-2 { line-height:1.2em; margin:0 0 0px;}
	
	#container .bigj dl.d-2 dt {
		float:left;
		width:260px;
		}
		
		#container .bigj dl.d-2 dd {
			float:right;
			}
			
			
	body#mem #container .bigj dl.d-2 {
		display:none;
		height:0;
		background-color:#FF0000;
		}
		

		
		
	body#vip #container .bigj dl.d-2 {
		display:none;
		height:0;
		}
		
	body#svip #container .bigj dl.d-2 {
		display:none;
		height:0;
		}			
		
	body#special #container .bigj dl.d-2 {
		display:none;
		height:0;
		}			
			
	


	#container img.d-join {
		display:block;
		background-position:-555px 0;	
		}
		

	
	body#mem #container img.d-join {
		display:none;
		background:none;
		}

	body#vip #container img.d-join {
		display:none;
		background:none;
		}

	body#svip #container img.d-join {
		display:none;
		background:none;
		}		
		
	
	body#special #container img.d-join {
		display:none;
		background:none;
		}		
	


	
		#nav div ul {
			clear:left;
			padding-bottom:1px;
			}
	
			#nav div ul li {
				padding-left:12px;
				background:url(http://www.caribbeancom.com/images/icn-emph.gif);
				background-repeat:no-repeat;
				background-position:center left;
				width:78px;
				display:block;
				float:left;
				}
	

					
			#nav div ul.oneline {
				clear:left;
				padding-bottom:1px;

				}
	
			#nav div ul.oneline li {
				padding-left:18px;
				background:url(http://www.caribbeancom.com/images/plus.gif);
				background-repeat:no-repeat;
				background-position:center left;
				width:auto;
				display:block;
				float:none;
				}				
	
	
			#nav div.jj {
				background-color:#030;
				width:185px;
				margin:20px 0;
				}
			
				#nav div.jj ul { list-style:none; margin:0; padding:0;}
				
				#nav div.jj ul li {
					list-style:square;
					width:175px;
					background:none;
					white-space:normal;
					margin:0;
					padding:0;
										
					}						
					
					
					






/*  [	SECTION =5 �����ʥ� ]  */



#sub div.bnr-area a img {
	border:none;
	border:0;
	display:block;
	margin:0 0 10px;
	}

	#container .events2 dl { 
		width:148px;
		display:block;
		float:left;
		margin:0 2px 2px 0;
		clear:none;
		}
	 
	
	
	#sub div.chat-go { padding:5px; }
	#sub div.ppv-go ul, #sub div.chat-go ul {  float:left; display:block; margin:0 5px 0 0; padding:0;}
	.ppv-go ul li {  }
	.chat-go ul { padding:0; }
	
	
	.chat-mem {
		border:1px solid #fc0;
		padding:0;
		}

#sub div { 
margin:0 0 20px;
}





#sub div h4 {
	background-color:#000;
	}

	#sub div dl, #small-sub div dl {
		margin:0 0 10px;
		padding:5px;
		background-color:#171717;
		border-bottom:1px solid #333;

		}
	

			#sub div dl dt, #small-sub div dl dt { 
				float:left;
				margin:0 10px 0 0 ;

				}
				
				
				#sub div dl.uno dl dt{
					width:160px;

					float:right;
					margin:0 0 0 10px;
					}
					

				
				#sub div ul {

					padding:5px;
					}
				
					
				
				
		
			#sub div dl dd.title, #small-sub div dl dd.title { 
				
				}

				#small-sub div dl em{ 
					padding:0 1px;
					margin:0;
					font-size:20px;
					font-weight:bold;
					line-height:1em;
					}

			
			#sub div.ranker {}
			
			#sub div.ranker ul { 
				display:block;
				float:left;
				margin:0 5px 0 0;
				}
			
			#sub div.ranker ul li span {
				display:block;
				}
				
				
				
				
				#sub div.ranker .apart {
					background-color:#ff0;
					color:#000;
					padding:1px 5px;
					margin:10px 0 5px;
					text-align:center;
					width:100px;
					display:block;
					clear:left;
					}

				

/* RANKING */


/* #1 */

	#small-sub div dl.uno { 
		display:block;
		}
		
	#small-sub div dl.uno dd.place em { font-size:18px; }
	
		
		#small-sub div dl.uno dt { }
		
		
		#small-sub div dl.uno dt img{ 
			margin:0 2px;
			padding:0;
			vertical-align:bottom;
			}
			
			#small-sub div dl.uno dt a img{ 
				margin:2px 0;
				}
	/* review */	
	
	
	
#review {
	overflow:auto;
	overflow:scroll;
	overflow-x:hidden;
	height:200px;
	scrollbar-highlight-color: #0f0f0f;
	scrollbar-3dlight-color: #292929;
	scrollbar-arrow-color: #666;
	scrollbar-face-color: #000;
	scrollbar-shadow-color: #666;
	scrollbar-track-color: #666;
	scrollbar-darkshadow-color: #292929;
	width:100%;
	background-color:#030;

	}



#review ul { overflow:hidden; }
#review ul li { float:left; display:block; margin:0 5px 0 0; }


#review div dl { 
	margin:0;
	padding:5px;
	background-color:#030 !important;

	}
	
#review div dl.even { 
	margin:0; padding:5px; 

	}

#review dl dt {   }



/*	Mylist Area */
#mylist-cont {
	border:1px solid #0c0;
	padding:10px;
	color:#ccc;
	overflow:hidden;
	}
	
	#mylist-cont dl {
		margin:0 0 10px;
		display:block;
		height:48px;
		padding:0 0 10px;
		}
		
		#mylist-cont div dl dt {
			float:left;
			margin:0 10px 0 0;
			}
		
		
	#mylist-cont div p { 
		font-weight:bold;
		margin:10px 0;
		clear:left;
		}
	
	#mylist-cont div.m1 {
		width:216px;
		float:left;
		margin:0 10px 0 0;
		}
	
	#mylist-cont div.m2 {
		width:232px;
		float:left;
		margin:0 10px 0 0;

		}

	#mylist-cont div.m3 {
		float:left;
		margin:0 10px 0 0;
		width:520px;
		}
	
	#mylist-cont div.m3 ul {
		float:left;
		margin:0 20px 20px 0;
		padding:0;
		}	
	
	#mylist-cont div.m3 ul li { 
		padding:2px 0;
		}	

	#mylist-cont div.m3 dl {
		float:left;
		margin:0 10px 10px 0;
		width:240px;
		}
		
		
				

/*  [	SECTION =6 �եå����ѡ��� ]  */
	
	#footer { 
		margin-top:10px;
		padding:10px;
		color:#fff;
		background-color:#030;
		}		
		
		#footer ul { 
			height:12px;
			width:800px;
			margin:10px auto;
			text-align:center;
			padding:0 0 0 80px;
			}
					
		#footer	ul li {
			display:block;
			float:left;
			border-right:1px solid #fff;
			padding:1px 10px;
			margin:0 10px 0 0;
			line-height:1.2em;
			white-space:nowrap;
			
			}		
		
	/*  [	SECTION =7 �ɲåѡ��� ]  */				

		
dl#newvip-dl {
	width:100%;
	}#container #wrap-hd {
	left: 10px;
}