@charset "utf-8";


/* =======================================================================
総合 test 
======================================================================= */

body {
	background: #1f1f1f;
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

a:hover, .movie-actor a:hover {
	color: #3bbe5d;
}

a img {
	transition: 0.15s;
	-webkit-transition: 0.15s;
}

a:hover img:not(.top-hover-img) {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";		/* ie 8 */
}

div {
	margin: 0;
	overflow: hidden;
}

p {
	font-size: 12px;
	margin: 0 0 30px 0;
	line-height: 20px;
}

h1, 
h2, 
h3, 
h4 {
	line-height: 1;
	margin: 0;
}

#main > h1, 
.main-940 > h1 {
	/* 入会、規約、プライバシー、その他の静的ページ等のヘディング */
	font-size: 24px;
	line-height: 1.2;
	margin: 0 auto 30px;
	width: 940px;
}

#main > h1 small,  
.main-940 > h1 small {
	color: #999;
	font-size: 16px;
	font-weight: normal;
	margin-left: 10px;
}

#main-content h1 {
	/* サイドバーがあるページの主なヘディング */
	border-bottom: 1px #555 solid;
	color: #999;
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 14px;
	margin: 2px 0 10px
}

#main h2 {
	color: #999;
	font-weight: normal;
	font-size: 18px;
	max-width: 940px;
	margin: 0 auto 20px;
}

.movie-title, .movie-actor {
	overflow: hidden;
}

.movie-title {
	color: #F1F1F1;
	font-weight: bold;
	line-height: 1.5;
}

.movie-actor, .movie-actor a {
	color: #bbb;
	display: block;
	line-height: 1.5
}

.movie-date {
	color: #999 !important;
	font-size: 11px !important;
	line-height: 1 !important;
}

.selected {
	color: #3bbe5d !important;
	font-weight: bold;
}

.no-border {
	border: none !important;
}

/*メインの色*/

.cc-green {
	color: #2ecc71 !important;
}

.cc-yellow {
	color: #f1c40f !important;
}

.cc-pink {
	color: #fe7a7a !important;
}

.cc-blue {
	color: #3498db !important;
}

.cc-purple {
	color: #af7ac4 !important;
}

.cc-ltgreen {
	color: #88beb2 !important;
}

.cc-inactive {
	color: #999 !important;
}

.cc-green-bg {
	background-color: #2ecc71;
}

.cc-yellow-bg {
	background-color: #f1c40f;
}

.cc-pink-bg {
	background-color: #fe7a7a;
}

.cc-blue-bg-hov a:hover {
	background-color: #3498db;
}

.cc-green-bg-hov a:hover {
	background-color: #2ecc71;
}

.cc-yellow-bg-hov a:hover {
	background-color: #f1c40f;
}

.cc-pink-bg-hov a:hover {
	background-color: #fe7a7a;
}

.cc-blue-bg-hov a:hover {
	background-color: #3498db;
}

*[class|="icon"] {
	background-image: url(/images/spr_main.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	text-transform: capitalize; /*IE7*/
}

*[class|="after"], 
*[class|="before"] {
	position: relative;
}

*[class|="after"]:after, 
*[class|="before"]:before {
	background-image: url(/images/spr_main.png);
	content: "";
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
}

.text-annotation {
	color: #999;
}

/* Whitespace - margin */

.mt-0 {margin-top: 0 !important;}
.mt-10 {margin-top: 10px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-50 {margin-top: 50px !important;}
.mt-60 {margin-top: 60px !important;}
.mt-70 {margin-top: 70px !important;}
.mt-80 {margin-top: 80px !important;}
.mt-90 {margin-top: 90px !important;}
.mt-100 {margin-top: 100px !important;}

.mr-0 {margin-right: 0 !important;}
.mr-10 {margin-right: 10px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-30 {margin-right: 30px !important;}
.mr-40 {margin-right: 40px !important;}
.mr-50 {margin-right: 50px !important;}
.mr-60 {margin-right: 60px !important;}
.mr-70 {margin-right: 70px !important;}
.mr-80 {margin-right: 80px !important;}
.mr-90 {margin-right: 90px !important;}
.mr-100 {margin-right: 100px !important;}

.mb-0 {margin-bottom: 0 !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mb-60 {margin-bottom: 60px !important;}
.mb-70 {margin-bottom: 70px !important;}
.mb-80 {margin-bottom: 80px !important;}
.mb-90 {margin-bottom: 90px !important;}
.mb-100 {margin-bottom: 100px !important;}

.ml-0 {margin-left: 0 !important;}
.ml-10 {margin-left: 10px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-30 {margin-left: 30px !important;}
.ml-40 {margin-left: 40px !important;}
.ml-50 {margin-left: 50px !important;}
.ml-60 {margin-left: 60px !important;}
.ml-70 {margin-left: 70px !important;}
.ml-80 {margin-left: 80px !important;}
.ml-90 {margin-left: 90px !important;}
.ml-100 {margin-left: 100px !important;}

/* Whitespace - padding */

.pt-0 {padding-top: 0 !important;}
.pt-10 {padding-top: 10px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-50 {padding-top: 50px !important;}
.pt-60 {padding-top: 60px !important;}
.pt-70 {padding-top: 70px !important;}
.pt-80 {padding-top: 80px !important;}
.pt-90 {padding-top: 90px !important;}
.pt-100 {padding-top: 100px !important;}

.pr-0 {padding-right: 0 !important;}
.pr-10 {padding-right: 10px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-40 {padding-right: 40px !important;}
.pr-50 {padding-right: 50px !important;}
.pr-60 {padding-right: 60px !important;}
.pr-70 {padding-right: 70px !important;}
.pr-80 {padding-right: 80px !important;}
.pr-90 {padding-right: 90px !important;}
.pr-100 {padding-right: 100px !important;}

.pb-0 {padding-bottom: 0 !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-50 {padding-bottom: 50px !important;}
.pb-60 {padding-bottom: 60px !important;}
.pb-70 {padding-bottom: 70px !important;}
.pb-80 {padding-bottom: 80px !important;}
.pb-90 {padding-bottom: 90px !important;}
.pb-100 {padding-bottom: 100px !important;}

.pl-0 {padding-left: 0 !important;}
.pl-10 {padding-left: 10px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-30 {padding-left: 30px !important;}
.pl-40 {padding-left: 40px !important;}
.pl-50 {padding-left: 50px !important;}
.pl-60 {padding-left: 60px !important;}
.pl-70 {padding-left: 70px !important;}
.pl-80 {padding-left: 80px !important;}
.pl-90 {padding-left: 90px !important;}
.pl-100 {padding-left: 100px !important;}


/* =======================================================================
全体の構成
======================================================================= */

#container {
	background: #1f1f1f;
	overflow: visible;
	width: 100%;
}

#main {
	margin: 38px auto 0;
	padding-bottom: 100px;
	width: 980px;
}

#container .main-100 {
	width: 100%; /*mainを100%にしたい時用*/
	min-width: 1000px;
}

#container .main-940 {
	margin: 0 auto;
	width: 940px;/*mainを940pxにしたい時用*/
}

#sidebar {
	display: inline; /*IE6*/
	float: right;
	margin: 0 20px;
	width: 240px;
}

#sidebar.sidebar-follow {
	float: left;
}

#sidebar.box-right {
	float: right !important;
}

#main-content {
	background-color: #1f1f1f;
	display: inline; /*IE6*/
	float: left;
	margin: 0 20px;
	position: relative;
	width: 660px;
}


/* =======================================================================
Header
======================================================================= */

#header {
	overflow: visible;
	position: relative;
	min-width: 980px;
	width: 100%;
	z-index: 10;
}

#header div {
	overflow: visible;
}

.btn-grn {
	border: #0d6c1f solid 1px;
	border-radius: 1px;
	display: inline-block;
 *display: inline;/* IE 7 and below */
 *zoom: 1;/* IE 7 and below */
	text-align: center;
	background: #13932B;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
	box-shadow: 0 1px 0 rgba(255,255,255,0.15), 0 1px 0 rgba(255,255,255,0.15) inset;
	vertical-align: middle;
}

.btn-grn:hover {
	background: #128127;
	color: #f1f1f1;
}

.btn-grn:active, 
#header-login .btn-on {
	background: #1f682e;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.15);
	box-shadow: 0 1px 0 rgba(255,255,255, 0.15);
}

.btn-on {
	background-color: #1f682e;
}

/* 月額、チャット、PPV */

#header-top {
	margin: 0 auto;
	position: relative;
	height: 60px;
	width: 100%;
	z-index: 4;
}

#header-top li {
	float: left;
	height: 60px;
}

#header-top .cc-bg, 
#header-top .ccg-bg, 
#header-top .ppv-bg {
	background-image: url(/images/spr_main.png);
	background-repeat: no-repeat;
	width: 100px;
	text-indent: -9999px;
	text-transform: capitalize;
}

.cc-bg {
	background-position: 0 0
}

.ccg-bg {
	background-position: -100px 0
}

.ppv-bg {
	background-position: -200px 0
}

#header-top li a {
	display: block;
	text-align: center;
	height: 100%;
	width: 100%;
}

#header-top .gotomobile-btn {
	background-image: url(/images/spr_main.png);
	background-repeat: no-repeat;
	background-position: 0 -440px;
	width: 120px;
	height: 32px;
	text-indent: -9999px;
	margin: 14px 0;
	position: absolute;
	right: 20px;
}

#header-top .gotomobile-btn:hover {
	background-position: -120px -440px;
}

#header-top li > a {
	font-weight: bold;
}

#header-top li > a:hover {
	color: #f1f1f1;
}

@media screen and (min-width: 981px) {
#header-top .gotomobile-btn {
	right: 30px;
}
}

/* ロゴ、検索、ログイン */

#header-main {
	background: #139f2e;
	height: 70px;     /* original */
	/*height:116px;  	  with banner  */

	min-width: 980px;
 q position: relative;
	z-index: 3;
}

#header-main-left {
	height: 70px;
	position: absolute;
	left: 20px;
	z-index: 1;
	width: 590px;
}

#header-main-right {
	height: 70px;
	position: absolute;
	right: 20px;
}

@media screen and (min-width: 981px) {
#header-main-left {
	left: 30px;
}

#header-main-right {
	right: 30px;
}
}

#header-main-left > div {
	display: block;
	float: left;
	margin-right: 24px;
}

#header-main-left div {
	_float: left; /*IE6*/
}

#header-main-right > div {
	display: block;
	float: right;
	margin-left: 10px;
}

#header-logo {
	margin: 15px 0;
	background-image: url(/images/spr_main.png);
	background-repeat: no-repeat;
	background-position: 0 -60px;
	text-indent: -9999px;
	text-transform: capitalize; /*IE7*/
}

#header-logo a {
	height: 40px;
	width: 127px;
	display: block;
}

#header-search {
	height: 30px;
	width: 408px;
	margin: 20px 0;
}

#header-search input {
	width: 318px;
}

#header-search .search-result {
	width: 350px;
}

.search-box {
	height: 30px;
 q overflow: visible;
	position: relative;
}

.search-box-input {
	position: absolute;
	left: 0;
	height: 30px;
}

.search-box input {
	height: 13px;
	outline: none;
	padding: 8px 35px 9px 13px;
}

.search-box input, .search-result {
	background: #F1f1f1;
	border: 0;
	border-radius: 1px;
	color: #1f1f1f;
}

.icon-delete {
	background-position: -240px -60px;
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 0;
	height: 30px;
	width: 20px;
}

.icon-delete:hover {
	background-position: -240px -90px;
}

.search-btn {
	position: absolute;
	right: 0;
	height: 30px;
	width: 36px;
}

.icon-search {
	background-position: -200px -60px;
	height: 28px;
	width: 34px;
}

.search-result {
	position: absolute;
	top: 31px;
	padding: 8px;
}

.search-result li {
	height: 25px;
}

.search-result a {
	color: #1f1f1f;
	display: block;
	height: 13px;
	padding: 6px 5px;
}

.search-result a:hover {
	background: #ddd;
}

#header-login, #header-join {
	margin: 20px 0;
}

#header-login a, #header-join a {
	padding: 7px 20px 8px;
	height: 13px;
	line-height: 13px;
	font-weight: bold;
}

/* メンバー用 */

#header-main-right span {
	display: inline-block;
	margin-right: 4px;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height: 14px;
	max-width: 200px;
	text-align: right;
}

.icon-user {
	background-position: -140px -60px;
	border-radius: 2px;
	cursor: pointer;
	display: inline-block;
	margin: 19px 0;
	vertical-align: middle;
	height: 32px;
	width: 45px;
}


/* =======================================================================
Header内 nav
======================================================================= */

#nav {
	background: #444;
	height: 50px;
 q overflow: visible;
 q position: relative;
	text-align: center;
	z-index: 2;
}

#nav > ul {
	letter-spacing: -0.4em;
	margin: 0 auto;
	height: 50px;
	padding: 0;
	width: 980px;
}

#nav > ul > li {
	display: inline-block;
 *display: inline; /* for IE6 */
 *zoom: 1; /* for IE6 */
	letter-spacing: normal;
	margin: 0;
	position: relative;
	height: 50px;
	transition: 0.15s;
	vertical-align: middle;
}

#nav ul li {
	_display: inline; /* for IE6 */
	_zoom: 1; /* for IE6 */
}

#nav > ul > li:hover {
	background: #4f4f4f;
}

/*	
#nav li.selected {
	background: #555;
	font-weight: normal;
	margin: 0;
	position: relative;
}
*/

a[class~="after-arrow-sld-dw"][class~="selected"] {
	background: #5e5e5e;
	color: #f1f1f1 !important;
	font-weight: normal;
	margin: 0;
	position: relative;
}

#nav li.selected > a:hover {
	background: #5e5e5e;
	color: #f1f1f1;
}

#nav > ul > li > a {
	display: block;
	font-size: 14px;
	height: 14px;
	padding: 18px 28px;
}

#nav > ul > li > a:hover {
	color: #f1f1f1;
}

#nav > ul > li:first-child a {
	padding: 15px 28px;
	height: 20px;
}

.after-arrow-sld-dw {
	padding-right: 26px !important;
}

.after-arrow-sld-dw:after {
	background-image: none;
	content: "\25BE";
	margin: 0 0 0 5px;
	top: auto;
}

.icon-home {
	background-position: 0 -110px;
	height: 20px;
	width: 20px;
}

/* ナビ サブコンテンツ*/

.sub-content {
	background: #f1f1f1;
	border-radius: 1px;
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.2);
	box-shadow: 0 3px 8px rgba(0,0,0,0.2); /*IE対策必要*/
	color: #1f1f1f;
	padding: 30px 0 10px;
	position: absolute;
	top: 50px;
	width: 208px;
	left: 0;
	text-align: left;
}

.sub-content a {
	color: #1f1f1f;
}

.sub-content li a {
	display: block;
	padding: 8px;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sub-content li a:hover {
	color: #fff;
}

.sub-content li.ichiran a:hover {
	background: none !important;
	text-decoration: underline;
}

.sub-content div {
	/* .nav-sub>div{ */
	padding: 0 26px 0;
}

.sub-content li {
	background: url(/images/dot_light.gif) repeat-x;
	height: 29px;
	padding: 8px 0;
}

.sub-content li:first-child {
	background: none;
	margin-top: -8px;
	padding-top: 0;
}

#header .nav-sub-cat {
	width: 812px;
	left: -342px; /* 1024の画面でも左端が切れない距離*/
	padding-bottom: 30px;
}

#header .nav-sub-cat div {
	/* #header .nav-sub-cat>div { */
	background: url(/images/dot_light.gif) repeat-y;
	float: left;
	padding: 0 26px 0;
	width: 150px;
}

#header .nav-sub-cat > div:first-child {
	background: none;
}

#header .nav-sub-cat h4 {
	font-size: 16px;
	padding-left: 10px;
	margin-bottom: 10px;
}

#header .nav-sub-cat li {
	background: none;
	height: 29px;
	padding: 0;
}

#header .nav-sub-cat li:first-child {
	background: none;
	margin-top: 0;
}

/* IE6,7へアップデートを促すメッセージ（簡易版） */

.iemsg {
	background: #f2523d;
	height: 40px;
	line-height: 40px;
	width: 100%;
	text-align: center;
}

.iemsg a {
	color: #f1f1f1;
	text-decoration: underline;
}

.iemsg a:hover {
	text-decoration: none;
}


