/*	HOME
 ------------------------------------------------------------------------*/

/*	div#page-intro
--------------------------------------*/
#page-intro {width:980px; padding:0; margin:0 0 10px 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;}

/*	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:950px; height:40px; margin:0; padding:0 0 0 5px; background-color:#000; font-size:113%; color:#fff; line-height:40px; font-weight:normal;}
.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:19px; right:2px; margin:0;}
p.carousel_control img {width:90px; height:22px; margin:0 1px 0 0;}

#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;}
.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:230px;}

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.movietitle {margin:3px 3px 0 5px; text-align:left; font-size:80%; height:24px;}
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:28px;}
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:954px !important; width:960px; margin:0 0 10px 0; background-color:#FFFFFF; border:1px solid #cccccc; 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; border:1px solid #cccccc; background-color:#000; text-align:center; line-height:40px;}

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

.unitBottom {width:747px; margin:0 0 5px 0; clear:both;}
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-color:#000; position:relative;}
.unitPickup h3 span {position:absolute; top:12px; left: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:102px; margin:3px 3px 0 3px; display:inline;}
li.unit-PickupBox-thumb img {border:1px solid #ccc;}
li.unit-PickupBox-title {float:right; width:360px; margin:5px 0 0 0; font-size:90%;}
li.unit-PickupBox-comm {float:right; width:360px; 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;}
.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-color:#000; position:relative;}
.unitCategory h3 span {position:absolute; top:12px; left:10px; margin:0; padding:0; color:#fff; font-size:93%; }
.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:#fff; border:1px solid #cccccc; padding:2px; min-height:1px;}
.unitProvider h3 {width:245px; height:40px; margin:0 0 1px 0; padding:0; background-color:#000; position:relative;}
.unitProvider h3 span {position:absolute; top:12px; left:10px; margin:0; padding:0; color:#fff; font-size:93%; }
#listticker {width:100%; overflow:hidden; margin:0; padding:0; height:558px; font-size:93%; background-color:#000;}
#listticker li {border:0; margin:0; padding:0; list-style:none;}
#listticker li {height:80px; padding: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;}