@charset "EUC-JP";


/*----------------------------------------------------------------
	
	Genre CSS
	
	1.pageTitle
	
	2.mainVisual	
	
	3.subGenre
	
	4.wrapper
	
		4-1.h2 genre color
		
	 4-2.h2 span genre color
		
		4-3.h2 span.none  for adult
		
		4-4.h2 div.inlineTxt for music
	
	5.sectionA
	
	6.sectionB
	
	7.sectionC

	8.sectionD
	
	9.ul.sectionE
	
	10.sectionF
	
		10-1.h2 genre color
	
	11.sectionG

	12.sectionH
	
	16.sectionR
	
	13.borderNone
	
	14.info
	
	15.copytight
	
	.ocn r18cinema and advanced


----------------------------------------------------------------*/



/* 2.mainVisual
========================================== */
#preview div#mainVisual{
	background:#666;
	margin-bottom:10px;
}

/* 3.subGenre
========================================== */
#preview ul.subGenre{
	display:table;
	margin:0 auto 10px;
	width:100%;
	background:#f2f2f2;
	padding:4px 0 8px;
}
#preview ul.subGenre li{
	float: left;
	display:inline;
	margin:5px 10px 0;
	white-space:nowrap;
}
/*for IE6*/
*html #preview ul.subGenre{
	text-align:center;
	background:#f2f2f2;
	width:715px;
	margin:0 auto 10px;
	padding-bottom:10px;
	letter-spacing:-0.1em;
}
*html #preview ul.subGenre:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
*html #preview ul.subGenre li{
	display:inline;
	zoom:1;
	text-align:left;
}
/*for IE7*/
*:first-child+html #preview ul.subGenre{
	text-align:center;
	background:#f2f2f2;
	width:715px;
	margin:0 auto 10px;
	padding-bottom:10px;
	letter-spacing:-0.1em;
}
*:first-child+html #preview ul.subGenre:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
*:first-child+html #preview ul.subGenre li{
	display:inline;
	zoom:1;
	text-align:left;
}

/* 4.wrapper
========================================== */

#mainContents h2{
	position:relative;
	height:21px;
	padding:7px 0 0 28px;
	background:url(/r_img/base/genre_bg.gif) no-repeat;
}

/* 4-1.h2 genre color
========================================== */
#cinema h2{
	color:#6e66cd;
	background-position: 0 -25px;
}
#vcinema h2{
	color:#408d8d;
	background-position: 0 -78px;
}
#drama h2{
	color:#c366cc;
	background-position: 0 -131px;
}
#tv h2{
	color:#3d8c15;
	background-position: 0 -184px;
}
#takarazuka h2{
	color:#e65d68;
	background-position: 0 -237px;
}
#korea h2{
	color:#bf7139;
	background-position: 0 -290px;
}
#harlequin h2{
	color:#9081d8;
	background-position: 0 -343px;
}
#music h2{
	color:#98841e;
	background-position: 0 -396px;
}
#relax h2{
	color:#83a619;
	background-position: 0 -449px;
}
#animation h2{
	color:#29a2cc;
	background-position: 0 -502px;
}
#variety h2{
	color:#d96c36;
	background-position: 0 -555px;
}
#sports h2{
	color:#4874cd;
	background-position: 0 -608px;
}
#game h2{
	color:#e6ac00;
	background-position: 0 -661px;
}
#idol h2{
	color:#cc5c65;
	background-position: 0 -714px;
}
#download h2{
	color:#bf868b;
	background-position: 0 -767px;
}
#dl_comic h2{
	color:#bf8026;
	background-position: 0 -820px;
}
#r18cinema h2{
	color:#8c4d7c;
	background-position: 0 -873px;
}
#advanced h2{
	color:#f255a4;
	background-position: 0 -926px;
}
#pachinko_pachislot h2{
	color:#cb7800;
	background-position: 0 -979px;
}
#life_culture h2{
	color:#83A619;
	background-position: 0 -449px;
}
#comic h2{
	color:#1677d8;
	background-position: 0 -1032px;
}
#preview #mainContents h2 span{
	position:absolute;
	top:5px;
	right:4px;
	padding:1px 10px;
	font-size:10px;
	font-weight:normal;
}
#preview h2 span a{
	color:#FFF;
}
#preview h2.rental span a{
	color:#bd0100;
}