/* =======================================================================
Login (popup)
======================================================================= */

#login-screen {
	background: #f1f1f1;
	border-radius: 3px;
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
 　 -webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
	box-shadow: 0 3px 4px rgba(0,0,0,0.3); /*IE対策必要*/
	color: #333;
	font-size: 11px;
	height: 384px;
	width: 380px;
}

#login-hdr {
	background: #12972b;
	background: -moz-linear-gradient(top, #139c2d, #119229);
	background: -webkit-gradient(linear, center top, center bottom, from(#139c2d), to(#119229));
	background: -o-linear-gradient(top, #139c2d, #119229);
	background: linear-gradient(top, #139c2d, #119229);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#139c2d, EndColorStr=#119229);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#139c2d, EndColorStr=#119229)";
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.15);
	box-shadow: 0 1px 6px rgba(0,0,0,0.15); /*IE対策必要*/
	height: 60px;
	text-align: center
}

.icon-logo-eng {
	background-position: 0 -340px;
	margin: 22px auto;
	height: 16px;
	width: 200px;
}

#login-main {
	border-bottom: 1px solid #bbb;
	height: 214px;
	padding: 30px;
}

.cell-label-id, .cell-label-pw {
	margin-bottom: 10px;
}

.cell-input-id {
	margin-bottom: 18px;
}

.cell-input-pw {
	margin-bottom: 28px;
}

#login-screen div[class|="cell"] a {
	color: #999;
	float: right;
}

#login-screen div[class|="cell"] a:hover {
	color: #390;
}

#login-screen div[class|="cell"] label {
	color: #666;
	font-size: 14px;
	font-weight: bold;
}

#login-screen div[class|="cell"] input {
	background: #e6e9e9;
	border: 1px solid #bbb;
	border-radius: 1px;
	font-size: 12px;
	height: 12px;
	outline: none;
	padding: 13px;
	width: 292px;
	vertical-align: middle;
}

.login-btn-area {
	display: table;
	position: relative;
	height: 39px;
	width: 100%;
}

.login-btn-area > div {
	display: table-cell;
	width: 200px;
	vertical-align: middle;
 *display: block;
}

.login-btn-area div {
 *width: 160px;
 *display: block;
}

.login-btn-area input {
	display: none;
	display: inline-block\9; /* IE 8 and below */
 *display: inline;/* IE 7 and below */
 *zoom: 1;/* IE 7 and below */
	margin: 8px 0 0\9; /* IE 8 and below */
	width: 13px\9; /* IE 8 and below */
}

.login-btn-area label {
	cursor: pointer;
	display: inline-block;
	height: 14px;
	line-height: 12px;
	padding-left: 20px;
	padding-left: 0\9; /* IE 8 and below */
	position: relative;
	width: 104px;
}

.login-btn-area label:before {
	display: none\9;
	content: "";
	background: #e6e9e9;
	border: 1px #bbb solid;
	outline: none;
	position: absolute;
	left: 0;
	height: 12px;
	width: 12px;
}

.login-btn-area input[type="checkbox"]:checked + label:before {
	content: "\2714";
	color: #42b90e;
	text-align: center;
	line-height: 8px;
}

.login-btn {
	background: #05ae45;
	background: -moz-linear-gradient(top, #05b248, #05aa42);
	background: -webkit-gradient(linear, center top, center bottom, from(#05b248), to(#05aa42));
	background: -o-linear-gradient(top, #05b248, #05aa42);
	background: linear-gradient(top, #05b248, #05aa42);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#05b248, EndColorStr=#05aa42);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#05b248, EndColorStr=#05aa42)";
	border-radius: 2px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1); /*IE対策必要*/
	color: #f1f1f1 !important;
	cursor: pointer;
	height: 14px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 1px;
	overflow: visible;
	padding: 12px 0;
	position: absolute;
	right: 0;
	width: 120px !important;
	text-align: center;
	top: 0;
}

#login-ftr {
	background: #e6e9e9;
	font-size: 12px;
	line-height: 50px;
	height: 50px;
	text-align: center;
}

#login-ftr a {
	color: #05ae45;
}


/* =======================================================================
アカウント情報 (popup)
======================================================================= */

#account-popup {
	background: #333;
	border: 1px #666 solid;
	border-radius: 2px;
	-moz-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 3px 4px rgba(0,0,0,0.3);
	box-shadow: 0 3px 4px rgba(0,0,0,0.3); /*IE対策必要*/
	overflow: visible;
	padding: 20px 24px 0;
	text-align: right;
 q height: 308px;
	width: 190px;
	position: absolute;
	top: 80px;
	right: 0;
	z-index: 1000;
	float: none !important;
	margin-left: 0 !important;
}

#account-popup h2 {
	color: #999;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 5px;
}

#account-popup > dl, 
#account-popup > div {
	padding: 13px 0;
	overflow: hidden;
}

#account-popup .username div {
	display: inline-block !important;
 *display: inline;/* IE 7 and below */
 *zoom: 1;/* IE 7 and below */
	overflow: hidden !important;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 15px;
	width: 170px;
}

#account-popup dl {
	border-top: 0;
	border-bottom: 1px #555 solid;
}

#account-popup .username + dl {
	border-top: 1px #555 solid;
}

#account-popup dt {
	font-size: 12px;
	margin-bottom: 10px;
}

#account-popup dd, 
#account-popup dd a {
	color: #999;
	font-size: 11px;
}

#account-popup .login-btn {
	top: 12px;
	padding: 0;
	height: 34px;
	width: 110px;
}

.login-btn a {
	color: #f1f1f1;
	display: block;
	height: 14px;
	padding: 10px 0;
	width: 100%
}


/* =======================================================================
Footer
======================================================================= */

#footer {
	clear: both;
	min-width: 980px;
	width: 100%;
}

#footer-main {
	background: #383838;
}

#footer-nav, 
#footer-actors {
	margin: 0 auto;
	text-align: center;
	width: 940px;
}

#footer-nav {
	letter-spacing: -0.4em;
	padding: 32px 0 24px;
}

.footer-menu {
	display: inline-block;
	letter-spacing: normal;
	width: 25%;
	vertical-align: top;
}

.footer-menu h4 {
	color: #888;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 22px;
	text-align: left;
}

.footer-menu li {
	margin-bottom: 20px;
	text-align: left;
	overflow: visible !important;
}

.footer-menu.footer-menu_primary li {
	font-weight: bold;
}

/* コピーライト */

#footer-copyright {
	margin: 0 auto;
	width: 940px;
}

#footer-copyright ul {
	margin: 14px auto;
	text-align: center;
}

#footer-copyright ul li {
	display: inline;
}

#footer-copyright a {
	color: #999;
	font-size: 11px;
	margin-right: 24px;
}

#footer-copyright a.usc2257 {
	color: #666;
	font-size: 11px;
	margin-right: 0;
}

/* added on 10/8/2013 for affi embed code part */

#embedForm {
	width: 800px;
}

#embedForm h2 {
	font-size: 16px;
	margin: 10px 0;
}

#embedForm p {
	margin: 10px;
}

#embedForm p#id_error {
	color: #cc0000;
	margin: -5px auto 10px 100px;
}

#embedPlayer {
	margin: 20px 40px;
}

#embedCode {
	margin: 10px 40px;
	padding: 10px;
	line-height: 1.6;
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#embedText h3, #embedImgText h3 {
	margin: 10px 40px;
 0px;
}

#embedBann {
	margin: 10px 40px;
	padding: 10px;
	line-height: 1.6;
	background: #EEE;
	border: 1px solid #DDD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* アフィ用アイコン部分 */

#aff-zip {
	display: block;
	margin-top: 4px;
}

#aff-zip img {
	margin-right: 6px;
	vertical-align: middle;
}


/* =======================================================================
Sidebar Nav
======================================================================= */

#sidebar h2 {
	background: #1f682e;
	border-radius: 1px;
	color: #f1f1f1;
	display: block;
	font-size: 15px;
	font-weight: bold;
	height: 15px;
	line-height: 15px;
	padding: 10px;
	margin: 0;
	width: 220px;
}

#sidebar a {
	display: block;
	height: 100%;
}

#sidebar > div {
	margin-bottom: 36px;
}

/* 入会案内 */

#sidebar a.sidebar-join-btn {
	background: url('/images/spr_btn.png') 0 -340px no-repeat;
	width: 240px;
	height: 56px;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

#sidebar a.sidebar-join-btn:hover {
	background-position: 0 -396px;
}

#sidebar a.sidebar-join-card {
	background: url('/images/spr_btn.png') 0 -452px no-repeat;
	width: 240px;
	height: 18px;
	display: block;
}

#sidebar a.sidebar-ug-btn {
	width: 240px;
	height: 54px;
	display: block;
	text-indent: -9999px;
}

#sidebar a.ug-str {
	background: url('/images/spr_btn.png') 0 -470px no-repeat;
}

#sidebar a.ug-str:hover {
	background-position: 0 -524px;
}

#sidebar a.ug-vip {
	background: url('/images/spr_btn.png') 0 -578px no-repeat;
}

#sidebar a.ug-vip:hover {
	background-position: 0 -632px;
}

#sidebar a.ug-svip {
	background: url('/images/spr_btn.png') 0 -686px no-repeat;
}

#sidebar a.ug-svip:hover {
	background-position: 0 -740px;
}

#sidebar a.ug-annual {
	background: url('/images/spr_btn.png') 0 -794px no-repeat;
}

#sidebar a.ug-annual:hover {
	background-position: 0 -848px;
}

/* 動画検索 */

#sidebar h3 {
	cursor: pointer;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 17px 10px;
	position: relative;
}

#sidebar h3:hover {
	background: #2d2d2d;
}

#sidebar h3:after {
	content: "";
	background-image: url(/images/spr_main.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
}

#sidebar h3:after {
	background-position: -200px -400px;
	right: 10px;
	margin-top: -6px;
	height: 12px;
	width: 12px;
}

#sidebar h3.after-nega:after {
	background-position: -220px -400px;
}

#sidebar h3.after-arrow-rt:after {
	background: none;
}

.after-arrow-rt a:hover {
	color: #f1f1f1;
}

#sidebar h3 span {
	display: block;
	margin-bottom: 2px;
}

#sidebar small {
	color: #777;
}

.sidebar-main-menu {
	margin-top: 8px;
}

.sidebar-main-menu>li {
	border-bottom: 1px #444 solid;
}

.sidebar-sub-menu, 
.sidebar-sub {
	margin: 5px 0 17px 20px;
}

.sidebar-sub-menu li, 
.sidebar-sub li {
	margin: 0 0 14px;
}

.ichiran {
	color: #999;
}

.sidebar-moviesearch .ichiran {
	margin-top: 18px;
}

.sidebar-sub-menu small {
	margin-left: 6px;
}

/* オススメ人気動画 & ランキング */

.sidebar-recommended > div {
	background: url(/images/dot_dark.gif) repeat-x right 0 bottom -3px;
	background: url(/images/dot_dark.gif) repeat-x bottom\9;
	margin: 16px 0 0;
	padding-bottom: 17px;
}

.sidebar-recommended img {
	float: left;
	height: 54px;
	margin-right: 10px;
}

.sidebar-recommended span {
	font-size: 11px;
	line-height: 16px;
	display: block;
}

.sidebar-recommended .movie-title {
	max-height: 48px;
 _height:expression(document.body.clientHeight > 46? "46px" :document.body.clientHeight <= 46? "31px" : "auto"); /*IE6 max-height用*/
}

.sidebar-recommended .movie-actor {
	max-height: 16px;
 _height:expression(document.body.clientHeight > 12? "12px" :document.body.clientHeight <= 12? "12px" : "auto"); /*IE6 max-height用*/
}

.sidebar-recommended i {
	float: left;
	margin-right: 10px;
	width: 20px;
	height: 20px;
}

.icon-sb-no1 {
	background-position: -100px -220px;
}

.icon-sb-no2 {
	background-position: -120px -220px;
}

.icon-sb-no3 {
	background-position: -140px -220px;
}

.icon-sb-no4 {
	background-position: -160px -220px;
}

.icon-sb-no5 {
	background-position: -180px -220px;
}

.sidebar-recommended .ichiran, 
.sidebar-campaign .ichiran {
	margin-top: 12px;
}

/* イベント情報 */

.sidebar-campaign >div {
	margin: 20px 0 0;
}

/* イベント情報 バナーの高さは統一すること*/

.sidebar-campaign img {
	height: 80px;
	width: 240px
}

/* ヘルプ */

#sidebar .sidebar-help h3 {
}

.sidebar-help h3 a span {
	line-height: 39px;
	margin: 0;
}

/* その他のサイドバー */

.sidebar-default .sidebar-main-menu > li {
	height: 49px
}

.sidebar-default .sidebar-main-menu > li a {
	height: 13px !important;
	padding: 18px 0 18px 4px;
	position: relative;
}

.sidebar-default .sidebar-main-menu > li a:after {
	background-image: url(/images/spr_main.png);
	content: "";
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	background-position: 0 -160px;
	right: 0;
	margin-top: -25px;
	height: 50px;
	width: 32px;
}

.sidebar-default .sidebar-main-menu > li:hover {
	background: #2d2d2d;
}

.sidebar-default .sidebar-main-menu > li:hover a {
	color: #f1f1f1;
}


/* =======================================================================
【リストページ】 Main-content
======================================================================= */

/* ページネーション上 */

.pagenation-top {
	height: 24px;
	margin: 16px 6px 36px;
	width: 648px;
}

.rearrange, 
.rearrange span, 
.rearrange ul, 
.rearrange li {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	font-size: 12px;
	vertical-align: middle;
	overflow: visible;
}

.rearrange {
	margin-right: 30px;
	width: 420px;
 *display: inline;
 *zoom: 1;
}

.rearrange span {
	color: #999;
	font-weight: bold;
	margin-right: 6px;
}

.rearrange ul {
	margin-right: 30px;
}

#main-content h1 .go-to-page {
	color: #f1f1f1;
	font-size: 13px;
	float: right;
}

.go-to-page {
	display: inline-block;
 *display: inline;
	vertical-align: middle;
	width: 160px;
	position: relative;
	text-align: center;
}

.go-to-page a {
	margin-top: -5px;
	top: 50%;
}

.go-to-page input {
	background: none;
	border: 1px solid #888;
	color: #F1F1F1;
	height: 13px;
	width: 38px;
	line-height: 13px;
	padding: 3px 0 5px;
	text-align: center;
	vertical-align: middle;
}

