@charset "utf-8";
/*	MOVIE DETAIL
 ------------------------------------------------------------------------*/
#nav {float: left; margin:0; width:329px; clear:both;}
#nav li {float:left; width: 89px; height: 52px; margin:0;}
#nav li a {display:block; text-indent:-9999px; height: 52px; background: transparent url(../images/navi_movielist.gif) 0 0 no-repeat;}
#nav li a:hover {background: transparent url(../images/navi_movielist.gif) 0 -52px no-repeat;}
#nav li.movie {float:left; width: 112px; height: 52px; margin:0;}
#nav li.movie a {background-position: -89px 0;}
#nav li.movie a:hover {background-position: -89px -52px;}
#nav li.cat {float:left; width: 128px; height: 52px; margin:0;}
#nav li.cat a {background-position: -201px 0;}
#nav li.cat a:hover {background-position: -201px -52px;}
/*	div#page-content
--------------------------------------*/
#page-content {padding: 0px 10px 10px 10px; clear: both; overflow:hidden; text-align: left;}

/*	div#rightcolumn2
--------------------------------------*/
#rightcolumn2 {float:right; padding-top:0px; width:390px;}
#movie-info {width:390px; margin:10px 0 0 0; padding:0; background-color:#eeeeee; border:1px solid #cccccc; clear:both; min-height:1px;}
#movie-info p.movieprice {float:left; margin:5px; width:220px; font:bold 105% Verdana; line-height:1.4; display:inline;}
#movie-info p.movieprice a {font:normal 90% Verdana; line-height:1.4;} 

#movie-info_hday {width:390px; margin:10px 0 0 0; padding:0; background: transparent url(../images/movie-info_hday.png) 0 0 no-repeat; border:1px solid #cccccc; clear:both; min-height:1px;}
#movie-info_hday p.movieprice {float:left; margin:5px; width:220px; font:bold 105% Verdana; line-height:1.4; display:inline; color:#fff;}
#movie-info_hday p.movieprice a {font:normal 90% Verdana; line-height:1.4;} 

.cartButton {float:right; width:150px; height:50px; margin:3px 3px 3px 0;}
#point-info {width:390px; clear:both;}
#point-info p.general {width:210px !important; width:215px; float:left; padding:0 5px 0 5px; font-size:90%;}
#point-info p.member {width:182px; float:left; margin:5px 5px 5px 5px; display:inline; padding:3px; font-size:80%; border:1px solid #CC0000;}
#point-info p span {color:#CC0000; font-weight:bold;}
.pointButton {float:right; width:150px; height:45px; margin:8px 5px 5px 0;}
.movieComment_outer {width:370px; clear:both; margin:0 10px 0 10px; background: transparent url(../images/bg_movie_commbox.gif) 0 0 no-repeat; padding:10px;}
*:first-child+html .movieComment_outer {width:370px; clear:both; margin:5px 10px 0 10px; background: transparent url(../images/bg_movie_commbox.gif) 0 0 no-repeat; padding:10px;}
* html .movieComment_outer {width:370px; clear:both; margin:5px 10px 0 10px; background: transparent url(../images/bg_movie_commbox.gif) 0 0 no-repeat; padding:10px;}


