@charset "utf-8";
/*	Category List
 ------------------------------------------------------------------------*/
#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_categorylist.gif) 0 0 no-repeat;}
#nav li a:hover {background: transparent url(../images/navi_categorylist.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; text-align: left;}

/*	div#rightcolumn1
--------------------------------------*/
#rightcolumn1 {width:745px; float:right; position: relative; z-index:1000;}

.unitCatlist {width:739px !important; width:743px; margin:10px 0 5px 0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px;}
.unitCatlist h3 {height:28px !important; height:40px; margin:0; background: transparent url(../images/title_categorylist_list.gif) 0 0 no-repeat; padding:12px 0 0 180px; color:#FFFFFF; font-size:100%;}
.unitCatlist h3 span {color:#33ccff;}
ul.unit-5thumbs {float:left; margin:6px 8px 6px 8px !important; margin:6px 3px 6px 8px; width:730px; display:inline; clear:both;}
ul.unit-5thumbs p.catTitle {margin:0; padding:3px; font-size:100%; border-bottom:1px solid #cccccc; background-color:#FFFFFF;}
ul.unit-5thumbs p.date {margin:3px 3px 0 3px; text-align:right; font-size:80%;}
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 img.thumb {margin:0 8px; width:120px; 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.movieinfo {margin:3px 3px 0 5px; text-align:left; font-size:80%;}
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;}
ul.unit-5thumbs p.toCartbutton {margin:3px 18px; width:94px;}
li.unit-5thumbs {float:left; width: 140px; margin:0 3px 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;}
.unitCatlist p.Aright{text-align:right; margin:0; clear:both; font-size:80%;}

.unitCatlist2 {width:739px !important; width:743px; margin:10px 0 5px 0 !important; margin:0 0 5px 0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px;}
ul.unit-5thumbs_2 {float:left; margin:6px 8px 6px 8px !important; margin:6px 0 6px 8px; width:730px!important; width:730px; clear:both; display:inline;}
ul.unit-5thumbs_2 p.catTitle {margin:0; padding:3px; font-size:80%; border-bottom:1px solid #cccccc; background-color:#FFFFFF;}
ul.unit-5thumbs_2 p.date {margin:3px 3px 0 3px; text-align:right; font-size:80%;}
ul.unit-5thumbs_2 p.playlog {float:right; margin:5px 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_2 img.thumb {margin:0 8px; width:120px; border:1px solid #000; position:relative;}
ul.unit-5thumbs_2 img.thumb span {width:50px; height:18px; display: block; position:absolute; bottom:2px; right:2px;}
ul.unit-5thumbs_2 p.movietitle {margin:3px 3px 0 5px; text-align:left; font-size:80%; height:24px;}
ul.unit-5thumbs_2 p.movieinfo {margin:3px 3px 0 5px; text-align:left; font-size:80%;}
ul.unit-5thumbs_2 p.movieinfo span {font-size:110%; font-weight:bold;}
ul.unit-5thumbs_2 p.goDetail {margin:3px 3px 0 5px; text-align:right; font-size:80%;}
ul.unit-5thumbs_2 ul.catIcon {margin:3px 0 5px 0; width:140px;}
ul.unit-5thumbs_2 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_2 li.catIcon a {text-decoration:none; color:#4ac3fc;}
ul.unit-5thumbs_2 p.comment {margin:5px 3px 0 5px; text-align:left; font-size:80%; clear:both;}
ul.unit-5thumbs_2 p.toCartbutton {margin:3px 18px; width:94px;}
li.unit-5thumbs_2 {float:left; width:140px; margin:0 3px 5px 0; background-color:#eeeeee; border:1px solid #cbcdcc;}
li.unit-5thumbs_2-end {float:left; width:140px; margin:0 0 5px 0; background-color:#eeeeee; border:1px solid #cbcdcc;}
.unitCatlist2 p.Aright{text-align:right; margin:0; clear:both; font-size:80%;}


.unitCatlist2 {width:739px !important; width:743px; margin:10px 0 5px 0 !important; margin:0 0 5px 0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px;}
ul.unit-5thumbs_3 {float:left; margin:6px 8px 6px 8px !important; margin:6px 0 6px 8px; width:730px!important; width:730px; clear:both; display:inline;}
ul.unit-5thumbs_3 p.catTitle {margin:0; padding:3px; font-size:80%; border-bottom:1px solid #cccccc; background-color:#FFFFFF;}
ul.unit-5thumbs_3 p.date {margin:3px 3px 0 3px; text-align:right; font-size:80%;}
ul.unit-5thumbs_3 p.playlog {float:right; margin:5px 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_3 p.thumbholder {width:120px; height:92px; margin:0; clear:both; position:relative;}
ul.unit-5thumbs_3 p.thumbholder span {width:50px; height:18px; display: block; position:absolute; bottom:1px; right:-10px;}
ul.unit-5thumbs_3 p.thumbholder img.thumb {margin:0 8px; border:1px solid #000;}

ul.unit-5thumbs_3 p.movietitle {margin:3px 3px 0 5px; text-align:left; font-size:80%; height:24px;}
ul.unit-5thumbs_3 p.movieinfo {margin:3px 3px 0 5px; text-align:left; font-size:80%;}
ul.unit-5thumbs_3 p.movieinfo span {font-size:110%; font-weight:bold;}
ul.unit-5thumbs_3 p.goDetail {margin:3px 3px 0 5px; text-align:right; font-size:80%;}
ul.unit-5thumbs_3 ul.catIcon {margin:3px 0 5px 0; width:140px;}
ul.unit-5thumbs_3 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_3 li.catIcon a {text-decoration:none; color:#4ac3fc;}
ul.unit-5thumbs_3 p.comment {margin:5px 3px 0 5px; text-align:left; font-size:80%; clear:both;}
ul.unit-5thumbs_3 p.toCartbutton {margin:3px 18px; width:94px;}
li.unit-5thumbs_3 {float:left; width:140px; margin:0 3px 5px 0; background-color:#eeeeee; border:1px solid #cbcdcc;}
li.unit-5thumbs_3-end {float:left; width:140px; margin:0 0 5px 0; background-color:#eeeeee; border:1px solid #cbcdcc;}

/*	All Provider list
 ------------------------------------------------------------------------*/
.unitproviderlist {width:739px !important; width:743px; margin:10px 0 5px 0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px;}
.unitproviderlist h3 {height:28px !important; height:40px; margin:0; background: transparent url(../images/title_providerlist_all.gif) 0 0 no-repeat; padding:12px 0 0 180px; color:#FFFFFF; font-size:100%;}
.unitproviderlist h3 span {color:#33ccff;}

.unitproviderlist2 {width:739px; margin:10px 0 5px 0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px;}
div.unit-thumblist {width: 725px; margin:6px; background-color:#eeeeee; border:1px solid #cbcdcc; clear:both;}

div.unit-thumblist .info{float:left; width:375px !important; width:370px; margin:3px; display:inline;}
div.unit-thumblist img.thumb02 {margin:8px; width:120px; border:1px solid #000; float:left; display:inline;}
div.unit-thumblist .title{font-weight:bold; font-size:0.9em; color:#0783c7; padding:5px 0 5px 5px; margin:0;}
div.unit-thumblist .comm{font-size:90%; color:#333; padding:0 0 5px 0;}
div.unit-thumblist p.goDetail {margin-top:4px; font-size:90%;}
div.unit-thumblist .infotable{float:right; width:200px; margin:3px; display:inline;}
div.unit-thumblist .infotable table{background-color:#333333; margin-top:5px;}
div.unit-thumblist .infotable td{border:1px solid #FFF; color:#FFF; padding:2px; font-size:90%;}
div.unit-thumblist .by{font-size:0.9em; color:#FFF; clear:both; padding:0 5px 5px 0; border-bottom: 1px dotted #ACACAC; text-align:right;}
div.unit-thumblist a.bglink:link, a.bglink:visited {background-color:#086598; color:#FFFFFF; padding:1px;}
div.unit-thumblist a.bglink:hover, a.bglink:active {color:#FFFF66; margin-top:3px;}

/*	samplemovie list
 ------------------------------------------------------------------------*/
.unitsamplelist {width:739px !important; width:743px; margin:10px 0 5px 0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px;}
.unitsamplelist h3 {height:28px !important; height:40px; margin:0; background: transparent url(../images/title_samplelist.gif) 0 0 no-repeat; padding:12px 0 0 250px; color:#FFFFFF; font-size:100%;}
.unitsamplelist h3 span {color:#33ccff;}

.unitsamplelist2 {width:739px; margin:5px 0 5px 0; background-color:#FFFFFF; border:1px solid #cccccc; padding:2px; clear:both; min-height:1px;}
div.unit-samplethumblist {width: 725px; margin:6px; background-color:#eeeeee; border:1px solid #cbcdcc; clear:both;}

div.unit-samplethumblist .info{float:left; width:610px !important; width:370px; margin:3px; display:inline;}
div.unit-samplethumblist img.thumb02 {margin:8px; width:80px; border:1px solid #000; float:left; display:inline;}
div.unit-samplethumblist img.thumb03 {margin:8px; width:60px; border:1px solid #000; float:left; display:inline;}
div.unit-samplethumblist .title{font-weight:bold; font-size:90%; color:#0783c7; padding:0; margin:3px 0 2px 0;}
div.unit-samplethumblist .title span{font-weight:normal; color:#666666; margin-left:10px;}
div.unit-samplethumblist .name{font-size:90%; font-weight:normal; color:#666666; margin-left:10px;}
div.unit-samplethumblist .other{font-size:90%; font-weight:normal; color:#666666; margin-left:10px; font-family:Helvetica, Arial, sans-serif;}
div.unit-samplethumblist a.bglink:link, a.bglink:visited {background-color:#086598; color:#FFFFFF; padding:1px;}
div.unit-samplethumblist a.bglink:hover, a.bglink:active {color:#FFFF66; margin-top:3px;}
div.unit-samplethumblist ul{width:548px; padding:0; border:0; margin:0 0 5px 0; list-style:none;}
div.unit-samplethumblist li.embed{width:500px; height:33px; padding:5px 0 0 5px !important; padding:5px 0 5px 5px; border:1px solid #CCCCCC; background-color:#febf01; margin:10px 0 0 7px; list-style:none; font-size:90%;}
div.unit-samplethumblist li.embed input{width:380px; height:15px !important; height:25px; padding:0; border:1px solid #FFF; background-color:#e8e8e8; font-size:110%; vertical-align:middle; font-family:Helvetica, Arial, sans-serif; padding:5px;}
p.memo {font-size:90%; color:#666666; margin:5px 0 0 5px;}

/*	Category sort navi
 ------------------------------------------------------------------------*/
#catsortNav {margin:0 10px; width:720px; clear:both;}
#catsortNav li.neworder {float:left; width:181px; height: 39px; margin:0;}
#catsortNav li.neworder a {display:block; text-indent:-9999px; height: 39px; background:transparent url(../images/catsortNavi.gif) 0 0 no-repeat;}
#catsortNav li.playorder {float:left; width: 179px; height: 39px; margin:0;}
#catsortNav li.playorder a  {display:block; text-indent:-9999px; height: 39px; background:transparent url(../images/catsortNavi.gif) -181px 0 no-repeat;}
#catsortNav li.revieworder {float:left; width: 179px; height: 39px; margin:0;}
#catsortNav li.revieworder a  {display:block; text-indent:-9999px; height: 39px; background:transparent url(../images/catsortNavi.gif) -360px 0 no-repeat;}
#catsortNav li.commorder {float:left; width: 181px; height: 39px; margin:0;}
#catsortNav li.commorder a {display:block; text-indent:-9999px; height: 39px; background:transparent url(../images/catsortNavi.gif) -539px 0 no-repeat;}

/*	Category sort navi　Revised　5menu version
 ------------------------------------------------------------------------*/
#catsortNav5 {margin:0 10px; width:720px; clear:both;}
#catsortNav5 li.neworder {float:left; width:144px; height: 39px; margin:0;}
#catsortNav5 li.neworder a {display:block; text-indent:-9999px; height: 39px; background:transparent url(../images/catsortNavi.gif) 0 0 no-repeat;}
#catsortNav5 li.playorder {float:left; width: 144px; height: 39px; margin:0;}
#catsortNav5 li.playorder a  {display:block; text-indent:-9999px; height: 39px; background:transparent url(../images/catsortNavi.gif) -144px 0 no-repeat;}
#catsortNav5 li.revieworder {float:left; width: 144px; height: 39px; margin:0;}
#catsortNav5 li.revieworder a  {display:block; text-indent:-9999px; height: 39px; background:transparent url(../images/catsortNavi.gif) -288px 0 no-repeat;}
#catsortNav5 li.commorder {float:left; width: 144px; height: 39px; margin:0;}
#catsortNav5 li.commorder a {display:block; text-indent:-9999px; height: 39px; background:transparent url(../images/catsortNavi.gif) -432px 0 no-repeat;}
#catsortNav5 li.priceorder {float:left; width: 144px; height: 39px; margin:0;}
#catsortNav5 li.priceorder a {display:block; text-indent:-9999px; height: 39px; background:transparent url(../images/catsortNavi.gif) -576px 0 no-repeat;}

