@import url("moviepage.css");


/* CSS by Maaku */


/*  [   Table of Content	目次	]	


[		SECTION =0 リセット					]  
[		SECTION =1 ページ全体レイアウト 	] 
[		SECTION =2 ヘッダーパーツ 			]  
[		SECTION =3 メイン				 	] 
[		SECTION =4 左ナビ 					] 
[		SECTION =5 右ナビ 					] 
[		SECTION =6 フッターパーツ		 	]
[		SECTION =7 追加パーツ			 	]

*/


/*  [	SECTION =0 リセット				]  */

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

	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 ページ全体レイアウト		]  */


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


		#header {
			margin-botttom:20px;
			}

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


		
		#wrap {
			width:845px;
			float:right;
			margin-top:20px;
			}	
	
			
			#main {
				width:670px;
				float:left;
				}	
	
				
			#small-sub {
				width:160px;
				float:right;
				}
		
		
		#nav { 
			float:left;
			width:180px;
			margin-top:20px;

			}	
		
		#footer {
			border-top:1px solid #900;
			height:40px;
			}
		
		
		.all { 
			width:840px;
			margin:0 0 20px;
			}
			


			
	#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; }	
	
	.fl-l { float:left; }
	.fl-r { float:right; }
	.high { color:#ff0; }
	
	

/* 見出し */
	
h1, h2, h3, h4  { 
	padding:5px 0 1px;
	vertical-align:middle;
	font-size:14px;
	border-bottom:2px solid #900;
	margin:0 0 10px;
	color:#ff0;
	}
	
/*  [	SECTION =3 メイン					]  */
		
	
	
	
#main div, #nav div, #sub div , #small-sub div{	}
	
	#container #nav div {   }
	#main div {    }
	#sub div {   }
	#small-sub div {   }





table.main_table, table.main_table2  { 
	border:1px solid #555;
	margin-bottom:15px;
	padding:5px;
	}

	
table.main_table { float:left; }
table.main_table2 { float:right; }

table.main_table ul, table.main_table2 ul { 
	list-style:none;
	margin:5px 0;

	}
	
	table.main_table ul li, table.main_table2 ul li { 
		padding:2px;
		color:#f90;
		}
	
		table.main_table ul li span, table.main_table2 ul li span  { 
			padding-left:5px;
			color:#fff;
			}
	

	table.main_table th, table.main_table2 th { 
		background-color:#c00;
		padding:1px 10px 1px 18px;
		text-align:left;
		}
	
		table.main_table th span, table.main_table2 th span { 
			text-align:right;
			padding-left:10px;
			font-weight:normal;
			}
	
	table.main_table div.wrapper, table.main_table2 div.wrapper{ 
		padding:10px;
		}
	
	table.main_table img, table.main_table2 img {  

		}
	
	table.main_table a, table.main_table2 a { 
		margin-right:10px;
		color:#fff;
		}
	
	table.main_table p, table.main_table2 p{ 
		margin:2px;
		}
					
					
		.tt {
			float:left;
			}
			
	table.main_table img.nopad {
		padding:0;
		float:right;
		}
				


/*  [	SECTION =2 ヘッダーパーツ	]  */	


	#header ul.etc { float:right; }

		#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 {
			 width:600px;
			 vertical-align:bottom;
			 height:33px;
			 margin:0 0 0 175px;
			 }
			
			#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(/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(/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(/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(/images/header/btn-tnav-chat.gif) no-repeat;
 			    }							

			/* for ppv	*/
			
			#header ul.tnav li a.tppv:link {
				float:left;
				display:block;
				margin-top:11px;
				height:22px;
				width:111px;				
				background:url(/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(/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(/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(/images/header/btn-tnav-ppv.gif) no-repeat;
 			    }					
		
	

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

	}

	#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('/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('/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('/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('/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('/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;
}
	
	

			
/*	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 #900;
			background:url(/images/bg-keyword.gif) repeat-x;
			color:#fff;
			}
	
		#header form #button {
			height:22px;
			vertical-align:middle;
			width:63px;
 	  		cursor: pointer;
			}

			
/*  [	SECTION =4 左ナビ ]  */


	#nav img {
		display:block;
		}


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

				
		#nav div dl {
			padding:0 5px;
			margin:0 0 15px;
			}
			
			#nav div dl dt { 
				color:#f60;
				font-weight:bold;
				padding:0 5px 2px;
				background-color:#333;

				
				}
				
			#nav div dl dd {
				float:left;
				width:75px;
				margin:5px 0 3px 10px;
				_margin:5px 0 3px 2px;
				}

		#nav div p {
			padding:0 5px;
			}
	
			
		#nav div ul {
			margin:0 0 0 5px;
			}
	
			#nav div ul li {}
	


			#nav div.user {
				border:1px solid #f00;
				}
				
				#nav div.user h3 {
					margin:0 auto;
					width:165px;
					color:#fff;
		q			text-align:center;
					}
					
					
					#nav div.user ul { padding:5px; line-height:1.3em;}
					
						#nav div.user ul li {
							padding:3px 0;
							width:160px;
							border-bottom:1px solid #666;
							margin:0 0 5px;
							}
		
		
							#nav div.user ul li.thick {
								q	border:none;
									font-weight:bold;
									}
		
									
									#nav div.user ul li.noline {
										border:none;
										}


							
							#nav div.user ul li em {
								color:#ff0;
								padding:0 5px;
								}
																
										
							#nav div.user li a.my {
								background:url(http://www.caribbeancom.com/images/my.gif) 0 -2px no-repeat;
								padding:0 0 0 30px;
								height:26px;
								line-height:1.5em;
								}	
		

