@charset "euc-jp";
/* CSS Document */

/* detail page */

#detail-sub {width:230px; float:right; padding:0;}
#detail-sub div {margin:0 0 10px; background-color:#171717;}
#detail-sub p {text-align:right; padding:5px; background-color:#171717;}
#detail-sub p a{ }
#detail-sub .fav {padding:5px; background-color:#09c; border:1px solid #0c0; margin:10px 0 20px; display:block; width:215px; height:35px; position:relative;}
#detail-sub .fav a img {display:block; float:left; margin:0 10px 0 0; vertical-align:middle;}
#detail-sub .fav a.tlink {position:absolute; top:15px; right:10px; text-decoration:underline !important; color:#fff !important;}
.clear {content: "."; display:block; height:0; clear: both;visibility:hidden; _line-height:0; _font-size:0; /* dumb ie6*/} 
#sub {width:230px; float:right;}
#wrap-hd {width:850px; float:right;}
* + html:first-child body #wrap-hd {width:800px; float:left;} /*Opera*/
#wrap-hd #main {width:600px; float:right; margin:10px 0 0 0;}

/* For when there is PPV movie of the same movie.  */
#wrap-hd #main div dl.ppv-show {   background-color:#171717; padding:10px; line-height:1.5em;  }
h3 img { padding:0 10px 0 0; vertical-align:bottom; float:left;}
#wrap-hd #main div dl.ppv-show dt { margin:0 10px 0 0; padding:5px; }
#wrap-hd #main div dl.ppv-show dd { padding:2px 0 1px; }
/*	END		*/	

