@charset "euc-jp";

/* ================================================== [ #hd-nav ] */

#hd-nav {
    width: 100%;
	height: 30px;
	margin-bottom: 20px;
    background-color: #ed626f;
}
#hd-nav > .inner {
	width: 900px;
	margin: 0 auto;
	opacity: 1;
}
#hd-nav > .inner a:hover {
    display: inline-block;
	-webkit-transition: all .1s;
    -moz-transition: all .1s;
    -ms-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    opacity: .8;
    text-decoration: underline;
}

/* ===== 上ナビ背景色 */

.floor-adult #hd-nav {
    background-color: #d66d97;
}
.floor-madam #hd-nav {
    background: #9a478a url(http://p.dmm.co.jp/p/livechat/chat_room/bg_nav_madam.gif) left top;
}
.floor-nonadult #hd-nav {
    background: #6bb04b;
}

/* =========================  [ .fl-logo ] */

#hd-nav .fl-logo {
	float: left;
	margin: 6px 6px 6px 0;
}
#hd-nav .fl-logo a {
    display: block;
    width: 220px;
    height: 18px;
    margin-top: -1px;
    background: url(http://p.dmm.co.jp/p/livechat/chat_room/movie_logo.png) left -1px no-repeat;
}
.floor-adult #hd-nav .fl-logo a {
    background-position: -1px -1px;
}
.floor-madam #hd-nav .fl-logo a {
    background-position: -1px -20px;
}
.floor-nonadult #hd-nav .fl-logo a {
    background-position: -1px -39px;
}
#hd-nav .fl-logo a span {
    display: none;
    position: relative;
}

/* =========================  [ .nav ] */

#hd-nav .nav {
	float: right;
}
#hd-nav .nav > li {
	display: block;
	position: relative;
	float: left;
	margin-left: 20px;
	font-size: 11px;
}
#hd-nav .nav > li.logo {
    margin-top: 6px;
    padding-left: 20px;
    border-left: 1px solid rgba(255,255,255,0.2);
}
#hd-nav .nav > li a {
    display: inline-block;
	padding-left: 20px;
	color: #fff;
    line-height: 30px;
}
#hd-nav .nav > li.member a {
    position: relative;
	padding-right: 18px;
}
#hd-nav .nav > li.logo a {
    display: block;
    width: 67px;
    height: 16px;
    padding: 0;
    background: url(http://p.dmm.co.jp/p/livechat/chat_room/icon_chat.png) -1px -1px no-repeat;
}
#hd-nav .nav > li > a:hover {
    text-decoration: none;
    -webkit-font-smoothing: subpixel-antialiased;
}
#hd-nav .nav > li > a:before {
    display: block;
    position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -9px;
    background: url(http://p.dmm.co.jp/p/livechat/chat_room/icon_chat.png) no-repeat;
    content: "";
}
#hd-nav .nav > li.member a:before,
#hd-nav .nav > li.regist a:before {
    background-position: -69px -1px;
}
#hd-nav .nav > li.login a:before {
    background-position: -86px -1px;
}
#hd-nav .nav > li.guide a:before {
    background-position: -103px -1px;
}
#hd-nav .nav > li.logo a:before {
    content: none;
}
#hd-nav .nav > li.member > a:after {
    display: block;
    position: absolute;
	top: 50%;
	right: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
    background: url(http://p.dmm.co.jp/p/livechat/chat_room/icon_chat.png) -120px -1px no-repeat;
    content: "";
}
#hd-nav .nav > li.logo span {
    display: none;
}

/* ===== 会員メニュー */

