@charset "utf-8";
/*	HOME
 ------------------------------------------------------------------------*/

/*	div#page-intro
--------------------------------------*/
#page-intro {width:980px; padding:0; margin:0; overflow:hidden;}

/*	div#home-feature
--------------------------------------*/
#home-feature {margin:10px 280px 0 10px; width: 685px; z-index:3;}


/*	div#Topnews
--------------------------------------*/
#Topnews {float:right; width:252px; height:262px; padding: 0; margin:10px 10px 0 0; background-color:#000; display:inline; background: transparent url(../images1209/bg_Topnews.png) 0 0 no-repeat;}
#Topnews_content {width:227px; height:190px; margin:40px 10px 0 10px; overflow:auto;}
#Topnews_content p.title {margin:5px 0; font-size:93%; color:#ccc; background-color:#000;}
#Topnews_content p.comm {font-size:85%; color:#ccc; line-height:1.4; border-bottom:1px dotted #aaa; padding:0 0 5px 0;}

#TopRight {float:right; width:262px; height:262px; padding: 0; margin:10px 10px 0 0; display:inline; background: transparent url(../images1209/bg_TopRight.png) left bottom no-repeat;}
#TopBans {width:262px; height:122px; padding: 0; margin:0; background-color:#000;0}
.TopBans_content {width:262px; height:61px; margin:0; background: transparent url(../images1209/bg_TopBans.png) 0 0 no-repeat;}
.TopBans_content img {width:200px; height:60px; margin:0; float:right;}

#Topnews2 {width:262px; height:140px; padding:0; margin:0 0 0 0; clear:both;}
#Topnews2_content {width:245px; height:100px; margin:26px 5px 0 5px; overflow:auto;}
#Topnews2_content p.title {margin:5px 0; font-size:93%; color:#ccc; background-color:#000;}
#Topnews2_content p.comm {font-size:85%; color:#ccc; line-height:1.4; border-bottom:1px dotted #aaa; padding:0 0 5px 0;}

/*	div#page-content
--------------------------------------*/
#page-content {width:960px !important; width:980px; padding: 0px 10px 10px 10px; clear: both; overflow:hidden; text-align: left; min-height:1px;}


/*	div#wholecolumn
--------------------------------------*/
#wholecolumn {width:960px; maegin:0; padding-top:0px; position:relative;}