/* 4-2.h2 span genre color
========================================== */
#cinema h2 span{
	color:#8982d9;
	background:url(/r_img/base/genre_bg_span_cinema.gif) repeat-x;
}
#cinema h2.rental span{
	color:#bd0100;
	background:url(/r_img/base/genre_bg_span_rental.gif) repeat-x;
}
#vcinema h2 span{
	color:#4ba6a6;
	background:url(/r_img/base/genre_bg_span_vcinema.gif) repeat-x;
}
#drama h2 span{
	color:#e0a1e6;
	background:url(/r_img/base/genre_bg_span_drama.gif) repeat-x;
}
#tv h2 span{
	color:#387d33;
	background:url(/r_img/base/genre_bg_span_tv.gif) repeat-x;
}
#takarazuka h2 span{
	color:#e65d68;
	background:url(/r_img/base/genre_bg_span_takarazuka.gif) repeat-x;
}
#korea h2 span{
	color:#bf7139;
	background:url(/r_img/base/genre_bg_span_korea.gif) repeat-x;
}
#harlequin h2 span{
	color:#9081d8;
	background:url(/r_img/base/genre_bg_span_harlequin.gif) repeat-x;
}
#music h2 span{
	color:#c3ae52;
	background:url(/r_img/base/genre_bg_span_music.gif) repeat-x;
}
#relax h2 span{
	color:#adcc52;
	background:url(/r_img/base/genre_bg_span_relax.gif) repeat-x;
}
#animation h2 span{
	color:#45bde6;
	background:url(/r_img/base/genre_bg_span_animation.gif) repeat-x;
}
#variety h2 span{
	color:#f29161;
	background:url(/r_img/base/genre_bg_span_variety.gif) repeat-x;
}
#sports h2 span{
	color:#6791e6;
	background:url(/r_img/base/genre_bg_span_sports.gif) repeat-x;
}
#game h2 span{
	color:#ffd400;
	background:url(/r_img/base/genre_bg_span_game.gif) repeat-x;
}
#idol h2 span{
	background:url(/r_img/base/genre_bg_span_idol.gif) repeat-x;
}
#download h2 span{
	color:#bf868b;
	background:url(/r_img/base/genre_bg_span_download.gif) repeat-x;
}
#dl_comic h2 span{
	color:#bf8026;
	background:url(/r_img/base/genre_bg_span_dl_comic.gif) repeat-x;
}
#r18cinema h2 span{
	color:#a66c97;
	background:url(/r_img/base/genre_bg_span_r18cinema.gif) repeat-x;
}
#advanced h2 span{
	color:#f279b6;
	background:url(/r_img/base/genre_bg_span_advanced.gif) repeat-x;
}
#pachinko_pachislot h2 span{
	color:#cb7800;
	background:url(/r_img/base/genre_bg_span_pachinko.gif) repeat-x;
}
#comic h2 span{
	color:#1677d8;
	background:url(/r_img/base/genre_bg_span_comic.gif) repeat-x;
}

/* 4-3.h2 span.none  for adult
========================================== */
#advanced h2 span.none{
	position:absolute;
	top:5px;
	right:4px;
	padding:1px 10px;
	font-size:10px;
	font-weight:normal;
	background:none;
}

/* 4-4.h2 div.inlineTxt for music
========================================== */
h2 div.inlineTxt{
	display:inline;
	font-size:10px;
	background:none;
	margin-left:10px;
}



/* 5.sectionA
========================================== */
#preview div.sectionA{
	clear:both;
	width:715px;
	border-bottom:1px solid #d2d2d2;
	margin:10px -14.75px 10px 0;
}
#preview div.sectionA:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
#preview div.sectionA div.unit{
	float:left;
	display:inline;
	width:164px;
	margin:0 14.75px 10px 0;
}
#preview div.sectionA div.unit div.img{
	width:164px;
	margin-bottom:2px;
}
#preview div.sectionA div.unit div.img a{
	display:block;
	width:160px;
	background:#FFF;
	border:1px solid #cdcdcd;
	padding:1px;
}
#preview div.sectionA div.unit div.img a:hover{
	width:160px;
	background:#FFF;
	border:1px solid #464646;
	padding:1px;
}
#preview div.sectionA div.unit h3{
	margin:4px 0;
	height:50px;
}
#preview div.sectionA div.unit h3 img{
	margin:3px 4px 1px 0;
}

/* 6.sectionB
========================================== */
#preview div.sectionB{
	clear:both;
	width:715px;
	border-bottom:1px solid #d2d2d2;
	margin:10px -14.75px 10px 0;
}
#preview div.sectionB:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
#preview div.sectionB div.unit{
	float:left;
	display:inline;
	width:164px;
	margin:0 14.75px 10px 0;
}
#preview div.sectionB div.unit div.img{
	float:left;
	display:inline;
	width:97px;
	margin:0 4px 0 0;
}
#preview div.sectionB div.unit div.img a{
	float:left;
	display:inline;
	width:93px;
	background:#FFF;
	border:1px solid #cdcdcd;
	padding:1px;
}
#preview div.sectionB div.unit div.img a:hover{
float:left;
	display:inline;
	width:93px;
	background:#FFF;
	border:1px solid #464646;
	padding:1px;
}
#preview div.sectionB div.unit h3{
	float:left;
	display:inline;
	width:63px;
}
#preview div.sectionB div.unit h3 img{
	display:block;
	margin:0 3px 3px 0;
}