.movieComment {width:344px; height:94px; clear:both; margin:0; background-color:#2c2c2c; color:#FFFFFF; font-size:95%; overflow:auto; padding:3px;}
ul.detaiInfo {width:360px; margin:0 15px 10px 15px; padding:5px 0 0 0; list-style:none;}
.detaiInfo li  {list-style:none;background:transparent url(../images/list_aboutus.gif) no-repeat scroll left center; font-size:95%; margin:0 0 0 5px; padding:2px 0 3px 10px;}
.detaiInfo li.top  {list-style:none;background:transparent url(../images/list_ontop.gif) no-repeat scroll left top; font-size:95%; margin:0 0 0 5px; padding:2px 0 3px 10px;}
.detaiInfo li.tb {width:290px; margin:-15px 0 0 70px; list-style:none;}
#movie-info td, #movie-info_hday td {width:90px; margin:0; padding:3px; background-color:#FFFFFF; border:1px solid #cccccc; font-size:95%; text-align:center;}
#download-info {width:390px; margin:0 0 5px 0; padding:0; background-color:#FFF; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; clear:both; min-height:1px; position:relative;}
#download-info p.title_all {margin:0;}
#download-info p.title_bunkatsu img {margin:-5px 5px 0 5px;}
#download-info .bunkatsubox01 {float:left; margin:5px 2px; display:inline; width:123px; position:relative; border:1px solid #CCC;}
#download-info .bunkatsubox01 p.subtitle1 {margin:2px; font-size:80%; color:#666666; border-bottom:1px solid #666666;}
#download-info .bunkatsubox01 p.subtitle2 {margin:2px; font-size:80%; color:#3399FF;}
#download-info .bunkatsubox01 p.keyword {margin:2px; font-size:80%; color:#666666; border-bottom:1px solid #CCCCCC; height:40px;}
#download-info .bunkatsubox01 p.time {margin:2px; font-size:80%; color:#666666; border-bottom:1px solid #CCCCCC; text-align:right;}
#download-info .bunkatsubox01 p.DLbutton img {margin:4px 25px; text-align:center;}
#download-info ul {width:370px; margin:0 10px 10px 10px; padding:0; list-style:none;}
#download-info li.bunkatsu {width:6px !important; width:40px; height:20px!important; height:40px; margin:0px 3px 5px 0; padding:0; list-style:none; background: transparent url(../images/but_bg_download_devided.gif) 0 0 no-repeat; padding:10px 17px;}
#download-info li.bunkatsu a {color:#CC0000; text-decoration:underline;}
#download-info li.bunkatsu a.na {color:#CC0000; text-decoration:underline;}
#seller-info {width:390px; margin:10px 0 5px 0; padding:0; background-color:#eeeeee; border:1px solid #cccccc; clear:both; min-height:1px;}

#Adv1 {width:300px; margin:10px auto; text-align:center;}
#Adv1 p {text-align:center; background-color:#000000; color:#FFFFFF;}

/*	div#tabbed_box
--------------------------------------*/
.content-wrap {width:340px; min-height:1px; margin:5px 0 0 0;}
.content {background-color:#ffffff; padding:5px; border:1px solid #464c54; background-image:url(../images/tab_content_bottom.jpg); background-repeat:repeat-x; background-position:bottom;}
.content img {float:left; width:100px; margin:0; padding:0;}
.content ul.info {float:right; width:225px; margin:0; padding:0 5px;}
.content ul.info li {list-style:none; padding:2px 0; font-size:80%;}

.rating{float:left; width:80px; height:16px; margin:0px 5px 3px 0; padding:0; list-style:none; clear:both; position:relative; background: url(../images/star-matrix.gif) no-repeat 0 0;}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -96px;}
.twostar {background-position:0 -112px;}
.threestar {background-position:0 -128px}
.fourstar {background-position:0 -144px}
.fivestar {background-position:0 -160px}

ul.rating li {cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/ float:left; /* end hide*/ text-indent:-999em;}
ul.rating li a {position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200;} 
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(../images/star-matrix.gif) no-repeat 0 0}
ul.rating li.one a:hover {background-position:0 -16px}
ul.rating li.two a:hover {background-position:0 -32px;}
ul.rating li.three a:hover {background-position:0 -48px}
ul.rating li.four a:hover {background-position:0 -64px}
ul.rating li.five a:hover {background-position:0 -80px}

.rating_bb{float:right; width:80px; height:16px; margin:0px 5px 3px 0; padding:0; list-style:none; clear:both; position:relative; background: url(../images/star-matrix2.gif) no-repeat 0 0;}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -96px;}
.twostar {background-position:0 -112px;}
.threestar {background-position:0 -128px}
.fourstar {background-position:0 -144px}
.fivestar {background-position:0 -160px}

/*	div#leftcolumn2
--------------------------------------*/
#leftcolumn2 {float:left; padding-top:0px; width:548px;}
#movie {width:548px; margin:10px 0 5px 0; padding:0; background-color:#FFFFFF; border:1px solid #cccccc; clear:both; min-height:1px;}
#movie_inside {width:532px; margin:5px; background-color:#111111; padding:2px; clear:both; min-height:1px;}
#movie h2 {color:#33ccff; font-size:115%; font-weight:normal; padding:8px 10px 5px 5px;}
#movie h3 {color:#33ccff; font-size:90%; font-weight:normal; padding:0; float:right; margin:-20px 5px 0 0; display:inline;}
#movie h3 a:link, #movie h3 a:visited {color:#33ccff;}
#movie h3 a:hover, #movie h3 a:active {color:#FFFF33;}
#movie_inside div.playlog {float:left; width:130px; margin:2px 3px 0 3px; padding:0 0 5px 18px; color:#bbbbbb; font-size:105%; line-height:1.1; background: transparent url(../images/icons/icon_play2.gif) 0 0 no-repeat; clear:both;}
#movie_inside div.starreview {float:right; width:210px; height:16px; margin:-20px 3px 0 3px; padding:0 0 5px 0; color:#bbbbbb; font-size:105%; line-height:1.1; clear:both;}
*:first-child+html #movie_inside div.starreview {float:right; width:210px; height:16px; margin:2px 3px 0 3px; padding:0 0 5px 0; color:#bbbbbb; font-size:105%; line-height:1.1; clear:both;}
* html #movie_inside div.starreview {float:right; width:210px; height:16px; margin:2px 3px 0 3px; padding:0 0 5px 0; color:#bbbbbb; font-size:105%; line-height:1.1; clear:both;}
/*
#movie_inside .rating_bb {margin-top:-17px;}
*/