.go-to-prev, .go-to-next {
	background-image: url(/images/spr_main.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 10px;
	width: 10px;
	text-indent: -9999px;
	text-transform: capitalize;
	vertical-align: middle;
}

h1 .go-to-prev, 
h1 .go-to-next {
	position: absolute;
}

h1 .go-to-prev {
	left: 0;
}

h1 .go-to-next {
	right: 0;
}

.go-to-prev {
	background-position: -70px -120px
}

.go-to-prev:hover, 
a:hover .go-to-prev {
	background-position: -70px -110px
}

.go-to-prev-inactive {
	background-position: -70px -130px !important
}

.go-to-next {
	background-position: -60px -120px
}

.go-to-next:hover, a:hover .go-to-next {
	background-position: -60px -110px
}

.go-to-next-inactive {
	background-position: -60px -130px !important
}

/* リスト用バナー */

.box-list-banner {
}

.box-list-banner img {
	width: 660px;
	margin-bottom: 38px;
}

/* リスト部分 */

.list-area {
	width: 684px; /*サムネ１つ:204px x 3 + margin:24px x 3* = 660px(margin-content) + 右端のmargin24px */
 q margin-bottom: 30px;
	margin: 30px 0;
}

.list-area>div {
	height: 220px;
	width: 204px;
	float: left;
	margin: 0 24px 20px 0;
	overflow: visible;
}

.list-area div {
 /height: 234px;/*IE6*/
 /width: 204px;/*IE6*/
 /float: left;/*IE6*/
 /margin: 0 24px 20px 0;/*IE6*/
}

.list-area div>a {
	border: 2px solid #f1f1f1;
	-moz-box-shadow: 0 2px 8px #000;
	-webkit-box-shadow: 0 2px 8px #000;
	box-shadow: 0 2px 8px #000;
	display: block;
	margin-bottom: 10px;
	position: relative;
	height: 113px;
	width: 200px;
 q height: 117px;
 q width: 204px;
}

.list-area img {
 q border: 2px solid #f1f1f1;
	display: block;
	margin: 0 auto;
	height: 113px;
	max-width: 200px;
 q width: 200px;
}

.list-area >div>a:hover {
	color: #f1f1f1;
}

.list-area span, .list-area-sammov span, .futurelist-area span {
	display: block;
	margin-bottom: 6px;
}

.list-area .movie-title, .list-area-sammov .movie-title, .futurelist-area .movie-title {
	max-height: 39px;
 _height:expression(document.body.clientHeight > 39? "39px" : "auto");  /*IE6 max-height用*/
}

.list-area .movie-actor, .list-area-sammov .movie-actor, .futurelist-area .movie-actor {
	font-size: 12px;
	margin-bottom: 10px;
	max-height: 18px;
 _height:expression(document.body.clientHeight > 18? "18px" : "auto"); /*IE6 max-height用*/
}

.list-area .movie-actor a, .list-area-sammov .movie-actor a, .futurelist-area .movie-actor a {
	/*safari（ヒラギノ)用*/
	display: inline;
	text-overflow: clip;
 q white-space: nowrap;
	word-wrap: break-word;
	width: 100%;
}

.list-area .movie-actor a span {
	display: inline;
}

.status-label-list {
}

.status-label-list div {
	font-weight: bold;
	padding: 9px 0;
	position: absolute;
	left: 0;
	top: 82px;
	height: 13px;
	width: 200px;
	text-align: center;
	clear: both;
}

.limited div {
	background: #e53e2d;
	background: rgba(229,62,45,0.9);
}

.no-dl div {
	background: #1f1f1f;
	background: rgba(0,0,0,0.8);
}

.future div {
	background: #2c87c3;
	background: rgba(44,135,195,0.85);
}

/*リスト タグ*/

*[class|="tag"] {
	background-image: url(/images/spr_main.png);
	background-repeat: no-repeat;
	display: inline-block !important;
 /display: inline;/*IE6*/
 /zoom: 1; /*IE6*/
	height: 20px;
	margin-right: 4px;
}

*[class|="tag"] a {
	display: block;
	height: 100%;
}

.tag-list-hd {
	background-position: 0 -260px;
	width: 30px;
}

.tag-list-fullhd {
	background-position: -40px -260px;
	width: 52px;
}

.tag-list-60 {
	background-position: -100px -260px;
	width: 36px;
}

.tag-list-vip {
	background-position: -140px -260px;
	width: 34px;
}

.tag-list-svip {
	background-position: -180px -260px;
	width: 44px;
}

.tag-list-recur {
	background-position: -230px -260px;
	width: 58px;
}

.tag-list-annual {
	background-position: -290px -260px;
	width: 38px;
}

/* ページネーション下 */

.pagenation-btm {
	height: 30px;
	margin: 16px 6px 36px;
}

.pagenation-btm ul {
	text-align: center;
	letter-spacing: -0.4em;
}

.pagenation-btm li {
	display: inline-block;
 *display: inline;/* IE 7 and below */
 *zoom: 1;/* IE 7 and below */
	letter-spacing: normal;
	margin-left: 10px;
	height: 28px;
	min-width: 28px;
	vertical-align: middle;
}

.pagenation-btm li a:first-child {
	margin-left: 0;
}

.pagenation-btm li a {
	border: 1px #666 solid;
	padding: 7px 10px 8px;
}

.pagenation-btm li a, .pagenation-btm li span {
	display: block;
}

.pagenation-btm li span {
	padding: 7px 0 8px;
}

.pagenation-btm li a:hover {
	border: 1px #390 solid;
	color: #f1f1f1;
}

.pagenation-btm li a.on-this-page {
	border: 0;
}

.pagenation-btm li a i {
 *display: block;
	vertical-align: baseline;
}


/* =======================================================================
【リストページ】 検索結果
======================================================================= */

#main-content h1 strong {
	display: inline-block !important;
 *display: inline;/* IE 7 and below */
 *zoom: 1;/* IE 7 and below */
	overflow: hidden !important;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 325px;
}

#main-content h1 small {
	color: #999;
	font-size: 13px;
	margin-left: 4px;
}

.small-right {
	color: #666;
	font-size: 12px;
	float: right;
	padding-top: 8px;
	font-weight: normal;
}

.no-result, 
.cat-list-area {
	background: url(/images/dot_dark.gif) repeat-x right 0 bottom -3px;
	background: url(/images/dot_dark.gif) repeat-x bottom\9;
}

.no-result p {
	color: #999;
	font-size: 18px;
	height: 42px;
	line-height: 1;
	margin: 110px 0 140px !important;
	overflow: hidden;
	text-align: center;
}

.no-result p small {
	display: block;
	margin-top: 12px;
}

.cat-list-area {
	padding: 30px 0 16px;
	text-align: left;
}

.cat-list-area h2 {
	display: block;
	font-size: 16px !important;
	float: left;
	width: 150px;
}

.cat-list-area ul {
	float: left;
	width: 510px;
}

.cat-list-area li {
	display: block;
	float: left;
	font-size: 12px;
	margin-bottom: 14px;
	width: 170px;
}

.cat-list-area li a small {
	color: #777;
	font-size: 10px;
	margin-left: 4px;
}


/* =======================================================================
【詳細ページ】 video-area
======================================================================= */

#video-area {
	background: #3c3c3c;
	background: -moz-linear-gradient(top, #101010, #3c3c3c);
	background: -webkit-gradient(linear, center top, center bottom, from(#101010), to(#3c3c3c));
	background: -o-linear-gradient(top, #101010, #3c3c3c);
	background: linear-gradient(top, #101010, #3c3c3c);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#101010, EndColorStr=#3c3c3c);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#101010, EndColorStr=#3c3c3c)";
	min-width: 980px;
	width: 100%;
	height: 100%;
}

/* ステータス注釈・動画によって表示 */

.status-label {
	background: #f2523d;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25), 0 1px 1px rgba(0,0,0,0.25) inset;
	　-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25), 0 1px 1px rgba(0,0,0,0.25) inset;
	box-shadow: 0 1px 1px rgba(0,0,0,0.25), 0 1px 1px rgba(0,0,0,0.25) inset; /*IE対策必要*/
	height: 40px;
	width: 100%;
	text-align: center;
}

.status-label a {
	display: block;
	height: 40px;
	width: 100%;
}

.status-label a:hover {
	color: #f1f1f1;
}

.status-label span {
	display: inline-block;
	font-weight: bold;
	height: 13px;
	padding: 13px 0 14px;
}

.after-link-arrow:after {
	background-position: -240px -220px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	right: -14px;
}

#video-content {
	margin: 40px auto;
	overflow: visible;
	position: relative;
	width: 980px;
}

#bigmovie {
	background: none repeat scroll 0 0 transparent;
	height: 450px; /* All Browser */
	position: relative;
	width: 800px;
	display: block;
	margin: 0 auto;
	overflow: visible;
}

#bigmovie:not(:target) {
	height: 450px\9; /* IE9 */
}

#bigmovie.wide {
	background: url("/images/detail/background.gif") repeat scroll 0 0 transparent;
	height: 610px;
	margin: 0 0 0 -400px;
	padding: 20px 0 0 400px;
 q width: 1050px;
}

#bigmovie.wide .switch {
	bottom: 22px;
	display: block;
	position: absolute;
	right: 5px;
}

#player_outer {
	margin: 0 auto;
	width: 800px;
}

#player_outer {
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.3);
	box-shadow: 0 3px 6px rgba(0,0,0,0.3); /*IE対策必要*/
	height: 450px; /* All Browser */
	margin-bottom: 0;
	position: relative;
}

#player_outer:not(:target) {
	height: 450px\9; /* IE9 */
}

#player_outer.wide {
	height: 590px;
	width: 1050px;
}

#player {
	height: 100%;
	margin: 0;
	width: 100%;
}

#player div {
	overflow: visible;
}

.jw-reset div {
	overflow: visible;
}

#player_overlay {
	background-color: rgba(0,0,0,0.9);
	background-color: #000\9; /* IE8以下 */
	height: 388px;
	padding: 16px;
	width: 768px;
}

#player_overlay .thumb {
	cursor: default;
	float: left;
	height: 117px;
	margin: 6px;
	overflow: hidden;
	position: relative;
	width: 180px;
}

#player_overlay .thumb a {
	color: #f1f1f1;
}

#player_overlay .thumb img {
	display: block;
	height: 117px;
	left: -14px;
	position: absolute;
	width: 208px;
}

#player_overlay .thumb a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

#player_overlay .thumb .mask {
	width: 180px;
	height: 117px;
	background-color: rgba(0,0,0,0.7);
	background-color: #000\9; /* IE8以下 */
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	display: none;
}

#player_overlay .thumb .mask h3 {
	font-size: 12px;
	line-height: 20px;
	margin: 6px 8px 0;
	max-height: 60px;
	overflow: hidden;
}

#player_overlay .thumb .mask p {
	font-size: 12px;
	line-height: 20px;
	margin: 0 8px 6px;
}

#player_overlay .thumb .mask a {
	display: block;
}

#jwbanner {
	background: url("/images/bg_cloud.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #FFFFFF;
	font-size: 12px;
	height: 33px;
	left: 750px;
	line-height: 28px;
	position: relative;
	text-align: center;
	top: 500px;
	width: 201px;
}

#wideView {
	background: url("/images/but_switchScreen.png") no-repeat scroll 0 0 transparent;
}

#wideView:hover {
	background-position: -45px 0;
}

#wideView.wide {
	background-position: 0 -24px;
}

#wideView.wide:hover {
	background-position: -45px -24px;
}

.switch {
	bottom: 3px;
	height: 24px;
	position: absolute;
	right: 130px;
	width: 45px;
	z-index: 1000;
}

.switch a {
	float: right;
	height: 24px;
	width: 45px;
}

.prev, .next {
	background: url(/images/slider-control.png) no-repeat;
	display: block;
	outline: none;
	position: absolute;
	text-indent: -9999px;
	text-transform: capitalize;
	top: 50%;
	margin-top: -20px;
	height: 40px;
	width: 30px;
}

.prev {
	background-position: 0 0;
	left: 30px;
}

.next {
	background-position: -30px 0;
	right: 30px;
}

.prev:hover {
	background-position: 0 -40px;
}

.next:hover {
	background-position: -30px -40px;
}

.chat_rec iframe {
	width: 100%;
	height: 250px;
	margin-bottom: 1em;
}


/* =======================================================================
【詳細ページ】 Sidebar
======================================================================= */

/* ダウンロードオプション */

.dl-option {
	border: 1px solid #1F682E;
}

.dl-option > div {
	width: 214px;
	margin: 0 auto;
	padding: 20px 0;
}

.dl-option dl {
	height: 30px;
	padding: 0 12px 0;
	position: relative;
}

.dl-option dt, .dl-option dd {
	display: inline;
 *zoom: 1;/* IE 7 and below */
	letter-spacing: normal;
	line-height: 30px;
}

.dl-option dl:nth-child(odd) {
	background-color: #2a2a2a
}

.dl-option dt {
	font-size: 12px;
	max-width: 168px;
	text-align: left;
}

.dl-option dt small {
	margin-left: 6px;
}

.dl-option dd {
	text-align: right;
	position: absolute;
	right: 10px;
}

/* ダウンロード箇所 */

.download-box {
	background: url(/images/dot_dark.gif) repeat-x right 0 bottom -3px;
	background: url(/images/dot_dark.gif) repeat-x bottom\9;
	padding: 0 0 10px;
	margin: 20px 0 0 0 !important;
}

#main .download-box h3 {
	cursor: default;
	font-size: 20px;
	font-weight: bold;
	height: 20px;
	margin-bottom: 16px;
	padding: 0;
}

#main .download-box h3:after {
	background: none;
}

#main .download-box h3:hover {
	background: none;
}

#main .download-box h3 sup {
	color: #f1f1f1 !important;
	line-height: 1;
	margin-left: 5px;
	position: absolute;
	top: 0;
}

.cc-green.dl1080p {
	color: #2ecc71 !important;
}

.cc-green.dl720p {
	color: #f1c40f !important;
}

.cc-green.dl480p {
	color: #fe7a7a !important;
}

.cc-green.dl360p {
	color: #3498db !important;
}

.cc-green.dl240p {
	color: #af7ac4 !important;
}

/* サイドバーのメインの画像ボタン */

.sb-btn {
	background-image: url(/images/spr_btn.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
	margin-bottom: 20px;
	height: 38px !important;
	width: 210px;
}

.sb-btn:hover {
	background-position: 0 -38px;
}

.sb-btn:hover a, .sb-btn-small:hover a {
	color: #f1f1f1;
}

.sb-btn a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 14px !important;
	padding: 11px 0 13px 60px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25); /* IE対策必要 */
	vertical-align: middle;
}

*[class|="btnicon"] {
	position: relative;
}

*[class|="btnicon"]:before {
	background-image: url(/images/spr_btn.png);
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	height: 38px;
	width: 22px;
	margin: -19px 0 0;
	position: absolute;
	top: 50%;
	left: 30px;
}

.btnicon-dl:before {
	background-position: 0 -114px;
}

.btnicon-cloud:before {
	background-position: -22px -114px
}

.btnicon-cart:before {
	background-position: -44px -114px
}

.btnicon-watchlater:before {
	background-position: -66px -114px
}

/* サイドバーのメインの画像ボタン (Inactive) */

.sb-btn-inactive {
	background-position: 0 -76px !important;
	cursor: default !important;
}

.sb-btn-inactive a, .sb-btn-inactive a:hover {
	color: #555;
}

.sb-btn-inactive a {
	cursor: default;
}

.sb-btn-inactive .btnicon-dl:before {
	background-position: 0 -152px;
}

.sb-btn-inactive .btnicon-cloud:before {
	background-position: -22px -152px
}

.sb-btn-inactive .btnicon-cart:before {
	background-position: -44px -152px
}

.sb-btn-inactive .btnicon-watchlater:before {
	background-position: -66px -152px
}

/* クラウド＆ブックマーク */

.dl-other-action {
	padding-bottom: 24px;
}

.dl-other-action h3 {
	color: #999;
}

.dl-other-action > div {
	margin-top: 16px;
}

.dl-other-action .sb-btn-small {
	display: inline-block;
	margin-bottom: 0;
	width: 122px;
	vertical-align: middle;
}

.dl-other-action .sb-btn-small.btn-cloud {
	background-position: -150px -250px;
}

.dl-other-action .sb-btn-small.btn-cloud:hover {
	background-position: -150px -280px
}

.dl-other-action .sb-btn-small.btn-bookmark {
	background-position: -150px -190px;
}

.dl-other-action .sb-btn-small.btn-bookmark:hover {
	background-position: -150px -220px
}

.dl-other-action .sb-btn-small a {
	text-indent: -9999px;
}

.dl-other-action .sb-btn-small + a {
	color: #999;
	display: inline !important;
	font-size: 11px;
	margin-left: 14px;
	vertical-align: middle;
}

.dl-other-action .sb-btn-small + a:hover {
	color: #3BBE5D;
}

/* ムービースペック / 同じ指定をmain-content内の 作品詳細にも */

.movie-spec {
	margin-bottom: 12px;
}

.movie-comment {
	margin-bottom: 20px;
}

.movie-info dl {
	font-size: 13px;
	margin-bottom: 13px;
}

.movie-spec dl {
	font-size: 12px;
	margin-bottom: 12px;
}

.movie-spec dt, .movie-info dt {
	display: inline;
	margin-right: 4px
}

.movie-spec dd, .movie-info dd {
	display: inline;
}

/* ムービースペック下のヘルプリンク */

.movie-help {
	margin-top: 40px;
}

.movie-help a {
 q display: inline-block !important;
 q font-size: 12px;
 q margin-bottom: 10px;
}

.after-hatena:after {
	background-position: -260px -220px;
	height: 12px;
	width: 12px;
	margin-top: -6px;
	right: -16px;
}

/* 入会ページへリンク箇所 */

#sidebar h2.sidebar-hdg-join {
	background: #e55041
}


/* =======================================================================
【詳細ページ】 Main-content
======================================================================= */

/* main-content-movieinfo 動画タイトル、詳細、コメント */

.main-content-movieinfo {
	margin-bottom: 50px;
}

/* スペシャルバナー */

#box-detail-special {
	margin-bottom: 30px;
}

#box-detail-special a img {
	width: 660px;
}

