@charset "utf-8";
/* CSS Document */

/* navi button */
#premium-lfNavi-title {width:168px; height:33px; background-image:url(../premium/prm_navi_button.png); top:6px; left:6px; }
#prmNavi-vip {display:block; position:relative; height:70px; background-image:url(../premium/prm_navi_bkg_middle.png);}
#prmNavi-vip img {margin-bottom:7px;}
.prmNavi-vip-line {font-size:17px; font-weight:bold; line-height:17px;}
#prmNavi-join {margin-bottom:15px;}
#prmNavi-btn-vip {top:3px; left:6px; position:absolute;}
.prmNavi-bkg {width:180px; height:6px; background-image:url(../premium/prm_navi_bkg.png); position:relative;}
#prmNavi-top{background-position:left top;}
#prmNavi-bottom{background-position:left bottom;}
#prmNavi-wrap {width:100%; margin-bottom:8px;}


/* common */

a img.prm_btn:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}

div#join_prm_top{
	float:right;
}

p#prm_head_txt{
	clear:both;
	margin:0 0 30px 8px;
	text-align:left;
	font-size:16px;
	font-weight:bold;
	line-height:140%;
}

p#prm_head_txt span{
	font-size:12px;
	font-weight:normal;
}
.prm_join_block {
	overflow: hidden;
	clear: both;
	margin-bottom: 40px;
}
h3#prm_join{
	background: url("/images/premium/premium_top.jpg") no-repeat 0 -431px; 
	text-indent:-9000px;
	height:40px;
	position: relative;
	margin-left:8px;
	clear:both;
}
#prm_promo_tooltipImg {
	width: 185px;
	height: 24px;
	background: url("/images/premium/premium_top.jpg") no-repeat left bottom; 
	position: absolute;
	top: 0px;
	left: 330px;
}
div#prm_join_monthly{
	background: url("/images/premium/premium_top.jpg") no-repeat 0 -477px; 
	width:240px;
	height:120px;
	float:left;
	margin-left:8px;
}
	
div#prm_join_yearly{
	background: url("/images/premium/premium_top.jpg") no-repeat -240px -477px; 
	width:240px;
	height:120px;
	float:left;
	margin-left:10px;
}
	
div#prm_join_yearlyBank{
	background: url("/images/premium/premium_top.jpg") no-repeat -480px -477px; 
	width:240px;
	height:120px;
	float:left;
	margin-left:10px;
}

div#prm_upgrade_yearly{
	background: url("/images/premium/premium_top.jpg") no-repeat -0 -597px; 
	width:240px;
	height:120px;
	float:left;
	margin-left:250px;
}

img.prm_purchase{
	margin-top:60px;
}

#prm-top-note {text-align:left; color:#666; padding:0 10px;}


/*  clear fix  */
.clearfix:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
.clearfix{zoom:1;}


/* premium top */

div#prm_title{
	background: url("/images/premium/premium_top.jpg"); 
	width:430px; 
	height:59px;
	text-indent:-9000px; 
	float:left;
	margin-left:8px;
}


p#headTxt{
	clear:both;
	background: url("/images/premium/premium_top.jpg") no-repeat 0 -60px; 
	text-indent:-9000px;
	height:70px;
	margin-left:8px;
	margin-bottom:20px;
}
	
h3#prm_benefit_top{
	background: url("/images/premium/premium_top.jpg") no-repeat 0 -130px; 
	text-indent:-9000px;
	height:35px;
	margin-left:8px;
}

div#prm_benefitImg{
	clear:both;
	background: url("/images/premium/premium_top.jpg") no-repeat 0 -717px; 
	width:742px;
	height:450px;
	margin-bottom:60px;
	position:relative;
}
	
div#prm_benefitImg li div{
	display:none;
}

ul#benefit_userType{
	margin:0;
	padding:0;
}

ul#benefit_userType li {
	float:left;
	list-style:none;
	text-indent:-9000px;
}

