@charset "utf-8";

/*===============================================================

	common

=================================================================*/

* {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Osaka－等幅", Osaka, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

body, html {
	height: 100%;
}
body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Osaka－等幅", Osaka, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
	color: #000;
	width: 100%;
}

a:link		{ color: #000000; text-decoration: none; }
a:visited	{ color: #000000; text-decoration: none; }
a:hover		{ color: #000000; text-decoration: underline; }
a:active	{ color: #000000; }

a.pink:link		{ color: #F21485; text-decoration: none; }
a.pink:visited	{ color: #F21485; text-decoration: none; }
a.pink:hover	{ color: #F21485; text-decoration: underline; }
a.pink:active	{ color: #F21485; }

a.white:link	{ color: #FFFFFF; text-decoration: none; }
a.white:visited	{ color: #FFFFFF; text-decoration: none; }
a.white:hover	{ color: #FFFFFF; text-decoration: underline; }
a.white:active	{ color: #FFFFFF; }

a.orange:link		{ color: #FF6600; text-decoration: none; }
a.orange:visited	{ color: #FF6600; text-decoration: none; }
a.orange:hover		{ color: #FF6600; text-decoration: underline; }
a.orange:active		{ color: #FF6600; }

a.blue:link		{ color: #08C0F3; text-decoration: none; }
a.blue:visited	{ color: #08C0F3; text-decoration: none; }
a.blue:hover		{ color: #08C0F3; text-decoration: underline; }
a.blue:active		{ color: #08C0F3; }

a.line:link		{ color: #000000; text-decoration: underline; }
a.line:visited	{ color: #000000; text-decoration: underline; }
a.line:hover	{ color: #000000; text-decoration: none; }
a.line:active	{ color: #000000; }

img	{ border: 0; vertical-align: text-bottom; }

.clr {
	clear: left;
}
li {
	list-style: none;
}

.space {
	margin-top: 0;
}

.spaceb40 {
	margin-bottom: 40px !important;
}

.b_pink {
	border-bottom: 3px solid #F21485;
}

.b_pink2 {
	border-top: 3px solid #F21485;
}

.ttl_m {
	border-top: 3px solid #FF6600;
	color: #FF6600;
}

.ttl_p {
	border-top: 3px solid #08C0F3;
	color: #08C0F3;
}

.pc_orange {
	background: url("../images/ico_pc_orange.png") no-repeat 360px 28px;
}

.pc_blue {
	background: url("../images/ico_pc_blue.png") no-repeat 335px 28px;
}

.b_gray {
	border-bottom: 1px solid #CCCCCC;
}

.orange {
	color: #FF6600;
}

.blue {
	color: #08C0F3;
}

hr.pink {
	height: 2px;
	background: #F21485;
	border: none;
	color: #F21485;
	margin-bottom: 18px;
}

hr.dot {
	height: 1px;
	background: #FFFFFF;
	border: none;
	border-top: 1px dotted #CCCCCC;
	color: #FFFFFF;
	margin-bottom: 30px;
}

div#icon {
	width: 100%;
	height: 13px;
	margin: 0 0 10px;
	line-height: 13px;
}

div#icon > div.type {
	height: 13px;
	float: left;
	margin-right: 4px;
}

.ipadnotice {
	clear: both;
	margin-bottom: 20px;
}

#item .ipadnotice {
	margin-bottom: 5px;
}

.ipadnotice strong {
	color: #F00;
}

/*===============================================================

	index

=================================================================*/

#index {
	width: 1000px;
	min-height: 400px;
	margin: -54px auto 40px auto;
	padding: 90px 0 30px 0;
	background: #fff url(../images/index05.jpg) no-repeat;
}

#index h2 {
	font-size: 20px;
	margin-left: 40px;
}

#index h2 strong {
	color: #F21485;
	font-size: 25px;
}

#index h3 {
	color: #383838;
	font-size: 13px;
	font-weight: normal;
	margin-left: 40px;
	margin-bottom: 25px;
}

#index div {
	margin: 50px auto 0 10px;
	padding-top: 160px;
	background: url(../images/img_index.png) no-repeat top center;
}



/*===============================================================

	header

=================================================================*/


header {
	width: 100%;
	min-width: 1020px;
	height: 90px;
	background: #fff url("../images/bg_header.jpg") repeat-x top center;
	margin: 0 auto;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

header > h1 {
	position: absolute;
	top: 3px;
	left: 20px;
	line-height: 18px;
	color: #FFFFFF;
	font-size: 12px;
}

/*
header > #headarea {
	width: 1020px;
	margin: 0 auto;
	position: relative;
}

header > ul#utl {
	position: absolute;
	top: 0;
	right: 20px;
	height: 25px;
}

header > ul#utl > li {
	float: left;
	line-height: 25px;
	font-size: 11px;
	font-weight: bold;
	margin-left: 20px;
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 15px;
}

header > ul#utl > li.guide { background-image: url("../images/ico_utl_guide.png"); }

header > #headarea > div#logo {
	position: absolute;
	top: 40px;
	left: 0;
	margin: 0;
	padding: 0;
}

header > #headarea > div#pr {
	position: absolute;
	top: 55px;
	left: 475px;
	width: 192px;
	height: 36px;
}
*/

header {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;

  height: 90px;
  background: #fff;
}

.headbar {
  background-color: #F21485;
}

.headbar > div {
  height: 40px;
	width: 1020px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.headbar h1 {
	font-size: 14px;
	color: #FFFFFF;
}

.headbar .guide {
  display: inline-block;
  margin-left: 5px;
}

.headbar .guide a {
  display: flex;
  align-items: center;
  height: 26px;
  padding: 0 1em;
  background: #000;

  line-height: 1;
  color: #fff;
}

.headbar .guide a img {
height: 1.2em;
margin-right: 0.5em;
vertical-align: text-bottom
}

.headbar .guide a:hover {
  text-decoration: none;
  opacity: 0.9;
}

#headarea {
	width: 1020px;
	margin: 6px auto ;
  display: flex;
  justify-content: space-between;
  align-items: center;
}



/*===============================================================

	header pw

=================================================================*/

div#dl_pw {
	background: url("../images/bg_pink.gif");
	top: 45px;
	right: 0;
	padding: 8px 20px;
	font-size: 0.9em;
}

div#dl_pw b {
	font-size: 1.3em;
}


/*===============================================================

	nav
	
=================================================================*/

/*
nav {
	width: 100%;
	height: 34px;
	background: #fff;
	position: fixed;
	top: 90px;
	left: 0;
	z-index: 100;
}

nav > ul {
	width: 1020px;
	margin: 0 auto;
	font-size: 0;
}
nav > ul > li {
	float: left;
	height: 34px;
}

nav > ul > li:nth-last-of-type(1) {
	margin-right: 0;
}
*/

nav ul.sub {
	background: #f00a82;
	display: none;
	position: absolute;
	z-index: 110;
	box-shadow:rgba(0, 0, 0, 0.3) 0px 3px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 3px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 3px 5px 0px;
	behavior: url("../js/PIE.htc");
}

nav ul.sub li{
	float: none;
	font-size: 14px;
	line-height: 35px;
	height: 35px;
	margin: 0 10px;
}

nav.gnav {
	width: 100%;
	height: 34px;
	background: #fff;
	position: fixed;
	top: 90px;
	left: 0;
	z-index: 99;
}

nav.gnav > ul {
	width: 1020px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

nav.gnav > ul li {
	float: none;
}

nav.gnav > ul li a {
	display: block;
	line-height: 34px;
	color: #F21480;
	font-weight: bold;
	font-size: 18px;
	display: flex;
	align-items: center;
	position: relative;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

nav.gnav > ul li a:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #F21480;
	margin-right: 0.3em;
}

nav.gnav > ul li a:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 3px;
	margin: auto;
	display: inline-block;
	width: 4px;
	height: 4px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

nav.gnav > ul li a:hover {
	text-decoration: none;
	border-bottom: 2px solid #F21480;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

nav.gnav > ul li.orange a { color: #FF6602; }
nav.gnav > ul li.orange a:hover { border-color: #FF6602; }
nav.gnav > ul li.orange a:before { background: #FF6602; }
nav.gnav > ul li.red a { color: #F31110; }
nav.gnav > ul li.red a:hover { border-color: #F31110; }
nav.gnav > ul li.red a:before { background: #F31110; }



/*===============================================================

	breadcrumb
	
=================================================================*/

div#breadcrumb {
	width: 100%;
	height: 22px;
	background: #e5e6e7;
	position: fixed;
	top: 124px;
	left: 0;
	z-index: 90;
}
div#breadcrumb > div#breadcrumb-list {
	width: 1020px;
	margin: 0 auto;
	height: 22px;
	font-size: 11px;
	line-height: 11px;
	padding-top: 6px;
}

/*===============================================================

	main

=================================================================*/
div#kv_second {
	width: 1020px;
	height: 300px;
	margin: 146px auto 20px auto;
}

div#container {
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 34px;
	padding-top: 166px;
}

div#kv ~ div#container, div#kv_second ~ div#container {
	padding-top: 0;
}

div#bnr_area {
	clear: right;
	width: 1022px;
	height: 126px;
	margin: 0 auto 12px;
}

div#bnr_area > ul {
	width: 100%;
}

div#bnr_area > ul > li {
	width: 126px;
	margin: 0 10px 20px;
	float: left;
	list-style: none;
}

div#kv_second #topslider {
	position: relative;
	top: 55px;
	width: 330px;
	height: 220px;
	overflow: hidden;
}

div#kv_second.right #topslider {
	left: 660px;
}

div#kv_second.left #topslider {
	left: 31px;
}

div#kv_second #topslider .bx-wrapper {
	width: 330px;
}

div#kv_second #topslider li {
	width: 330px;
	height: 220px;
}

div#kv_second ul.topslider img {
	width: 330px;
	height: 220px;
}

div#kv_second #topmovie {
	position: relative;
	left: 677px;
	top: 30px;
	width: 320px;
	height: 240px;
	overflow: hidden;
	z-index: 0;
}


/*===============================================================

	side

=================================================================*/

aside {
	margin-bottom: 40px;
	padding: 0;
	width: 210px;
	float: right;
}

aside > div.side_reg {
	width: 210px;
	margin-bottom: 19px;
}

aside > section {
	width: 204px;
	border-bottom: 3px solid #F21485;
	border-left: 3px solid #F21485;
	border-right: 3px solid #F21485;
	margin-bottom: 15px;
}

aside > section > h2 {
	background: #F21485;
	width: 202px;
	padding: 7px 0 0 8px;
	min-height: 23px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 12px;
}


aside > .searct_aside p {
	text-align: center;
	margin-bottom: 5px;
}

aside > section > form#searchform {
	display: block;
	height: 37px;
	position: relative;
	width: 180px;
	margin: 0 12px 12px;
	background: url("../images/search_aside_bg.png") no-repeat;
}

aside > section > form#searchform > input#keywords {
	width: 120px;
	position: absolute;
	top: 7px;
	left: 10px;
	border: none;
	font-size: 16px;
	color: #666666;
	background: none;
}

aside > section > form#searchform > input#searchBtn {
	position: absolute;  
	top: 7px;
	right: 13px;
}


aside > section > div#rank {
	margin: 0 12px 15px 12px;
	width: 180px;
	min-height: 122px;
	overflow: hidden;
}

aside > section > div#rank > a.num {
	display: block;
	width: 100%;
	height: 1.2em;
	line-height: 1.2em;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	color: #fff;
	background: #ff9999;
	margin-bottom: 10px;
}

aside > section > h2 + div#rank > a.num {
	background: #f21485;
}

aside > section.blue > h2 + div#rank > a.num { background: #07c0f3; }
aside > section.blue > div#rank > a.num { background: #90def3; }
aside > section.orange > h2 + div#rank > a.num { background: #ff6600; }
aside > section.orange > div#rank > a.num { background: #fea66c; }

aside > section > div#rank > a.num:hover {
	text-decoration: none;
}

aside > section > div#rank > div.pkg {
	width: 70px;
	height: 99px;
	float: left;
}