/* タイトル箇所 */

.video-detail {
	margin-bottom: 20px;
}

#main-content .video-detail h1 {
	border: none;
	color: #f1f1f1;
	display: inline;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 10px 0 0;
	padding: 0;
	vertical-align: middle;
}

.video-detail span {
	vertical-align: middle;
}

.video-detail .movie-title {
	display: inline;
	font-size: 20px;
	margin-right: 10px
}

/*詳細メイン タグ*/
/* 詳細とリストタグに共通のクラス.cat-tagはリストページ用のCSS記述箇所にあります */

.tag-movie-hd {
	background-position: 0 -300px;
	width: 34px;
}

.tag-movie-fullhd {
	background-position: -40px -300px;
	width: 58px;
}

.tag-movie-60 {
	background-position: -100px -300px;
	width: 40px;
}

.tag-movie-vip {
	background-position: -150px -300px;
	width: 42px;
}

.tag-movie-svip {
	background-position: -200px -300px;
	width: 54px;
}

.tag-movie-recur {
	background-position: -260px -300px;
	width: 64px;
}

.tag-movie-annual {
	background-position: -330px -300px;
	width: 44px;
}

/* 作品詳細 （↑のSidebar .movie-spec参照） */

.movie-info dl {
	line-height: 20px;
	margin-bottom: 5px;
}

.movie-info dt {
	color: #999;
	font-weight: bold;
}

.movie-info-cat {
 q height: 20px;
 q overflow: hidden;
	word-break: keep-all;
}

.movie-info-cat dd {
	border-left: 1px #999 solid;
	padding-left: 8px;
	margin-left: 4px;
}

.movie-info-cat dt + dd {
	border: 0;
	margin-left: 0;
	padding-left: 0;/*カテゴリーを区切る線最初のみなし*/
}

.movie-comment h3 {
	font-size: 14px;
	margin-bottom: 10px;
}

.movie-comment p {
	font-size: 13px;
	line-height: 1.8;
	margin-bottom: 0 !important;
	width: 660px;
}

/* ぬくもり・PPV */

#nukumori, #detail-ppv {
	margin-bottom: 50px;
}

.nuku-nav, .ppv-nav {
	margin-bottom: 30px;
}

.nuku-nav li, 
.ppv-nav li, 
.related-nav li {
	cursor: default !important; /*タブが増えたら外す*/
}

.img-area {
	float: left;
	width: 100px;
}

.img-area a {
	display: block;
}

#nukumori .img-area {
	margin-right: 20px;
}

#nukumori img {
	height: 100px;
	width: 100px;
}

#nukumori .movie-info {
	float: left;
	margin-bottom: 0;
	position: relative;
	height: 100px;
	width: 540px;
}

#nukumori .movie-info .movie-title {
	display: inline-block;
	font-size: 14px;
	height: 22px;
	overflow: hidden !important;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 540px;
	margin-bottom: 10px;
}

#nukumori .movie-info dl {
	margin-bottom: 2px;
}

.before-nukumori:before {
	background-position: -220px -340px;
	margin-top: -11px;
	height: 22px;
	width: 32px;
}

.before-nukumori a {
	margin-left: 40px;
}

#nukumori .movie-info .sb-btn-small {
	margin-bottom: 0;
	position: absolute;
	right: 0;
	bottom: 1px;
}

#detail-ppv .img-area {
	margin-right: 24px;
}

#detail-ppv img {
	width: 100px;
	height: 136px;
}

#detail-ppv .movie-info {
	float: left;
	max-width: 536px;
	margin: 0;
}

#detail-ppv .movie-info .movie-title {
	display: block;
	font-size: 14px;
	overflow: hidden !important;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 4px;
}

#detail-ppv .movie-info dl {
	margin-bottom: 2px;
}

#detail-ppv .movie-info .sb-btn-small {
	margin: 10px 0 0;
}

#detail-ppv .movie-info .tag-ppv {
	background-image: none;
	background-color: #de3831;
	border-radius: 1px;
	font-size: 10px;
	height: auto;
	margin: 0 0 10px;
	padding: 4px 10px;
}

/* ぬくもり詳細へ画像ボタン */

.btnicon-arw-small {
	padding-left: 36px !important;
}

.btnicon-arw-small:before {
	background-position: -88px -280px;
	left: 103px !important;
	margin-top: -15px !important;
	height: 30px !important;
}

/* ぬくもり詳細へ画像ボタン (Inactive) */

.sb-btn-small-inactive .btnicon-arw-small:before {
	background-position: -88px -310px;
}

/* tab部分 (ぬくもり、切り替えタブ) */

#detail-nav {
 q margin-bottom: 30px;
}

#detail-nav ul, 
.nuku-nav ul, 
.ppv-nav ul, 
.related-nav ul {
	border-bottom: 1px #444 solid;
	height: 30px;
	width: 660px;
}

#detail-nav li, 
.nuku-nav li, 
.ppv-nav li, 
.related-nav li {
	color: #ccc;
	q cursor: pointer;
	display: inline;
	float: left;
	font-size: 15px;
	height: 26px;
	margin: 0 20px;
	text-align: center;
}

#detail-nav .selected, 
.nuku-nav .selected, 
.ppv-nav .selected, 
.related-nav .selected {
	color: #F1F1F1 !important;
	border-bottom: 4px #390 solid;
	font-weight: bold;
}

/* 切り替え部分中身 */

.detail-content {
	min-height: 300px;
}

.nodisplay {
	display: none;
}

/* 切り替え部分中身・関連動画 */

.detail-content-related .list-area > div {
	height: 190px;
}

.btn-blk {
	background: #333;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#2e2e2e));
	background: -webkit-linear-gradient(#333, #2e2e2e);
	background: -moz-linear-gradient(#333, #2e2e2e);
	background: -o-linear-gradient(#333, #2e2e2e);
	background: linear-gradient(#333, #2e2e2e);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#333333, EndColorStr=#2e2e2e);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#333333, EndColorStr=#2e2e2e)";
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	box-shadow: 0 2px 4px rgba(0,0,0,0.3); /*IE対策必要*/
	border: 1px #666 solid;
	border-radius: 3px;
	color: #f1f1f1;
	display: block;
	margin: 0 auto;
	padding: 14px 0;
	height: 13px;
	width: 240px;
	text-align: center;
}

.btn-blk:hover {
	background: #404040;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#3f3f3f), to(#3a3a3a));
	background: -webkit-linear-gradient(#3f3f3f, #3a3a3a);
	background: -moz-linear-gradient(#3f3f3f, #3a3a3a);
	background: -o-linear-gradient(#3f3f3f, #3a3a3a);
	background: linear-gradient(#3f3f3f, #3a3a3a);
 filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#3f3f3f, EndColorStr=#3a3a3a);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#3f3f3f, EndColorStr=#3a3a3a)";
}

/* 切り替え部分中身・ギャラリー */

.detail-content-gallery, 
.detail-content-gallery-old {
	padding-top: 30px;
}

.detail-content-gallery table {
	width: 650px;
	margin-bottom: 30px;
}

.detail-content-gallery td {
	height: 130px;
	width: 130px;
	padding: 0;
	text-align: center;
}

.detail-content-gallery a img, 
.detail-content-gallery-old a img {
	border: 1px solid #2ecc71;
}

.detail-content-gallery a[href*="/member/"] img, 
.detail-content-gallery-old a[href*="/member/"] img {
	/*member階層にギャラリー画像がなければサムネにボーダー表示*/
	border: none;
}

.detail-content-gallery-old table {
	width: 624px;
	margin-bottom: 6px;
}

.detail-content-gallery-old td {
	height: 131px;
	width: 104px;
	text-align: left;
	vertical-align: top;
}

.zip-download {
	border: 1px solid #555;
	height: 60px;
	width: 658px !important;
	text-align: center;
	margin: 0 0 50px;
}

.zip-download span {
}

.zip-download .sb-btn-small {
	display: inline-block;
 *display: inline;/* IE 7 and below */
 *zoom: 1;/* IE 7 and below */
	margin: 15px 0 15px 32px;
	vertical-align: middle;
}

/* ZIPDL画像ボタン */

.sb-btn-small {
	background-image: url(/images/spr_btn.png);
	background-repeat: no-repeat;
	background-position: 0 -190px;
	cursor: pointer;
	margin-bottom: 20px;
	height: 30px !important;
	width: 150px;
}

.sb-btn-small:hover {
	background-position: 0 -220px;
}

.sb-btn-small a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 13px;
	padding: 8px 0 9px 16px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.25); /*IE対策必要*/
	vertical-align: middle;
}

.btnicon-dl-small:before {
	background-position: 0 -280px;
	left: 24px !important;
	margin-top: -15px !important;
	height: 30px !important;
}

/* ZIPDLの画像ボタン (Inactive) */

.sb-btn-small-inactive {
	background-position: 0 -250px !important;
}

.sb-btn-small-inactive .btnicon-dl-small:before {
	background-position: 0 -310px;
}

/* 切り替え部分中身・レビュー */

.detail-content-review {
	margin-bottom: 30px;
	padding-top: 30px;
}

.detail-content-review textarea {
	color: #999;
 *color: #1f1f1f; /*ie6,7は:focusがきかないため*/
	line-height: 18px;
	height: 36px;
	margin-bottom: 15px;
	padding: 7px 20px;
	width: 620px;
}

.detail-content-review textarea:focus {
	color: #1f1f1f;
}

.review-input {
	min-height: 91px;
	margin-bottom: 30px;
}

.review-input textarea, .review-input input {
	border-radius: 1px;
}

.review-row2 {
	letter-spacing: -0.4em;
	text-align: right;
	height: 28px;
	width: 660px;
}

.review-input span, .review-row2 div {
	color: #999;
	display: inline-block;
 *display: inline;/* IE 7 and below */
 *zoom: 1;/* IE 7 and below */
	height: 12px;
	letter-spacing: normal;
	margin-left: 20px;
	overflow: visible;
}

.review-input div.login-btn {
	border-radius: 1px !important;
	font-size: 12px;
	height: 12px;
	padding: 7px 0;
	position: static;
	width: 62px !important;
}

.review-input input {
	border: 0;
	color: #1f1f1f;
	display: inline;
	font-size: 12px;
	height: 26px;
	letter-spacing: normal;
	margin-left: 20px;
	vertical-align: middle;
}

.review-row2 input[type="text"] {
	width: 110px;
	padding: 7px 10px 9px;
	height: 12px;
}

.review-input input[type="radio"] {
	display: none;
}

.review-input label:hover {
	cursor: pointer;
}

.review-input .btn-blk {
	border: 1px #666 solid;
	border-radius: 1px !important;
	color: #f1f1f1;
	display: inline-block;
 *display: inline;/* IE 7 and below */
 *zoom: 1;/* IE 7 and below */
	height: 28px;
	padding: 5px 0 !important;
	width: 62px !important;
}

.review-input span + input, .review-input span + div {
	margin-left: 8px;
}

.review-list-area dl {
	letter-spacing: -0.4em;
	margin-bottom: 20px;
}

.review-list-area dt {
	color: #999;
	letter-spacing: normal;
	margin-bottom: 6px;
}

.review-list-area dd {
	color: #999;
	font-size: 12px;
	display: inline-block;
 *display: inline;/* IE 7 and below */
 *zoom: 1;/* IE 7 and below */
	letter-spacing: normal;
	margin: 0 10px 10px 0;
}

.review-list-area dd a {
	color: #f1f1f1;
	font-weight: bold;
	margin-left: 3px;
}

.review-list-area dd a:hover {
	color: #3bbe5d;
}

.review-list-area dt + dd {
	color: #f1f1f1;
	display: block;
	line-height: 20px;
	margin: 0 0 6px 0;
}


/* =======================================================================
【トップページ】
======================================================================= */

.top-list-area, 
.top-list-area-sammov, 
.top-list-area-ppv, 
.top-list-area-preview, 
.top-list-area-chat {
	margin: 0 auto 50px;
}

.main-top h2 {
	color: #999;
	font-size: 20px;
	font-weight: normal;
	margin: 0 auto 20px;
	width: 940px;
	position: relative;
}

.main-top h2 .ichiran {
	font-size: 12px;
	position: absolute;
	right: 0;
	top: 5px;
}

.main-top h2 .ichiran:after {
	content: "\00BB"
}

.main-top > div {
	margin-bottom: 50px;/* 1セクションごとのスペースはかならず統一する。（.slider-outer {margin-bottom: 50px} と同じ）*/
}

/* トップバナー */

.w-full {
	/* 幅100%用 */
	width: 100%;
}

.w-full a:hover img {
	/* 幅100%のバナーはホバー時に透明にしない */
	filter: alpha(opacity=100);
	opacity: 1;
}

.w-940 {
	/* 通常の940px用 */
	margin: 40px auto;
	overflow: hidden;
	width: 940px;
}

.inner-940 {
	/* 960px - マージン20px = 940px */
	margin-right: -20px;
	width: 960px;
}

.w-940 ul li {
	float: left;
	margin: 0 20px 20px 0;
	position: relative;
}

h2 + .w-940 {
	/* 940pxにタイトルが付いた時の挙動 */
	margin-top: 0;
}

#slider-banner {
	height: 400px;
	width: 940px;
}

.top_campaign {
	position: relative;
	margin: 0px auto 10px;
	overflow: visible;
	width: 940px;
}

.top_campaign.col-2 {
	font-size: 0;
}

.top_ccg_bnr {
	position: relative;
	margin: 0px auto 10px;
	overflow: visible;
	width: 940px;
}

/* 新着動画、オススメ、人気動画ランキング */

.top-list-area, 
.top-list-area-chat {
	width: 940px;
}

.row-2 {
	height: 265px;
}

.row-3 {
	height: 399px;
}

.top-list-area li {
	float: left;
	margin: 0 1px 1px 0;
	overflow: hidden;
	position: relative;
	height: 132px;
	width: 234px;
}

.top-list-area li dl {
	z-index: 2;
}

.top-list-area li img {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
}

.top-list-area .featured {
	height: 265px;
	width: 469px;
}

.top-list-area .featured img {
	height: 265px;
}

/* hover時に出す情報 */

.hover-desc {
	background-color: rgba(0,0,0,0.7);
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);
	height: 47px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

.hover-desc a {
	display: block;
	overflow: hidden;
}

.hover-desc .movie-title {
	display: block;
	font-size: 12px;
	height: 18px;
	margin: 6px 10px 0;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hover-desc .movie-actor {
	color: #ccc;
	display: block;
	font-size: 11px;
	height: 17px;
	margin: 0 10px 6px;
}

.top-hover-img {
	/* .main-top li img:hover{ */
	opacity: 0.8;
	filter: alpha(opacity=80);		/* ie 6? 7 */
	-ms-filter: "alpha(opacity=80)";		/* ie 8 */
}

/* 人気動画ランキングの順位*/

.rank-corner {
	width: 0;
	height: 0;
	border-top: 46px solid #fe7a7a;
	border-right: 46px solid transparent;
	display: block;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
}

.rank-no {
	color: #f1f1f1;
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	height: 16px;
	min-width: 20px;
	position: absolute;
	top: 6px;
	left: 2px;
	z-index: 1;
}

/* 無料サンプル & PPV & 予告箇所 */

.top-list-area-sammov, 
.top-list-area-ppv, 
.top-list-area-preview {
	width: 940px;
	margin-right: -16px;
}

.top-list-area-sammov li, 
.top-list-area-ppv li, 
.top-list-area-preview li {
	float: left;
	margin: 0 0 0 16px;
	overflow: hidden;
}

.top-list-area-sammov li:first-child, 
.top-list-area-ppv li:first-child, 
.top-list-area-preview li:first-child {
	margin-left: 0;
}

/* first-child for IE6; このためbx-sliderのslideMargin: 16オプションが必要*/

.top-list-area-sammov li, 
.top-list-area-ppv li, 
.top-list-area-preview li {
 margin-left:expression((this.__isFirstChild = (this.parentNode.children.item(0) == this))?'0':'16px');
}

.top-list-area-sammov li {
	height: 125px;
	width: 223px;
	position: relative;
}

.top-list-area-ppv li {
	height: 238px;
	width: 175px;
}

.top-list-area-preview li {
	height: 366px;
	width: 302px;
	position: relative;
}

.top-list-area-sammov li img, 
.top-list-area-ppv li img, 
.top-list-area-preview li img {
	width: 100%;
	height: 100%;
}

/* 無料サンプル fancyboxプレイヤー*/

.playmovie {
	cursor: pointer;
}

.fancy-playbtn, 
.fancy-playbtn-big {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.fancy-playbtn {
	background: url(/images/fancybox/fancy_playbtn.png) no-repeat 0 0;
	margin: -28px 0 0 -28px;
	height: 56px;
	width: 56px;
}

.fancy-playbtn-big {
	background: url(/images/fancybox/fancy_playbtn_big.png) no-repeat 0 0;
	margin: -36px 0 0 -36px;
	height: 72px;
	width: 72px;
}

#fancybox-outer, 
#fancybox-content {
	border-radius: 3px;
}

/* スライダー bxSlider用の指定 */

.bx-wrapper {
	width: 940px;
	margin: 0 auto;
}

.slider-outer {
	position: relative;
	margin: 0 auto 50px;
	overflow: visible;
	width: 1000px;/*横幅は仮?*//*コントロールボタンの配置のためのはこ*/
}

.bx-prev, .bx-next {
	background: url(/images/slider-control.png) no-repeat;
	display: block;
	outline: none;
	position: absolute;
	text-indent: -9999px;
	text-transform: capitalize;
	top: 50%;
	margin-top: -20px;
	height: 40px;
	width: 30px;
}

.bx-prev {
	background-position: 0 0;
	left: -10px;
}

.bx-next {
	background-position: -30px 0;
	right: -10px;
}

.bx-prev:hover {
	background-position: 0 -40px;
}

.bx-next:hover {
	background-position: -30px -40px;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

.bx-pager {
	position: absolute;
	width: 940px;
	bottom: -32px;
	text-align: center;
	z-index: 0;
}

.bx-pager-item {
	display: inline-block;
	margin: 0 8px;
}

.bx-pager-item a {
	background-image: url(/images/spr_main.png);
	background-position: -290px -190px;
	background-repeat: no-repeat;
	display: block;
	height: 12px;
	width: 11px;
	text-indent: -9999px;
}

.bx-pager-item .active {
	background-position: -270px -190px;
}

/* メンバーページ用の指定 style1=画像が左、style2=画像が横長 */

.main-100-content2 {
	margin: 80px auto 0;
	width: 980px;
}

.top-list-area-news dl {
	border-bottom: 1px solid #555;
	overflow: hidden;
	padding: 20px 0;
}

.top-list-area-news dl:first-child {
	border-top: 1px solid #555;
}

/* first-child for IE6 */

.top-list-area-news dl {
 border-top:expression((this.__isFirstChild = (this.parentNode.children.item(0) == this))?'1px solid #555':'0');
}

.top-list-area-news dt {
	float: left;
}

.top-list-area-news dt a {
	display: block;
}

.top-list-area-news dt img {
	float: left;
	margin-right: 20px;
}

.top-list-area-news dd {
	color: #ccc;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.top-list-area-news dd:last-child {
	margin-bottom: 0;
}

.top-list-area-news dd a {
 q color: #f1f1f1;
}

.top-list-area-news dd a:hover {
 q color: #390;
 q text-decoration: underline;
}

.before-plus {
	padding-left: 18px;
}

.before-plus:before {
	background-position: -200px -110px;
	height: 11px;
	width: 11px;
	margin-top: -6px;
	left: 0;
}

.before-plus:hover:before {
	background-position: -200px -130px;
}

.top-list-area-news .movie-title {
	font-size: 14px;
	margin-bottom: 6px;
}

/*.top-list-area-news .movie-title + dd:not(.movie-actor), .top-list-area-news .movie-actor + dd {margin-top: 8px;}*/

.news-style1 dd {
	float: right;
	width: 406px;
}

.news-style1 dt img {
	width: 234px;
}

.news-style2 dt img {
	margin-bottom: 20px;
	width: 660px;
}

/* Hotなチャンネル */

#hot-channel {
	width: 940px;
	margin: 0 auto 50px;
}

#hot-list {
	letter-spacing: -0.35em;
}

#hot-channel #hot-list li {
	width: 201px;
	height: auto;
	margin-left: 16px;
	line-height: 1.5;
	display: inline-block;
	letter-spacing: normal;
	padding: 11px 11px 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #444444;
	background: -moz-linear-gradient(top, #444444 0%, #333333 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #333333));
	background: -webkit-linear-gradient(top, #444444 0%, #333333 100%);
	background: -o-linear-gradient(top, #444444 0%, #333333 100%);
	background: -ms-linear-gradient(top, #444444 0%, #333333 100%);
	background: linear-gradient(to bottom, #444444 0%, #333333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#333333', GradientType=0 );
}

#hot-channel #hot-list li:first-child {
	margin-left: 0;
}

#hot-channel li span {
	display: block;
	width: 201px;
	margin: 0;
	padding: 8px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	border-bottom: 1px solid #505050;
}

#hot-channel li a {
	display: block;
}

#hot-channel li a:hover {
}

#hot-channel li a:hover .movie-title, 
#hot-channel li a:hover .movie-actor {
	color: #3bbe5d;
}

#hot-channel li a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

#hot-channel li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#hot-channel .logo-1300, 
#hot-channel .logo-1800, 
#hot-channel .logo-2200, 
#hot-channel .logo-2300 {
	text-indent: 100%;
	height: 28px;
	background-image: url(/images/hot_logo.png);
	background-repeat: no-repeat;
	padding: 10px 0;
	border: none;
}

#hot-channel .logo-1300 {
	background-position: 10px;
}

#hot-channel .logo-1800 {
	background-position: -170px;
}

#hot-channel .logo-2200 {
	background-position: -350px;
}