#hd-nav .nav li.member .member-nav {
	display: block;
	position: absolute;
	top: 30px;
	right: 0px;
	border-radius: 3px;
	box-shadow: 0 3px 8px #999;
	background-color: #fff;
	text-align: left;
	font-weight: normal;
	z-index: 10;
}
#hd-nav .nav li.member .member-nav:before {
    display: block;
    position: absolute;
	top: -5px;
	right: 5px;
    border: solid transparent;
    border-width: 0 4px 5px 4px;
    border-bottom-color: #fff;
    content: "";
}
#hd-nav .nav li.member .member-nav li.l-logout {
	background-color: #eee;
	border-top: 1px solid #ddd;
	border-radius: 0 0 3px 3px;
}
#hd-nav .nav li.member .member-nav li a {
    display: block;
    position: relative;
	padding: 0 20px 0 46px;
	border-radius: 3px;
	white-space: nowrap;
	color: #5a5a5a;
	font-size: 12px;
    line-height: 44px;
}
#hd-nav .nav li.member .member-nav li a:hover {
    background-color: #eee;
	text-decoration: none;
	opacity: 1;
}
#hd-nav .nav li.member .member-nav li.l-logout a:hover {
    background-color: #ddd;
}
#hd-nav .nav li.member .member-nav li a:before {
	display: block;
    position: absolute;
	top: 10px;
	left: 10px;
	width: 24px;
	height: 24px;
    background: url(http://p.dmm.co.jp/p/livechat/chat_room/icon_chat.png) no-repeat;
    content: "";
}
#hd-nav .nav li.member .member-nav li.l-message a:before {
    background-position: -1px -18px;
}
#hd-nav .nav li.member .member-nav li.l-favlist a:before {
    background-position: -26px -18px;
}
#hd-nav .nav li.member .member-nav li.l-movie a:before {
    background-position: -51px -18px;
}
#hd-nav .nav li.member .member-nav li.l-setting a:before {
    background-position: -76px -18px;
}
#hd-nav .nav li.member .member-nav li.l-logout a:before {
    background-position: -101px -18px;
}

/* ========================= [ #page ] */
#page {
	width: 900px;
	margin: 0 auto 20px;
	word-wrap : break-word ;
}

/* ========================= [ #screen ] */
#screen {
	margin-bottom: 20px;
	text-align: left;
}
#screen p {
	width: 640px;
	line-height: 24px;
	font-size: 10px;
	color: #898989;
}

/* ========================= [ #content ] */
#content {
	position: relative;
	float: left;
	width: 640px;
	margin-bottom: 20px;
	text-align: left;
	zoom:1;
}

/* ========================= area-alert */
#content .area-alert {
	margin-bottom: 20px;
	zoom:1;
}
#content .area-alert .box-alert {
	padding: 10px;
	background: #ffef83;
	text-align: center;
}
#content .area-alert .box-alert dl {
	padding: 5px;
	border-top: 1px #ccc dotted;
}
#content .area-alert .box-alert dl.input dt,
#content .area-alert .box-alert dl.input dd {
	display: inline;
}
#content .area-alert .box-alert dl.input input {
	width: 20em;
}

/* ========================= area-func */
/* =========== func-nav */
#content .area-func {
	margin-bottom: 20px;
	clear: both;
}
#content .area-func input[type="radio"] {
	margin-right: 3px;
}
#content .area-func ul.func-nav {
	overflow: hidden;
}
#content .area-func ul.func-nav li {
	float: left;
	width: 91px;
}
#content .area-func ul.func-nav li > span {
	display: block;
	margin-left: 3px;
	padding: 4px 0;
	background: #CECECE url(http://p.dmm.co.jp/p/livechat/chat_room/bg_grad.png) repeat-x;
	text-align: center;
	color: #333;
	text-decoration: none;
	cursor: pointer;
}
#content .area-func ul.func-nav li:first-child > span {
	margin-left: -3px;
}
#content .area-func ul.func-nav li:hover > span {
	background-color: #b1b1b1;
}
#content .area-func ul.func-nav li.active > span {
	padding-bottom: 6px;
	background-color: #545554;
	color: #fff;
}
#content .area-func ul.func-nav + .box-gry {
	padding: 0 0 1px;
}
#content .area-func .box-gry-in,
#content .area-func .box-whi-in {
	padding:10px;
}
/* =========== box-profile */
#content .area-func .box-profile .cginfo {
	overflow: hidden;
}
#content .area-func .box-profile .cginfo .thum {
	float: left;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
}
#content .area-func .box-profile .cginfo .thum p {
	display: table-cell;
	width: 138px;
	height: 108px;
	text-align: center;
	vertical-align: middle;
}
#d-ie7 #content .area-func .box-profile .cginfo .thum p {
	display: block;
	margin-left: 3px;
	padding: 18px 0 10px;
	height: 80px;
	zoom:1;
}
#content .area-func .box-profile .cginfo .info  {
	margin-left: 140px;
	zoom:1;
}
#content .area-func .box-profile .cginfo .info .name {
	padding-left: 20px;
	font-size: 16px;
}
#content .area-func .box-profile .cginfo .info .name span {
	display: block;
	margin-bottom: 4px;
	font-size: 12px;
	color: #767676;
}
#content .area-func .box-profile .cginfo .info .data {
	margin-top: 10px;
	padding: 10px 0 0 20px;
	border-top: 1px #ccc dotted;
	zoom:1;
}
#content .area-func .box-profile .cginfo .info .data dt  {
	float: left;
	width: 4.5em;
}
#content .area-func .box-profile .comment {
	margin-top: 18px;
	padding-top: 18px; 
	border-top: 1px #ccc dotted;
	zoom:1;
}