aside > section > div#rank > p {
	width: 100px;
	float: right;
	font-size: 10px;
	text-align: left;
}

aside > section > div#oldrank {
	width: 160px;
	height: 28px;
	margin: 12px 15px;
}

aside div#payment {
	width: 184px;
	margin: 10px 3px;
}

aside > div#gray {
	width: 204px;
	border: 3px solid #ccc;
	margin-bottom: 18px;
}

aside > div#gray > h2 {
	background: #CCCCCC;
	width: 202px;
	padding: 7px 0 0 8px;
	height: 23px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 12px;
}

aside > div#gray > p {
	font-size: 10px;
	line-height: 14px;
	color: #000000;
	margin: 12px;
}

aside > div#gray > div.plugin {
	margin: 10px 0;
	text-align: center;
}

aside > div#gray > div.exam {
	margin: 10px 0;
	text-align: center;
}

aside hr.pink, aside hr.orange, aside hr.blue {
	height: 2px;
	background: #ccc;
	border: none;
	color: #ccc;
	margin-bottom: 18px;
}

aside > div.side_bnr01 {
	width: 210px;
	margin-bottom: 15px;
}

aside > div.side_bnr02 {
	width: 210px;
}

aside > div.side_bnr02 img {
	width: 210px;
	margin-bottom: 10px;
}

aside ul.more {
	margin: 0 0 7px 15px;
}

aside ul.more > li {
	list-style-image: url("../images/ico_black2.png");
	list-style-position: inside;
	font-size: 10px;
}

aside > section > ul.list {
	margin: 18px 0 20px 15px;
}

aside > section > ul.list > li {
	width: 174px;
	font-size: 12px;
	line-height: 20px;
}

aside > section > ul.list > li.pink { list-style-image: url("../images/ico_pink.png"); list-style-position: inside; }
aside > section > ul.list > li.orange { list-style-image: url("../images/ico_orange.png"); list-style-position: inside; }
aside > section > ul.list > li.blue { list-style-image: url("../images/ico_blue.png"); list-style-position: inside; }

aside > section > ul.view {
	margin: 0 0 7px 15px;
}

aside > section > ul.view > li {
	list-style-image: url("../images/ico_more.png");
	list-style-position: inside;
	font-size: 11px;
}

aside > section > ul.genre {
	margin: 0 0 7px 12px;
}

aside > section > ul.genre > li {
	font-size: 11px;
}

aside > section > ul.genre > li.pink { list-style-image: url("../images/ico_more.png"); list-style-position: inside; }
aside > section > ul.genre > li.orange { list-style-image: url("../images/ico_more_orange.png"); list-style-position: inside; }
aside > section > ul.genre > li.blue { list-style-image: url("../images/ico_more_blue.png"); list-style-position: inside; }

aside > section .slider li {
	margin: 0 17px;
}



/*===============================================================

	content

=================================================================*/
#container {
	overflow: hidden;
}

article {
	width: 785px;
	margin: 0 25px 0 0;
	padding: 0;
}

#container > article {
	float: left;
}

article .bd-b { 
	border-bottom: 3px solid #F21485;
}