.type-nm, .type-og, .type-sh, .type-gk, .type-sp, .type-vi, .type-sv, .type-hd{font-size:10px; color:#fff; padding:1px;	text-decoration:none; margin:0 10px 2px 0; line-height:1.0em; vertical-align:top; white-space:nowrap; font-weight:normal;}
.type-nm {/**/ background-color:#0c0;}	
.type-og {/**/ background-color:#f00;}
.type-sh {/**/ background-color:#3cf;}
.type-gk { /*合同企画*/ background-color:#901033;}
.type-sp {/**/ background-color:#f0c;}
.type-vi {/**/ background-color:#ff0;}
.type-sv {/**/ background-color:#fff;}		
.type-hd {/**/ background-color:#600;}					
#bigmovie_{width:100%; height:590px; /*	background:url(/images/detail/background.gif); */ }
#hdg-bigmovie {width:1050px; margin:10px auto 0; position:relative;}

#wrap-hd #main .bigscreen span {display:block;}

#wrap-hd #main .infoText {background-color: #cc0000; font-size:14px; color:#fff; text-align:center; padding:10px; margin:10px 0;}

#main div.outtie {border:1px solid #f00; padding:10px; width:575px; margin:10px 0;}
#main div.outtie table {padding:5px; width:450px; margin:10px auto;}
#main div.outtie table td {padding:2px 5px; text-align:left;}
#main div.outtie table th {font-weight:normal; color:#f00; padding:2px 5px; width:150px;}
#main div.outtie table th.loner {text-align:left;}
#main div.outtie table td.sp {color:#f00;}
#main div.outtie table td.gocenter {text-align:center;}
#main div.outtie table td em {font-style:normal; text-align:center;}
#main div.outtie table td a img {margin:0 0 0 15px;}
#main div.outtie p {color:#ff0; padding:5px 0;}

#main .st_memo dl {margin:0 0 10px 0;}
#main .st_memo dl dt {float:left; margin:0 10px 0 0; }
#main .st_memo dl dd {float:right; vertical-align:bottom; }

#container #wrap-hd .bigj { width:590px; padding:4px; margin:10px 0; }
#container #wrap-hd .bigj dl { line-height:1.2em; height:30px; border:none; }
#container #wrap-hd .bigj img.icon {width:185px; background:url(/images/btn-navall.gif) no-repeat; height:30px;}
body#mem #container #wrap-hd img.join {display:block; background-position:-185px 0;}
body#vip #container #wrap-hd img.join {display:block; background-position:-370px 0;}
body#svip #container #wrap-hd img.join {display:none; background:none;}
#container #wrap-hd .bigj dl {line-height:1.2em; height:30px;}
#container #wrap-hd .bigj dl dt {float:left; width:390px; line-height:30px;}
#container #wrap-hd .bigj dl dd {float:right;	}
#container #wrap-hd dd dt dl img.hd {float:right; display:block; background:-185px 0;}			
#container #wrap-hd .bigj dl.d-2 {line-height:1.2em; margin:5px 0 0 0px;}
#container #wrap-hd .bigj dl.d-2 dt {float:left; width:350px;;}
#container #wrap-hd .bigj dl.d-2 dd {float:right;}
body#mem #container #wrap-hd .bigj dl.d-2 {display:none; height:0; background-color:#FF0000;}
body#vip #container #wrap-hd .bigj dl.d-2 {display:none; height:0;}
body#svip #container #wrap-hd .bigj dl.d-2 {display:none; height:0;}			
body#special #container #wrap-hd .bigj dl.d-2 {display:none; height:0;}			
#container #wrap-hd .bigj img.d-join {display:block; background-position:-555px 0;}
body#mem #container #wrap-hd .bigj img.d-join {display:none; background:none;}
body#vip #container #wrap-hd .bigj img.d-join {display:none; background:none;}
body#svip #container #wrap-hd .bigj img.d-join {display:none; background:none;}		
body#special #container #wrap-hd .bigj img.d-join {display:none; background:none;}


/* Photo */
.photo { width:100%; padding:5px;}
.photo td { padding:1px; }
.photo img { border:1px solid #000; }
.photo .sample img { border:1px solid #ff0; }

/*  pagenate */
ul.pagenate { margin:0; padding:0; z-index:100; 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 10px 0 0; background-color:#222; width:25px; padding:2px 4px; border:1px solid #666;}
ul.pagenate a:visited {text-decoration:none; margin:0 10px 0 0; background-color:#222; width:25px; padding:2px 4px; border:1px solid #666;}
ul.pagenate a:hover , .page-cont ul.pagenate a:active {text-decoration:none; background-color:#3cf; margin:0 10px 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 10px 0 0; width:25px; padding:2px 4px; border:1px solid #fff; cursor:default;}

/*	DL part	*/
#wrap-hd #main .dl-box {margin:10px 0; }
#wrap-hd #main .dl-box table{width:100%; border-collapse:collapse; text-align:center; line-height:1.3em; background-color:#001a00; border:1px solid #222; margin-bottom:2px; padding:5px 0; height:68px;}
#wrap-hd #main .dl-box table th {font-weight:normal; border:1px solid #000; color:#ff0; background:url(/renew-2008/images/detail/gragra.gif); background-color:#222; font-size:12px; padding:2px 0;}
#wrap-hd #main .dl-box table td {border:1px solid #000; background-color:#111; border-right:1px solid #000; margin:0; padding:1px 0;}
#wrap-hd #main .dl-box table td.fat {font-weight:bold; font-size:14px; color:#ff0;}
#wrap-hd #main .dl-box table a img { display:inline; margin:0; padding:0;}
#wrap-hd #main .dl-box table .bt {background:url(/renew-2008/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;}

/* safari only \*/
html:\66irst-child  #wrap-hd #main .cl-box table .bt a {background:url(/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; letter-spacing:-1px;}/* solo en safari */

#wrap-hd #main .dl-box table .bt a {background:url(/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;}
#wrap-hd #main .dl-box table .bt a:hover {color:#0c0;}
	
/* review */	
#wrap-hd #main .user-review { background-color:#171717; margin:0; }
#wrap-hd #main .user-review ul { background-color:#171717; overflow:hidden; padding:3px 0; }
#wrap-hd #main .user-review ul li { float:left; display:block; margin:0 15px 0 0; }
#wrap-hd #main .user-review div{overflow:auto; height:300px; 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:595px; overflow-x:hidden; margin:0; padding:0;}

.user-review div dl { margin:0; padding:5px; background-color:#171717;}
.user-review div dl dt em { float:left; font-weight:bold; color:#ff0; font-size:12px; padding:0 5px 0 0; }
.user-review div dl dt span{ float:right; display:inline;  padding:0;
 margin:0;}
.user-review div dl dt dd { clear:both; }

/*	==========================================right side components=====================	*/

#detail-sub { width:230px; float:right;  }
#detail-sub .data { margin:5px 0 0 0; }
#detail-sub .data table {clear:left; background-color:#222; border-collapse:collapse; height:84px; padding:2px;	display:block; width:100%; margin:5px 0;}
#detail-sub .data p { text-align:left; }
#detail-sub .data p span{ padding:0 0 0 16px; }
#detail-sub  .data table  td {border:1px solid #000; padding:1px 5px 1px;}
#detail-sub .data dl { clear:left; line-height:1em;	height:12px; vertical-align:middle; font-size:11px; margin:5px 0; }
#detail-sub .data dl dt { float:left; display:block; margin:0 12px 0 0; background-color:#222; padding:1px 2px; width:80px; padding:2px; height:12px; vertical-align:middle; }
#detail-sub .data dl dd { float:left; margin:0 3px 0 0; padding:1px 2px; ; padding:1px 2px; display:block; }
#detail-sub .data dl dd a {color:#000; padding:1px 2px;	margin:0 2px 5px 0; background-color:#fff; text-decoration:none;}
#detail-sub span p { float:right; }
#detail-sub .pic {  width:80px; padding:2px; border:1px solid #333; float:left; margin:5px 10px 0 0; }
#detail-sub .pic ul { float:right; background-color:#000; }
#detail-sub  .fav { padding:2px; background-color:#030; margin:10px 0 20px; display:block; clear:left; }
#detail-sub .fav { padding:5px; background-color:#030; border:1px solid #0c0; margin:10px 0 20px; display:block; width:215px; height:40px; position:relative ;}
#detail-sub a img {display:block; float:left; margin:0 10px 10px 0; vertical-align:middle;}
#detail-sub a img.altn {width:80px; height:60px;}
#detail-sub .fav a.tlink {position:absolute; top:15px; right:10px; text-decoration:underline !important; color:#fff !important;}
#detail-sub input {line-height:1em; margin:0 5px 1px 0;	padding:0; vertical-align:middle;}
#detail-sub .fav a:link { text-decoration:underline !important; }
#detail-sub input {line-height:1em; margin:0 5px 1px 0;	padding:0; vertical-align:middle;}
#detail-sub  .fav a { padding-left:30px; }

/*	====	Accordion Action	====	*/

.contnr {/*	シリーズ用 - コンテナ	*/ color:#ff0; overflow:hidden; padding:5px; margin:15px 0;}
.contnr a {text-decoration:underline;}
.contnr em { /*	シリーズ用 - タイトル	*/ line-height:1.5em; display:block; float:left; color:#ff0; padding:0; margin:0; font-weight:bold;}
.contnr span {	/*	シリーズ用 - 閉じる/あける	*/ line-height:1.5em; float:right; display:block; padding:0; margin:0;}	
.contnr ul {clear:both; margin:5px 0;}
.contnr ul li {color:#fff; padding:0 0 0 10px; line-height:1.5em;}
.contnr ul li.end {padding:5px 0 0 2px; color:#0c0;}
.contnr #extra{margin:5px 0 0 0;}

/*	====	END Accordion Action	====	*/

/* vid */
#detail-sub .rvid div{height:340px; padding:5px; margin:0; overflow:auto; 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; background-color:#171717;}
#detail-sub .rvid div dl {clear:both; padding-bottom:8px;}
#detail-sub dl dt.uno dt{border:2px solid #f00;}
#detail-sub .rvid dl dd.samp-button {position:absolute; top:5px; right:5px;}

/*	==========================================END right side components=====================	*/

#bigmovie_ {width:1050px; margin:0px auto; height:100%;}
#switch {position:absolute; right:0; bottom:0; background-color:#000}
#bigmovie {width:800px; height:450px; float:left; background:none; position:relative;}
#player_outer {width:800px; height:450px;}
#player {width:100%; height:100%; margin:0;}
#wrap-hd {width:800px; float:left;}
#detail-sub {width:230px; margin-left:20px; float:right;}
#detail-sub .bookmark {background-color:#003300; border:1px solid #00CC00; display:block; height:40px; margin:10px 0 20px; padding:5px; position:relative; width:215px;}
#detail-sub .bookmark a img {display:block; width:100px; float:left; margin: 0 10px 0 0; vertical-align: middle;}
#detail-sub .bookmark a.tlink {position:absolute; top:15px; right:10px; text-decoration:underline !important; color:#fff !important;}
#detail-sub .cloud {display:block; height:40px; margin:0 0 25px; padding:0; position:relative;}
#detail-sub .cloud a img {display:block; width:228px; margin: 0 auto; vertical-align: middle; float:none;}

        
/* Change view sprites */
.switch {position:absolute; right:2px; bottom:3px; z-index:1000; width:45px; height:24px;}
.switch a {width:45px; height:24px; float:right;}
#wideView {background:transparent url(/images/but_switchScreen.png) no-repeat 0 0;}
#wideView:hover { background-position:-45px 0px;}
#wideView.wide {background-position:0px -24px;}
#wideView.wide:hover { background-position:-45px -24px;}
     
/* Different views */
#bigmovie.wide {width:1550px; height:610px; padding:20px 0 0 400px; margin:0 0 0 -400px; background:url(/images/detail/background.gif);}
#bigmovie.wide .switch {position:absolute; bottom:22px; right:502px; display:block;}
#player_outer.wide {width:1050px; height:590px;}
#switch.wide {width:1050px;}
#bigmovie.compact, #wrap-hd.compact {width:800px;}
#detail-sub.compact {width:230px;}

#jwbanner {
    background: url("/images/bg_cloud.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 12px;
    height: 33px;
    left: 594px;
    line-height: 28px;
    position: relative;
    text-align: center;
    top: 395px;
    width: 201px;
    z-index:100;
}

/*	==========================================Added 1/12/12 for individual buy =====================	*/

#buy-area {
 x   border: 1px solid #FFFF00;
	background:#111;
    height: 100px;
    margin: 10px 0;
 x   padding: 9px;
	}

#buy-area table td{
	padding:5px;
 	}