.unitNew {width:954px !important; width:960px; margin:0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px;}
.unitNew h3 {width:954px; height:40px; margin:0; background: transparent url(../images1209/title_home_newmovie.png) 0 0 no-repeat; padding:0;}
.unitNew h3 span{text-align:right; margin-top:12px;}
.unitNew a.gotoAll:link, .unitNew a.gotoAll:visited{color:#FFFFFF; font-size:80%; font-weight:normal; float:right; margin:10px 3px 0 0; display:inline;} 
.unitNew a.gotoAll:hover, .unitNew a.gotoAll:active{color:#0783c7;}

.unitPopular {width:954px !important; width:960px; margin:0 0 5px 0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px;}
.unitPopular h3 {width:954px; height:40px; margin:0; background: transparent url(../images1209/title_home_popularmovie.png) 0 0 no-repeat; padding-top:0;}
.unitPopular h3 span{text-align:right; margin-top:12px;}
.unitPopular a.gotoAll:link, .unitPopular a.gotoAll:visited{color:#FFFFFF; font-size:80%; font-weight:normal; float:right; margin:10px 3px 0 0; display:inline;} 
.unitPopular a.gotoAll:hover, .unitPopular a.gotoAll:active{color:#0783c7;}
p.carousel_control {position:absolute; top:10px; right:2px; margin:0;}
p.carousel_control img {width:110px; height:30px; margin:0 1px 0 0;}

.unitFeature {width:954px !important; width:960px; margin:0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px; position:relative;}
.unitFeature h3.av9898 {width:954px; height:40px; margin:0; background: transparent url(../images1209/title_home_feature_av9898.png) 0 0 no-repeat; padding:0;}
.unitFeature h3.girldaisuki {width:954px; height:40px; margin:0; background: transparent url(../images1209/title_home_feature_girldaisuki.png) 0 0 no-repeat; padding:0;}

ul.carousel_control_ppv {margin:0; padding:0; position:absolute; top:10px; right:2px; list-style:none; height:30px; width:330px;}
ul.carousel_control_ppv li {float:left; margin:0 1px 0 0; padding:0; height:30px; margin-bottom:-1px; overflow:hidden; position:relative;}
ul.carousel_control_ppv li a {text-decoration:none; color:#eee; display:block; font-size:100%; padding:0; background: transparent url(../images1209/but_switchFeature.png) 0 0 no-repeat;width:108px; height:29px; text-align:center; line-height:29px;}
ul.carousel_control_ppv li a:hover {color:#fbf8ae;}

ul.carousel_control_provider {margin:0; padding:0; position:absolute; top:10px; right:2px; list-style:none; height:30px; width:330px;}
ul.carousel_control_provider li {float:left; margin:0 1px 0 0; padding:0; height:30px; margin-bottom:-1px; overflow:hidden; position:relative;}
ul.carousel_control_provider li a {text-decoration:none; color:#eee; display:block; font-size:100%; padding:0; background: transparent url(../images1209/but_switchFeature.png) 0 0 no-repeat;width:108px; height:29px; text-align:center; line-height:29px;}
ul.carousel_control_provider li a:hover {color:#fbf8ae;}


#left_scroll {float:left; width:22px; height:170px; margin:0; position:absolute; top:40px; left:1px;}
#right_scroll{float:left; width:22px; height:170px; margin:0; position:absolute; top:40px; right:1px;}
#left_scroll img, #right_scroll img{border:0; cursor:pointer; cursor: hand;}

#left_scroll_M {float:left; width:22px; height:170px; margin:0; position:absolute; top:40px; left:1px;}
#right_scroll_M{float:left; width:22px; height:170px; margin:0; position:absolute; top:40px; right:1px;}
#left_scroll_M img, #right_scroll_M img{border:0; cursor:pointer; cursor: hand;}

.stepcarousel{position:relative;/*leave this value alone*/ overflow:scroll;/*leave this value alone*/ width:920px; margin:0 20px 0 20px;}
.stepcarousel .belt{position: absolute;/*leave this value alone*/ left:0; top:0;}
#newmovieC{width:910px; height:225px;}
#newmovieP{width:910px; height:225px;}
#newmovieM{width:910px; height:225px;}

.unitNew {width:954px !important; width:960px; margin:0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px; position:relative;}
.unitNew h3 {width:954px; height:40px; margin:0; background: transparent url(../images1209/title_home_newmovie.png) 0 0 no-repeat; padding:0;}
.unitNew h3 span{text-align:right; margin-top:12px;}
.unitNew a.gotoAll:link, .unitNew a.gotoAll:visited{color:#FFFFFF; font-size:80%; font-weight:normal; float:right; margin:10px 3px 0 0; display:inline;} 
.unitNew a.gotoAll:hover, .unitNew a.gotoAll:active{color:#0783c7;}

.unitPopular {width:954px !important; width:960px; margin:0 0 5px 0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px;}
.unitPopular h3 {width:954px; height:40px; margin:0; background: transparent url(../images1209/title_home_popularmovie.png) 0 0 no-repeat; padding-top:0;}
.unitPopular h3 span{text-align:right; margin-top:12px;}
.unitPopular a.gotoAll:link, .unitPopular a.gotoAll:visited{color:#FFFFFF; font-size:80%; font-weight:normal; float:right; margin:10px 3px 0 0; display:inline;} 
.unitPopular a.gotoAll:hover, .unitPopular a.gotoAll:active{color:#0783c7;}
p.carousel_control {position:absolute; top:10px; right:2px; margin:0;}
p.carousel_control img {width:110px; height:30px; margin:0 1px 0 0;}

.unitFeature {width:954px !important; width:960px; margin:0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px; position:relative;}
.unitFeature h3.ppv {width:954px; height:40px; margin:0; background: transparent url(../images1209/title_home_feature_ppv.png) 0 0 no-repeat; padding:0;}
.unitFeature h3.provider {width:954px; height:40px; margin:0; background: transparent url(../images1209/title_home_feature_provider.png) 0 0 no-repeat; padding:0;}
.unitFeature h3.provider span{margin:0 0 0 160px; line-height:40px;}
.unitFeature h3.monthly {width:954px; height:40px; margin:0; background: transparent url(../images1209/title_home_feature_monthly.png) 0 0 no-repeat; padding:0;}
.unitFeature h3 span{text-align:right; margin-top:12px;}
.unitFeature a.gotoAll:link, .unitNew a.gotoAll:visited{color:#FFFFFF; font-size:80%; font-weight:normal; float:right; margin:10px 3px 0 0; display:inline;} 
.unitFeature a.gotoAll:hover, .unitNew a.gotoAll:active{color:#0783c7;}

#newmovieC{width:910px; height:225px;}
#newmovieP{width:910px; height:225px;}
#newmovieM{width:910px; height:225px;}

/*	04/28/10 edit
--------------------------------------*/
.unitFeature02 {width:747px !important; width:743px; height:492px; overflow:hidden; margin:0; background-color:#FFFFFF; padding:2px; clear:both; min-height:1px;}
.unitFeature02 h3.ppv {width:745px; height:40px; margin:0; background: transparent url(../images1209/title_home_feature02_ppv.png) 0 0 no-repeat; padding:0; position:relative;}
.unitFeature02 h3.provider {width:745px; height:40px; margin:0; background: transparent url(../images1209/title_home_feature_provider.png) 0 0 no-repeat; padding:0;}
.unitFeature02 h3.provider span{margin:0 0 0 160px; line-height:40px;}
.unitFeature02 h3.monthly {width:745px; height:40px; margin:0; background: transparent url(../images1209/title_home_feature_monthly.png) 0 0 no-repeat; padding:0;}
.unitFeature02 h3 span{position:absolute; top:4px; right:10px; margin:0; padding:0; font-size:93%; font-weight:normal;}
.unitFeature02 h3 span a{background-color:#000; color:#fff; padding:3px;}

div.unit-5thumbs {float:left; width:146px; margin:0 4px 5px 2px; background-color:#eeeeee; border:1px solid #cbcdcc;}
div.unit-5thumbs-end {float:left; width: 150px; margin:0 0 5px 0; background-color:#eeeeee; border:1px solid #cbcdcc;}
div.unit-5thumbs p.date {margin:3px 3px 0 3px; text-align:right; font-size:80%; padding:0;}
div.unit-5thumbs p.playlog {float: right; margin:3px 3px 0 3px; padding-left:15px; text-align:right; font-size:80%; background: transparent url(../images/icons/icon_play.gif) 0 0 no-repeat;}
div.unit-5thumbs p.thumbholder {width:124px; height:92px; margin:0 10px; clear:both; position:relative;}
div.unit-5thumbs p.thumbholder img.thumb {margin:0; border:1px solid #000;}
div.unit-5thumbs p.thumbholder span.icon {width:34px; height:10px; display: block; position:absolute; top:-2px; left:1px;}
div.unit-5thumbs p.thumbholder span.play {width:40px; height:28px; display: block; position:absolute; top:35px; left:44px;}
div.unit-5thumbs p.thumbholder span.price {width:54px; height:18px; display: block; position:absolute; bottom:2px; right:1px; background: transparent url(../images1209/bg_feature_span_price.png) 0 0 no-repeat; color:#fff; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:18px; text-align:center;}
div.unit-5thumbs p.movietitle {margin:3px 3px 0 5px; text-align:left; font-size:80%; height:24px; overflow:hidden;}
div.unit-5thumbs p.goDetail {margin:3px 3px 0 3px; text-align:center; font-size:80%;}
div.unit-5thumbs ul.catIcon {margin:3px 0 5px 0; width:140px; clear:both;}
div.unit-5thumbs li.catIcon {float:left; margin:0 1px 0 0; width:45px; padding:0; background-color:#000000; font-size:70%; text-align:center;}
div.unit-5thumbs li.catIcon a {text-decoration:none; color:#4ac3fc;}
div.unit-5thumbs p.price {margin:2px 3px 0 0; float:right; text-align:right; width:100px; font-size:80%; padding:0;}
div.unit-5thumbs p.comment {margin:5px 3px 0 5px; text-align:left; font-size:80%; clear:both; height:24px;}
div.unit-5thumbs p.toCartbutton {margin:3px 18px; width:94px;}

.ratingHome{float:right; width:80px; height:16px; margin:0px 3px 2px 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.ratingHome li {cursor: pointer; /*ie5 mac doesn't like it if the list is floated\*/ float:left; /* end hide*/ text-indent:-999em;}
ul.ratingHome li a {position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200;} 
ul.ratingHome li.one a {left:0}
ul.ratingHome li.two a {left:16px;}
ul.ratingHome li.three a {left:32px;}
ul.ratingHome li.four a {left:48px;}
ul.ratingHome li.five a {left:64px;}
ul.ratingHome 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.ratingHome li.one a:hover {background-position:0 -16px}
ul.ratingHome li.two a:hover {background-position:0 -32px;}
ul.ratingHome li.three a:hover {background-position:0 -48px}
ul.ratingHome li.four a:hover {background-position:0 -64px}
ul.ratingHome li.five a:hover {background-position:0 -80px}

.unitsamplePick {width:956px !important; width:960px; margin:5px 0 10px 0; background-color:#FFFFFF; padding:2px; clear:both; min-height:1px;}
.unitsamplePick h3 {width:954px; height:40px; margin:0; background: transparent url(../images1209/title_home_samplemovie.png) 0 0 no-repeat; padding:0; position:relative;}
.unitsamplePick h3 span{position:absolute; top:12px; right:10px; margin:0; padding:0; color:#fff; font-size:93%;}

#sampleslides01 {width:200px; float:left; padding:0; margin:0; text-align:center; margin:0; background-color:#eee; border:1px solid #ccc; position:relative;} 
#sampleslides01 img {padding:0 32px; background-color:#000; width:172px; height:115px; margin:0;}
#sampleslides01 div.title {padding:0 10px; margin:0; background-color:#000; color:#cc0000; width:216px; height:115px;}
#sampleslides01 div.title p {margin:30px 0; font-size:108%; border:1px solid #cc0000; padding:0;}

#sampleslides02 {width:200px; float:left; padding:0; margin:0; text-align:center; margin:0; background-color:#eee; border:1px solid #ccc; position:relative;} 
#sampleslides02 img {padding:0 32px; background-color:#000; width:172px; height:115px; margin:0;}
#sampleslides02 div.title {padding:0 10px; margin:0; background-color:#000; color:#cc0000; width:216px; height:115px;}
#sampleslides02 div.title p {margin:30px 0; font-size:108%; border:1px solid #cc0000; padding:0;}
#sampleslides03 {width:200px; float:left; padding:0; margin:0; text-align:center; margin:0; background-color:#eee; border:1px solid #ccc; position:relative;} 
#sampleslides03 img {padding:0 32px; background-color:#000; width:172px; height:115px; margin:0;}
#sampleslides03 div.title {padding:0 10px; margin:0; background-color:#000; color:#cc0000; width:216px; height:115px;}
#sampleslides03 div.title p {margin:30px 0; font-size:108%; border:1px solid #cc0000; padding:0;}
#sampleslides04 {width:200px; float:left; padding:0; margin:0; text-align:center; margin:0; background-color:#eee; border:1px solid #ccc; position:relative;} 
#sampleslides04 img {padding:0 32px; background-color:#000; width:172px; height:115px; margin:0;}
#sampleslides04 div.title {padding:0 10px; margin:0; background-color:#000; color:#cc0000; width:216px; height:115px;}
#sampleslides04 div.title p {margin:30px 0; font-size:108%; border:1px solid #cc0000; padding:0;}

#Linkspace {width:960px; height:40px; margin:0 0 10px 0; padding:0;}

/*	div#rightcolumn
--------------------------------------*/
#rightcolumn {width:747px; maegin:0; padding-top:0px; float:right;}

.unitBottom {width:747px; margin:0 0 5px 0; clear:both;}
.banSpace {width:745px; margin:0 1px 1px 1px; padding:0;}
p.goBtn {clear:both; text-align:center; width:143px; margin:5px auto;}

.unitPickup {float:left; width:473px; margin:0; background-color:#000; border:1px solid #cccccc; padding:2px; min-height:1px; color:#ccc;}
.unitPickup h3 {width:473px; height:40px; margin:0; padding:0; background:#000 url(../images1209/title_home_pickup.gif) 0 0 no-repeat; position:relative;}
.unitPickup h3 span {position:absolute; top:12px; right:10px; margin:0; padding:0; color:#fff; font-size:93%; }
.unitRanking h4 {width:473px; margin:5px 0 0 0; font-size:78%; font-weight:normal; color:#666666; text-align:right;}
ul.unit-PickupBox {margin:5px 0 5px 0; width:471px; font-size:95%; clear:both; background:transparent url(../images1209/bg-pickup.jpg) repeat-x 0 0; border-left:1px solid #181A19; border-right:1px solid #181A19; border-top:1px solid #393D37; padding:0 0 3px 0;}
li.unit-PickupBox-thumb {float:left; width:122px; margin:3px 3px 0 3px; display:inline;}
li.unit-PickupBox-thumb img {border:1px solid #ccc;}
li.unit-PickupBox-title {float:right; width:340px; margin:5px 0 0 0; font-size:90%;}
li.unit-PickupBox-comm {float:right; width:340px; margin:5px 0 0 0; font-size:90%;}
li.unit-PickupBox-comminfo {float:right; width:100px; height:24px; margin:5px 0 0 0; padding:0 0 0 25px; background:transparent url(../images1209/icons/comment.png) left center no-repeat; font-size:80%; line-height:24px;}
li.unit-PickupBox-comminfo span {font-size:110%; font-weight:bold;}
li.unit-PickupBox-reviewinfo {float:right; width:100px; height:24px; margin:5px 0 0 0; padding:0 0 0 25px; background:transparent url(../images1209/icons/star_full.png) left center no-repeat; font-size:80%; line-height:24px;}
li.unit-PickupBox-reviewinfo span {font-size:110%; font-weight:bold;}
li.unit-PickupBox-provider {float:right; width:340px; margin:5px 2px 0 0; display:inline; font-size:80%; text-align:right;}

#unitRightBox {float:right; width:252px; padding: 0; margin:0; display:inline;}
.unitAdcontents {width:235px; margin:0; background-color:#000; border:1px solid #cccccc; padding:2px 7px; min-height:1px;}
.unitAdcontents h3 {width:235px; height:40px; margin:0; padding:0; background:#000 url(../images1209/title_home_cRanking.png) 0 0 no-repeat; position:relative;}
.unitCategory {width:245px; margin:0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; min-height:1px;}
.unitCategory h3 {width:245px; height:40px; margin:0; padding:0; background:#000 url(../images1209/title_home_category.gif) 0 0 no-repeat; position:relative;}
.unitCategory .catlist {width:245px; margin:1px 0 0 0; padding:0; background-color:#000;}
.unitCategory ul.menulistLeft {float:left; width:115px; margin:0 5px 5px 5px; padding:0;}
.unitCategory li.menulistLeft a {padding: 5px 20px 5px 5px; color:#FFFFFF; font-size:90%; line-height:1.6}
.unitCategory li.menulistLeft a:hover {text-decoration:none; background:url(../images1209/icons/home_cat_go.gif) center right no-repeat;}
.unitCategory ul.menulistRight {float:right; width:115px; margin:0 0 5px 0; padding:0;}
.unitCategory li.menulistRight a {padding: 5px 20px 5px 5px; color:#FFFFFF; font-size:90%; line-height:1.6}
.unitCategory li.menulistRight a:hover {text-decoration:none; background:url(../images1209/icons/home_cat_go.gif) center right no-repeat;}

.unitProvider {width:245px; margin:0; background-color:#000; border:1px solid #cccccc; padding:2px; min-height:1px;}
.unitProvider h3 {width:245px; height:40px; margin:0; padding:0; background:#000 url(../images1209/title_home_provider.gif) 0 0 no-repeat; position:relative;}
#listticker {width:100%; overflow:hidden; margin:0; padding:0; height:300px; font-size:93%;}
#listticker li {border:0; margin:0; padding:0; list-style:none;}
#listticker li {height:80px; padding:0 5px; list-style:none;}
#listticker a {color:#fff;}
#listticker .news-title {display:block; font-weight:bold; margin:0 0 5px 0;}
#listticker .news-text {display:block; color:#aaa; font-size:93%;}
#listticker img {float:left; margin-right:10px; padding:4px; border:solid 1px #dedede; width:80px; height:61px;}
.unitAdspace {width:198px; margin:1px 0; background-color:#FFFFFF; border:1px solid #000; padding:2px 25px; min-height:1px;}

/*for pc.html*/
#page-content02 {width:960px !important; width:980px; margin: 0px auto 10px auto; overflow:hidden; text-align:center; color:#eee; font-family:Verdana, Arial, Helvetica, sans-serif, "MSゴシック";}
#page-content02 .DescBox{width:800px; margin:20px auto 20px auto; text-align:left; background-color:#222222; border:1px solid #555;}
#page-content02 h3 {margin:-20px 20px 20px 20px; padding:0; color:#FFFFFF; font-size:120%; font-weight:normal; text-align:left;}
#page-content02 h4 {width:800px; margin:20px auto 20px auto; padding:0; color:#cc0000; font-size:120%; font-weight:normal; text-align:left;}
#page-content02 p.maintext {margin:10px; color:#fff; font-size:100%; line-height:1.4; clear:both;}
#page-content02 .toHome{width:300px; margin:20px auto 20px auto; text-align:center; background-color:#111; border:2px solid #cc0000; padding:20px; font-size:180%;}
#page-content02 .toHome a{color:#fff;}

/*	footer panel for campaign
--------------------------------------*/
#catchMe {position:fixed; bottom:0px; left:0px; height:60px; width:100%; text-align:center; margin:0 auto; background:#111; overflow:hidden; z-index:3000;}
#catchMe h3 {font-size:1.5em; line-height:60px; color:#fff; margin:0;}
/* HIDDEN PANEL STYLES */
#CampPanel {position:fixed; bottom:60px; left:0px; width:100%; height:305px; background:#111; display:none; color:#bbb; z-index:3000;}
#CampPanel #inside {width:980px; margin:0 auto; padding:30px 0 0 0;}
#CampPanel button {float:right; font-size:0.85em; color:#fff; margin:-10px 0 0 0; padding:5px 6px; background:#dc0000; border:3px solid #ac0000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#CampPanel button:hover {background:#ac0000; border:3px solid #770000;}


/*	footer panel for campaign #2
--------------------------------------*/
div#floatingbar {overflow:hidden; width:100%; height:0px; position:absolute; bottom:0; left:0; z-index:3000; text-align:center; background-color:#3fd6fe;}
 @media screen
  {
  body>div#floatingbar {position:fixed;}
  }
div#floatingbar {overflow:hidden; width:100%; height:120px; position:fixed; bottom:0; left:0; color:#000; font-family:Arial; font-weight:bold; background-color:#3fd6fe; z-index:3000; text-align:center;}


#floatingbar img {margin:0 auto;}
#floatingbar ul li {float:left; padding:14px; color:#666; margin-top:-3px;}
#floatingbar ul li a {text-decoration:none; color:#fff; padding:10px;}
#floatingbar ul li a:hover { color:#000033;}