/* ========================= area-check */
#content .area-check .box-gry-in > p {
	text-align: center;
	padding: 18px;
}
#content .area-check p.ch {
	margin-bottom: 3px;
	padding-left: 20px;
	background: url(http://p.dmm.co.jp/p/livechat/chat_room/ico.png) no-repeat left 5px;
}
#content .area-check p {
	color: #777;
}
#content .area-check ul li {
	padding: 8px;
}
#content .area-check ul li.over {
	background-color: #cfcfcf;
}

/* ========================= #content-side */
#content-side {
	float: left;
	width: 240px;
	padding: 0 0 20px 20px;
	text-align: left;
}
#content-side p.ch {
	padding-left: 20px;
	background: url(http://p.dmm.co.jp/p/livechat/chat_room/ico.png) no-repeat left 5px;
}
#content-side li {
	clear: both;
	margin-bottom: 4px;
	padding: 3px;
}
#content-side li.over {
	background: #eaeaea;
}
#content-side .area-bnr,
#content-side .area-movie {
	margin-bottom: 20px;
}
#content-side .area-movie p.none {
	line-height: 1.5em;
	margin-top: 12px;
	color: #898989;
	font-size: 11px;
}
#content .area-check .box-work,
#content-side .area-movie .box-work{
	position: relative;
	float: left;
	background: url(http://p.dmm.co.jp/p/livechat/chat_room/bg_pack.png) no-repeat left 0px;
}
#content .area-check .box-work a,
#content-side .area-movie .box-work a {
	display: table-cell;
	width: 100px;
	height: 80px;
	vertical-align: middle;
	text-align: center;
}
#d-ie7 #content .area-check .box-work a,
#d-ie7 #content-side .area-movie .box-work a {
	display: block;
	margin-left: 2px;
	padding: 18px 0 10px;
	height: 52px;
	zoom:1;
}
#content .area-check .box-work .time,
#content-side .area-movie .box-work .time {
	position: absolute;
	top: 48px;
	left: 10px;
	display: block;
	width: 77px;
	line-height: 15px;
	padding-right: 3px;
	background: url(http://p.dmm.co.jp/p/livechat/chat_room/ico_room.png) left -20px no-repeat;
	text-align: right;
	color: #fff;
	font-size: 11px;
	cursor: pointer;
}
#content .area-check .box-work .fl-icon,
#content-side .area-movie .box-work .fl-icon {
	display: block;
	position: absolute;
	top: 51px;
	left: 10px;
	width:50px;
	height: 11px;
	cursor: pointer;
}
#content .area-check .box-work .fl-icon.acha, 
#content-side .area-movie .box-work .fl-icon.acha {
	background: url(http://p.dmm.co.jp/p/livechat/icon_floor.png) -1px -52px no-repeat;
}
#content .area-check .box-work .fl-icon.macha,
#content-side .area-movie .box-work .fl-icon.macha {
	background: url(http://p.dmm.co.jp/p/livechat/icon_floor.png) -1px -64px no-repeat;
}
#content .area-check .box-work .fl-icon.ocha,
#content-side .area-movie .box-work .fl-icon.ocha {
	background: url(http://p.dmm.co.jp/p/livechat/icon_floor.png) -1px -76px no-repeat;
}
#content .area-check .box-work .fl-icon span,
#content-side .area-movie .box-work .fl-icon span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	white-space: nowrap;
	font-size: 10px;
}
#d-ie7 #content .area-check .box-work .fl-icon span,
#d-ie7 #content-side .area-movie .box-work .fl-icon span {
	overflow: hidden;
	height:0;
	width:0;
}
#content .area-check .box-work a:hover,
#content-side .area-movie .box-work a:hover {
	text-decoration: none;
}
#content .area-check .box-txt,
#content-side .area-movie .box-txt {
	padding: 3px 0 0 110px;
}
.box-txt .floar,
.box-txt .date,
.box-txt .name,
.box-txt .numb {
	font-size: 10px;
	color: #898989;
}
.box-txt .name {
	font-size: 10px;
}
.box-txt .numb {
	font-size: 10px;
}
.box-txt .free {
	font-weight: bold;
	color:#f90661;
}
#content-side .bolink {
	text-align: right;
}
/* ========================= [ #foot ] */
#foot {
	clear: both;
	margin: 0 12px;
}
#foot p.anchor {
	margin: 6px 0;
	text-align: right;
}
#foot a {
	font-size: 11px;
}
#foot a.d-txttopback {
	background: url(http://p.dmm.co.jp/p/common/ico_toparrow.gif) left no-repeat;
	color: #666;
	padding-left: 12px;
}
#foot .copy {
	margin-bottom: 30px;
	text-align: center;
	font-size: 10px;
	color: #898989;
}