ul#benefit_userType li a{
	display:block;
	background-image:url("/images/premium/premium_top.jpg") ;
	height:75px;
}

li#btn_benefitAll a{
	background-position: 0 -188px;
	width:184px;
}


li#btn_benefitAll a:hover{
	background-position: 0 -276px;
}

li#btn_benefitAll.ui-tabs-selected a{
	background-position: 0 -276px !important;
}
	
li#btn_benefitMovie a{
	background-position: -184px -188px;
	width:184px;
}
	
li#btn_benefitMovie a:hover{
	background-position: -184px -276px;
}

li#btn_benefitMovie.ui-tabs-selected a{
	background-position: -184px -276px !important;
}

li#btn_benefitChat a{
	background-position: -368px -188px;
	width:184px;
}
	
li#btn_benefitChat a:hover{
	background-position: -368px -276px;
}

li#btn_benefitChat.ui-tabs-selected a{
	background-position: -368px -276px !important;
}

li#btn_benefitMonroo a{
	background-position: -552px -188px;
	width:190px;
}
	
li#btn_benefitMonroo a:hover{
	background-position: -552px -276px;
}

li#btn_benefitMonroo.ui-tabs-selected a{
	background-position: -552px -276px !important;
}
	
li#btn_benefitMonroo a:hover div{
	background: url("/images/premium/premium_top.jpg") no-repeat 0 -1883px; 
	display:block;
	position:absolute;
	top:92px;
	left:0;
	width:742px;
	height:358px;
}

	
h3#prm_faq{
	clear:both;
	background: url("/images/premium/premium_top.jpg") no-repeat 0 -380px; 
	text-indent:-9000px;
	height:40px;
}
	
table#prm_benefit_table{
	width:740px;
	border: 1px #CCC solid;
  	border-collapse: collapse;
   	border-spacing: 0;
	margin-bottom:60px;
}
	
table#prm_benefit_table td {
	font-size:14px;
	padding: 8px;
	border: 1px #CCC solid;
	border-width: 0 0 1px 1px;
	text-align: center;
}
	
table#prm_benefit_table td span{
	font-weight:bold;
	color:#F00;
}
	
td.nor{
	font-weight:bold;
}
	
td.prmColtop{
	font-weight:bold;
	background:#c6ea93;
}
	
td.prmCol{
	background:#efffd8;
}

td.regColtop{
	font-weight:bold;
	background:#CFCFCF;
}

td.regCol{
	background:#EFEFEF;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */

#ui-tab{
	width:742px;
}

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
	margin-bottom:60px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}


/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

	
/* faq */
.faq {
	text-align: left;
	font-size: 14px;
	padding: 0 24px 50px 8px;
}
.faq p {
	margin: 0 0 0 10px;
	height: 24px;
	padding-top: 4px;
}
.question {
	font-weight: bold;
	color: #09F;
	margin: 0;
	line-height: inherit;
}
.answer-wrapper {
	margin: 0 0 20px 0;
}
.answer {
	margin: 0 0 0 10px;
	line-height: 140%;
}
.hover {
	cursor: pointer;
	text-decoration: underline;
}



/* premium muryo */

.prm-TopPageBanner {margin:0;}

div#prm_muryo_title{
	background: url("/images/premium/prm_muryo.png"); 
	width:499px; 
	height:42px;
	text-indent:-9000px; 
	float:left;
	margin-left:8px;
	margin-bottom:20px;
}


div#prm_muryo_movies_box{
	margin:50px 0 60px 0;
}

h3#prm_muryo_list{
	clear:both;
	background: url("/images/premium/prm_muryo.png") no-repeat 0 -42px; 
	text-indent:-9000px;
	height:40px;
	margin-left:8px;
}
h3#prm_promo_list{
	clear:both;
	background: url("/images/premium/promo_subtitle.png") no-repeat 0 0; 
	text-indent:-9000px;
	height:40px;
	margin-left:8px;
}
.prmMuryo_box{
	width:170px;
	height:142px;
	float:left;
	text-align:left;
	margin:7px 0 15px 16px;
	overflow:hidden;
}
.prmMuryo_thumbs_box{
	width:90px;
	height:60px;
	overflow:hidden;
	float:left;
}
.prmMuryo_box img{
	width:90px;
}