#sampleplayer {width:500px; height:410px; background-color:#000000; margin:5px auto; clear:both;}

#movie-tools ul{float:left; width:548px; height:90px; padding:0; border:0; margin:0; list-style:none; background: transparent url(../images/bg_movie-tools.gif) 0 0 no-repeat;}
#movie-tools li.embed{float:left; width:400px; height:33px; padding:7px 0 0 5px; border:1px solid #CCCCCC; background-color:#febf01; margin:12px 0 0 7px; list-style:none; font:bold 100% Verdana;}
#movie-tools li.embed input{width:325px; height:25px; padding:0; border:1px solid #FFF; background-color:#e8e8e8; font-size:110%; line-height:1.5; vertical-align:center;}
#movie-tools li.writereview{float:left; width:40px; padding:0;margin:18px 0 0 6px; list-style:none; display:inline;}
#movie-tools li.tellfriend{float:left; width:30px; padding:0;margin:12px 0 0 6px; list-style:none; display:inline;}
#movie-tools li.addfavorite{float:left; width:37px; padding:0;margin:12px 0 0 4px; list-style:none; display:inline;}
#movie-tools li.buy{float:left; width:72px; padding:0; margin:7px 0 0 7px; list-style:none; display:inline;}
#movie-tools li.towebmaster{float:left; width:500px; height:24px; margin:5px; list-style:none; display:inline; font-size:90%; padding:0 0 0 30px; background: transparent url(../images/icons/add.gif) 0 0 no-repeat;}
#RankBan {width:548px; margin:0; padding:10px 0 10px 0; clear:both;}
#movie-comment {width:548px; margin:0 0 5px 0; padding:0 0 0 0; clear:both; position:relative;}
#movie-comment h3 {width:548px; height:28px !important; height:34px; margin:0; background: transparent url(../images/title_details_moviecomment.gif) 0 0 no-repeat; padding:11px 0 0 187px; color:#FFFFFF;}
#movie-comment img.writebtn {position:absolute; top:16px; left:350px;}

#movie-comment-pagination {margin:0; float:right; padding:0; font-size:12PX;}
#movie-comment-pagination .active {border:solid 1px #000; background-color:#cc0000; color:#FFFFFF; font-weight:bold; padding:3px 5px; position:relative; margin:0 1px 0 0;}
#movie-comment-pagination a {color:#cc0000; padding:3px 5px; text-decoration:none; height:30px; border:solid 1px #666; line-height:1.6; position:relative; margin:0 1px 0 0;}
#movie-comment-pagination a img {padding:2px 0 2px 0; margin:2px 0 2px 0;}
#movie-comment-pagination a:hover {border:solid 1px #cc0000;}

* html #movie-comment-pagination .active {border:solid 1px #000; background-color:#cc0000; color:#FFFFFF; font-weight:bold; padding:0 5px; position:relative; margin:0 1px 0 0; height:20px; line-height:20px;}
* html #movie-comment-pagination a {color:#cc0000; padding:0 5px;; text-decoration:none; border:solid 1px #666; height:20px; line-height:20px; position:relative; margin:0 1px 0 0;}
* html #movie-comment-pagination a img {padding:5px 0 6px 0; margin:5px 0 6px 0;}

#movie-comment-layout {width:548px; clear:both;}
#movie-comment-avater {float:left; width:55px; padding:0; margin:10px 0 0 5px;}
#movie-comment-box {float:left; width:475px; padding:0; margin:10px 0 0 0;}
#movie-comment-box span.name{margin-right:15px;}
#movie-comment-box span.date{}
#movie-comment-box span.star{color:#99cc33; margin-right:15px;}
#movie-comment-box .top {width:470px !important; width:475px; height:23px !important; height:30px; padding:7px 5px 0 0; margin:0; background: transparent url(../images/bg_comment_box_top.gif) 0 0 no-repeat; text-align:right; font-size:95%;}
#movie-comment-box .middle {width:455px !important; width:475px; padding:0 0 0 20px; margin:0; background: transparent url(../images/bg_comment_box_middle.gif) 0 0 repeat-y; font-size:95%;}
#movie-comment-box .middle textarea {}
#movie-comment-box .bottom {width:475px; height:5px; padding:0; margin:0; background: transparent url(../images/bg_comment_box_bottom.gif) 0 0 no-repeat;}