article .bd-t { 
	border-top: 3px solid #F21485;
}

.form th {
	text-align: right;
	padding: 15px 10px 15px 0;
	vertical-align: top;
	white-space: nowrap;
}

.form td {
	min-width: 250px;
}

form input[type="text"], form input[type="password"], form textarea {
	width: 230px;
	padding: 1px 5px;
	border: 1px solid #ccc;
	font-size: 1.2em;
	outline: none;
}

form .conf, .form .conf {
	color: #F21485;
	font-weight: bold;
	padding-bottom: 15px;
}

.fcmmt {
	clear: both;
	font-size: 0.8em;
	color: #999;
}

form .notice {
	color: #F00;
	font-size: 0.85em;
	line-height: 1.8;
}


.btnBox_pink {
	width: 500px;
	margin: 0 auto;
	overflow: hidden;
}

.btnBox_pink .btn_pink {
	float: left;
	margin: 0 30px;
}

.btn_pink {
	width: 186px;
	height: 36px;
	background: #ef0a81;
	border: 2px solid #ff98cd;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	cursor: pointer;
}

.btn_gray {
	background: #b1b1b1;
	border: 2px solid #d2d2d2;
}

.btn_pink:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

.btn_pink a {
	display: block;
	width: 186px;
	height: 36px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	position: relative;
}

.btn_pink input[type="submit"], .btn_pink button {
	width: 186px;
	height: 36px;
	background: none;
	border: none;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}

.btn_pink .btn_next {
	background: url(../images/btn_next.gif) no-repeat 165px center;
}

.btn_pink .btn_prev {
	background: url(../images/btn_prev.gif) no-repeat 10px center;
}

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



article > section#service {
	width: 785px;
	margin-bottom: 19px;
	overflow: hidden;
}

article > section#service div.s01 {
	width: 384px;
	float: left;
}

article > section#service div.s02 {
	width: 384px;
	float: right;
}

article > section {
	margin-bottom: 12px;
}

article > section > h2 {
	width: 100%;
	height: 30px;
	margin-bottom: 15px;
}

article > section > div#new {
	width: 745px;
	padding: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}

article > section > div#new > div#item {
	width: 240px;
	height: 336px;
	padding: 3px;
	float: left;
}

article > section > div#new > div#desc {
	width: 455px;
	float: right;
}

article > section > div#new > ul {
	width: 471px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}

article > section > div#new > ul > li {
	width: 142px;
	list-style: none;
	margin-left: 15px;
	float: left;
}

article > section > div#new > div#desc > div.icon {
	margin-bottom: 19px;
}

article > section > div#new > div#desc > h3 {
	width: 460px;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 10px;
}

article > section > div#new > div#desc > div.cat {
	font-size: 10px;
	line-height: 10px;
	color: #F21485;
	margin-bottom: 18px;
}

article > section > div#new > div#desc > p {
	width: 444px;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	margin-bottom: 25px;
}

article > section > div.monthly { background: url("../images/bg_monthly.png"); }
article > section > div.ppv { background: url("../images/bg_ppv.png"); }
article > section > div.sub { background: url("../images/bg_sub.png"); }
article > section > div.pink { background: url("../images/bg_pink.gif"); }
article > section > div#new > div.orange { background: url("../images/frame_orange.png"); }
article > section > div#new > div.blue { background: url("../images/frame_blue.png"); }
article > section > div#new > div.white { background: url("../images/frame_white.png"); }
article > section > div#new > div.pink { background-color:#F21486 }

article > section > div#item_list {
	width: 783px;
	padding-left: 2px;
	margin-bottom: 12px;
}

article > section > div#item_list > div#item_float_left {
	width: 140px;
	margin: 0 8px 5px;
	float: left;
}

article > section > div#item_list > div#item_float_left > div.item_img {
	width: 140px;
	height: 198px;
	margin-bottom: 5px;
}

article > section > div#item_list > div#item_float_left > h3 {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 5px;
}

article > section > div#item_list > div#item_float_left > h3.short {
	height: 3.3em;
}

article > section > div#item_list > div#item_float_left > div.ttl {
	font-size: 11px;
	line-height: 16px;
	margin-bottom: 5px;
}

article > section > div#item_list > div#item_float_left > div.cat {
	font-size: 10px;
	line-height: 12px;
	color: #F21485;
	margin-bottom: 12px;
}

article > section > div#item_list > div#item_float_left > p {
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	margin-bottom: 25px;
}

/* update btn */

article > section > div#update {
	clear: left;
	position: relative;
	width: 370px;
	height: 30px;
	margin: 0 auto 37px;
	text-align: center;
}

article > section > div#update > div.plan {
	width: 179px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
}

article > section > div#update > div.old {
	width: 179px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 0;
}


/* item big small float left */

article > section > div#item_big {
	width: 243px;
	float: left;
	margin-right: 6px;
}

article > section > div#item_big > div.item_img {
	width: 243px;
	height: 347px;
}

article > section > div#item_big > p.catch {
	color: #F21485;
	margin-bottom: 12px;
	font-size: 11px;
	line-height: 11px;
}

article > section > div#item_big > h3 {
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	margin-bottom: 5px;
}

article > section > div#item_big > p.desc {
	font-size: 11px;
	line-height: 13px;
	color: #000000;
}

article > section > div#item_float_left02 {
	width: 112px;
	margin: 0 11px 30px;
	float: left;
}

article > section > div#item_float_left02 > div.item_img {
	width: 112px;
	height: 158px;
	margin-bottom: 8px;
}

article > section > div#item_float_left02 > h3 {
	height: 3.2em;
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	margin-bottom: 5px;
}

/* actress */

article > section > div#act_list {
	width: 780px;
	padding-left: 5px;
}

article > section > div#act_list > div#act_float_left {
	width: 107px;
	margin: 0 11px 32px;
	float: left;
}

article > section > div#act_list > div#act_float_left > div.act_pink {
	background: url("../images/frame_act_pink.png");
	width: 103px;
	height: 103px;
	padding: 2px;
	margin-bottom: 6px;
}

article > section > div#act_list > div#act_float_left > div.act_name {
	font-size: 12px;
	line-height: 12px;
}

/* searchform */

article > section > form#searchform {
	display: block;
	height: 37px;
	position: relative;
	width: 785px;
}

article > section > form#searchform > input#keywords {
	width: 725px;
	position: absolute;
	top: 7px;
	left: 16px;
	border: none;
	font-size: 16px;
	color: #666666;
	background: none;
}

article > section > form#searchform > input#searchBtn {
	position: absolute;  
	top: 7px;
	right: 21px;
}

article > section > form.orange { background: url("../images/input01.png"); }
article > section > form.blue { background: url("../images/input02.png"); }
article > section > form.pink { background: url("../images/search_bg.png"); }

/* ranking */

div#rank {
	width: 100%;
	text-align: center;
	margin: 18px 0 10px
}

/* half */

article > section#right {
	float: right;
	width: 380px;
}

article > section#left {
	float: left;
	width: 380px;
}

article > section > div#half {
	width: 378px;
	height: 670px;
	padding: 20px 0 10px 2px;
	margin-bottom: 46px;
	position: relative;
	overflow: hidden;
}

article > section > div#half > div#half_btn {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 34px;
	text-align: center;
}

div#act_float_left2 {
	width: 107px;
	margin: 0 9px 27px;
	float: left;
}

div#act_float_left2 > div.act_gray {
	background: url("../images/frame_act_gray.png");
	width: 103px;
	height: 103px;
	padding: 2px;
	margin-bottom: 6px;
}

div#act_float_left2 > div.act_name {
	font-size: 12px;
	line-height: 12px;
}