ul.prmMuryo_pulldown{
	float:left;
}

ul.prmMuryo_pulldown a {
    color: #FFF;
    text-decoration: none;
	line-height:1.6em;
}

ul.prmMuryo_pulldown li.btn-sample a:link,
ul.prmMuryo_pulldown li.btn-sample a:visited {
    background:url(../premium/prm_muryo.png) 0 -84px;
}

ul.prmMuryo_pulldown li.btn-stream a:link,
ul.prmMuryo_pulldown li.btn-stream a:visited {
    background:url(../premium/prm_muryo.png) 0 -101px;
	background-position:0 -101px;
}

ul.prmMuryo_pulldown li.btn-stream_disabled, ul.prmMuryo_pulldown li.btn-download_disabled {
    display: block;
    width: 75px;
    height: 17px;
    text-align: center;
	line-height:1.6em;
	color:#FFF;
}

ul.prmMuryo_pulldown li.btn-stream_disabled{
	background:url(../premium/prm_muryo.png) 0 -101px;
}

ul.prmMuryo_pulldown li.btn-download_disabled{
	background:url(../premium/prm_muryo.png) 0 -118px;
}

ul.prmMuryo_pulldown li.btn-download a:link,
ul.prmMuryo_pulldown li.btn-download a:visited,
ul.prmMuryo_pulldown li.btn-download a:hover,
ul.prmMuryo_pulldown li.btn-download a:active {
    background:url(../premium/prm_muryo.png) 0 -118px;
}
ul.prmMuryo_pulldown li.btn-sample a:hover,
ul.prmMuryo_pulldown li.btn-sample a:active {
	background:url(../premium/prm_muryo.png) -75px -84px;
}
ul.prmMuryo_pulldown li.btn-stream a:hover,
ul.prmMuryo_pulldown li.btn-stream a:active {
	background:url(../premium/prm_muryo.png) -75px -101px;
}

ul.prmMuryo_pulldown li {
    position: relative;
    width: 75px;
	font-size:10px;
	list-style-type:none;
	margin:0 0 4px 4px;
}
ul.prmMuryo_pulldown li a, ul.prmMuryo_pulldown li a:hover, ul.prmMuryo_pulldown li a:visited, ul.prmMuryo_pulldown li a:active{
    display: block;
    width: 75px;
    height: 17px;
    text-align: center;
	line-height:1.6em;
	color:#FFF;
}


/* 下層のメニューを不可視に */
ul.prmMuryo_pulldown li ul {
        display: none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul.prmMuryo_pulldown li:hover ul{
    display: block;
    position: absolute;
    z-index: 100;
}

ul.prmMuryo_pulldown li ul li {
    float: none;
    margin: 0;
    font-weight: normal;
	display: block;
}

ul.prmMuryo_pulldown li.btn-bgNo a:link, ul.prmMuryo_pulldown li.btn-bgNo a:visited{
	background-color: #FF3300;
	background-position: -75px -118px;
}

ul.prmMuryo_pulldown li.btn-bgNo a:hover, ul.prmMuryo_pulldown li.btn-bgNo a:active{
	background-color: #FF9900;
	background-position: -75px -118px;
}


.prmMuryo_movie_title{
	clear:both;
	padding:6px 0;
}

.prmMoryo_movie_description{
	color:#666;
}



/* premium dlup */
div#prm_dlup_title{
	background: url("/images/premium/prm_dlup.gif") 0 -199px no-repeat; 
	width:575px; 
	height:42px;
	text-indent:-9000px; 
	float:left;
	margin-left:8px;
	margin-bottom:20px;
}