/* 7.sectionC
========================================== */
#preview div.sectionC{
	clear:both;
	width:715px;
	margin:10px -10.3px 10px 0;
}
#preview div.sectionC div.unit{
	float:left;
	display:inline;
	width:228px;
	margin:0 10.3px 10px 0;
}
#preview div.sectionC div.unit div.img{
	float:left;
	display:inline;
	width:79px;
	margin-right:4px;
}
#preview div.sectionC div.unit div.img a{
	float:left;
	display:inline;
	width:75px;
	background:#FFF;
	border:1px solid #cdcdcd;
	padding:1px;
}
#preview div.sectionC div.unit div.img a:hover{
	float:left;
	display:inline;
	width:75px;
	background:#FFF;
	border:1px solid #464646;
	padding:1px;
}
#preview div.sectionC div.unit div.txt{
	float:left;
	display:inline;
	width:140px;
	padding:0 0 0 5px;
}
#preview div.sectionC div.unit h3{
	line-height:1.2;
}
#preview div.sectionC div.unit h3 img{
	float:left;
	display:inline;
	margin:1px 4px 1px 0;
}

/* 8.sectionD
========================================== */
#preview div.sectionD{
	clear:both;
	width:715px;
	border-bottom:1px solid #d2d2d2;
	margin:10px -12px 10px 0;
}
#preview div.sectionD:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
#preview div.sectionD div.unit{
	float:left;
	display:inline;
	width:90px;
	margin:0 10px 10px 0;
}
#preview div.sectionD div.unit div.img{
	float:left;
	display:inline;
	width:79px;
	margin-bottom:2px;
}
#preview div.sectionD div.unit div.img a{
	float:left;
	display:inline;
	width:75px;
	background:#FFF;
	border:1px solid #cdcdcd;
	padding:1px;
}
#preview div.sectionD div.unit div.img a:hover{
	float:left;
	display:inline;
	width:75px;
	background:#FFF;
	border:1px solid #464646;
	padding:1px;
}
#preview div.sectionD div.unit div.img:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
#preview div.sectionD div.unit h3{
	clear:both;
	width:79px;
	margin:4px 0;
	height:120px;
}
#preview div.sectionD div.unit h3 img{
	display:block;
	margin:0 3px 3px 0;
}


/* 9.ul.sectionE
========================================== */
#preview ul.sectionE{
	clear:both;
	margin:10px 0;
}
#preview ul.sectionE:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
#preview ul.sectionE li{
	float:left;
	display:inline;
	width:218px;
	margin:0 10px 10px 0;
	background:url(/r_img/base/bg_arrow.gif) no-repeat;
	background-position:0 5px;
	padding:0 0 0 8px;
}
#preview ul.sectionE li.clear{
	clear:both;
}
#preview ul.sectionE li img{
	float:left;
	display:inline;
	margin:1px 4px 1px 0;
}

/* 10.sectionF
========================================== */
#preview div.sectionF{
	clear:both;
	width:715px;
	margin:10px -10.3px 10px 0;
}
/*for IE6*/
*html #preview div.sectionF{
	clear:both;
	margin-left:0;
}
#preview div.sectionF div.container{
	float:left;
	display:inline;
	width:228px;
	margin:0 10.3px 10px 0;
}
#preview div.sectionF div.container h2{
	height:17px;
	padding:5px 0 0 14px;
}
#preview div.sectionF div.container span{
	position:absolute;
	top:3px;
	right:3px;
	padding:1px 10px;
	font-size:10px;
	font-weight:normal;
}
#preview div.sectionF div.container div.inner{
	width:226px;
	border:1px solid #d2d2d2;
	border-top:none;
	background:#f2f2f2;
}
#preview div.sectionF div.container div.inner:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
#preview div.sectionF div.container div.inner div.unit{
	float:left;
	display:inline;
	width:97px;
	margin:10px 8px;
}
#preview div.sectionF div.container div.inner div.unit div.img{
	float:left;
	display:inline;
	width:97px;
	margin-bottom:2px;
}
#preview div.sectionF div.container div.inner div.unit div.img a{
	float:left;
	display:inline;
	width:93px;
	background:#FFF;
	border:1px solid #cdcdcd;
	padding:1px;
}
#preview div.sectionF div.container div.inner div.unit div.img a:hover{
	float:left;
	display:inline;
	width:93px;
	background:#FFF;
	border:1px solid #464646;
	padding:1px;
}
#preview div.sectionF div.container div.inner div.unit h3{
	clear:both;
	width:97px;
	margin:4px 0;
	line-height:1.2;
}
#preview div.sectionF div.container div.inner div.unit h3 img{
	float:left;
	display:inline;
	margin:1px 4px 1px 0;
}
#preview div.sectionF div.container div.inner ul{
	clear:both;
	width:190px;
	margin:5px 8px;
	padding:10px 10px 5px;
	border-top:1px solid #d2d2d2;
}
#preview div.sectionF div.container div.inner li{
	margin:0 10px 5px 0;
	background:url(/r_img/base/bg_arrow.gif) no-repeat;
	background-position:0 5px;
	padding:0 0 0 8px;
}
#preview div.sectionF div.container div.inner li img{
	float:left;
	display:inline;
	margin:1px 4px 1px 0;
}