div#scene_float_left2 {
	width: 160px;
	margin: 0 14px 12px;
	float: left;
}

div#scene_float_left2 > div.scene_img {
	width: 160px;
	height: 110px;
	margin-bottom: 5px;
}

div#scene_float_left2 > div.scene_ttl {
	font-size: 11px;
	height: 3em;
	font-weight: bold;
	line-height: 14px;
}

/* item */

article > section#item {
	margin-bottom: 12px;
}

article > section#item > .monthly {
	background: url("../images/bg_pink.gif");
	margin-bottom: 20px;
}

article > section#item h2 {
	width: 745px;
	padding: 10px 20px;
	font-size: 15px;
	margin-bottom: 0;
}

article > section#item > h3 {
	width: 100%;
	height: 25px;
	font-size: 14px;
	margin-bottom: 25px;
}
article > section#item div#pkg {
	width: 697px;
	height: 493px;
	margin: 0 auto;
}

article > section#item > dl {
	float: left;
	width: 384px;
	font-size: 12px;
	line-height: 22px;
	position: relative;
	margin-bottom: 50px;
}

article > section#item > dl > dt {
	width: 84px;
	position: absolute;
	left: 0;
}

article > section#item > dl > dd {
	border-bottom: 1px dotted #999999;
	padding-left: 84px;
}

article > section#item > dl > dd > a {
	display: inline-block;
}

article > section#item > div#desc {
	float: right;
	width: 380px;
	position: relative;
}

article > section#item > div#desc > p {
	font-size: 12px;
	line-height: 20px;
	color: #000000;
}

article > section#item > div#desc > div#streaming {
	position: absolute;
	top: 135px;
	right: 0;
}

article > section#item > div#desc > div#download {
	position: absolute;
	top: 135px;
	left: 0;
}

article > section#item > div#desc > p.att {
	position: absolute;
	top: 190px;
	left: 0;
	font-size: 10px;
	line-height: 15px;
	color: #000000;
}

article > section#item > div#desc > div.smp {
	position: absolute;
	top: 230px;
	left: 0;
}
article > section#item > div#desc > p.smp2 {
	position: absolute;
	top: 290px;
	left: 0;
	line-height: 20px;
	text-align:center;
	width:100%;
}

article > section#item > div#dl_notice {
	width: 745px;
	padding: 15px;
	min-height: 92px;
	position: relative;
	border: 5px solid #ffd7d7;
	clear: left;
	margin-bottom: 20px;
}

article > section#item > div#dl_notice h3 {
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom: 15px;
}

article > section#item > div#dl_notice h3 span {
	color: #F21485;
}

article > section#item > div#dl_notice p strong {
	color: #F00;
}

article > section#item > div#dl_notice .dl_help {
	margin-top: 20px;
	text-align: right;
}

article > section#item > div#dl_notice .dl_help a {
	margin-left: 15px;
}


/* 2021.11.08 追加*/
article > section#item .itemdata {
display: flex;
margin-bottom: 30px;
}

article > section#item .itemdata dl {
  flex: 1 1 auto;
  margin-right: 20px;
  font-size: 12px;
  line-height: 22px;
  position: relative;
  margin-bottom: 50px;
}

article > section#item .itemdata > dl > dt {
	width: 84px;
	position: absolute;
	left: 0;
}

article > section#item .itemdata > dl > dd {
	border-bottom: 1px dotted #999999;
	padding-left: 84px;
}

article > section#item .itemdata > dl > dd > a {
	display: inline-block;
}

article > section#item .itemdata div#desc {
  text-align: center;
	width: 380px;
}

article > section#item .itemdata .description {
	font-size: 12px;
  text-align: left;
	line-height: 20px;
  margin-bottom: 20px;
}

article > section#item .itemdata p.att {
	font-size: 10px;
	line-height: 15px;
	color: #000000;
}

article > section#item #streaming .btn a:hover,
article > section#item #download .btn a:hover,
article > section#item #dl_notice .dl_help a:hover {
text-decoration: none;
}

article > section#item #streaming .btn a,
article > section#item #download .btn a {
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2em;
color: #fff;
font-size: 17px;
font-weight: bold;
line-height: 1;
box-shadow: inset 0px 3px 2px 0px rgba(256, 256, 256, 0.5), inset 0px -2px 4px -2px rgba(0, 0, 0, 0.5);
margin-bottom: 5px;
}

article > section#item #streaming .btn img,
article > section#item #download .btn img {
height: 1.5em;
margin-right: 0.5em;
}


article > section#item #streaming .btn a {
background:linear-gradient(#AE75FF, #9659FF);
}

article > section#item #download .btn a {
background:linear-gradient(#F851AE, #F53796);
}

article > section#item #streaming {
margin-bottom: 15px;
}

article > section#item #desc .att {
margin-top: 10px;
}

article > section#item #dl_notice .dl_help a {
display: inline-block;
background: #555;
border: 2px solid #999;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 1;
padding: 0.4em 1em;
}

article > section#item .guidelink {
color: #F00B82 !important;
padding-left: 1em;
background: url(/images/ico_more.png) no-repeat center left;
}
/* 2021.11.08 追加*/




article > section#item > div.adarea {
	background: url("../images/bg_sub.png");
	padding: 20px;
	text-align: center;
	margin-bottom: 45px;
}
article > section#item > div.adarea > p img {
	width: 100%;
}

article > section#item > div.adarea > p+p	 {
	margin-top: 15px;
}



article > section > ul#scene {
	width: 784px;
	padding-left: 1px;
	overflow: hidden;
	margin-bottom: 12px;
}

article > section > ul#scene > li {
	width: 180px;
	margin: 0 8px 15px;
	float: left;
	list-style: none;
}

article > section > ul#scene > li > img {
	width: 180px;
	height: 101px;
}


/* list */

article > section > div#page {
	width: 100%;
	font-size: 12px;
	line-height: 16px;
	height: 20px;
	color: #F21485;
	position: relative;
	margin-bottom: 25px;
}

article > section > div#page > p#ctrl {
	position: absolute;
	left: 0;
	top: 0;
}

article > section > div#page > p#ctrl2 {
	position: absolute;
	left: 0;
	bottom: 0;
}

article > section > div#page > h2 {
	position: absolute;
	right: 150px;
	top: 0;
	font-weight: normal;
	font-size: 12px;
}

article > section > div#page > p#viewnum {
	position: absolute;
	right: 0;
	top: 0;
}

article > section > div#page > p#viewnum2 {
	position: absolute;
	right: 0;
	bottom: 0;
}

article > section > div#item_result {
	float: left;
	width: 392px;
	height: 250px;
	position: relative;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: bold;
}

article > section > div#item_result > div#img {
	width: 160px;
	height: 226px;
}

article > section > div#item_result > div#ttl {
	position: absolute;
	left: 182px;
	top: 0;
	width: 180px;
}

article > section > div#item_result > p#act {
	position: absolute;
	left: 182px;
	top: 112px;
	width: 180px;
}

article > section > div#item_result > p#cat {
	position: absolute;
	left: 182px;
	top: 130px;
	width: 180px;
}

article > section > div#item_result > ul {
	position: absolute;
	top: 185px;
	left: 182px;
	height: 12px;
}

article > section > div#item_result > ul > li {
	float: left;
	height: 12px;
	margin-right: 3px;
	list-style: none;
}

article > section > div#item_result > div#detail {
	position: absolute;
	left: 182px;
	top: 206px;
	width: 180px;
}

/* help */
article > section#help > h2 {
	width: 100%;
	height: 30px;
	font-size: 20px;
	margin-bottom: 20px;
	border-bottom: 3px solid #F21485;
}