#hot-channel .logo-2300 {
	background-position: -530px;
}


/* =======================================================================
【カテゴリーページ】
======================================================================= */

.cat2-list-area {
	padding: 30px 0 16px;
	text-align: left;
}

.cat2-list-area h2 {
}

.cat2-list-area ul {
	width: 100%;
}

.cat2-list-area li {
	border: 1px solid #555;
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	width: 208px;
}

.list-series li {
	width: 318px !important;
}

.cat2-list-area li:hover {
	background: #3bbe5d;
	border: 1px solid #3bbe5d;
}

.cat2-list-area li a {
	display: block;
	overflow: hidden;
	padding: 12px 10px 12px 15px;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cat2-list-area li a:hover, 
.cat2-list-area li a:hover small {
	color: #f1f1f1;
}

.cat2-list-area li a small {
	color: #777;
	font-size: 11px;
	float: right;
}


/* =======================================================================
【女優・男優リストページ】
======================================================================= */

/* メニュー部分 */

*[class|="abc"] {
	float: right;
	letter-spacing: -0.4em;
	margin-top: 7px;
	height: 13px;
	max-width: 174px;
}

*[class|="abc"] li {
	border-left: 1px #f1f1f1 solid;
	display: inline-block;
	float: left;
	font-size: 13px;
	letter-spacing: normal;
	margin-left: 10px;
	text-align: right;
	height: 13px;
	width: 24px;
}

*[class|="abc"] li:first-child {
	border: 0;
}

.abc-all {
	max-width: 469px !important
}

.abc-all li {
	width: 36px !important;
}

.actor-list-area {
	background: url(/images/dot_dark.gif) repeat-x right 0 bottom -3px;
	background: url(/images/dot_dark.gif) repeat-x bottom\9;
	clear: both;
	padding: 30px 0 10px;
	text-align: left;
}

.actor-list-area h2 {
	margin-bottom: 30px !important;
	margin-top: -38px !important; /* アンカーリンク位置上昇分 + 2px */
	padding-top: 40px; /* 上昇分を戻す分 */
}

.actor-list-area li {
	float: left;
	letter-spacing: -0.4em;
	margin: 0 10px 20px 0;
	width: 155px;
}

.actor-list-area li img {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
 *zoom: 1; /* for IE6-7 */
 *display: inline; /* for IE6-7 */
}

.actor-list-area li span {
	display: inline-block;
 *zoom: 1; /* for IE6-7 */
 *display: inline; /* for IE6-7 */
	font-size: 12px;
	letter-spacing: normal;
	line-height: 16px;
	margin-left: 12px;
	max-height: 48px;
 _height:expression(document.body.clientHeight > 48? "48px" : "auto"); /*IE6 max-height用*/
	overflow: hidden;
	vertical-align: middle;
	width: 83px;
}


/* =======================================================================
【ランキングページ】
======================================================================= */

/* ranking sidebar */

.sidebar-default .sidebar-main-menu > li a.after-ranking:after {
	background-position: -160px -400px;
	right: 11px;
	margin-top: -7px;
	height: 15px;
	width: 15px;
}

.updatedon {
	font-size: 11px;
	float: right;
	height: 11px;
	margin-top: 9px;
}

.ranking-area-1, .ranking-actor-area-1 {
	clear: both;
}

/* 動画ランキング上部 */

.ranking-area-1 dl, 
.ranking-actor-area-1 dl {
	background: url(/images/dot_dark.gif) repeat-x right 0 bottom -3px;
	background: url(/images/dot_dark.gif) repeat-x bottom\9;
	overflow: hidden;
	padding: 20px 0;
}

.ranking-area-1 dt, 
.ranking-actor-area-1 dt {
	float: left;
	margin-right: 20px;
	width: 30px;
}

.ranking-area-1 *[class|="icon"], 
.ranking-actor-area-1 *[class|="icon"] {
	margin-bottom: 6px;
	height: 30px;
	width: 30px;
}

.icon-no1 {
	background-position: 0 -370px;
}

.icon-no2 {
	background-position: -30px -370px;
}

.icon-no3 {
	background-position: -60px -370px;
}

.icon-no4 {
	background-position: -90px -370px;
}

.icon-no5 {
	background-position: -120px -370px;
}

.icon-no6 {
	background-position: -150px -370px;
}

.icon-no7 {
	background-position: -180px -370px;
}

.icon-no8 {
	background-position: -210px -370px;
}

.icon-no9 {
	background-position: -240px -370px;
}

.icon-no10 {
	background-position: -270px -370px;
}

.icon-up, .icon-stay, .icon-down {
	height: 32px !important;
}

.icon-up {
	background-position: 0 -400px;
}

.icon-stay {
	background-position: -30px -400px;
}

.icon-down {
	background-position: -60px -400px;
}

.ranking-area-1 dd.movie-img, 
.ranking-actor-area-1 dd.movie-img {
	float: left;
	margin: 0 20px 0 0;
}

.ranking-area-1 dd.movie-img {
	width: 204px;
}

.ranking-area-1 .movie-img a, 
.ranking-actor-area-1 .movie-img a {
	display: block;
}

.ranking-area-1 dd.movie-img img {
	border: 2px solid #f1f1f1;
	display: block;
	width: 200px;
}

.ranking-area-1 dd {
	color: #ccc;
	font-size: 12px;
	float: right;
	line-height: 1.5;
	margin-bottom: 6px;
	width: 386px;
}

.ranking-area-1 .movie-date, 
.ranking-area-1 .movie-title, 
.ranking-area-1 .movie-actor {
	line-height: 1 !important;
}

.ranking-area-1 dd:last-child {
	margin-bottom: 0;
}

.ranking-area-1 .movie-title {
	font-size: 14px;
}

/* 動画ランキング下部 */

.ranking-area-2, 
.ranking-actor-area-2 {
	padding: 20px 0;
}

.ranking-area-2 dl {
	letter-spacing: -0.4em;
	margin-bottom: 20px;
}

.ranking-area-2 dt, .ranking-area-2 dd {
	display: inline-block;
 *zoom: 1; /* for IE6-7 */
 *display: inline; /* for IE6-7 */
	letter-spacing: normal;
	line-height: 1;
	margin-right: 10px;
	vertical-align: baseline;
}

.ranking-area-2 dt a, .ranking-area-2 dd a {
	line-height: 1 !important;
}

.ranking-area-2 *[class|="before"] {
	font-size: 12px;
	padding-left: 26px;
}

.ranking-area-2 *[class|="before"]:before {
	height: 16px;
	width: 16px;
	left: 0;
	margin-top: -9px;
}

.ranking-area-2 *[class|="before"]:after {
	content: ".";
}

.before-up-mini:before {
	background-position: -100px -400px;
}

.before-stay-mini:before {
	background-position: -120px -400px;
}

.before-down-mini:before {
	background-position: -140px -400px;
}

.ranking-area-2 .movie-actor {
	font-size: 11px;
}

/* phase1ではランキングステータスの表示は不可能なので、今のところは非表示に↓ */


.icon-up, .icon-stay, .icon-down, .ranking-area-2 *[class|="before"]:before {
	display: none;
}

/* phase1ではランキングステータスの表示は不可能なので、今のところは非表示に↑ */


/* 年間ランキングメニュー部分 */

.year {
	letter-spacing: -0.4em;
	margin: 20px 0 10px;
	height: 13px;
}

.year li {
	border-left: 1px #999 solid;
	display: inline-block;
	float: left;
	font-size: 13px;
	letter-spacing: normal;
	margin-left: 10px;
	padding-left: 10px;
	text-align: left;
	height: 13px;
}

.year li:first-child {
	border: 0;
	margin-left: 0;
	padding-left: 0;
}

.year li a {
	color: #999;
}

.year li a:hover {
	color: #3bbe5d;
}

/* 女優ランキング */

.ranking-actor-area-1 dd.movie-img {
	width: 140px;
}

.ranking-actor-area-1 dd.movie-img img {
	display: block;
	width: 140px;
}

.ranking-actor-area-1 dd {
	float: left;
}

.ranking-actor-area-1 .movie-actor {
	font-size: 16px;
	font-weight: bold;
	height: 105px;
	line-height: 125px;
	margin-right: 10px;
	text-align: left;
	width: 130px;
}

.ranking-actor-area-1 .movie-actor a {
	color: #f1f1f1 !important;
	display: inline-block;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 130px;
}

.ranking-actor-area-1 .movie-actor a:hover {
	color: #3bbe5d !important;
}

.ranking-actor-area-1 .movie-actor small {
	display: block;
}

.ranking-actor-area-1 .movie-title {
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	width: 310px;
}

.ranking-actor-area-1 .movie-title div {
	color: #999;
	margin-bottom: 12px
}

.ranking-actor-area-1 .movie-title li {
	list-style-position: inside;
	list-style-type: disc;
	margin-bottom: 10px;
	padding-left: 3px;
	width: 297px;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ranking-actor-area-1 .movie-title li a {
	margin-left: -2px;
}

/* 女優ランキング下部 */

.ranking-actor-area-2 {
	float: left;
	width: 220px;
}

.ranking-actor-area-2 li {
	float: left;
	letter-spacing: -0.4em;
	margin: 0 0 20px 0;
	width: 220px;
}

.ranking-actor-area-2 li img {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
 *zoom: 1; /* for IE6-7 */
 *display: inline; /* for IE6-7 */
}

.ranking-actor-area-2 li span {
	display: inline-block;
 *zoom: 1; /* for IE6-7 */
 *display: inline; /* for IE6-7 */
	font-size: 12px;
	letter-spacing: normal;
	margin-right: 16px;
}

.ranking-actor-area-2 li img + span {
	line-height: 16px;
	margin-left: 12px;
	max-height: 48px;
 _height:expression(document.body.clientHeight > 48? "48px" : "auto"); /*IE6 max-height用*/
	overflow: hidden;
	vertical-align: middle;
	width: 100px;
}

.see-more {
	float: right;
}

.see-more a {
	color: #999;
	font-size: 14px;
}

.see-more a:hover {
	color: #3bbe5d;
}


/* =======================================================================
【入会ページ】
======================================================================= */

#box-table {
	margin: 0 auto;
	min-width: 940px;
}

/* tab部分 */

#box-table .tab-nav {
	border-bottom: 4px #12962b solid;
	margin: 0 auto 30px;
	position: relative;
	height: 36px;
}

#box-table .tab-nav ul {
	font-size: 0;
}

#box-table .tab-nav li {
	background: #555;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	color: #ddd;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	line-height: 40px;
	margin-right: 4px;
	height: 36px;
	width: 180px;
	text-align: center;
 *zoom: 1;
}

#box-table .tab-nav span {
	color: #999;
	font-size: 12px;
	position: absolute;
	right: 0;
	bottom: 10px;
}

#box-table .tab-nav li {
	transition: 0.1s;
}

#box-table .tab-nav li:hover {
	background: #666;
}