#movie-comment-layout02 {width:548px; clear:both;}
#movie-comment-avater02 {float:left; width:55px; padding:0; margin:10px 0 0 5px;}
#movie-comment-box02 {float:left; width:475px; padding:0; margin:10px 0 0 0;}
#movie-comment-box02 span.name{margin-right:15px;}
#movie-comment-box02 span.date{}
#movie-comment-box02 span.star{color:#99cc33; margin-right:15px;}
#movie-comment-box02 .top {width:470px !important; width:475px; height:23px !important; height:30px; padding:7px 5px 0 0; margin:0; background: transparent url(../images/bg_comment_box_top02.gif) 0 0 no-repeat; text-align:right; font-size:95%;}
#movie-comment-box02 .middle {width:455px !important; width:475px; padding:0 0 0 20px; margin:0; background: transparent url(../images/bg_comment_box_middle02.gif) 0 0 repeat-y; font-size:95%;}
#movie-comment-box02 .middle textarea {}
#movie-comment-box02 .bottom {width:475px; height:5px; padding:0; margin:0; background: transparent url(../images/bg_comment_box_bottom02.gif) 0 0 no-repeat;}

#writereview {margin:0; width:800px; color:#FFFFFF; font-size:85%;}
#writereview h1{margin:0; width:800px; height:65px; background: #000 url(../images/title_writereview.gif) 0 0 no-repeat; color:#FFFFFF; text-indent:99999px; border-bottom:2px dotted #babbbb; padding:0 0 10px 0;}
#writereview h3 {margin:10px 0 0 15px; font-size:110%; color:#FFFFFF;}
#writereview p.success {margin:15px 0 0 35px; font-size:100%; line-height:1.6; color:#FFFFFF;}
#writereview p.error {margin:15px 0 0 35px; font-size:100%; line-height:1.6; color:#CC0000;}
#writereview p.centerBTN {margin:15px 0 0 170px; text-align:center; width:80px; font-size:100%; line-height:1.6; color:#FFFFFF;}
#writereview input {border:#999 solid 1px; background:#FFF url(../images/formgrad.png) repeat-x top left; padding:3px 5px;}

#reviewform p.forlabel{width:300px; clear:left; margin:0 0 0 50px; padding:5px 0 8px 0; padding-left:155px; border-top:1px dotted gray;	height:1%;}
#reviewform label{font-weight: bold; float: left; margin-left: -155px; width: 150px; }
#reviewform input[type="text"]{ width: 200px;}
#reviewform textarea{width: 450px; height: 150px;}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{	margin-left: 3px;}
#reviewform input, #reviewform  textarea {border:#999 solid 1px; background:#FFF url(../images/formgrad.png) repeat-x top left;}
#reviewform input {padding:3px 5px;}
#reviewform textarea {padding:5px;}
#reviewform .submit {background:#FFF url(submitgrad.png) repeat-x bottom left;}
#reviewform .reset {background:#FFF url(resetgrad.png) repeat-x bottom left;}


/*review form for detail page*/
#reviewblock {margin:0; clear:both;}
#reviewblock {width:548px; clear:both; margin:0 0 0 0px;overflow: hidden;}
#reviewblock h3 {font-size:100%; color:#CC0000; background:#000 url(../images/icons/goodstuff.gif) 5px 1px no-repeat; padding:5px 5px 5px 37px; margin:10px 0 0 0;}
#reviewblock h3 span {font-size:85%; color:#FFF; float:right; width:60px; font-weight:normal; margin-top:-15px;}
*:first-child+html #reviewblock h3 span {font-size:85%; color:#FFF; float:right; width:60px; font-weight:normal; margin-top:-20px;}
* html #reviewblock h3 span {font-size:85%; color:#FFF; float:right; width:60px; font-weight:normal; margin-top:-20px;}
#reviewblock p.attention {font-size:90%; color:#CC0000; font-weight:normal; margin:5px;}

#reviewblock .pointInfo {width:540px; margin:4px; padding:5px 0; background-color:#000000; border:1px solid #CC0000;}
#reviewblock .pointInfo p.title {margin:0 0 0 5px; font-size:90%; font-weight:bold; color:#FFFFFF;}
#reviewblock .pointInfo p.title span {margin:0 0 5px 10px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:normal;}
#reviewblock .pointInfo p.title span.red {color:#CC0000; font-weight:bold; font-size:100%;}
#reviewblock .campchui {width:530px; margin:0 4px 4px 4px; padding:5px; color:#333; font-size:80%; border:1px solid #CC0000;}
#reviewblock .campchui p.title {margin:0 0 3px 5px; font-size:90%; font-weight:bold;}