article > section#help > p {
	width: 100%;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 20px;
}

section#help > section.help {
	width: 360px;
	float: left;
	margin-bottom: 50px;
	*margin-right: 30px;
	background: url(../images/bg_gray.gif);
}

html>/**/body section#help > section.help { margin-right /*\**/: 30px\9 }

section#help > section.help:nth-child(odd) {
	margin-right: 65px;
}

section#help > section.help h3 {
	height: 36px;
	padding-left: 15px;
	background: #ef0a81 url(../images/btn_next.gif) no-repeat 330px center;
	border: 2px solid #ff98cd;
	line-height: 36px;
	margin: 0 auto;
}

section#help > section.help h3 a {
	display: block;
	color: #fff;
	font-weight: normal;
}

section#help > section.help li {
	padding: 0 20px 0 38px;
	background: url(../images/ico_black2.png) no-repeat 20px 0.5em;
	margin: 15px 0;
}

section#help > section.help .more {
	width: 110px;
	height: 12px;
	background: url(../images/btn_faq_more.png) no-repeat;
	margin: 0 10px 10px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	font-size: 0;
	cursor: pointer;
}

section#help > section.help .more.active { 
	width: 48px;
	font-size: 15px;
	height: 12px;
	background: url(../images/btn_faq_close.png) no-repeat;
}





section#faq > .help {
	border-bottom: 3px solid #F21485;
}

section#faq > .help li {
	padding-left: 20px;
	background: url(../images/ico_black.png) no-repeat left 0.5em;
	margin: 15px 0;
}

/* faq */
article > section#faq > h2 {
	width: 100%;
	height: 30px;
	font-size: 20px;
	margin-bottom: 20px;
	border-bottom: 3px solid #F21485;
}

article > section#faq > h3 {
	width: 100%;
	height: 30px;
	font-size: 18px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #F21485;
}

article > section#faq > ul {
	width: 785px;
	margin-bottom: 20px;
}

article > section#faq > ul > li {
	width: 100%;
	list-style-image: url("../images/ico_black.png");
	list-style-position: inside;
	font-size: 12px;
	line-height: 25px;
}

section#faq > section+section {
	padding-top: 170px;
}

section#faq > section.faq h3 {
	min-height: 30px;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 18px;
	border-bottom: 1px dotted #F21485;
	background: url(../images/ico_black2.png) no-repeat left 28px;
	padding: 20px 0 0 20px;
}

section#faq > section.faq > div {
	padding: 0 20px;
	background: url(../images/ico_arrow.gif) no-repeat left 0.5em;
}

section#faq > section.faq > div a {
	color: #F21485;
}

section#faq > section.faq > div > ul > li {
	list-style: disc;
	margin: 10px 0 10px 20px;
}

section#faq > section.faq > div > dl > dt {
	font-size: 15px;
	color: #F21485;
}

section#faq > section.faq > div > dl > dd {
	margin-bottom: 20px;
}

section#faq > section.faq > div > p + ol,
section#faq > section.faq > div > p + dl {
	margin-top: 20px;
}

section#faq > section.faq > div ol > li {
	list-style: decimal;
	margin: 0 0 30px 20px;
}

section#faq > section.faq > div .img {
	text-align: center;
	margin: 5px 0;
}




section#faq .faq ol li {
	overflow: hidden;
	margin-top: 40px;
}

section#faq .faq ol li:first-child {
	margin-top: 0;
}

section#faq .faq .guide_ttl {
	font-size: 15px;
	margin-bottom: 10px;
	padding-right: 430px;
}

section#faq .faq .guide_img {
	float: right;
}

section#faq .faq .guide_txt {
	padding-right: 430px;
}






section#faq > section.faq .pagetop a {
	display: block;
	width: 88px;
	height: 12px;
	background: url(../images/btn_faq_pagetop.png) no-repeat;
	margin: 15px 0 10px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	font-size: 0;
}


/* guide */

article > section#guide > p#intro {
	width: 100%;
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 20px;
}

article > section#guide .guide01 {
	min-height: 400px;
	padding: 80px 20px 20px 20px;
	margin-top: -60px;
}
article#orange > section#guide .guide01 { background: url(../images/bg_guide_orange.png) repeat-x top; }
article#blue > section#guide .guide01 { background: url(../images/bg_guide_blue.png) repeat-x top; }


article > section#guide h3 {
	width: 100%;
	font-size: 25px;
	margin-bottom: 10px;
}
article#orange > section#guide h3 { color: #FF6600; }
article#blue > section#guide h3 { color: #08C0F3; }

article > section#guide .point li {
	min-height: 60px;
	padding: 5px 0 5px 65px;
	margin-bottom: 10px;
	font-size: 17px;
}
article#orange .p1 { background: url(../images/ico_p1orange.png) no-repeat left top;}
article#orange .p2 { background: url(../images/ico_p2orange.png) no-repeat left top;}
article#orange .p3 { background: url(../images/ico_p3orange.png) no-repeat left top;}
article#blue .p1 { background: url(../images/ico_p1blue.png) no-repeat left top;}
article#blue .p2 { background: url(../images/ico_p2blue.png) no-repeat left top;}
article#blue .p3 { background: url(../images/ico_p3blue.png) no-repeat left top;}

article#orange > section#guide .point strong { color: #FF6600; }
article#blue > section#guide .point strong { color: #08C0F3; }


article > section#guide .btn_regist {
	position: relative;
	margin: 15px auto 0 165px;
	z-index: 50;
}
article#orange > section#guide .btn_regist 	{ background: url(../images/btn_reg_orange.png) no-repeat; }
article#blue > section#guide .btn_regist { background: url(../images/btn_reg_blue.png) no-repeat; }

article > section#guide .btn_regist a {
	display: block;
	width: 452px;
	height: 50px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0;
}


article > section#guide .guide02 {
	position: relative;
	top: -130px;
	padding: 100px 0 20px 210px;
	margin-bottom: -100px;
}
article#orange > section#guide .guide02 { background: url(../images/img_guide01.png) no-repeat top left; }
article#blue > section#guide .guide02 { background: url(../images/img_guide02.png) no-repeat top left; }

article > section#guide h4 {
	width: 100%;
	font-size: 18px;
	margin-bottom: 10px;
}
article#orange > section#guide h4 { color: #08C0F3; }
article#blue > section#guide h4 { color: #FF6600; }

article > section#guide .guide02 a {
	display: block;
	width: 160px;
	height: 38px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0;
	margin-top: 10px;
}

article#orange > section#guide .guide02 a	{ background: url(../images/cate01.png) no-repeat 0 -76px; }
article#blue > section#guide .guide02 a	{ background: url(../images/cate02.png) no-repeat 0 -76px; }


article > section#guide .step h3 {
	font-size: 20px;
}

article > section#guide .step dt {
	margin: 30px 0 10px 0;
}

article > section#guide .step dd {
	border-bottom: 1px dotted #ccc;
}

article > section#guide .step .img {
	text-align: center;
	margin-top: 15px;
}

article > section#guide .step .pagetop a {
	display: block;
	width: 88px;
	height: 12px;
	background: url(../images/btn_guide_pagetop.png) no-repeat;
	margin: 15px 0 10px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	font-size: 0;
}





/* list */
div.page {
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	overflow: hidden;
}

div.page p, div.page ol {
	float: left;
}

div.page .first, div.page .prev, div.page .next, div.page .last {
	display: block;
	width: 12px;
	height: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 2px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	font-size: 0;
}

div.page .num {
	margin: 0 10px;
}

div.page .viewnum2 {
	float: right;
}

div.page select {
	float: right;
}