/* 10.sectionR
========================================== */
#preview div.sectionR{
	clear:both;
	width:698px;
	border-bottom:1px solid #d2d2d2;
	margin:0px -22px 10px 0;
	padding:10px 0px 0px 15px;
	background:url(/r_img/base/genre_bg_rental_back.gif) repeat-x;
	border:1px solid #a40000;
}
#preview div.sectionR:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
#preview div.sectionR div.unit{
	float:left;
	display:inline;
	width:94px;
	margin:0 22px 10px 0;
}
#preview div.sectionR div.unit div.img{
	float:left;
	display:inline;
	width:94px;
	margin-bottom:2px;
}
#preview div.sectionR div.unit div.img a{
	float:left;
	display:inline;
	width:90px;
	background:#FFF;
	border:1px solid #cdcdcd;
	padding:1px;
}
#preview div.sectionR div.unit div.img a:hover{
	float:left;
	display:inline;
	width:90px;
	background:#FFF;
	border:1px solid #464646;
	padding:1px;
}
#preview div.sectionR div.unit h3{
	margin:4px 0;
}
#preview div.sectionR div.unit h3 img{
	float:left;
	display:inline;
	margin:3px 4px 1px 0;
}



/* 10-1.h2 genre color
========================================== */

#cinema div.sectionF div.container h2{
	color:#6e66cd;
	background:#8982d9 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#vcinema div.sectionF div.container h2{
	color:#408d8d;
	background:#4ba6a6 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#drama div.sectionF div.container h2{
	color:#c366cc;
	background:#e0a1e6 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#tv div.sectionF div.container h2{
	color:#3d8c15;
	background:#387d33 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#takarazuka div.sectionF div.container h2{
	color:#e65d68;
	background:#f26d78 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#korea div.sectionF div.container h2{
	color:#bf7139;
	background:#d99362 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#harlequin div.sectionF div.container h2{
	color:#9081d8;
	background:#b6ace6 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#music div.sectionF div.container h2{
	color:#98841e;
	background:#bfac4d url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#relax div.sectionF div.container h2{
	color:#83a619;
	background:#adcc52 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#animation div.sectionF div.container h2{
	color:#29a2cc;
	background:#45bde6 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#variety div.sectionF div.container h2{
	color:#d96c36;
	background:#f29161 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#sports div.sectionF div.container h2{
	color:#4874cd;
	background:#6791e6 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#game div.sectionF div.container h2{
	color:#e6ac00;
	background:#ffd400 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#idol div.sectionF div.container h2{
	color:#cc5c65;
	background:#d98289 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#download div.sectionF div.container h2{
	color:#bf868b;
	background:#bf868b url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#dl_comic div.sectionF div.container h2{
	color:#bf8026;
	background:#bf8026 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#r18cinema div.sectionF div.container h2{
	color:#8c4d7c;
	background:#a66c97 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#advanced div.sectionF div.container h2{
	color:#f255a4;
	background:#f279b6 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#pachinko_pachislot div.sectionF div.container h2{
	color:#cb7800;
	background:#e59016 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}
#comic div.sectionF div.container h2{
	color:#1677d8;
	background:#1677d8 url(/r_img/base/top_bg_section_tit.gif) no-repeat;
}


/* 11.sectionG
========================================== */
#preview div.sectionG{
	clear:both;
	border-top:1px solid #d2d2d2;
	padding:10px 0;
	text-align:center;
}
#preview div.sectionG span{
	margin-right:20px;
}

/* 12.sectionH
========================================== */
#preview div.sectionH{
}

/* 13.borderNone
========================================== */
#preview div.borderNone{
	border-bottom:none;
}

/* 14.block
========================================== */



/* 15.info
========================================== */
#preview div.info{
	clear:both;
	border:1px solid #d2d2d2;
	padding:5px 10px;
	background:#f2f2f2;
}
#preview div.info strong{
	color:#CC0000;
}

/* 16.copyright
========================================== */
#preview div.copyright{
	clear:both;
	margin:20px auto;
}

/* ocn r18cinema and advanced
========================================== */
#preview div#ocnTab_r18cinema{
}
#preview div#ocnTab_r18cinema{
}