div.prm_dlup_pkg{
	background: url("/images/premium/prm_dlup.gif") no-repeat; 
	width:742px; 
	height:170px;
 	position:relative;
	margin-bottom:10px;
}

div#prm_muryo_dlup_box{
	margin:50px 0;
}

h3#prm_dlup_list{
	clear:both;
	background: url("/images/premium/prm_dlup.gif") no-repeat 0 -270px; 
	text-indent:-9000px;
	height:40px;
	margin-left:8px;
}

.prmDdl-table {width:730px; height:100px; top:30px; left:10px; position:absolute;}
.dlzouka-listpackages {text-align: center;}
.douga-dlbutton {margin-left: 30px; float:left; text-align:center;}

.prmdouga-dlbutton, .prmdlzouka_packageicon {margin-left:30px; text-align:center; float:left;}
.dlzouka-packageicon {position:relative; float:left;}
.dlzouka-packageicon a {margin-left: 20px; float:left; background-image:url(../premium/dlup_package_btn.png); background-repeat:no-repeat; width:140px; height:74px;}
#purchaseBtn-30gb {background-position:0 0;}
#purchaseBtn-60gb {background-position:-140px 0px;}
#purchaseBtn-90gb {background-position:-280px 0px;}
.dlzouka-packageinfo {font-size:1em; top:37px; left:20px; width:140px; position:absolute;}

.dlup-20000587-logoBG {
	width:180px; 
	height:82px; 
	background:url(../premium/dlup_sitelogo_bkg_bk.png) no-repeat; 
	vertical-align:middle; 
	text-align:center;
}
.dlup-20001027-logoBG, .dlup-20000567-logoBG, .dlup-20000217-logoBG, .dlup-20001067-logoBG {
	width:180px; 
	height:82px; 
	background:url(../premium/dlup_sitelogo_bkg_white.png) no-repeat; vertical-align:middle; 
	text-align:center;
}

a.ddl-activePkg { 
	opacity:0.4; 
	filter:alpha(opacity=40); 
	cursor:default;
}
p.add500M{
	width:370px;
	height:50px;
	background:url(../premium/dlup_headline.gif) no-repeat;
	text-indent:-9000px;
}
p.add90G{
	width:370px;
	height:50px;
	background:url(../premium/dlup_headline.gif) -385px 0px no-repeat;
	text-indent:-9000px;
}




/* premium ddl */
div#prm_ddl_title{
	background: url("/images/premium/prm_ddl.gif") 0 0 no-repeat; 
	width:575px; 
	height:42px;
	text-indent:-9000px; 
	float:left;
	margin-left:8px;
	margin-bottom:20px;
}


div#prm_ddl_box{
	clear:both;
	margin:50px 0;
	text-align:left;
	margin-left:8px;
}

h3#prm_ddl_notice{
	background: url("/images/premium/prm_ddl.gif") no-repeat 0 -71px; 
	text-indent:-9000px;
	height:40px;
}

div#prm_ddl_box li{
	font-size:14px;
	margin-left:25px;
	line-height:150%;
}

div.prm_ddl_box{
	background: url("/images/premium/prm_ddl.gif") no-repeat 0 -118px; 
	margin:10px 0 20px 8px;
	width:240px;
	height:230px;
	text-align:left;
	float:left;
}

div.prm_ddl_box h4{
	font-size:16px;
	margin:15px 10px;
	padding:0 0 13px 10px;
	line-height:140%;
	border-bottom:1px solid #CCC;
	color:#333;
}

div.prm_ddl_box_cont{
	width:200px;
	height:80px;
	margin:0 auto;
	line-height:150%;
	font-size:14px;
}


.prm-Shosai {display:block; width:130px; height:28px; background-image:url(../premium/prmShosai-btn.png); background-position:0px 0px; margin-left:100px;}
.prm-Shosai:hover {background-position: 0 -28px;}