/* ========================= [ #content-error ] */
#content-error {
	widht: 640px;
	text-align: left;
}
/* ========================= #area-text */
#content-error .area-text {
	height: 430px;
	padding: 0 0 0 480px;
	background: url(http://p.dmm.co.jp/p/livechat/chat_room/bg_404_movie.jpg) 55px 40px no-repeat;
}
#content-error .area-text p.read {
	padding-top: 120px;
	line-height: 1.4em;
	color: #0f0f0f;
	font-size: 36px;
}
#content-error .area-text p.read + p {
	line-height: 1.8em;
	margin-top: 20px;
	color: #323232;
	font-size: 14px;
}
/* ========================= #area-list */
#content-error .area-list p.ch {
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c9c9c9;
	color: #0f0f0f;
	font-size: 20px;
}
#content-error .area-list p.ch span {
	float: left;
	display: block;
	width: 22px;
	height: 20px;
	margin-right: 10px;
	background: url(http://p.dmm.co.jp/p/livechat/chat_room/ico_404.png) left top no-repeat;
}
#content-error .tx-link{
	font-size: 13px;
}
/*=============== box.box-movielist */
#content-error .box-movielist {
	padding-bottom: 30px;
	border-bottom: 1px solid #c9c9c9;
}
#content-error .box-movielist li {
	float: left;
	width:25%;
}
#content-error .box-movielist li a {
	color:#333;
	cursor: pointer;
}
#d-ie7 #content-error .box-movielist li {
	margin-left:-1px;
}
#content-error  .box-movielist .tmb {
	display: block;
	position: relative;
	width:172px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px #ddd solid;
	border-radius: 3px;
}
#content-error .box-movielist .tmb > a {
	display: block;
	padding: 6px 0 10px;
	text-align: center;
	text-decoration: none;
}
#content-error .box-movielist .tmb > a:hover {
	background: #f3f3f3;
}
#content-error  .box-movielist .thumbnail{
	display: block;
	width:172px;
}
#content-error  .box-movielist .thumbnail > img {
	width:160px;
	height:90px;
	vertical-align:top;
}
#content-error .box-movielist .tmb .time {
	display:block;
	position:absolute;
	top:79px;
	right:6px;
	height:17px;
	width:38px;
	line-height:1.6em;
	background:url(http://p.dmm.co.jp/p/livechat/mv_list.png) -38px -16px;
	color:#fff;
	font-size:11px;
	text-align:center;
	cursor:pointer;
}
#content-error .box-movielist li .ttl {
	display: block;
	height: 3.1em;
	margin: 10px 10px 0;
	text-align: left;
}
#content-error .box-movielist li a:hover .ttl {
	color:#e20;
	text-decoration:underline;
}
#content-error .box-movielist li .name {
	display: block;
	height: 1.6em;
	margin: 10px 10px 0;
	padding-top: 1em;
	text-align: left;
	border-top: 1px dotted #CCCCCC;
　font-size: 11px;
}