#box-table .tab-nav .selected,  #box-table .tab-nav .selected:hover {
	background: #12962b;
	color: #f1f1f1 !important;
}

/* 料金表 */

#box-table .price-table {
	background: #fff;
	border: none;
	color: #1F1F1F;
	font-size: 13px;
	margin: 0 auto 50px;
	padding: 0;
	table-layout: fixed;
	text-align: center;
	width: 100%;
}

#box-table .price-table th {
	color: #fff;
	background: #fff;
	font-size: 16px;
	height: auto;
	padding: 16px 0;
}

#box-table .price-table th:first-child {
	width: 25%;
}

#box-table .price-table tr:last-child td {
	background: #e8e8e8 !important;
	border-top: 1px #bbb solid;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 84px;
}

#box-table .price-table tr:nth-child(6) {
	background: #dce2e0 !important;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	height: 84px;
}


#box-table .price-table tr td:first-child {
	text-align: left;
	padding: 0 16px;
}

#box-table .price-table td {
	border: 1px solid #ddd;
	height: 54px;
}

#box-table .price-table input {
	background: #F2A50F;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#F3AD10), to(#F19C0E));
	background: -webkit-linear-gradient(#F3AD10, #F19C0E);
	background: -moz-linear-gradient(#f3ad10, #f19c0e);
	background: -o-linear-gradient(#f3ad10, #f19c0e);
	background: linear-gradient(#F3AD10, #F19C0E);
	border: 1px solid #BE913C;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	outline: 0;
	width: 72%;
	max-width: 180px;
	text-shadow: 0 1px 0 #BE913C;
}


#box-table .price-table-cnp input{
	background: #0d3308;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f15a0f), to(#F19C0E));
	background: -webkit-linear-gradient(#f15a0f, #F19C0E);
	background: -moz-linear-gradient(#f15a0f, #f19c0e);
	background: -o-linear-gradient(#f15a0f, #f19c0e);
	background: linear-gradient(#f15a0f, #F19C0E);
	border: 1px solid #BE913C;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	height: 40px;
	outline: 0;
	width: 72%;
	max-width: 180px;
	text-shadow: 0 1px 0 #BE913C;
}


#box-table .price-table input:hover {
	background: #FCBE46;
	border: 1px solid #D4A243;
	text-shadow: 0 1px 0 #D4A243;
}



#box-table .price-table small {
	color: #666;
	display: block;
	line-height: 1.1;
	margin: 6px 0 0;
}

#box-table .price-table form {
	padding: 21px 0;
}

/* プラン名 */

#box-table .price-table .th-menu {
	color: #999;
	font-size: 20px;
	padding: 0 16px;
	text-align: left;
}

#box-table .price-table .th-str {
	background: #47CB53;
}

#box-table .price-table .th-1mo {
	background: #35B64A;
}

#box-table .price-table .th-3mo {
	background: #25A740;
}

#box-table .price-table .th-6mo {
	background: #098E38;
}

#box-table .price-table .th-12mo {
	background: #067325;
}

/* 値段表記 */

#box-table .price-table tr.th-price {
	color: #fff;
	font-size: 18px;
}

#box-table .price-table tr.th-price td {
	border: none;
	font-weight: bold;
	padding: 40px 0;
	position: relative;
	text-align: center;
}

#box-table .price-table tr.th-price td.th-str {
	background: #5EDF6F;
}

#box-table .price-table tr.th-price td.th-str .no-coupon {
	background: #1CBAF4;
	font-size: 12px;
	font-weight: normal;
	padding: 8px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
}

#box-table .price-table tr.th-price td.th-1mo {
	background: #3FCF64;
}

#box-table .price-table tr.th-price td.th-3mo {
	background: #28BA51;
}

#box-table .price-table tr.th-price td.th-6mo {
	background: #0EA544;
}

#box-table .price-table tr.th-price td.th-12mo {
	background: #0A8C33;
}

#box-table .price-table tr.th-price td span {
	font-family: 'Roboto', Arial;
	font-size: 36px;
	margin-right: 2px;
}

#box-table .price-table tr.th-price td span sup {
	font-size: 65%;
	line-height: 1;
	top: 0;
	vertical-align: top;
}

#box-table .price-table tr.th-price td span sub {
	font-size: 80%;
	line-height: 1;
	bottom: 0;
	margin-right: 2px;
}

#box-table .price-table tr.th-price td small {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.1;
	margin: 10px 0 0;
}

/* 特典の非表示 */

.price-only #box-table .price-table .plan-priv {
	display: none;
}

/* 割引用 */

#box-table .price-table tr.th-price .discount {
	color: #FAEA46;
	padding: 24px 0;
}

#box-table .price-table tr.th-price .discount small:first-child {
	font-size: 14px;
	margin: 0 0 10px;
	text-decoration: line-through;
}

#box-table .price-table tr.th-price .discount.eizoku:before {
	background: url(/images/icon_eizoku.png) 0 0 no-repeat;
	content: "";
	height: 80px;
	width: 80px;
	position: absolute;
	top: 0;
	left: 0;
}

/* 丸 */

#box-table .join-yes {
	background: #28ba51;
	display: inline-block;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	position: relative;
 /zoom: 1;
}

/* 4プラン用 */

#box-table .price-table.plan-4 th {
	width: 20% !important;
}

/* 注意書き */

#box-table .table-desc {
	margin: -10px 0 0;
}

#box-table .table-desc ul {
	margin-left: 1.4em;
}

#box-table .table-desc ul li {
	color: #888;
	line-height: 2;
	list-style: disc;
}

/* Join Main-content */
#main-content.join-desc {
	width: 940px;
}

.join-desc, .join-desc p {
	font-size: 13px;
	line-height: 23px;
}

.join-desc > div {
	margin-bottom: 48px;
}

.join-desc p, .join-desc ul, .join-desc ol {
	margin-bottom: 16px;
}

.join-desc a {
	text-decoration: underline;
}

.join-desc ul li {
	list-style-type: disc;
	padding-left: 1em;
	text-indent: -1em;
}

.join-desc ol li {
	list-style-type: decimal;
}

.join-desc li {
	list-style-position: inside;
	margin-top: 6px;
}

#main-content h2[id|="join"] {
	border-bottom: 1px solid #12962b;
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 12px;
	margin: 2px 0 24px;
	margin-top: -38px; /* アンカーリンク位置上昇分 + 2px */
	padding-top: 40px; /* 上昇分を戻す分 */
}

.join-desc h3 {
	border-left: 8px solid #12962b;
	color: #bbb;
	font-size: 18px;
	font-weight: normal;
	height: 28px;
	line-height: 28px;
	margin: 36px 0 16px;
	padding-left: 12px;
}

.join-desc h2 + h3 {
	margin-top: 0;
}

*[class|="joinimgb4"] {
	position: relative;
}

*[class|="joinimgb4"]:before {
	background-image: url(/images/spr_join.png);
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
}

.joinimgb4-creditcard {
	padding-left: 158px;
}

.joinimgb4-creditcard:before {
	background-position: -320px -730px;
	left: 0;
	height: 22px;
	width: 148px;
	margin: -11px 0 0;
}

.joinimgb4-bank {
	padding-top: 60px;
}

.joinimgb4-bank:before {
	background-position: 0 -800px;
	left: 0;
	top: -10px;
	height: 40px;
	width: 600px;
}

.joinimgb4-d2logo {
	padding-left: 136px;
}

.joinimgb4-d2logo:before {
	background-position: -520px -730px;
	left: 0;
	height: 45px;
	width: 116px;
	margin: -27px 0 0;
}

.join-desc a.join-kobeya {
	background: #EC70C3;
	border-radius: 2px;
	color: #fff;
	margin: 0 8px;
	padding: 6px 14px;
	text-decoration: none;
}

.join-desc a.join-kobeya:hover {
	background: #D257A9;
	color: #f1f1f1;
}

.join-desc a.join-mame {
	background: #91B825;
	border-radius: 2px;
	color: #fff;
	margin: 0 8px;
	padding: 6px 14px;
	text-decoration: none;
}

.join-desc a.join-mame:hover {
	background: #65860A;
	color: #f1f1f1;
}

img.cs-img {
	margin-top: 10px;
	width: 200px;
}

.join-desc .sb-btn {
	line-height: 14px;
}

.join-desc .sb-btn a {
	display: block;
	text-decoration: none;
	padding: 11px 0 13px;
	text-align: center;
}

#join-sec8 + ul a {
	text-decoration: none;
}

.sidebar-follow {
	display: block;
 q min-height: 493px;
	position: relative;
}

.sidebar-follow .sidebar-default {
	background: #1f1f1f;
	position: absolute;
	top: 0;
	width: 240px;
}

/* 401ページ */

.join-desc.join-401 {
	margin: 0 20px;
}

.join-desc.join-401,  .join-desc.join-401 p {
	font-size: 14px;
	line-height: 28px;
}

#main .join-desc.join-401 h2 {
	background: #F2523D;
	border-radius: 2px;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 40px;
	padding: 24px;
}


/* =======================================================================
【VIP & 超VIP (アップグレード) ページ】
======================================================================= */

#main-upgrade {
	background: #000;
	margin: 0 auto 0;
	overflow: hidden;
	padding-bottom: 100px;
	width: 100%;
}

#main-upgrade > div {
	margin: 0 auto;
	overflow: visible;
	position: relative;
	width: 940px;
}

#main-upgrade h1 {
	background-image: url(/images/upgrade/title.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	text-transform: capitalize; /*IE7*/
	_background: none;
	_text-indent: 0;
	height: 460px;
	width: 940px;
}

#main-upgrade h2 + small {
	font-size: 16px;
}

#main-upgrade p {
	font-size: 13px;
	line-height: 22px;
}

#main-upgrade small {
	display: block;
	line-height: 18px;
	margin-bottom: 30px;
}

*[class|="ugimg"], #main-upgrade h2 {
	background-image: url(/images/upgrade/spr_upgrade.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-transform: capitalize; /*IE7*/
	_background: none; /*IE6*/
	_text-indent: 0; /*IE6*/
}

#main-upgrade h2 {
	height: 34px;
	margin-bottom: 10px;
}

.ugimg-separator {
	background-position: 0 -1310px;
	height: 1px;
	width: 940px;
}

/* ナビ */

#upgrade-nav {
	position: absolute;
	top: 370px;
	text-align: center;
	width: 940px;
}

#upgrade-nav ul {
	height: 46px;
	letter-spacing: -0.4em;
}

#upgrade-nav li {
	border: 1px #555 solid;
	margin-left: -1px\9; /* IE*/
	display: inline-block;
 *display: inline; /* IE7 */
 *zoom: 1; /* IE7 */
	letter-spacing: normal;
	height: 44px;
}

#upgrade-nav li:first-child {
 q border-left: 1px #555 solid;
}

#upgrade-nav li a {
	color: #bbb;
	display: block;
	height: 13px;
	padding: 15px 20px 16px;
}

#upgrade-nav li a:hover {
	color: #f1f1f1;
	background: #222;
}

/*VIP/超VIP会員とは？ */

#upgrade-sec1 {
	height: 366px;
}

.sec1-left {
	position: absolute;
	top: 70px;
	width: 610px;
}

#upgrade-sec1 h2 {
	display: block;
	background-position: 0 -1070px;
	float: right;
	width: 336px;
	text-indent: -9999px;
}

#upgrade-sec1 small {
	clear: both;
	text-align: right;
}

#upgrade-sec1 strong {
	display: block;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
}

#upgrade-sec1 p {
	text-align: right;
}

#upgrade-sec1 .actress1 {
	background: url(/images/upgrade/actress1.jpg) no-repeat 0 0;
	position: absolute;
	right: 0;
	top: 0;
	height: 366px;
	width: 290px;
}

/*会員資格 */

#upgrade-sec2 {
	height: 410px;
}

#upgrade-sec2 h2 {
	display: block;
	background-position: 0 -1110px;
	width: 130px;
	margin: 0 auto 10px;
}

#upgrade-sec2 small {
	text-align: center;
}

.sec2-left {
	position: absolute;
	left: 60px;
	top: 156px;
	width: 180px;
}

.sec2-right {
	position: absolute;
	right: 0;
	top: 50px;
	width: 610px;
}

.sec2-right > div {
	float: left;
	width: 280px;
	margin-left: 60px;
	margin-right: 10px;
}

.sec2-right > div:first-child {
	width: 260px;
	margin-left: 0;
	margin-right: 0;
}

#upgrade-sec2 h3 {
	height: 120px;
	width: 210px;
	margin-bottom: 20px;
}

.ugimg-sec2-vip {
	background-position: 0 -870px;
}

.ugimg-sec2-svip {
	background-position: -210px -870px;
}

#upgrade-sec2 li {
	list-style: disc;
	line-height: 20px;
	margin: 0 0 8px 16px;
}

/* 会員特典 */

#upgrade-sec3 {
	height: 670px;
}

.sec3-right {
	position: absolute;
	right: 0;
	top: 50px;
	width: 620px;
	z-index: 1;
}

#upgrade-sec3 h2 {
	display: block;
	background-position: 0 -1150px;
	margin-left: 20px;
	width: 130px;
}

#upgrade-sec3 .sec3-right > small {
	margin-left: 20px;
}

.sec3-right > div {
	margin-left: 20px;
	width: 290px;
	float: left;
}

#upgrade-sec3 h3 {
	height: 60px;
	width: 290px;
	margin-bottom: 1px;
}

.ugimg-sec3-vip {
	background-position: -0 -800px;
}

.ugimg-sec3-svip {
	background-position: -290px -800px;
}

.sec3-right ul {
	margin-bottom: 10px;
}

.ugimg-sec3-vip + ul li {
	background: #9c8735;
}

.ugimg-sec3-svip + ul li {
	background: #29814f;
}

.sec3-right li {
	border-radius: 1px;
	height: 13px;
	margin-bottom: 1px;
	padding: 13px 13px 14px;
}

#upgrade-sec3 .actress2 {
	background: url(/images/upgrade/actress2.jpg) no-repeat 0 0;
	position: absolute;
	left: -100px;
	top: 0;
	height: 660px;
	width: 494px;
}

/* VIP/超VIP会員専用動画 */

#upgrade-sec4 {
	height: 780px;
	padding-top: 80px
}

#upgrade-sec4 h2 {
	display: block;
	background-position: 0 -1190px;
	width: 380px;
	margin: 0 auto 10px;
}

#upgrade-sec4 small {
	text-align: center;
}

#upgrade-sec4 > div {
	width: 470px;
	float: left;
	margin-top: 20px;
}

#upgrade-sec4 dl {
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
	width: 400px;
	margin: 0 auto;
}

#upgrade-sec4 dt {
	height: 86px;
	width: 230px;
	margin: 0 auto 20px;
}

.ugimg-sec4-vip {
	background-position: -440px -870px;
}

.ugimg-sec4-svip {
	background-position: -670px -870px;
}

#upgrade-sec4 dt + dd {
	margin-bottom: 20px;
}

#upgrade-sec4 dt + dd a {
	display: block;
	position: relative;
	height: 225px;
	width: 400px;
}

#upgrade-sec4 dd {
	margin-bottom: 4px;
}

#upgrade-sec4 dd img {
	border: 2px #f1f1f1 solid;
	height: 221px;
	width: 396px;
}

#upgrade-sec4 .movie-title {
	font-size: 14px;
}

#upgrade-sec4 .movie-actor {
	margin-bottom: 14px;
}

#upgrade-sec4 .movie-actor a {
	display: inline;
}

#upgrade-sec4 .movie-actor + dd {
	margin-bottom: 20px;
}

.ugimg-sec4-viplink, .ugimg-sec4-sviplink {
	display: block;
	height: 40px;
	width: 210px;
	margin: 30px auto 0;
}

.ugimg-sec4-viplink {
	background-position: 0 -990px;
}

.ugimg-sec4-sviplink {
	background-position: -210px -990px;
}

.ugimg-sec4-viplink:hover {
	background-position: 0 -1030px;
}

.ugimg-sec4-sviplink:hover {
	background-position: -210px -1030px;
}

/* お申し込み方法 */

#upgrade-sec5 {
	height: auto;
	padding-top: 70px;
}

#upgrade-sec5 h2 {
	display: block;
	background-position: 0 -1230px;
	width: 224px;
	margin: 0 0 10px;
}

#upgrade-sec5 p {
	margin-bottom: 40px;
}

#upgrade-sec5 #box-table .price-table tr:first-child td {
	width: 25%;
}

