@charset "utf-8";
/*	HOME
 ------------------------------------------------------------------------*/
#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_home.gif) 0 0 no-repeat;}
#nav li a:hover {background: transparent url(../images/navi_home.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;}

#nav08 {float: left; margin:-22px 0 0 0; width:367px; clear:both;}
#nav08 li {float:left; width: 85px; height: 74px; margin:0;}
#nav08 li a {display:block; text-indent:-9999px; height: 74px; background: transparent url(../images/navi_home_0809.gif) 0 0 no-repeat;}
#nav08 li a:hover {background: transparent url(../images/navi_home_0809.gif) 0 -74px no-repeat;}
#nav08 li.movie {float:left; width: 90px; height: 74px; margin:0;}
#nav08 li.movie a {background-position: -85px 0;}
#nav08 li.movie a:hover {background-position: -85px -74px;}
#nav08 li.cat {float:left; width: 114px; height: 74px; margin:0;}
#nav08 li.cat a {background-position: -175px 0;}
#nav08 li.cat a:hover {background-position: -175px -74px;}
#nav08 li.point {float:left; width: 78px; height: 74px; margin:0;}
#nav08 li.point a {background-position: -289px 0;}
#nav08 li.point a:hover {background-position: -289px -74px;}

/*	div#home-feature
--------------------------------------*/
#home-feature {margin-right:280px; width: 685px;}


/*	div#featured-video
--------------------------------------*/
#featured-video {float:right; width:252px; height:262px; padding: 0; margin-right: 10px; background-color:#000; display:inline;}

/*	div#featured-Conts
--------------------------------------*/
#featured-Conts {float:right; width:242px; height:242px; padding: 0; margin-right: 10px; background-color:#fff; border:10px solid #dedede; display:inline;}
#featured-Conts_Inner {width:222px; height:222px; padding: 0; margin:10px; background-color:#111;}
#featured-Conts_Inner_In {width:212px; height:212px; padding:0; margin:5px; color:#eee;}
#featured-Conts_Inner_In .pointInfo {width:202px; padding:5px;  background: #000000 url(../images/bg_pointInfo.gif) 3px 25px no-repeat; border-bottom:1px solid #CC0000;}
#featured-Conts_Inner_In .pointInfo p.loginL {margin:0 0 0 5px; font-size:90%; color:#FFFFFF; font-weight:normal; text-align:right;}
#featured-Conts_Inner_In .pointInfo p.accountname {clear:both; margin:0 5px 0 0; font-size:90%; font-weight:normal; text-align:right; color:#FFFFFF;}
#featured-Conts_Inner_In .pointInfo p.accountname span {margin:0 0 5px 0; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#featured-Conts_Inner_In .pointInfo p.pointcount {margin:5px 5px 0 0; font-size:90%; font-weight:normal; text-align:right; color:#FFFFFF;}
#featured-Conts_Inner_In .pointInfo p.pointcount span {margin:0 0 0 5px; font-size:110%; font-weight:bold; color:#CC0000;}
#featured-Conts_Inner_In p.title {margin:5px 0 0 5px; font-size:90%; font-weight:bold; color:#FFFFFF;}
#featured-Conts_Inner_In p.regular {margin:5px; padding:0 0 5px 0; font-size:86%; font-weight:normal; color:#FFFFFF; border-bottom:1px dotted #fff;}