#content-error .box-movielist .tmb .new {
	position:absolute;
	top:0;
	left:0;
}
#content-error .box-movielist .tmb .new .icon {
	display:inline-block;
	width:37px;
	height:37px;
	background:url(http://p.dmm.co.jp/p/livechat/mv_list.png) left -16px no-repeat;
	white-space:nowrap;
}
#content-error .box-movielist .tmb .new .icon span {
	line-height:3.4em;
}
#content-error .box-movielist .tmb .new .icon span,
#content-error .box-movielist .tmb .floor .icon span {
	display:inline-block;
	position:relative;
	z-index:-1;
}
#content-error .box-movielist .tmb .floor {
	position:absolute;
	top:77px;
	left:11px;
}
#d-ie7 .box-movielist .tmb .floor .icon span {
	display:none;
}
#content-error .box-movielist .tmb .floor .icon.fl-acha {
	background:url(http://p.dmm.co.jp/p/livechat/mv_list.png) 0 top;
}
#content-error .box-movielist .tmb .floor .icon.fl-macha {
	background:url(http://p.dmm.co.jp/p/livechat/mv_list.png) -25px top;
}
#content-error .box-movielist .tmb .floor .icon.fl-wacha {
	background:url(http://p.dmm.co.jp/p/livechat/mv_list.png) -50px top;
}
#content-error .box-movielist .tmb .floor .icon.fl-ocha {
	background:url(http://p.dmm.co.jp/p/livechat/mv_list.png) -75px top;
}
#content-error .box-movielist .tmb .floor .icon.fl-acha,
#content-error .box-movielist .tmb .floor .icon.fl-macha,
#content-error .box-movielist .tmb .floor .icon.fl-wacha,
#content-error .box-movielist .tmb .floor .icon.fl-ocha {
	display:inline-block;
	width:25px;
	height:15px;
	white-space:nowrap;
}

/* ========================= 左ナビ位置変更 */
body #content-side {
	margin-top: -494px;
}
body #screen .area-flash {
	width: 640px;
	z-index: 1;
}
body #content-side.adjust {
	margin-top: -470px;
}
body.size-l #hd-nav,
body.size-l #head,
body.size-l #screen p,
body.size-l #content,
body.size-l #content-side,
body.size-l #foot {
	display: none;
}
body.size-l #page {
	width: 100%;
	height: 100%;
	min-width: 910px;
	margin: 0;
}
body.size-l #screen {
  height: 100%;
	margin-bottom: 0;
}
body.size-l #flash_area {
  height: 100%;
}

/* ========================= 汎用 */
body{
	background:#fff;
	color:#515151;
	font-size:12px;
	line-height: 20px;
	text-align: center;
	margin:0;
	padding:0;
}
table{
	font-size:12px;
	word-break:break-all;
}
a:link{color:#2373cc; text-decoration:none}
a:visited{color:#909; text-decoration:none}
a:hover,a:active{color:#e20; text-decoration: underline}

a img,abbr{border:0}
.rst * {margin:0;padding:0;list-style:none;}
.group:after{display:block;clear:both;height:0;visibility:hidden;content:"."}
.group{zoom:1}

.box-gry,
.box-gry-in {background: url(http://p.dmm.co.jp/p/livechat/chat_room/bg_deco.gif)}
.box-gry {
	margin: 0 1px;
	padding: 1px 0;
	zoom:1;
}
.box-gry-in {
	margin: 0 -1px;
}
.box-whi,
.box-whi-in {background: #fff;}
.box-whi {
	margin: 0 1px;
	padding: 1px 0;
}
.box-whi-in {
	margin: 0 -1px;
}
.box-center {
	text-align: center;
	margin-left: auto;
}
.stylebt {
	background:url(http://p.dmm.co.jp/p/livechat/chat_room/bg_bt.gif) no-repeat left center;
	border:1px solid #B8B8B8;
	cursor:pointer;
	margin:10px 5px;
	padding:0 10px;
	text-align:center;
	width:100px;
}
.bolink {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.notice {
	color: #f60051;
}
.subtxt {
	font-size: 10px;
}
.arrow {
	padding-left: 14px;
	background:url(http://p.dmm.co.jp/p/livechat/chat_room/arrow.gif) no-repeat left center;
}
embed {
	outline: none;
}