#upgrade-sec5 .upgrade-sec5_mem #box-table .price-table td {
	height: 70px;
}

#upgrade-sec5 #box-table .price-table .th-price .ug-menu {
	color: #666;
	font-size: 16px;
	padding: 0 16px;
	text-align: left;
}

#upgrade-sec5 #box-table .price-table .th-price .ug-menu span {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 0 5px;
}

.col-1mo,  .col-2mo,  .col-3mo,  .col-6mo,  .col-12mo,  .ug-str,  .ug-1mo,  .ug-2mo,  .ug-3mo,  .ug-6mo,  #ug-eligible,  #ug-ineligible {
	display: none;
}

#box-table #ug-ineligible p {
	border: 1px #2ECC71 solid;
	color: #2ECC71;
	font-size: 16px;
	padding: 40px 0;
	text-align: center;
}


/* =======================================================================
【DDLページ】
======================================================================= */

.ddl {
	width: 840px !important;
}

.ddl p {
	line-height: 24px;
}

.ddl strong {
	color: #68a9ca;
}

.ddl h1 {
	background-image: url(/images/ddl/title.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-bottom: 50px !important;
	text-indent: -9999px;
	text-transform: capitalize; /*IE7*/
	_background: none;
	_text-indent: 0;
	height: 112px;
	width: 840px !important;
}

/*説明書き*/

.ddl-intro {
	float: left;
	margin: 0 60px 0 0;
	width: 390px;
}

.ddl-intro ul {
	margin-bottom: 24px;
}

.ddl-intro li {
	margin-bottom: 15px;
}

.ddl-intro li strong {
	margin-right: 4px;
}

/*グラフ部分*/

.ddl-graph {
	float: left;
	margin: 0 0 70px 0;
	width: 390px;
}

.ddl-graph table {
	border: 0;
	color: #ccc;
	font-size: 11px;
	margin-bottom: 10px;
	text-align: left;
}

.ddl-graph table .cc-yellow {
	margin-left: 4px;
}

.ddl-graph table td {
	height: 30px;
	vertical-align: top;
}

.ddl-graph table td div {
	background-image: url(/images/ddl/spr_ddl.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	text-transform: capitalize; /*IE7*/
	_background: none; /*IE6*/
	_text-indent: 0; /*IE6*/
	height: 38px;
}

.ddl-ul-sv {
	background-position: 0 -960px;
	width: 390px;
}

.ddl-90-sv {
	background-position: -160px -1000px;
	width: 221px;
}

.ddl-60-sv {
	background-position: -160px -1040px;
	width: 201px;
}

.ddl-30-sv {
	background-position: -160px -1080px;
	width: 181px;
}

.ddl-reg-sv {
	background-position: -160px -1120px;
	width: 160px;
}

.ddl-ul {
	background-position: 0 -920px;
	width: 390px;
}

.ddl-90 {
	background-position: 0 -1000px;
	width: 141px;
}

.ddl-60 {
	background-position: 0 -1040px;
	width: 121px;
}

.ddl-30 {
	background-position: 0 -1080px;
	width: 101px;
}

.ddl-reg {
	background-position: 0 -1120px;
	width: 81px;
}

.ddl-graph-nav li {
	color: #999;
	cursor: pointer;
	display: inline;
	float: left;
	padding-right: 20px;
	margin-right: 20px;
}

.ddl-graph-nav li:first-child {
	border-right: 1px #999 solid;
}

.ddl-graph-nav li.selected {
	color: #f1f1f1 !important;
}

/* お申し込み */

#box-table.ddl-price {
	min-width: 840px;
}

#box-table.ddl-price .tab-nav {
	border-bottom: 4px #4B98C0 solid;
}

#box-table.ddl-price .tab-nav .selected,  #box-table.ddl-price .tab-nav .selected:hover {
	background: #4B98C0;
}

#box-table .price-table .th-30gb {
	background: #72B5E0;
}

#box-table .price-table .th-60gb {
	background: #4D9FD2;
}

#box-table .price-table .th-90gb {
	background: #3787B9;
}

#box-table .price-table .th-unlimited {
	background: #1A6A9D;
}

#box-table.ddl-price .price-table tr.th-price td {
	padding: 60px 0;
}

#box-table .price-table tr.th-price td.th-30gb {
	background: #8AC5EA;
}

#box-table .price-table tr.th-price td.th-60gb {
	background: #59B1E9;
}

#box-table .price-table tr.th-price td.th-90gb {
	background: #3E98D0;
}

#box-table .price-table tr.th-price td.th-unlimited {
	background: #2079B1;
}

/* nosvの文字色 */

#box-table.ddl-price.ddl-price-nosv .th-unlimited,  #box-table.ddl-price.ddl-price-nosv .th-unlimited small {
	color: rgba(255,255,255,0.3) !important;
}

/* 申し込みボタン */

#box-table.ddl-price input {
	background: #EEE;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#F4F4F4), to(#E8E8E8));
	background: -webkit-linear-gradient(#F4F4F4, #E8E8E8);
	background: -moz-linear-gradient(#f4f4f4, #e8e8e8);
	background: -o-linear-gradient(#f4f4f4, #e8e8e8);
	background: linear-gradient(#F4F4F4, #E8E8E8);
 filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#f4f4f4, EndColorStr=#e8e8e8);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#f4f4f4, EndColorStr=#e8e8e8)";
	border: 1px #B6B6B6 solid;
	border-radius: 2px;
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.8), 0 1px 0 rgba(255,255,255,0.8) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px 1px #FFF;
}

#box-table.ddl-price input:hover {
	background: #eee;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#e3e3e3));
	background: -webkit-linear-gradient(#e8e8e8, #e3e3e3);
	background: -moz-linear-gradient(#e8e8e8, #e3e3e3);
	background: -o-linear-gradient(#e8e8e8, #e3e3e3);
	background: linear-gradient(#e8e8e8, #e3e3e3);
 filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#e8e8e8, EndColorStr=#e3e3e3);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#e8e8e8, EndColorStr=#e3e3e3)";
	border: 1px #b6b6b6 solid;
	text-shadow: 0 1px 1px #fff;
}

#box-table.ddl-price input.inactive, 
#box-table.ddl-price input.inactive:hover {
	background: #eee;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e9e9e9));
	background: -webkit-linear-gradient(#f2f2f2, #e9e9e9);
	background: -moz-linear-gradient(#f2f2f2, #e9e9e9);
	background: -o-linear-gradient(#f2f2f2, #e9e9e9);
	background: linear-gradient(#f2f2f2, #e9e9e9);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#f2f2f2, EndColorStr=#e9e9e9);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#f2f2f2, EndColorStr=#e9e9e9)";
	border: 1px #dadada solid;
	-moz-box-shadow: 0 2px 0 rgba(255,255,255,0.4), 0 1px 0 rgba(255,255,255,0.4) inset;
	-webkit-box-shadow: 0 2px 0 rgba(255,255,255,0.4), 0 1px 0 rgba(255,255,255,0.4) inset;
	box-shadow: 0 2px 0 rgba(255,255,255,0.4), 0 1px 0 rgba(255,255,255,0.4) inset; /*IE対策必要*/
	color: #a2a2a2;
	cursor: default;
	font-weight: bold;
	text-shadow: 0 1px 1px #f1f1f1; /*IE対策必要*/
}


/* =======================================================================
【特設ページ】
======================================================================= */

/* テンプレ・リストが入るボックス (#main-contentと同じ) */

.list-area-outer {
	display: inline; /*IE6*/
	float: left;
	margin: 0 20px;
	width: 660px;
}

.list-area-outer .list-area {
	margin-top: 0;
}


/* =======================================================================
【シリーズページ】
======================================================================= */

.series-top {
	background: url(/images/dot_dark.gif) repeat-x right 0 bottom -3px;
	background: url(/images/dot_dark.gif) repeat-x bottom\9;
	margin: 24px 0;
}

.series-top img {
	margin-bottom: 22px;
}


/* =======================================================================
【TVでの閲覧方法(アウトプット) ページ】
======================================================================= */

#main-output {
	margin: 0 auto 0;
	padding-bottom: 100px;
	width: 980px;
}

#main-output > div {
	margin: 0 auto;
	overflow: visible;
	position: relative;
	width: 940px;
}

#main-output h1 {
	background-image: url(/images/output/title.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	text-transform: capitalize; /*IE7*/
	_background: none;
	_text-indent: 0;
	height: 460px;
	width: 940px;
}

#main-output h2 + small {
	font-size: 16px;
}

#main-output p {
	font-size: 13px;
	line-height: 22px;
}

#main-output small {
	display: block;
	line-height: 18px;
	margin-bottom: 30px;
}

*[class|="ugimg-output"], #main-output h2 {
	background-image: url(/images/output/spr_output.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-transform: capitalize; /*IE7*/
	_background: none; /*IE6*/
	_text-indent: 0; /*IE6*/
}

#main-output h2 {
	height: 34px;
	margin-bottom: 10px;
}

.ugimg-output-separator {
	background-position: 0 -68px;
	height: 1px;
	width: 940px;
}

/* ナビ */

#output-nav {
	position: absolute;
	top: 380px;
	text-align: center;
	width: 940px;
}

#output-nav ul {
	height: 46px;
	letter-spacing: -0.4em;
}

#output-nav li {
	border: 1px #555 solid;
	margin-left: -1px\9; /* IE*/
	display: inline-block;
 *display: inline; /* IE7 */
 *zoom: 1; /* IE7 */
	letter-spacing: normal;
	height: 44px;
}

#output-nav li:first-child {
 q border-left: 1px #555 solid;
}

#output-nav li a {
	color: #bbb;
	display: block;
	height: 13px;
	padding: 15px 20px 16px;
}

#output-nav li a:hover {
	color: #f1f1f1;
	background: #222;
}

/*いつでもどこでも */

#output-sec1 {
	height: 300px;
}

.sec1-center {
	position: absolute;
	top: 40px;
	left: 200px;
	width: 610px;
}

#output-sec1 h2 {
	display: block;
	background-position: 0 0;
	float: left;
	width: 550px;
	text-indent: -9999px;
}

#output-sec1 small {
	clear: both;
	text-align: center;
}

#output-sec1 strong {
	display: block;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
}

#output-sec1 p {
	text-align: center;
}

.output-right {
	position: absolute;
	right: 0;
	top: 50px;
	width: 400px;
}

.output-right > div {
	float: left;
	width: 400px;
	margin-left: 70px;
	margin-right: 10px;
}

.output-right > div:first-child {
	width: 240px;
	margin-left: 0;
	margin-right: 0;
}

/*iPhone */

#output-sec2 {
	height: 680px;
}

#output-sec2 h2 {
	display: block;
	background-position: 0 -68px;
	width: 400px;
	margin: 0 auto 10px;
}

#output-sec2 h3 {
	height: 120px;
	width: 210px;
	margin-bottom: 20px;
}

#output-sec2 li {
	list-style: decimal;
	line-height: 20px;
	margin: 10px 0 0 30px;
}

#output-sec2 .img2 {
	background: url(/images/output/img2.png) no-repeat 0 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 550px;
	width: 500px;
}

#output-sec2 ol.none li {
	list-style: none;
}

#output-sec2 ol.none {
	margin-bottom: 30px;
}

/*iPhone2 */

#output-sec3 {
	height: 630px;
}

#output-sec3 h2 {
	display: block;
	background-position: 0 -68px;
	width: 400px;
	margin: 0 auto 10px;
}

#output-sec3 h3 {
	height: 120px;
	width: 210px;
	margin-bottom: 20px;
}

#output-sec3 li {
	list-style: decimal;
	line-height: 20px;
	margin: 10px 0 0 30px;
}

#output-sec3 .img3 {
	background: url(/images/output/img3.png) no-repeat 0 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 550px;
	width: 500px;
}

#output-sec3 ol.none li {
	list-style: none;
}

#output-sec3 ol.none {
	margin-bottom: 30px;
}

/* Android */

#output-sec4 {
	height: 600px;
}

#output-sec4 h2 {
	display: block;
	background-position: 0 -34px;
	width: 400px;
	margin: 0 auto 10px;
}

#output-sec4 h3 {
	height: 120px;
	width: 210px;
	margin-bottom: 20px;
}

#output-sec4 li {
	list-style: decimal;
	line-height: 20px;
	margin: 10px 0 0 30px;
}

#output-sec4 .img4 {
	background: url(/images/output/img4.png) no-repeat 0 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 550px;
	width: 500px;
}

#output-sec4 ol.none li {
	list-style: none;
}

#output-sec4 ol.none {
	margin-bottom: 30px;
}

/* Android2 */

#output-sec5 {
	height: 600px;
}

#output-sec5 h2 {
	display: block;
	background-position: 0 -34px;
	width: 400px;
	margin: 0 auto 10px;
}

#output-sec5 h3 {
	height: 120px;
	width: 210px;
	margin-bottom: 20px;
}

#output-sec5 li {
	list-style: decimal;
	line-height: 20px;
	margin: 10px 0 0 30px;
}

#output-sec5 .img5 {
	background: url(/images/output/img5.png) no-repeat 0 0;
	position: absolute;
	left: 0;
	top: 0;
	height: 550px;
	width: 500px;
}

#output-sec5 ol.none li {
	list-style: none;
}

#output-sec5 ol.none {
	margin-bottom: 30px;
}


/* =======================================================================
【規約/プライバシーページ】
======================================================================= */

#main .main-article h2 {
	line-height: 1.5;
	margin: 40px auto 20px;
}

#main .main-article h3 {
	font-size: 16px;
	line-height: 1.5;
	margin: 20px auto;
}

.main-article a {
	color: #3bbe5d;
}

.main-article a:hover {
	color: #139F2E;
	text-decoration: underline;
}

.main-article p,  .main-article ol,  .main-article ul {
	font-size: 14px;
	line-height: 2;
	margin: 0 0 30px;
}

.main-article p + ol,  .main-article p + ul {
	margin-top: -15px;
}

.main-article li {
	margin-left: 25px;
}

.main-article ol > li {
	list-style-type: disc;
}

.main-article ul > li {
	list-style-type: disc;
}


/* =======================================================================
【FAQ よくあるご質問】
======================================================================= */

.faq .faq-nav li {
	padding-bottom: 5px;
}

.faq-title {
	clear: both;
	margin-top: -40px;
	padding-top: 40px;
}

.faq-title h2 {
	float: left;
	margin-top: 0 !important;
}

.faq-title a {
	color: #999;
	float: right;
	padding-top: 5px;
}

.faq-title a:hover {
	color: #3bbe5d;
}

#main .faq > ul {
	margin-bottom: 40px !important;
}

.faq > ul > li {
	border-bottom: 1px solid #444;
	list-style-type: none;
	margin: 0;
}

.faq > ul > li:first-child {
	border-top: 1px solid #444;
}

.faq dt {
	background-image: url(/images/icon-faq-q.png);
	background-repeat: no-repeat;
	background-position: 20px;
	cursor: pointer;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 16px 20px 16px 60px;
	position: relative;
	transition: 0.1s;
}

.faq dt:hover,  .faq dt.after-nega:hover {
	background-color: #2d2d2d;
}

.faq dt:after {
	content: "";
	background-image: url(/images/spr_main.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
}

.faq dt:after {
	background-position: -240px -400px;
	right: 20px;
	margin-top: -8px;
	height: 16px;
	width: 16px;
}

.faq dt.after-nega:after {
	background-position: -260px -400px;
}

.faq dt.after-nega,  .faq dd {
	background-color: #2d2d2d;
}

.faq dd {
	background-image: url(/images/icon-faq-a.png);
	background-repeat: no-repeat;
	background-position: 20px 15px;
	padding: 15px 60px 5px;
}

.faq ol,  .faq ul {
	margin: 0 0 30px 0;
}

.faq a.faq-btn {
	border-radius: 2px;
	color: #FFF;
	margin: 0 8px;
	padding: 6px 14px;
	text-decoration: none;
	transition: 0.15s;
}

.faq a.faq-btn.download-tip {
	background: #39c;
}

.faq a.faq-btn.download-tip:hover {
	background: #2E80A9;
}

.faq a.faq-btn.cancel-tip {
	background: #91B825;
}

.faq a.faq-btn.cancel-tip:hover {
	background: #65860A;
}


/* =======================================================================
【お問い合わせ】
======================================================================= */

#contact {
	margin: 0 20px;
}