div.page ol {
	margin: 0 5px;
	letter-spacing: -0.4em;
}

div.page li {
	letter-spacing: normal;
	display: inline-block;
    *display: inline;
    *zoom: 1;
	padding: 0 5px;
}

div.page li:before {
	content: "|";
	padding-right: 10px;
}

div.page li:first-child:before {
	display: none;
}

div.page p + ol:before {
	content: "|";
	padding-right: 10px;
}

div.page ol + p:before {
	content: "|";
	padding-right: 10px;
}

div.page .current {
	color: #000;
}

.list_line {
	overflow: hidden;
	padding-top: 40px;
	margin-bottom: 40px;
}

.list_line ~ .list_line {
	border-top: 1px dotted #ccc;
}

.list_line .item_result:first-child {
	margin-right: 65px;
}

.item_result {
	width: 360px;
	min-height: 225px;
	float: left;
	overflow: hidden;
	position: relative;
}

.item_result h3 {
	width: 180px;
	height: 80px;
	font-size: 15px;
	font-weight: normal;
	position: absolute;
	top: 0;
	left: 180px;
}

.item_result p, .item_result dl {
	width: 180px;
	float: left;
}

.item_result .img {
	width: 160px;
	margin-right: 20px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	background: #F21485;

}

.item_result .img span {
	font-size: 16px;
}

.item_result .img img {
	width: 160px;
	vertical-align: text-bottom;
}

.item_result .txt {
	font-size: 11px;
	margin-top: 7.3em;
	padding-bottom: 20px;
}

.item_result .txt dd {
	margin-bottom: 5px;
}

.item_result .txt li {
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	padding-right: 5px;
}

.item_result .txt li:after {
	content: "/";
	margin-left: 5px;
}

.item_result .txt li:last-child:after {
	display: none;
}

.item_result p.icon {
	position: absolute;
	left: 180px;
	bottom: 2px;
	width: 74px;
	height: 13px;
	text-align: left;
}

p.icon img {
	margin-right: 5px;
	vertical-align: top;
	
}

.item_result p.btn_detail {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 93px;
	height: 17px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	font-size: 0;
}

.item_result p.btn_detail a {
	display: block;
	width: 93px;
	height: 17px;
}


.list2 {
	overflow: hidden;
	border-top: 1px dotted #ccc;
	*padding-bottom: 50px;
}

.list2 .list_date {
	clear: both;
	padding: 5px 0 5px 20px;
	background: url(../images/bg_gray.gif);
	background: url(../images/ico_black2.png) no-repeat 5px center, url(../images/bg_gray.gif);
	margin-bottom: 20px;
	font-size: 15px;
}

.list2 .item_result {
	width: 160px;
	margin: 0 35px 50px 0;
	padding-top: 20px;
	text-align: center;
}

.list2 .item_result .img {
	margin: 0;
}

.list2 .item_result .icon {
	top: 0;
	left: 0;
}

.list2 .item_result p.btn_detail {
	position: static;
	margin-top: 10px;
	float: right;
}



/* actress search */
section.actress {
	padding: 20px;
	margin-bottom: 40px;
	overflow: hidden;
	position: relative;
}

section.actress h2 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0 0 10px 220px;
}

section.actress .img {
	position: absolute;
	top: 20px;
	left: 30px;
}

section.actress .img img {
	width: 200px;
	height: 200px;
}

section.actress dl {
	float: left;
	margin-left: 220px;
	min-height: 180px;
	font-size: 0.9em;
}

section.actress dt {
	float: left;
	clear: both;
	color: #F21485;
	width: 7.5em;
}

section.actress dd {
	padding-left: 7.5em;
	margin-bottom: 10px;
}

section.actress ul {
	width: 725px;
	margin: 0 auto;
	text-align: center;
	clear: both;
}

section.actress li {
	display: inline;
	margin: 0 7px;
}

section.actress li img {
	border-style: solid;
	border-width: 2px;
	max-height: 250px;
}

section.actress p.link {
	position: absolute;
	top: 10px;
	right: 10px;
}

section.actress p.link a {
	font-size: 0.8em;
	padding-left: 15px;
}



/* PV ranking */
section.rank {
	background: url(../images/bg_pink.gif);
}

section.rank.pv {
	margin-top: 20px;
	padding: 20px;
	overflow: hidden;
	position: relative;
}

section.rank.pv h3 {
	width: 470px;
	height: 50px;
	font-size: 20px;
	font-weight: normal;
	position: absolute;
	top: 50px;
	left: 295px;
}

section.rank.pv p, section.rank.pv dl {
	width: 470px;
	float: left;
}

section.rank.pv .img {
	width: 240px;
	padding: 2px;
	margin-right: 30px;
	font-size: 18px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}

section.rank.pv.no1 .img {
	background: #d4a119 url(../images/bg_no1.gif) repeat-x top;
}

section.rank.pv.no2 .img {
	background: #9ca3a5 url(../images/bg_no2.gif) repeat-x top;
}

section.rank.pv .img span {
	font-size: 22px;
}

section.rank.pv .img img {
	width: 240px;
	vertical-align: text-bottom;
}

section.rank.pv p.txt {
	font-size: 11px;
	min-height: 4em;
	margin-top: 9em;
}

section.rank.pv dl.txt {
	margin-top: 25px;
	font-size: 11px;
	padding-bottom: 110px;
}

section.rank.pv .txt dd {
	margin-bottom: 5px;
}

section.rank.pv .txt dt {
	float: left;
	clear: both;
	width: 50px;
}

section.rank.pv .txt dd {
	width: 410px;
	padding-left: 60px;
}

section.rank.pv .txt li {
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	padding-right: 5px;
}

section.rank.pv .txt li:after {
	content: "/";
	margin-left: 5px;
}

section.rank.pv .txt li:last-child:after {
	display: none;
}


section.rank.pv .thum {
	position: absolute;
	right: 15px;
	bottom: 20px;
	overflow: hidden;
	width: 483px;
}

section.rank.pv .thum li {
	float: left;
	margin: 0 8px;
}

section.rank.pv .thum li img {
	width: 145px;
	vertical-align: text-bottom;
}

section.rank.pv p.icon {
	position: absolute;
	left: 295px;
	top: 30px;
}

section.rank.pv p.icon img {
	margin-right: 5px;
}




/* actress ranking */
section.rank.act {
	margin-top: 20px;
	padding: 20px;
	overflow: hidden;
	position: relative;
}

section.rank.act h3 {
	min-width: 200px;
	font-size: 18px;
	line-height: 1;
	text-align: center;
	font-weight: normal;
	position: absolute;
	top: 255px;
	left: 20px;
}

section.rank.act h3 span {
	font-size: 15px;
}

section.rank.act .act {
	width: 200px;
	padding: 2px;
	margin-right: 20px;
	font-size: 18px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	float: left;
}

section.rank.act.no1 .act {
	background: #d4a119 url(../images/bg_no1.gif) repeat-x top;
}

section.rank.act.no2 .act {
	background: #9ca3a5 url(../images/bg_no2.gif) repeat-x top;
}

section.rank.act .act span {
	font-size: 22px;
}

section.rank.act .act img {
	width: 200px;
	vertical-align: text-bottom;
}

section.rank.act .item {
	width: 140px;
	float: left;
	font-size: 11px;
	margin-left: 25px;
}

section.rank.act .item .ttl {
	height: 4em;
}

section.rank.act .item .img img {
	height: 200px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
}

section.rank.act .icon {
	height: 13px;
	padding: 6px 0;
	margin-bottom: 5px;
}

.list_line .act_result {
	overflow: hidden;
}

.list_line .act_result:first-child {
	margin-right: 65px;
}