#writereviewV2 {margin:10px; width:535px; height:190px; color:#000; font-size:85%; background: #FFF url(../images/bg_writereviewV2.gif) 0 0 no-repeat;}
#writereviewV2 h1{margin:0; width:535px; height:65px; background: #000 url(../images/title_writereview.gif) 0 0 no-repeat; color:#FFFFFF; text-indent:99999px; border-bottom:2px dotted #babbbb; padding:0 0 10px 0;}
#writereviewV2 h4 {margin:0 0 0 105px; font-size:110%; color:#000; padding-top:7px;}
#writereviewV2 h4 img {margin:0 5px 0 0; vertical-align:middle;}
#writereviewV2 p.success {margin:5px 0 0 70px; font-size:90%; line-height:1.6; color:#FFFFFF;}
#writereviewV2 p.error {margin:0 0 0 90px; font-size:90%; line-height:1.2; color:#CC0000;}
#writereviewV2 p.centerBTN {margin:5px 0 0 205px; text-align:center; width:80px; font-size:100%; line-height:1.6; color:#FFFFFF;}
#writereviewV2 input {border:#999 solid 1px; background:#FFF url(../images/formgrad.png) repeat-x top left; padding:3px 5px;}

#reviewformV2 p.forlabel{width:460px; clear:left; margin:2px 0 0 70px; padding:0; font-size:90%;}
#reviewformV2 label{font-weight: bold; float: left; margin:5px 0 0 0; width: 100px; }
#reviewformV2 input[type="text"]{ width: 100px;}
#reviewformV2 textarea{width: 340px; height: 40px;}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{	margin-left: 3px;}
#reviewformV2 input, #reviewform  textarea {border:#999 solid 1px; background:#FFF url(../images/formgrad.png) repeat-x top left;}
#reviewformV2 input {padding:3px 5px;}
#reviewformV2 textarea {padding:5px;}
#reviewformV2 .submit {background:#FFF url(submitgrad.png) repeat-x bottom left;}
#reviewformV2 .reset {background:#FFF url(resetgrad.png) repeat-x bottom left;}

/* other movies */
#otherMovies {width:548px; clear:both; margin:0 0 0 0px;overflow: hidden;}
#otherMovies h3 {font-size:100%; color:#CC0000; background:#000 url(../images/icons/goodstuff.gif) 5px 1px no-repeat; padding:5px 5px 5px 37px; margin:10px 0 0 0;}
#otherMovies h3 span a {display: inline-block; font-size:85%; color:#FFF; float:right; width:60px; font-weight:normal; margin-top:-15px;}
*:first-child+html #otherMovies h3 span a {font-size:85%; color:#FFF; float:right; width:60px; font-weight:normal; margin-top:-20px;}
* html #otherMovies h3 span a {font-size:85%; color:#FFF; float:right; width:60px; font-weight:normal; margin-top:-20px;}

html>/**/body #otherMovies h3 span a:hover{font-size:85%; color:#FFFF00; float:right; width:60px; font-weight:normal; margin-top:-20px;}

#otherMovies .Thumbs {margin:5px 0; padding:0; float:left; width:106px; height:100px;}
* html #otherMovies .Thumbs {margin:10px 0; padding:0; float:left; width:100px; height:75px;}
.Thumbs .titleCap {margin:0 3px 0 7px; padding:3px 0 0 3px; font-size:80%; color:#FFF; background-color:#000;}
* html .Thumbs .titleCap {margin:0; padding:3px 0 0 3px; font-size:80%; color:#FFF; background-color:#000;}

#otherMovies .Thumbs img {width:100px; height:75px; margin:0 3px 5px 7px; border: 3px solid #000;}
* html #otherMovies .Thumbs img {width:106px; height:81px; margin: 0; border: 3px solid #000; display:inline;}
.caption-top, .caption-bottom {color: #ffffff; padding:2px;	font-size: 10px; cursor:pointer; border-top: 1px solid #000; background-color: #000000;}
* html .caption-bottom {color: #ffffff; padding:3px; font-size: 10px; cursor:pointer; border-top: 1px solid #000; border-bottom: 15px solid #000; background-color: #000000;}
.caption a, .caption a {text-decoration: none; background: #000000; padding-bottom:10px;}
.caption a:hover, .caption a:hover {background: #202020; padding-bottom:10px;}