#main #contact h1 {
	color: #999;
	font-weight: normal;
	font-size: 24px;
	line-height: 1.2;
	margin: 0 auto 20px;
}

#main #contact h2 {
	border-bottom: 1px solid #12962B;
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 12px;
	margin: 56px 0 20px;
}

#main #contact h3 {
	border-left: 8px solid #12962B;
	color: #BBB;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	margin: 40px 0 20px;
	padding-left: 12px;
}

#contact a {
	color: #3BBE5D;
}

#contact a:hover {
	text-decoration: underline;
}

#contact a,  #contact p,  #contact li {
	font-size: 14px;
	line-height: 24px;
}

#contact p {
	margin: 0 0 10px;
}

#contact ul {
	margin-left: 1.4em;
}

#contact li {
	list-style: disc;
	margin: 4px 0;
}


/* =======================================================================
【サイトマップ】
======================================================================= */

.sitemap-section {
	float: left;
	margin-left: 20px;
	width: 300px;
}

.sitemap-section:first-child {
	margin-left: 0;
}

#main .main-article .sitemap-section > h2 {
	margin-top: 10px;
}


/* =======================================================================
【イベント一覧ページ・トップメンバーのイベント箇所】
======================================================================= */

.eventlist-area {
	min-height: 600px;
}

.eventlist-area dl {
	background: url(/images/dot_dark.gif) repeat-x right 0 bottom -3px;
	background: url(/images/dot_dark.gif) repeat-x bottom\9;
	overflow: hidden;
	padding: 20px 0;
}

.eventlist-area dt {
	float: left;
	margin-right: 30px;
	height: 135px;
	width: 180px;
	text-align: left;
}

.eventlist-area dt img {
	max-width: 180px;
}

.eventlist-area dt a {
	display: block;
}

.eventlist-area dd {
	color: #ccc;
	font-size: 12px;
	float: right;
	line-height: 1.5;
	margin-bottom: 10px;
	width: 450px;
}

.eventlist-area .movie-date {
	line-height: 1 !important;
}

.eventlist-area .movie-title {
	font-size: 14px;
}

.eventlist-area .movie-title span {
	margin-right: 8px;
}

.eventlist-area dd:last-child {
	margin-bottom: 0;
}


/* =======================================================================
無料サンプルページ
======================================================================= */

#main-100 {
	min-width: 1122px;
}

#box-free {
	background: #f4f4f4;
}

#box-free .section {
	min-width: 1122px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

/* トップ */

#box-top {
	background: #004370;
  background: -moz-linear-gradient(top, #004370 0%, #3095c4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004370), color-stop(100%, #3095c4));
  background: -webkit-linear-gradient(top, #004370 0%, #3095c4 100%);
  background: -o-linear-gradient(top, #004370 0%, #3095c4 100%);
  background: -ms-linear-gradient(top, #004370 0%, #3095c4 100%);
  background: linear-gradient(to bottom, #004370 0%, #3095c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004370', endColorstr='#3095c4', GradientType=0 );
	height: 450px;
	margin: 0 0 30px;
	top: 0;
	width: 100%;
}

#box-free #box-top .box-top-wrap {
	background: url(/events/uehara_ai/images/jonetsu/bg-top-ripple.png) center center no-repeat;
}

#box-free #box-top h1 {
	background: url(/images/freesample/top_main.png) 0 0 no-repeat;
	height: 450px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 1122px;
}

/* バナー (coupon) */

#box-free .section.sf-coupon {
	margin: 20px 0 10px;
	position: relative;
}

#box-free .section.sf-coupon .coupon-code {
	background: #C00;
	border-radius: 3px;
	color: #FFF;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0.5em;
	line-height: 1.2;
	margin: 0;
	position: absolute;
	padding: 8px 0;
	top: 150px;
	right: 70px;
	text-align: center;
	width: 370px;
}

#box-free .section.sf-coupon .banner-memo {
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	margin: 10px 0 0;
}

#box-free .section.sf-coupon .banner-memo strong {
	color: inherit;
}

#box-free .section.sf-coupon .banner-memo .link-to-join {
	color: #F84A33;
	line-height: inherit;
}

#box-free .section.sf-coupon .banner-memo .link-to-join:hover {
	color: #0277BB;
	text-decoration: underline !important;
}

/* オファーボタン */

#box-offer {
	overflow: visible;
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 20;
}

#box-offer .btn {
	background: #1CBB55;
	border: none;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	color: #FFF;
	display: block;
	font-size: 15px;
	line-height: 1;
	outline: 0;
	padding: 15px 25px;
	transition: 0.15s;
}

#box-offer .btn:hover {
	box-shadow: 0 16px 40px rgba(0,0,0,0.2);
}

/* リスト */

#box-free #contents {
	margin: 0 auto;
	overflow: visible;
	padding-bottom: 60px;
	width: 1122px;
}

#box-free #contents h2 {
	border-left: 8px solid #139F2E;
	color: #444;
	font-size: 24px;
	font-weight: bold;
	line-height: 34px;
	margin: 40px 0 30px;
	padding-left: 12px;
}

.box-list {
	margin-right: -30px;
	width: 1152px;
}

#box-free .entry {
	background: #fff;
	border: 1px solid #e3e3e3;
	float: left;
	margin: 0 30px 30px 0;
	position: relative;
	width: 256px;
}

#box-free .entry a img {
	transition: 0.15s;
}

#box-free .entry p a {
	line-height: 1.1;
}

#box-free .entry .figure {
	height: 144px;
	width: 256px;
	position: relative;
}

#box-free .entry .figure:hover {
	cursor: pointer;
}

#box-free .entry .figure img {
	width: 256px;
}

#box-free .entry .figure .playmovie:before, 
#box-free .entry .figure .playsample:before {
	content: "";
	background: url(/images/fancybox/fancy_playbtn.png) no-repeat 0 0;
	display: block;
	height: 56px;
	width: 56px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
}

#box-free .entry .title {
	background: #fff;
	height: 64px;
	padding: 15px;
}

#box-free .entry .title h3 a {
	color: #444;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	max-height: 40px;
	overflow: hidden;
}

#box-free .entry .title p {
	font-size: 13px;
	color: #777;
	margin: 5px 0 0;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}

#box-free .entry .title p a {
	color: #f84a33;
}

#box-free .entry .title h3 a:hover,  #box-free .entry .title p a:hover {
	color: #0277BB;
	text-decoration: underline !important;
}

/* フル動画 */

#box-free .entry.full-movie {
	width: 544px;
}

#box-free .entry.full-movie .figure {
	height: 306px;
	width: 544px;
}

#box-free .entry.full-movie .figure img {
	width: 544px;
}

#box-free .entry.full-movie span {
	background: #F83A33;
	cursor: default;
	display: block;
	font-size: 12px;
	top: 0;
	right: 0;
	padding: 8px 16px;
	position: absolute;
	z-index: 10;
}

#box-free .entry.full-movie .figure .playmovie:before {
	background: url(/images/fancybox/fancy_playbtn_big.png) no-repeat 0 0;
	height: 72px;
	width: 72px;
}

#box-free .entry.full-movie .title {
	height: 98px;
	padding: 20px 24px;
	;
}

#box-free .entry.full-movie .title h3 a {
	font-size: 16px;
	line-height: 24px;
	max-height: 48px;
}

#box-free .entry.full-movie .title p {
	font-size: 14px;
	margin: 5px 0 0;
	line-height: 20px;
}

/* プレーヤー下のバナー */

.player-banner {
	margin-top: 5px;
}

.player-banner a:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
}

/* ストリーミングプラン販売 */

#box-free .section.visible {
	overflow: visible;
}

#box-free .box-banner {
	box-shadow: 0 3px 8px rgba(0,0,0,0.15);
	position: relative;
}

#box-free .box-banner .btn-group {
	bottom: 50px;
	font-size: 0;
	overflow: visible;
	position: absolute;
	text-align: center;
	width: 100%;
}

#box-free .box-banner .btn-group form {
	display: inline-block;
	margin-right: 40px;
}

#box-free .box-banner .btn-group .btn, 
#box-free .box-banner .btn-group input {
	border: 1px solid;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
	box-sizing: border-box;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	min-width: 200px;
	outline: 0;
	padding: 16px 20px;
	text-align: center;
	transition: 0.15s;
}

#box-free .box-banner .btn-group input {
	background-color: #ff2d00;
	border-color: #ff2d00;
	color: #fff;
}

#box-free .box-banner .btn-group .btn {
	background-color: #fff;
	border-color: #666;
	color: #666;
}

#box-free .box-banner .btn-group .btn:hover, 
#box-free .box-banner .btn-group input:hover {
	box-shadow: 0 16px 40px rgba(0,0,0,.2);
}

#box-free .box-banner .btn-group .btn:hover {
	background-color: #eee;
}

/* 入会案内 */

#box-free #box-plan {
	margin: 80px auto;
	width: 1122px;
}

#box-plan h2 {
	color: #F1F1F1;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 20px;
	width: 100%;
	max-width: 100%;
}

#box-plan p {
	font-size: 14px;
	line-height: 2;
	margin: 0 0 40px;
	width: 100%;
}


/* =======================================================================
【配信予告ページ】
======================================================================= */

#box-calendar {
	margin: 0 auto;
	width: 940px;
}

#main #box-calendar h2 {
	border-bottom: 1px solid #666;
	font-size: 24px;
	font-weight: normal;
	margin: 50px 0 30px;
	padding: 0 0 10px;
	position: relative;
}

#main #box-calendar h2 span {
	bottom: 12px;
	font-size: 12px;
	position: absolute;
	right: 0;
}

#box-calendar .calendar-list {
	margin-right: -40px;
	width: 980px;
}

#box-calendar .entry {
  float: left;
  margin: 0 40px 30px 0;
  overflow: hidden;
  width: 450px;
}

#box-calendar .entry .figure {
	margin-bottom: 20px;
	position: relative;
}

#box-calendar .entry .figure img {
	border: 2px solid #f1f1f1;
	width: 446px;
}

#box-calendar .entry .title {
	height: 145px;
}

#box-calendar .entry .title dl dt {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 10px;
	max-height: 48px;
	overflow: hidden;
}

#box-calendar .entry .title dl dd {
	color: #b4b4b4;
	padding: 6px 0;
}

#box-calendar .entry .title [class|=tag] {
	margin: 12px 8px 0 0;
}


/* =======================================================================
【退会ページ】
======================================================================= */

#taikai h2 {
	border-bottom-color: #12962B;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: -38px;
	padding-bottom: 14px;
	padding-top: 40px;
}

.taikai > ul {
	background: url(/images/dot_dark.gif) repeat-x right 0 top 0;
	background: url(/images/dot_dark.gif) repeat-x top\9;
	margin-bottom: 70px !important;
	padding-top: 1px;
	width: 660px;
}

.taikai > ul >li {
	background: url(/images/dot_dark.gif) repeat-x right 0 bottom -3px;
	background: url(/images/dot_dark.gif) repeat-x bottom\9;
	list-style: none;
	margin: 0;
}

.taikai li {
	height: 49px
}

.taikai li a {
	color: #f1f1f1;
	display: block;
	font-size: 13px;
	height: 13px !important;
	padding: 18px 0 18px 10px;
	position: relative;
}

.taikai li a:after {
	background-image: url(/images/spr_main.png);
	content: "";
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	background-position: 0 -160px;
	right: 0;
	margin-top: -25px;
	height: 50px;
	width: 32px;
}

.taikai li:hover {
	background-color: #2d2d2d;
	background-image: url(/images/dot_dark.gif);
	background-repeat: repeat-x;
	background-position: right 0 bottom -3px;
	background: url(/images/dot_dark.gif) repeat-x bottom\9;
}

.taikai li:hover a {
	color: #f1f1f1;
}


/* =======================================================================
会員期間終了ページ
======================================================================= */

#main #mem-expired h1 {
	border: 1px solid #E21E14;
	color: #E21E14;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 20px 0;
	padding: 40px 0;
	text-align: center;
}

#main #mem-expired h2 {
	border-bottom: 1px solid #12962B;
	padding-bottom: 10px;
	padding-top: 40px;
}

#main #mem-expired p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 16px;
}

#main #mem-expired p a {
	color: #3bbe5d;
	text-decoration: underline;
}

#main #mem-expired p a:hover {
	color: #E9B810;
	text-decoration: none;
}


/* =======================================================================
【Enterページ】 (エンターは入り口なのでIE6でも一応見れるように)
======================================================================= */

/* images */

#enter-img {
	width: 100%;
	min-width: 1000px;
	overflow: hidden;
}

#enter-img ul {
	overflow: hidden;
}

#enter-img ul li {
	float: left;
	position: relative;
	width: 12.5%;
}

#enter-img ul li img {
	width: 100%;
}

#enter-img a:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
}

#enter-img + #main {
	padding-bottom: 0 !important;
}

.enter-btn-area, .enter-kiyaku {
	margin: 0 auto;
}

/* layout */

.enter-wrap {
	padding: 40px 0;
}

.enter-wrap .is-center {
	text-align: center;
}

.enter-section {
	margin: 0 auto;
	position: relative;
	width: 800px;
}

.enter__logo, 
.enter__disclaimer, 
.button-wrap, 
.age-warning {
	margin: 24px 0;
}

/* age verification */

.enter__disclaimer {
	font-size: 22px;
	font-weight: bold;
}

.age-warning {
	background: url(/images/stop18.png) left center no-repeat;
	line-height: 1.8;
	min-height: 56px;
	padding-left: 88px;
}

.age-warning a {
	color: #3bbe5d;
	text-decoration: underline;
}

.age-warning a:hover {
	text-decoration: none;
}

/* age verification - buttons*/

.button-wrap {
	font-size: 0;
	text-align: center;
}

.button-wrap li {
	display: inline-block;
	margin: 0 16px;
	vertical-align: middle;
}

.enter-button {
	background: #666;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1;
	padding: 1.2em 0;
	text-align: center;
	text-decoration: none;
	transition: .15s;
	width: 232px;
}

.enter-button:hover {
	background: #22bb54;
	color: #fff;
}

.enter-button__lang-flag {
	display: inline-block;
	margin-right: 12px;
	vertical-align: middle;
}

.enter-button__sub-text {
	font-size: 80%;
	font-weight: normal;
	margin-left: 8px;
}

.enter-button__annotation {
	color: #999;
	display: block;
	font-size: 11px;
	margin-top: 12px;
}

/* enter - agreement */

.enter-agreement {
	background: #22bb54;
	margin: 0 auto;
	width: 100%;
	min-width: 1000px;
}

.enter-agreement__text {
	background: none;
	border: 1px solid #91ddaa;
	box-sizing: border-box;
	color: #bdebcc;
	display: block;
	font-size: 13px;
	height: 25em;
	line-height: 1.8;
	margin: 0 auto;
	overflow-y: scroll;
	padding: 24px 32px;
	resize: none;
	width: 800px;
}


/*========================================
404 error page
========================================*/

#error404 {
	background: url(/images/error-bg.png) 0 0 no-repeat;
}

#error404 .error-content {
	margin: 150px 20px 40px 420px;
}

#error404 .error-content h1 {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 40px;
}

#error404 .error-content h1 span {
	display: block;
	font-size: 16px;
	margin: 12px 0 0;
}

#error404 .error-content p {
	font-size: 14px;
	line-height: 2;
	margin: 0 0 40px;
}

#error404 .error-content p a {
	color: #3BBE5D;
	font-weight: bold;
}

#error404 .error-content p a:hover {
	text-decoration: underline;
}

#error404 .error-content .link-menu ul {
	float: left;
	width: 180px;
}

#error404 .error-content .link-menu ul li a {
	display: block;
	font-size: 14px;
	height: 15px;
	line-height: 15px;
	padding: 12px 0;
}

#error404 .error-content .link-menu ul li a:before {
	background: url(/images/arrow-circle-15.png) 0 0 no-repeat;
	content: "";
	display: inline-block;
	height: 15px;
	margin-right: 10px;
	vertical-align: bottom;
	width: 15px;
}

#error404 .error-content .link-menu ul li a:hover:before {
	background-position: 0 -15px;
}

#migration-message {
	border: 2px solid #139f2e;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	padding: 24px;
	width: 940px;
}

#migration-message p {
	font-size: 13px;
	line-height: 1.5;
	margin: 0;
}

#migration-message p:not(:first-of-type) {
	margin-top: .75em;
}