.act_result {
	width: 360px;	
	float: left;
	overflow: hidden;
	position: relative;
}

.act_result .act {
	width: 140px;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	float: left;
	margin-bottom: 50px;
	background: #F21485;
}

.act_result .act span {
	font-size: 16px;
}

.act_result .act img {
	width: 138px;
	vertical-align: text-bottom;
	border: 1px solid #F21485;
}

.act_result h3 {
	width: 140px;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	font-weight: normal;
	position: absolute;
	top: 165px;
	left: 0;
}

.act_result h3 span {
	font-size: 13px;
}

.act_result .item {
	width: 100px;
	float: left;
	font-size: 11px;
	margin-left: 10px;
}

.act_result .item .img img {
	width: 100px;
}

.act_result .icon {
	height: 13px;
	padding: 0;
	margin-bottom: 5px;
}




/*----- pink -----*/
#pink .bd-t { border-top: 3px solid #F21485; clear: both; }
#pink .bd-b { border-bottom: 3px solid #F21485; clear: both; }
#pink div.page { color: #F21485; }
#pink div.page .first { background-image: url(../images/btn_first_pink.gif); }
#pink div.page .prev { background-image: url(../images/btn_prev_pink.gif); }
#pink div.page .next { background-image: url(../images/btn_next_pink.gif); }
#pink div.page .last { background-image: url(../images/btn_last_pink.gif); }
#pink div.page a:link { color: #F21485; text-decoration: none; }
#pink div.page a:visited	{ color: #F21485; text-decoration: none; }
#pink div.page a:hover { color: #F21485; text-decoration: underline; }
#pink div.page a:active { color: #F21485; }
#pink p.btn_detail { background: url(../images/btn_detail_pink.gif) no-repeat; }
#pink section.actress {	background: url(../images/bg_pink.gif); }
#pink section.actress li img { border-color: #F21485; }
#pink section.actress p.link a { color: #F21485; background: url(../images/ico_more.png) no-repeat left center;}

/*----- orange -----*/
#orange .bd-t { border-top: 3px solid #FF6600; clear: both; }
#orange .bd-b { border-bottom: 3px solid #FF6600; clear: both; }
#orange div.page { color: #FF6600; }
#orange div.page .first { background-image: url(../images/btn_first_orange.gif); }
#orange div.page .prev { background-image: url(../images/btn_prev_orange.gif); }
#orange div.page .next { background-image: url(../images/btn_next_orange.gif); }
#orange div.page .last { background-image: url(../images/btn_last_orange.gif); }
#orange div.page a:link { color: #FF6600; text-decoration: none; }
#orange div.page a:visited	{ color: #FF6600; text-decoration: none; }
#orange div.page a:hover { color: #FF6600; text-decoration: underline; }
#orange div.page a:active { color: #FF6600; }
#orange p.btn_detail { background: url(../images/btn_detail_orange.gif) no-repeat; }
#orange section.actress, #orange section.rank {	background: url(../images/bg_ppv.png); }
#orange section.actress li img { border-color: #FF6600; }
#orange section.actress p.link a { color: #FF6600; background: url(../images/ico_more_orange.png) no-repeat left center;}
#orange .item_result .img, #orange .act_result .act { background: #FF6600; }

/*----- blue -----*/
#blue .bd-t { border-top: 3px solid #08C0F3; clear: both; }
#blue .bd-b { border-bottom: 3px solid #08C0F3; clear: both; }
#blue div.page { color: #08C0F3; }
#blue div.page .first { background-image: url(../images/btn_first_blue.gif); }
#blue div.page .prev { background-image: url(../images/btn_prev_blue.gif); }
#blue div.page .next { background-image: url(../images/btn_next_blue.gif); }
#blue div.page .last { background-image: url(../images/btn_last_blue.gif); }
#blue div.page a:link { color: #08C0F3; text-decoration: none; }
#blue div.page a:visited { color: #08C0F3; text-decoration: none; }
#blue div.page a:hover { color: #08C0F3; text-decoration: underline; }
#blue div.page a:active { color: #08C0F3; }
#blue p.btn_detail { background: url(../images/btn_detail_blue.gif) no-repeat; }
#blue section.actress, #blue section.rank {	background: url(../images/bg_monthly.png); }
#blue section.actress li img { border-color: #08C0F3; }
#blue section.actress p.link a { color: #08C0F3; background: url(..images/ico_more_blue.png) no-repeat left center;}
#blue .item_result .img, #blue .act_result .act { background: #08C0F3; }



/* login , logout */
#login {
	width: 820px;
	margin: 0 auto;
	line-height: 1.8;
	position: relative;
}

#signupBox, #loginBox {
	float: left;
	width: 350px;
	height: 240px;
	max-height: 255px;
	padding: 20px 25px;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url("../js/PIE.htc");
	position: relative;
}

#logout {
	width: 350px;
	margin: 0 auto;
	padding: 20px 25px;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
}
	
#signupBox .ttl, #loginBox .ttl, #logout .ttl {
	color: #ef0a81;
	font-size: 1.7em;
	margin-bottom: 15px;
}

#loginBox .ttl {
	margin-bottom: 0;
}

#loginBox input[type="text"], #loginBox input[type="password"]  {
	width: 190px;
}

#loginBox td {
	min-width: 50px;
}

#signupBox {
	background: #fff url(../images/img_login.jpg) no-repeat top right;
	margin-right: 20px;
	position: relative; 
}

#signupBox .ttl {
	position: absolute;
	top: 20px;
	left: 20px;
}

#signupBox p.txt {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	font-size: 0;
}

#signupBox p.txt a.link-ppv {
	display: block;
	width: 80px;
	height: 20px;
	position: absolute;
	top: 120px;
	left: 210px;
}

#signupBox p.txt a.link-monthly {
	display: block;
	width: 90px;
	height: 20px;
	position: absolute;
	top: 143px;
	left: 183px;
}

#signupBox p.txt a:hover {
	text-decoration: none;
}

#signupBox .btn_pink {
	position: absolute;
	top: 220px;
	left: 105px;
}


#signupBox span {
	display: block;
	margin-top: 10px;
	color: #999;
	font-size: 0.8em;
	text-align: center;
}

#login .btn_close, #logout .btn_close {
	position: absolute;
	top: 10px;
	right: 10px;
}

#loginBox .btn_pink {
	margin: 15px auto 5px auto;
}

#logout .btn_pink {
	margin: 80px auto 5px auto;
}


#loginBox.auth {
	float: none;
	margin: 30px auto;
}

#loginBox.auth .alert {
	color: #F00;
	font-size: 14px;
	margin-bottom: 10px;
	text-align: center;
}

#loginBox.auth .form {
	width: 350px
}



/* resist , cart */
#noframe header {
	position: static;
}

#noframe header #headarea {
	width: 785px;
}
#noframe #container {
	padding-top: 0;
}

#noframe #container article {
	margin: 0 auto;
	float: none;
}

#noframe footer {
	background: none;
	min-height: 2em;
	border-top: 3px solid #F21485;
	padding-top: 10px;
}

#regist .step, #cart .step {
	width: 605px;
	height: 25px;
	margin: 20px auto 30px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	font-size: 0;
}

#regist .finishBox, #cart .finishBox {
	padding-top: 100px;
	text-align: center;
	font-size: 17px;
}

#regist .check, #cart .check {
	text-align: center;
	color: #F21485;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}

#regist .creditBox, #cart .creditBox {
	width: 605px;
	margin: 10px auto 0 auto;
	text-align: center;

}