/*	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#rightcolumn1
--------------------------------------*/
#rightcolumn1 {width:745px; maegin:0; padding-top:0px; float:right;}
#rightcolumn2 {width:745px; maegin:0; padding-top:0px; float:right;}
.unitNew {width:739px !important; width:745px; margin:0 0 5px 0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px;}
.unitNew h3 {width:739px; height:28px !important; height:40px; margin:0; background: transparent url(../images/title_home_newmovie.gif) 0 0 no-repeat; text-align:right; padding-top:12px;}
.unitNew a.gotoAll:link, .unitNew a.gotoAll:visited{color:#FFFFFF; font-size:80%; font-weight:normal;} 
.unitNew a.gotoAll:hover, .unitNew a.gotoAll:active{color:#febf01; font-size:80%; font-weight:normal;}
.unitPopular {width:739px !important; width:745px; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px;}
.unitPopular h3 {width:739px; height:28px !important; height:40px; margin:0; background: transparent url(../images/title_home_popularmovie.gif) 0 0 no-repeat; text-align:right; padding-top:12px;}
.unitPopular a.gotoAll:link, .unitPopular a.gotoAll:visited{color:#FFFFFF; font-size:80%; font-weight:normal;} 
.unitPopular a.gotoAll:hover, .unitPopular a.gotoAll:active{color:#febf01; font-size:80%; font-weight:normal;}
ul.unit-5thumbs {float: left; margin:6px 8px 6px 8px !important; margin:6px 3px 6px 8px; width:730px; display:inline;}
ul.unit-5thumbs p.date {margin:3px 3px 0 3px; text-align:right; font-size:80%; background: transparent url(../images/icons/icon_new01.gif) 0 0 no-repeat; padding-left:40px;}
ul.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;}
ul.unit-5thumbs p.thumbholder {width:120px; height:92px; margin:0; clear:both; position:relative;}
ul.unit-5thumbs p.thumbholder span {width:50px; height:18px; display: block; position:absolute; bottom:1px; right:-10px;}

ul.unit-5thumbs p.thumbholder img.thumb {margin:0 8px; border:1px solid #000;}
ul.unit-5thumbs p.movietitle {margin:3px 3px 0 5px; text-align:left; font-size:80%; height:24px;}
ul.unit-5thumbs p.goDetail {margin:3px 3px 0 3px; text-align:right; font-size:80%;}
ul.unit-5thumbs ul.catIcon {margin:3px 0 5px 0; width:140px;}
ul.unit-5thumbs li.catIcon {float:left; margin:0 1px 0 0; width:45px; padding:0; background-color:#000000; font-size:70%; text-align:center;}
ul.unit-5thumbs li.catIcon a {text-decoration:none; color:#4ac3fc;}
ul.unit-5thumbs p.comment {margin:5px 3px 0 5px; text-align:left; font-size:80%; clear:both; height:28px;}
ul.unit-5thumbs p.toCartbutton {margin:3px 18px; width:94px;}
li.unit-5thumbs {float:left; width: 140px; margin:0 4px 5px 0; background-color:#eeeeee; border:1px solid #cbcdcc;}
li.unit-5thumbs-end {float:left; width: 140px; margin:0 0 5px 0; background-color:#eeeeee; border:1px solid #cbcdcc;}

.unitBottom {width:747px; margin:5px 0 5px 0; clear:both;}
.unitDLrank {float:left; width:470px !important; width:428px; margin:0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px;}
.unitDLrank h3 {width:260px !important; width:470px; height:25px !important; height:40px; margin:0; padding:15px 0 0 210px; background: transparent url(../images/title_home_dlranking.gif) 0 0 no-repeat; font-size:80%; color:#FFFFFF; font-weight:normal;}
.unitDLrank h4 {width:443px; height:24px; margin:5px 15px 0 15px; background: transparent url(../images/title_home_dlranking-coltitle.gif) 0 0 no-repeat;}
ul.unit-rankingBox {margin:5px 0 5px 20px; width:435px; font-size:95%; clear:both; border-bottom:1px solid #ccc; padding:0 0 5px 0;}
li.unit-rankingBox-rank {float:left; width: 20px; margin:0 5px 0 0;}
li.unit-rankingBox-rank img {vertical-align:middle;}
li.unit-rankingBox-title {float:left; width: 200px; margin:0 5px 0 0;}
li.unit-rankingBox-thumb {float:left; width: 55px; margin:0 5px 0 0;}
li.unit-rankingBox-thumb img {border:1px solid #000;}
li.unit-rankingBox-count {float:left; width: 70px; margin:0 10px 0 0; text-align:right;}
li.unit-rankingBox-button {float:left; width: 64px; margin:0;}
.unitnewreview {float:right; width:255px; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px;}
.unitnewreview h3 {width:255px; height:40px; margin:0; padding:0; background: transparent url(../images/title_home_newreview.gif) 0 0 no-repeat;}
.unitnewreview ul {margin:3px 3px 0 5px; text-align:left; font-size:85%; line-height:1.6}
.unitnewreview li.starcol {background: padding:2px 0 3px 0; color:#99cc33; text-align:right;}
.unitnewreview li.infocol {background: padding:2px 0 3px 0;}
.unitnewreview li.maincol {background: padding:2px 0 3px 0;}
.unitnewreview li.footcol {background: transparent url(../images/bg_dot_lightgray.gif) bottom repeat-x; padding:2px 0 3px 0; text-align:right;}


/*review list page*/
.unitCommentlist {width:739px !important; width:743px; margin:10px 0 5px 0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px;}
.unitCommentlist h3 {height:28px !important; height:40px; margin:0; background: transparent url(../images/title_commentlist.gif) 0 0 no-repeat; padding:12px 0 0 240px; color:#FFFFFF; font-size:100%;}
.unitCommentlist h3 span {color:#33ccff;}

.unitCommentlist2 {width:741px !important; width:745px; margin:0 0 5px 0; background-color:#FFFFFF; padding:2px; clear:both; min-height:1px;}
#movie-comment-list-layout {width:740px; clear:both; margin:0 0 5px 0;}
#movie-comment-list-avater {float:left; width:55px; padding:0; margin:0 0 5px 5px; display:inline;}
#movie-comment-list-box {float:left; width:657px; padding:0; margin:0 0 5px 2px !important; margin:0 0 5px 0;}

#movie-comment-list-box .top {width:675px !important; width:680px; height:23px !important; height:30px; padding:7px 5px 0 0; margin:0; background: transparent url(../images/bg_commentlist_box_top.gif) 0 0 no-repeat; font-size:95%;}
#movie-comment-list-box .top p.leftside{float:left; width:300px;}
#movie-comment-list-box .top span.star{color:#99cc33; margin:0 15px;}
#movie-comment-list-box .top span.name{font-weight:bold;}
#movie-comment-list-box .top p.date{float:right; width:90px;}

#movie-comment-list-box .top02 {width:675px !important; width:680px; height:23px !important; height:30px; padding:7px 5px 0 0; margin:0; background: transparent url(../images/bg_commentlist_box_top02.gif) 0 0 no-repeat; font-size:95%;}
#movie-comment-list-box .top02 p.leftside{float:left; width:300px;}
#movie-comment-list-box .top02 span.star{color:#99cc33; margin:0 15px;}
#movie-comment-list-box .top02 span.name{font-weight:bold;}
#movie-comment-list-box .top02 p.date{float:right; width:90px;}

#movie-comment-list-box .middle {width:650px !important; width:680px; padding:0 10px 0 20px; margin:0; background: transparent url(../images/bg_commentlist_box_middle.gif) 0 0 repeat-y; font-size:95%; clear:both;}
#movie-comment-list-box .middle p.comment {margin-top:10px;}
#movie-comment-list-box .middle p.detailLink {margin-top:10px; float:right; width:110px;}
#movie-comment-list-box .middle img.thumb03 {margin:4px 8px 5px 8px; width:80px; height:61px; border:1px solid #000; float:left; display:inline;}

#movie-comment-list-box .middle02 {width:650px !important; width:680px; padding:0 10px 0 20px; margin:0; background: transparent url(../images/bg_commentlist_box_middle02.gif) 0 0 repeat-y; font-size:95%; clear:both;}
#movie-comment-list-box .middle02 p.comment {margin-top:10px;}
#movie-comment-list-box .middle02 p.detailLink {margin-top:10px; float:right; width:110px;}
#movie-comment-list-box .middle02 img.thumb03 {margin:4px 8px 5px 8px; width:80px; height:61px; border:1px solid #000; float:left; display:inline;}

#movie-comment-list-box .bottom {width:680px; height:5px; padding:0; margin:0; background: transparent url(../images/bg_commentlist_box_bottom.gif) 0 0 no-repeat;}
#movie-comment-list-box .bottom02 {width:680px; height:5px; padding:0; margin:0; background: transparent url(../images/bg_commentlist_box_bottom02.gif) 0 0 no-repeat;}
/*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;}