/*  [	SECTION =5 　右ナビ ]  */

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

	#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 ;
			}
				
				
/* <--- ランキング用テーブル ---> */


table.nav_table { margin:0 0 5px; }

	table.nav_table th { 
		background-color:#333;
		margin-bottom:4px;
		text-align:left;
		padding:2px 4px;
		color:#f90;
		}
		
	table.nav_table td { 
		text-align:left;
		vertical-align:baseline;
		}
	
	table.nav_table img.numberone { 
		float:left;
		margin:4px 4px 0 0;
		}
	
	table.nav_table p { 
		margin:5px 0;
		padding:0;
		}
	
	table.nav_table td.numbers { 
		padding:4px 4px 0 2px;
		color:#f90;
		}
	
p.sitelinks { font-size:11px; }

	p.sitelinks a { 
		color:#f90;
		font-size:13px;
		font-weight:bold;
		}




/* <===================( SECTION 8 リスト				 )===================> */	

h1.list_head { font-size:16px; } 

div.orders a{ color:#f90;}

table.listnum_links { 
	background-color:#333;
	padding:1px 0;
	width:100%;
	margin:10px 0;
	height:19px;
	text-align:center;
	}
	
table.listnum_links a{ padding:2px 10px 0 0; }

div.list_container { margin:0 0 0 14px; display:inline;  }



.pagenum {
	float:right;

	}
	 
div.list_container div { 
	float:left;
	width:100px;
	margin: 0 30px 14px 0;
	height:230px;
	}
	
div.list_container div.end { 
	float:left;
	width:100px;
	margin: 0 10px 10px 10px;
	}
	
div.list_container table a { color:#f90; }

/* <===================( SECTION 9 詳細ページ			 )===================> */

.detail_main { margin-right:10px;  }
.detail_main img.main_float { margin:10px 10px 10px 0; float:left; }

	
.detail_main ul, div.ranking_container ul { list-style-type:none; margin:10px 10px 10px 0;} /*for ranking also */

.detail_main ul li em { width:52px; display:block; float:left;   }




div.ranking_container ul  { margin:3px 10px 10px 0; }
.detail_main ul li div.ranking_container ul li{ margin:2px 4px 2px 0; }
.detail_main ul li a { padding:2px 0; color:#f90; line-height:140%;} 

div.ranking_container ul li a { color:#f90; }

.detail_main iframe { margin:10px 0; }


div.left_floats div{ 
	padding:4px 36px;
	background-color:#333;
	margin:0 24px 10px 0;
	float:left;
	}
	
div.left_floats div a { font-weight:bold;  }

.detail_main p { padding:5px; }



div.movie_preview, div.movie_preview div, div.movie_preview img { 
	float:left;
	margin:0 5px 7px 0;
	}


div.recommend_container div { 
	float:left;
	padding:0 6px 10px 0;
	margin:0 10px;
	}

div.recommend_container img { margin-bottom:4px; }



.midashi_line { 
	color:#fff;
	border-bottom:1px solid #333;
	padding: 2px 0;
	margin:0 5px 5px 0;
	}
	
.midashi_line img { padding:0 4px 0 0;}

table.price_info {  padding-bottom:5px; }

table.price_info, table.setprice_info { 
	background-color:#000;
	text-align:center;
	
	}
table.price_info th, table.setprice_info th{
	background-color:#c00;
	}
	
table.price_info td, table.setprice_info td { 
	background-color:#666;
	padding:3px 0;
	}
	
table.price_info td.black, table.setprice_info td.black { 
	background-color:#000;
	}
	
table.price_info td.price, table.setprice_info td.price { 
	background-color:#f90;
	color:#000;
	}

table.dl,table.no_dl { text-align:center; color:#000; margin-bottom:10px; border:1px solid #000; border-collapse:collapse;}

table.dl td, table.dl th, table.no_dl td, table.no_dl th{  border:1px solid #000; border-collapse:collapse;}

table.dl th,table.no_dl th { background-color:#666; color:#fff; }
table.dl td { background-color:#f90;}
table.no_dl td { background-color:#ccc; }
table.dl td a, table.dl td a:visited { display:block; color:#000; }

td.rightside {}
	
div.set_container, div.grey_container, div.red_container { width:206px; padding:6px; margin-bottom:10px; }
div.set_container { border:1px solid #f39; }
div.grey_container { background-color:#202020;  border:1px solid #666; }
div.red_container { border:1px solid #c00; margin-top:10px; }

div.grey_container p { margin:4px 0 12px; font-size:11px; letter-spacing:0px;}
div.grey_container p a{ color:#f90; }

table.etc_info { background-color:#666; text-align:center; margin-top:10px; }
table.etc_info td.r_line { border-right:1px solid #202020; }
table.etc_info td.l_line { border-left:1px solid #202020; }
.ccc { background-color:#ccc; color:#000; }

.dvd_image { float:left; margin-right:5px; }

.red_border { border:1px solid #c00; display:inline; }
.black_border { border:1px solid #000; }




/* <===================( SECTION 10 ギャラリーページ			 )===================> */


table.gallery_stretch1 { background:url(/moviepages/mmddyy_xxx/images/head_photo_bg.gif); background-repeat:repeat; margin-bottom:10px; }

table.gallery_stretch1 img { padding-left:5px; vertical-align:bottom;}

table.gallery_stretch2 {margin-bottom:10px; text-align:center; }
table.gallery_stretch2 img{ border-top:1px solid #fff; border-bottom:1px solid #fff; margin-left:auto; margin-right: auto; display:block;}
table.gallery_stretch2 td.bgmake { background:url(/moviepages/mmddyy_xxx/images/main_bg3.gif) repeat-y; background-position:center; }

table.gallery_stretch3 { background-color:#333;  margin-bottom:10px; height:20px;}
table.gallery_stretch3 img {  vertical-align:bottom; margin:0; padding:0;}

table.gallery_detail { margin-bottom:10px; }
table.gallery_detail a:link, table.gallery_detail a:visited, table.gallery_detail a:active{ color:#ff6400; }
table.gallery_detail img{ display:inline; margin-left:10px;  }
table.gallery_detail img.s_dvd { border:1px solid #fff; }
table.gallery_detail img.right { margin-left:10px; }
table.gallery_detail ul { list-style:none; margin-left:3px; }
table.gallery_detail li.small { font-size:11px; padding:2px 0; } 



div.orders a{ color:#f90;}

table.listnum_links { 
	background-color:#333;
	padding:1px 0;
	width:100%;
	margin:10px 0;
	height:19px;
	text-align:center;
	}
	
table.listnum_links a{ padding:2px 10px 0 0; }

div.list_container { margin:0 0 0 14px;  }



.pagenum {
	float:right;

	}
	 
div.list_container div { 
	float:left;
	width:100px;
	margin: 0 30px 14px 0;
	}
	
div.list_container div.end { 
	float:left;
	width:100px;
	margin: 0 10px 10px 10px;
	}
	
div.list_container table a { color:#f90; }



/* <===================( SECTION 10 シリーズページ			 )===================> */

div.series_holder { padding:0 0 10px 20px; margin-bottom:10px !important; }
div.series_parts { float:left; padding:5px; color:#f90; border-bottom:1px dotted #fff; margin:2px; }
div.series_parts ul { list-style:none; line-height:1.3em; }
div.series_parts ul span{ padding-left:10px; color:#fff; }
div.series_parts a:link, div.series_parts a:visited, div.series_parts a:active { color:#f90 ; }
div.series_parts a.see_all { color:#fff !important; }


/* <===================( SECTION 11 ランキングページ用		 )===================> */

div.ranking_container { margin:10px 0 0 30px;  }

div.ranking_container div { 
	float:left;
	width:130px;
	margin:0 10px 16px 0;
	}

div.ranking_container h2 {
	width: 112px;
	font-size:12px;
	padding:3px 0 3px 18px;	
	text-align:left;
	background-repeat:no-repeat;
	height:16px;
	background-image:url(../images/orange_square.gif);
	background-position:5px 5px;
	}
	
table.place_red, table.place_green, table.place_grey {  
	margin-bottom:3px;
	font-weight:bold;
	}
	
table.place_red a, table.place_green a, table.place_grey a { margin-left:5px; } 
table.place_red img, table.place_green img, table.place_grey img{ padding:1px 6px; }

table.place_red { background-color:#F00;   }
table.place_green { background-color:#009899;  }
table.place_grey { background-color:#666;   }

table.ranking_detail img, div.ranking_container img, table.ranking_100 img{ display:inline; }

table.ranking_detail img.down { margin-bottom:5px; }

table.ranking_detail img.right, table.ranking_100 img.right { margin-right:2px; }

table.ranking_detail td.pics { padding:2px 5px 0; }

table.ranking_detail ul, table.ranking_100 ul { list-style:none; margin-left:3px; }

table.ranking_detail ul li.diff, table.ranking_100 ul li.diff { color:#f90; }

ul.lowranks li a{ padding-left:10px; }

table.ranking_100 { border-top:1px solid #c00;; width:49%; float:left; margin:5px 3px 5px 2px; }
		
/* <===================( SECTION 11 ランキングページ用		 )===================> */

	
	div.recommend_container div { 
		float:left;
		padding:0 6px 10px 0;
		margin:0 10px;
		}

	div.recommend_container img { 
		margin-bottom:4px;
		display:block;
		}
	
	
				

/*  [	SECTION =12 フッターパーツ ]  */
	
	.foot_table {
		margin:20px 0 0 0;
		}
	
	
	#footer { 
		margin-top:10px;
		padding:10px;
		color:#fff;
		width:100%;

		}		
		
		#footer ul { 
			width:1050px;
			margin:5px auto;
			text-align:center;
			display:block;
			line-height:1em;
            height:20px;
			padding:0 0 0 30px;


			}
					
		#footer	ul li {
			display:block;
			float:left;
			border-right:1px solid #fff;
			padding:1px 10px;
			margin:0 3px 0 0;
			line-height:1em;
			white-space:nowrap;
			
			}	
			
			
			
			#footer	ul li.first {
				padding:1px 10px 1px 0;

			}
			

				#footer p {
				width:1050px;
				margin:0 auto;
				text-align:center;
				padding:0 0 0 5px;
				}
							
				#footer .policy {
					font-size:10px;
					color:#666;
					padding:10px 0 0 5px;
					border:none;
					width:1000px;
					}	





/*  pagenate */
			
ul.pagenate { margin:0 0 10px; padding:0; float:right; }

ul.pagenate li{
		display:block;
		float:left;
		text-align:center;
		}
	
ul.pagenate li.end { margin:0; padding:0; }

ul.pagenate a:link {
		color:#fff;
		text-decoration:none;
		margin:0 8px 0 0;
		background-color:#222;
		width:25px;
		padding:2px 4px;
		border:1px solid #666;
		}
		
ul.pagenate a:visited {
		text-decoration:none;
		margin:0 8px 0 0;
		background-color:#222;
		width:25px;
		padding:2px 4px;
		border:1px solid #666;
		}

ul.pagenate a:hover , ul.pagenate a:active  {
		text-decoration:none;
		background-color:#3cf;
		margin:0 8px 0 0;
		width:25px;
		padding:2px 4px;
		border:1px solid #fff;
		}
	
ul.pagenate a.current {
		color:#666 !important;
		font-size:12px;
		text-decoration:none;
		background-color:#3cf !important;
		margin:0 8px 0 0;
		width:25px;
		padding:2px 4px;
		border:1px solid #fff;
		cursor:default;
		}
		




/* how many parts per page */

.pagenum { 
	margin:10px 0 10px 500px;
	height:20px;
	padding:5px 0;
	position:relative;

	}