#regist .creditBox div, #cart .creditBox div {
	margin: 20px auto 30px auto;
	display: inline-block;
	*display: inline;  
    *zoom: 1; 
	padding: 10px;
	border: 1px solid #e5e5e5;
	font-size: 12px;
	text-align: left;
}

#regist .creditBox div strong, #cart .creditBox div strong {
	display: block;
	text-align: center;
}



#regist .btn_pink, #cart .btn_pink {
	margin-top: 40px;
}

#regist .notice, #cart .notice {
	font-size: 12px;
	border-top: 1px dotted #ccc;
	padding-top: 30px;
	margin-top: 30px;
}

.notice dt {
	min-height: 20px;
	color: #cc0000;
	background: url(../images/ico_notice.gif) no-repeat top left;
	padding: 2px 0 0 23px;
	margin-bottom: 3px;
}

.notice dd {
	margin-bottom: 30px;
	padding-left: 23px;
}

#regist .info {
	padding: 20px 0 10px 0;
	margin-top: -20px;
	background: url(../images/img_regist01.png) no-repeat right -30px;
	position: relative;
}

#regist .info:before {
	position: absolute;
	top: -30px;
	right: 0;
	content: "";
	width: 205px;
	height: 30px;
	background: url(../images/img_regist01.png) no-repeat;
}

#regist .info .ttl {
	color: #F21485;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}

#regist .info .txt {
	font-size: 17px;
	margin-bottom: 10px;
}

#regist.step01 .step { background: url(../images/step_regist01.gif) no-repeat; }
#regist.step02 .step { background: url(../images/step_regist02.gif) no-repeat; }
#regist.step03 .step { background: url(../images/step_regist03.gif) no-repeat; }
#regist.step04 .step { background: url(../images/step_regist04.gif) no-repeat; }

#cart.step01 .step { background: url(../images/step_cart01.gif) no-repeat; }
#cart.step02 .step { background: url(../images/step_cart02.gif) no-repeat; }
#cart.step03 .step { background: url(../images/step_cart03.gif) no-repeat; }
#cart.step04 .step { background: url(../images/step_cart04.gif) no-repeat; }

#regist form {
	width: 605px;
	margin: 0 auto;
}

#regist .form {
	width: 605px;
	margin: 0 auto 5px auto;
	padding: 20px 30px;
	background: url(../images/bg_gray.gif);
}

#regist #samplemovie {
	width: 350px;
	margin: 0 auto;
	text-align: center;
	font-size: 15px;
}

#regist #samplemovie span {
	color: #cc0000;
}

#regist #samplemovie div {
	min-height: 200px;
	padding-top: 20px;
	background: #e9e9e9 url(../images/bg_samplemovie.gif) no-repeat top center;
	margin-bottom: 5px;
}

#regist .finishBox.thanks {
	min-height: 410px;
	background: url(../images/img_regist02.jpg) no-repeat right top;
}


.cartTbl {
	width: 100%;
	margin-bottom: 10px;
}

.cartTbl thead {
	background: url(../images/bg_gray.gif);
}

.cartTbl th {
	font-weight: normal;
	text-align: center;
	padding: 5px 15px;
	white-space: nowrap;
}

.cartTbl td {
	padding: 15px;
	vertical-align: top;
	border-top: 1px dotted #ccc;
	font-size: 12px;
}

.cartTbl img {
	width: 100px;
}

.cartTbl dl {
	margin-top: 10px;
}

.cartTbl dl span {
	color: #F00;
}

.cartTbl dt {
	float: left;
	clear: both;
	width: 5.5em;
	position: relative;
}

.cartTbl dt:after {
	content: "：";
	position: absolute;
	right: 0;
}

.cartTbl dd {
	padding-left: 6em;
	margin-bottom: 5px;
}

.cartTbl dl li {
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	padding-right: 5px;
}

.cartTbl dl li:after {
	content: "/";
	margin-left: 5px;
}

.cartTbl dl li:last-child:after {
	display: none;
}

.cartTbl tfoot td {
	padding: 15px 0 0 0;
	overflow: hidden;
}

.cartTbl tfoot .fcmmt {
	float: left;
}

.cartTbl tfoot .payment {
	float: right;
	width: 300px;
	text-align: right;
}

.cartTbl tfoot .payment span {
	font-size: 20px;
}

.cartTbl tfoot .paypoint {
	clear: both;
	overflow: hidden;
	margin: 5px 0;
	float: right;
	display: inline-block;
	*display: inline;  
    *zoom: 1; 
	background: url(../images/bg_gray.gif);
	padding: 20px;
}

.paypoint .mtype {
	font-weight: bold;
	padding-bottom: 15px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 15px;
}

.paypoint .mtype select {
	margin-left: 5px;
	text-align: right;
}

.usepoint {
	font-weight: bold;
}

.usepoint input[type="text"] {
	width: 80px;
	margin: 0 5px 5px 5px;
	text-align: right;
}


.nowpoint span {
	font-size: 15px;
	font-weight: bold;
	margin-right: 5px;
}

.total {
	clear: both;
	font-size: 15px;
	text-align: right;
	margin-top: 5px;
}

.total strong {
	color: #F21485;
}

.total span {
	font-size: 20px;
}

.payment .mtype {
	margin-top: 10px;
}
.payment .mtype strong {
	font-size: 15px;
}

#cart .finishBox.thanks {
	min-height: 440px;
	background: url(../images/img_cart01.jpg) no-repeat left top;
}


/* mypage */
article > section#mypage section {
	margin-bottom: 80px;
}

article > section#mypage .form {
	width: 605px;
	margin: 0 auto 5px auto;
	padding: 20px 30px;
	background: url(../images/bg_gray.gif);
}

article > sectionmypage #userinfo th {
	text-align: left;
}

article > section#mypage h3 {
	width: 100%;
	height: 30px;
	font-size: 18px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #F21485;
	padding-top: 10px;
}

article > section#mypage .btn_pink, #cart .btn_pink {
	margin-top: 40px;
}

article > section#mypage dt {
	font-size: 15px;
	color: #F21485;
	margin-bottom: 10px;
}

article > section#mypage dd {
	margin-bottom: 30px;
}


/* history */
article > section#cart .dlpass {
	width: 605px;
	background: url(../images/bg_gray.gif);
	margin: 20px auto;
	padding: 20px;
	font-size: 12px;
	text-align: center;
}

article > section#cart .dlpass > div {
	color: #F21485;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}

article > section#cart .dlpass > div span {
	font-size: 20px;
}

article > section#cart h3 {
	min-height: 30px;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 20px;
	border-bottom: 1px dotted #F21485;
	padding-top: 20px;
}




/* live chat */
article#lc div + div {
	margin-top: 20px;
}

article#lc .banbox {
	text-align: center;
}

article#lc .pinkbox {
	background:url(../images/bg_pink.gif);
	text-align: center;
}

article#lc .pinkbox iframe {
	margin: 20px 0;
}


/*===============================================================

	footer

=================================================================*/

footer {
	background: #F21485;
	color: #fff;
}

footer > div {
	width: 1020px;
	height: 1.2em;
	padding: 10px 0;
	margin: 0 auto;
	position: relative;
}

footer div#pagetop {
	position: absolute;
	top: -22px;
	right: 0;
}

footer nav#foot {
	position: static;
	float: left;
	width: 700px;
	height: auto;
	background: none;
}

footer nav#foot > ul > li {
	display: inline;
	font-size: 12px;
	height: auto;
}

footer nav#foot > ul > li+li:before {
	content: "｜";
	margin-right: 5px;
}

footer nav#foot > ul > li a {
	color: #fff;
	margin-right: 5px;
}

footer p.copyright {
	float: right;
	font-size: 12px;
}