@chasert "utf-8";


/* Gimic
-----------------------------------------------------------------*/

/** disable user select used by floating box **/
body.unselect {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/* #float-login */
#float-login{
	width:476px;
	/*height:354px;*/
    height: 21px;
	position:absolute;
	top:0px;
	right:0px;
	/* z-index:999; */
}
#float-login .body{
	width:476px;
	/*height:333px;*/
    height: 0;
	background:url(/img/guest/float_login_bg.gif) no-repeat 0 0;
	text-align:left;
    overflow: hidden;
}
#float-login .body .wrap{
	padding:87px 0px 0px 235px;
}
#float-login .body .wrap dl dd{
	padding:4px 0px 10px;
}
	#float-login .body .wrap dl dd input{
		width:202px;
		font-size:16px;
		padding:6px 3px;
		border:1px solid #a7b4c0;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		behavior: url(/css/PIE.htc);
		background:#fff;
	}
#float-login .body .wrap .cookie{
	color:#555;
}
	#float-login .body .wrap .cookie input{
		margin-right:4px;
	}
#float-login .body .wrap .btn{
	width:210px;
	text-align:center;
	padding:18px 0px;
	border-bottom:1px solid #cadbf1;
}
#float-login .body .wrap .reminder{
	width:210px;
	padding-top:10px;
	border-top:1px solid #a6c2e7;
}
	#float-login .body .wrap .reminder a{
		font-size:10px;
		padding-left:15px;
		background:url(/img/guest/float_login_yaji.gif) no-repeat 0 0;
	}
#float-login .close{
	text-align:right;
	padding-right:15px;
}

/*float-pref*/
#float-pref{
	width:400px;
	padding:12px 15px;
	border:1px solid #c3cada;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	behavior: url(/css/PIE.htc);
	background: #fff;
	margin:0px 4px 4px 0px;
    position: absolute;
    right: 110px;
    z-index:10;
}
.float-pref-lp{
	left:145px !important;
}
#float-pref.pos-left {
   right:0;
}
	#float-pref dl dt
	,#float-pref dl dd{
		float:left;
		line-height:1.2em;
		padding:5px 0px;
	}
	#float-pref dl dt{
		clear:both;
		width:80px;
		font-weight:bold;
	}
	#float-pref dl dd{
		width:320px;
	}
	#float-pref dl dt span
	,#float-pref dl dd a{
		display:inline-block;
		padding:3px;
		background:#fff;
		margin-right:4px;
	}
	#float-pref dl dd a:hover{
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		_behavior: url(/css/PIE.htc);
		background:#e1e6ec;
		text-decoration:none;
	}

/* カルーセル吹き出し */
/*- carousel style -*/
div.carousel {
	background: transparent;
	position: absolute;
    bottom: 12px;
    left: 14px;
	width: 564px;
}
div.carousel .carouselPrev {
	position: absolute;
	top: 0;
	left: 0;
    display: block;
    width: 22px;
    height: 100px;
    background: url(/img/guest/user_sc_l.png) no-repeat 0 0;
}
div.carousel .disable-prev {
    background: url(/img/guest/user_sc_l_disable.png) no-repeat 0 0;
}
div.carousel .hover-prev {
    background: url(/img/guest/user_sc_l_hover.png) no-repeat 0 0;
}

div.carousel .carouselNext {
	position: absolute;
	top: 0;
	right: 0;
    display: block;
    width: 22px;
    height: 100px;
    background: url(/img/guest/user_sc_r.png) no-repeat 0 0;
}
div.carousel .disable-next {
    background: url(/img/guest/user_sc_r_disable.png) no-repeat 0 0;
}
div.carousel .hover-next {
    background: url(/img/guest/user_sc_r_hover.png) no-repeat 0 0;
}
div.carousel ul.carouselInnerBox {
	width: 10000000px;
	position: relative;
	left: 0;
	top: 10px;
	height: 105px;
}

div.carousel ul.carouselInnerBox li {
	display: inline;
	padding: 0px 3px;
}
div.carousel ul.carouselInnerBox li a {
    position: relative;
}
div.carousel ul.carouselInnerBox li img {
	border: none;
}
div.carousel ul.carouselInnerBox li img.cover-img {
    position:absolute;
    top: 0; left: 0;
}

div.carousel .carouselOuterBox {
	margin-left: 20px;
    padding-left: 2px;
	overflow: hidden;
	width: 520px;
	position: relative;
    height: 100px;
    background: url(/img/guest/user_bg.png) no-repeat 0 0;
}
/*- END -*/

.carousel-popup {
    z-index: 100;
}
.carousel-popup .balloon{
	width:316px;
	height:155px;
	padding:3px 12px 0px 7px;
	background:url(/img/guest/balloon.png) no-repeat 0 0;
}
.carousel-popup .balloon table{
	width:316px;
	height:120px;
}
	.carousel-popup .balloon table td.thumb{
		width:100px;
		height:100px;
	}
	.carousel-popup .balloon table td.meta{
		width:186px;
		vertical-align:top;
	}
	.carousel-popup .balloon table td.meta ul li{
		line-height:1.1em;
		padding-bottom:6px;
	}


.mdl_popupFadeIn {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 10;
  width: 520px;
  background-color: #fff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.mdl_popupFadeIn .closeBtn {
  position: absolute;
  top: -35px;
  right: 0;
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 35px;
  background-image: url("/img/common/close_popup.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  -moz-background-size: 24px 24px;
  -o-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
}

.floatbox{
	width:520px;
	background:url(/img/member/floatbox/bg_top.png) no-repeat 0 0;
	padding-top:10px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 10;
}
.floatbox .floatbox-btm{
	width:500px;
	padding:0px 10px 10px;
	background:url(/img/member/floatbox/bg_btm.png) no-repeat 0 bottom;
}
.floatbox .floatbox-inner{
	position:relative;
	width:470px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*border-radius: 5px;
	_behavior: url(/css/PIE.htc);*/
	background:#fff;
	padding:15px;
}
	.floatbox .floatbox-inner span.close
	,.floatbox-area .floatbox-area-inner span.close{
		position:absolute;
		top:15px;
		right:15px;
	}


.floatbox-area{
	width:620px;
	background:url(/img/member/floatbox/bg_top_area.png) no-repeat 0 0;
	padding-top:10px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 10;
}
.floatbox-area .floatbox-area-btm{
	width:600px;
	padding:0px 10px 10px;
	background:url(/img/member/floatbox/bg_btm_area.png) no-repeat 0 bottom;
}
.floatbox-area .floatbox-area-inner{
	position:relative;
	width:570px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*border-radius: 5px;
	_behavior: url(/css/PIE.htc);*/
	background:#fff;
	padding:15px;
}
.floatbox-area #floatbox-area{
	padding:20px 0px 0px;
}
.floatbox-area #floatbox-area table{
	width:100%;
}
.floatbox-area #floatbox-area table th
,.floatbox-area #floatbox-area table td{
	vertical-align:top;
}
.floatbox-area #floatbox-area table th{
	width:1%;
	white-space:nowrap;
	padding-right:15px;
}
.floatbox-area #floatbox-area table td{
	width:99%;
	padding-bottom:5px;
}
.floatbox-area #floatbox-area table td label{
	display:block;
	float:left;
	width:80px;
}
.floatbox-area #floatbox-area #floatbox-area-btn{
	text-align:center;
	padding-top:20px;
}
	.floatbox-area #floatbox-area #floatbox-area-btn a{
		margin:0 7px;
	}

/* メモリスト */
#floatbox-memoentry .label{
	font-size:16px;
	margin-bottom:10px;
	padding-right:16px;
}
	#floatbox-memoentry .label img{
		vertical-align:-8px;
		margin-right:10px;
	}
#floatbox-memoentry p.desc{
	line-height:1.4em;
	margin-bottom:10px;
}
#floatbox-memoentry p.desc span{
	color:#f00;
}
#floatbox-memoentry form{
	width:410px;
	margin-left:30px;
}
	#floatbox-memoentry form textarea{
		width:396px;
		height:72px;
		margin-bottom:15px;
	}
	#floatbox-memoentry form .floatbox-btn{
		margin-top:30px;
		text-align:center;
	}

#private-photo-floatbox-memodelete .delete-body{
	text-align:center;
	padding:30px 0px 20px;
}
	#private-photo-floatbox-memodelete .delete-body p{
		font-size:16px;
		margin-bottom:20px;
		line-height:1.4em;
	}
	#private-photo-floatbox-memodelete .delete-body .delete-btn a{
		margin:0px 7px;
	}
#private-photo-floatbox-memodelete .delete-body .delete-btn a#trigger_floatbtn {
    display: none;
}
#private-photo-floatbox-memodelete .delete-body #floatbox-delete-btn.trigger {}
#private-photo-floatbox-memodelete .delete-body #floatbox-delete-btn.trigger a#submit_floatbtn {
    display: none;
}
#private-photo-floatbox-memodelete .delete-body #floatbox-delete-btn.trigger a#trigger_floatbtn {
    display: inline-block;
}

#floatbox-memodelete .delete-body{
	text-align:center;
	padding:30px 0px 20px;
}
	#floatbox-memodelete .delete-body p{
		font-size:16px;
		margin-bottom:20px;
		line-height:1.4em;
	}
	#floatbox-memodelete .delete-body .delete-btn a{
		margin:0px 7px;
	}
#floatbox-memodelete .delete-body .delete-btn a#trigger_floatbtn {
    display: none;
}
#floatbox-memodelete .delete-body #floatbox-delete-btn.trigger {}
#floatbox-memodelete .delete-body #floatbox-delete-btn.trigger a#submit_floatbtn {
    display: none;
}
#floatbox-memodelete .delete-body #floatbox-delete-btn.trigger a#trigger_floatbtn {
    display: inline-block;
}

/* 写真掲示板コメント */
#floatbox-commententry .label{
	font-size:16px;
	background:url(/img/guest/icon/dot_bg_line.gif) repeat-x 0 bottom;
	margin-bottom:10px;
	padding-bottom:7px;
	padding-right:16px;
}
	#floatbox-commententry .label img{
		vertical-align:-8px;
		margin-right:10px;
	}
#floatbox-commententry form{
	margin-top:10px;
	width:410px;
	margin-left:30px;
}
	#floatbox-commententry form textarea{
		width:396px;
		height:72px;
		margin-top:3px;
	}
	#floatbox-commententry form .floatbox-btn{
		margin-top:30px;
		text-align:center;
	}



.floatmovebox{
	width:623px;
	border:1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*border-radius: 5px;*/
	-webkit-box-shadow: #ccc 1px 1px 5px;
	-moz-box-shadow: #ccc 1px 1px 5px;
	/*box-shadow: #ccc 1px 1px 5px;
	_behavior: url(/css/PIE.htc);*/
	background:#fff;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index:9999;
}
.floatmovebox-inner {
	padding:15px;
}

.floatmovebox .label {
	position:relative;
	height:38px;
	border:1px solid #eee;
	background:#f7f7f7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/*border-radius: 5px;
	_behavior: url(/css/PIE.htc);*/
}

/*メール送信ボックス*/
    #floatmovebox-mailentry {
        background: white;
    }
	#floatmovebox-mailentry .label h3{
		font-size:16px;
		padding:0px 15px;
		line-height:38px;
	}
	#floatmovebox-mailentry .label span.close{
		position:absolute;
		top:11px;
		right:15px;
	}
	#floatmovebox-mailentry .bnrSpmail {
		padding: 10px 0px 0px 6px;
	}
	#floatmovebox-mailentry form{
		width:565px;
		margin-left:15px;
		padding:15px 0px;
	}
	#floatmovebox-mailentry form textarea{
		width:551px;
		height:192px;
		margin:3px 0px;
	}
	#floatmovebox-mailentry form span.notice{
		color:#999;
		font-size:10px;
	}
	#floatmovebox-mailentry form .file-up{
		margin:15px 30px 20px;
		padding:15px;
		text-align:center;
		background:#f5f5f5;
	}
	#floatmovebox-mailentry .mail-entry-btn{
		text-align:center;
	}
	#floatmovebox-mailentry .mail-entry-error{
		text-align:right;
		margin-top: 10px;
	}
		#floatmovebox-mailentry .mail-entry-btn .de-blue-spmail {
			margin-right: 10px;
		}

	#floatmovebox-mailentry .confirm-text{
		margin: 0px 15px 30px 20px;
		padding:10px 0px 0px 40px;
		line-height:1.5em;
		font-size:16px;
		background:url(/img/guest/icon/l/confirm.gif) no-repeat 0 5px;
	}
	#floatmovebox-mailentry dl.mail-body{
		padding:0px 15px;
		margin-bottom:10px;
	}
	#floatmovebox-mailentry dl.mail-body dt{
		font-size:14px;
		padding-left:15px;
		font-weight:bold;
		line-height:1em;
		background:url(/img/guest/icon/yaji_g.gif) no-repeat 0 50%;
	}
	#floatmovebox-mailentry dl.mail-body dd{
		line-height:1.6em;
		padding:10px 0px 25px;
	}
#floatmovebox-mailentry .age_warn {
    margin : 10px 0px 10px 0px;
    color : #CC0000;
}
#floatmovebox-mailentry ul.mailoptions {
	margin:0;
	padding:0;
	display:table;
}
#floatmovebox-mailentry ul.mailoptions li {
	margin:0;
	padding:0 5px 0 0;
	display:table-cell;
}
#floatmovebox-mailentry ul.mailoptions li select {
	vertical-align:top;
}

/** **/
ul.age-form-group {
    margin:0;
    padding:0;
    list-style-type:none;
}
ul.age-form-group li.flat {
    float: left;
    margin-right: 5px;
    position: relative;
    z-index: 10;
}
div.age-form-sel {
    width: 92px;
    height:22px;
    border:1px solid #C8CDDC;
    overflow:hidden;
    position:relative;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius: 2px;
    background: url(/img/guest/sel-label-gra.gif) repeat;
    z-index:3;
    cursor: pointer;
}
div.age-form-sel-hover {
    border:1px solid #7180AA;
}
div.age-form-sel span.label {
    position:absolute;
    top:2px;
    left:5px;
    line-height: 20px;
    font-size: 14px;
}
div.age-form-sel span.button {
    position:absolute;
    right:0px;
    /* background:#DEE1E9; */
    background: url(/img/guest/sel-btn-gra.gif) repeat;
    padding:9px 8px;
    border-left:1px solid #C8CDDC;
}
div.age-form-sel-content {
    position: absolute;
    top: 23px;
    width: 92px;
    background: white;
    border-left:1px solid #C8CDDC;
    border-right:1px solid #C8CDDC;
    border-bottom:1px solid #C8CDDC;
    z-index: 2;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
    -webkit-border-bottom-left-radius:2px;
    -webkit-border-bottom-right-radius:2px;
    -moz-border-radius-bottomleft:2px;
    -moz-border-radius-bottomright:2px;
}
div.age-form-sel-content ul {
    margin: 0;
    padding: 8px 0 5px 0;
    list-style-type: none;
}
div.age-form-sel-content ul li {
    padding-left: 3px;
    padding-bottom:2px;
}
div.age-form-sel-content ul li a {
    text-decoration: none;
    color: #000;
    display: block;
    padding-left: 5px;
    width: 90%;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius: 2px;
}
div.age-form-sel-content ul li a:hover {
    background: #DFE3E9;
}

/* floatbox
============================== */
.guidePopupContainer {
  position: absolute;
  z-index: 10;
  background: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.guidePopupContainer .guidePopupContainerWrap {
  position: relative;
  background-color: #fff;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
  .guidePopupContainer .guidePopupContainerWrap .close {
    position: absolute;
    z-index: 2;
    top: 15px;
    right: 15px;
  }




.typeFloatBox {
	margin:15px auto;
	padding:0;
	width:100%;
	display:inline-block;
	clear:both;
	position:relative;
}
.typeFloatBox .typeUserPic {
	margin:0;
	padding:20px;
	width:370px;
	display:inline-block;
	clear:both;
	text-align:center;
	background:#FFF;
	border:1px solid #8eb4cd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/css/PIE.htc);
	position:relative;
	float:right;
}
.typeFloatBox .typeUserPicOnly {
	margin:0 auto;
	padding:20px;
	width:370px;
	text-align:center;
	background:#FFF;
	border:1px solid #8eb4cd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/css/PIE.htc);
	position:relative;
}
.typeFloatBox .typeUserPic .choiceBtnBox,
.typeFloatBox .typeUserPicOnly .choiceBtnBox {
	padding:20px 0 0;
	text-align:center;
	height:40px;
}
.typeFloatBox .typeUserPic .choiceBtnBox a,
.typeFloatBox .typeUserPicOnly .choiceBtnBox a {
	border:none;
	margin:0 5px;
}
 .yet_choice {
	font-size:18px;
	font-weight:bold;
	color:#555;
}

.typeFloatBox .slidephotos {
	margin:0;
	padding:0;
	width:190px;
	background:#FFF;
	border:1px solid #8eb4cd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/css/PIE.htc);
	position:relative;
	display:inline-block;
	clear:both;
}
.typeFloatBox .slidephotos img.balloons {
	border:0;
	position:absolute;
	top:10px;
	right:-18px;
}
.typeFloatBox .slidephotos .image-change-photo ul {
	margin:10px 0 0 10px;
	padding:0;
	display:inline-block;
	clear:both;
}
.typeFloatBox .slidephotos .image-change-photo ul li {
	margin:0 10px 10px 0;
	width:80px;
	height:80px;
	float:left;
}
.typeFloatBox .slidephotos .image-change-photo ul li.skipBtn {
	margin:0 10px 10px 0;
	width:80px;
	height:80px;
	float:right;
}

/* プロフィール写真 */
.floatbox-photo{
	width:670px;
	height:600px;
	background:url(/img/member/floatbox/bg_p.png) no-repeat 0 0;
	padding:10px;
    display: none;
    z-index: 10;
    position: absolute;
}
.floatbox-photo .floatbox-inner{
	position:relative;
	width:640px;
	height:550px;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	_behavior: url(/css/PIE.htc);*/
	background:#e9f6fc;
	padding:15px;
}
	.floatbox-photo .floatbox-inner span.close{
		position:absolute;
		top:15px;
		right:15px;
	}
.floatbox-photo .floatbox-inner .label{
	font-size:16px;
	margin-bottom:10px;
	padding-right:16px;
}
	.floatbox-photo .floatbox-inner .label img{
		vertical-align:-8px;
		margin-right:10px;
	}

.typeFloatBox .typeUserPic .image-cover-photo,
.typeFloatBox .typeUserPicOnly .image-cover-photo {
	width:370px !important;
	height:380px !important;
	position:relative;
}
.typeFloatBox .typeUserPic .image-cover-photo span.image-cover-style,
.typeFloatBox .typeUserPicOnly .image-cover-photo span.image-cover-style {
	position:absolute;
	top:0;
	left:42px;
}

.floatbox-photo#floatbox-cancelmail {
	width: auto;
	height: auto;
	background-color: #fff;
	background-image:none;
	padding: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	border:12px solid rgba(0,0,0,0.4);
	background-clip: padding-box;
}
.floatbox-photo#floatbox-cancelmail .floatbox-inner {
	width: auto;
	height: auto;
	padding: 0;
	background: #fff;
}
.floatbox-photo#floatbox-cancelmail .floatbox-inner span.close {
	position: absolute;
	top: 12px;
	right: 12px;
	display: block;
	width: 16px;
	height: 16px;
	z-index: 1;
	cursor: pointer;
 }
.floatbox-photo#floatbox-cancelmail .floatbox-inner .guidePopupBox .body {
		padding: 24px 0 36px;
		text-align: center;
	}


/* 自己紹介促しpopup
============================== */
.floatmovebox-inner.self_introduction {
	padding:0;
}
.floatmovebox-inner.self_introduction .label {
	position:relative;
	height:80px;
	border:1px solid #eee;
	background:#f7f7f7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.floatmovebox-inner.self_introduction .label h3.tit {
	height: 80px;
	margin:0;
	padding:0;
	background:#3575c3 url(/img/member/floatbox/self/text_message.png) no-repeat 50% 50%;
	text-indent:-9999px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.floatmovebox-inner.self_introduction .label span.close {
	position:absolute;
	top:11px;
	right:15px;
}
.floatmovebox-inner.self_introduction .picsBox {
	margin: 0;
	padding: 15px 0;
	display: block;
	height: 325px;
	background: url(/img/member/floatbox/self/img_prof.jpg) no-repeat 50% 50%;
	text-indent: -9999px;
}
.floatmovebox-inner.self_introduction .btnBox {
	margin: 0 auto;
	padding: 5px 0 30px;
	text-align: center;
	display: block;
}
.floatmovebox-inner.self_introduction .btnBox a.selfBtn {
	width: 320px;
	height: 62px;
	display:inline-block;
	background: url(/img/member/floatbox/self/btn_prof_off.gif) no-repeat 50% 0;
	text-indent:-9999px;
}
.floatmovebox-inner.self_introduction .btnBox a:hover.selfBtn {
	display:inline-block;
	background: url(/img/member/floatbox/self/btn_prof_on.gif) no-repeat 50% 0;
	text-indent:-9999px;
}

/* 未年確時popup
============================== */
.mdl_float_container.need_ageverification {
	margin:0;
	padding:0;
}
.mdl_float_container.need_ageverification .label {
	position:relative;
	height:71px;
	display:block;
	border:0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.mdl_float_container.need_ageverification .label .close_popup {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 20px;
  height: 20px;
  background: url(/img/member/floatbox/verification/close.png) no-repeat 0 0;
}
.mdl_float_container.need_ageverification .label h3.tit {
	height:71px;
	margin:0;
	padding:0;
	background:#3575c3 url(/img/member/floatbox/verification/title.png) no-repeat 50% 50%;
	text-indent:-9999px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.mdl_float_container.need_ageverification .label span.close {
	position:absolute;
	top:11px;
	right:15px;
}
.mdl_float_container.need_ageverification ul.picsBox {
	margin: 0 auto;
	padding: 30px;
	display: table;
}
.mdl_float_container.need_ageverification ul.picsBox li.pic01 {
	margin: 0;
	padding: 0 30px;
	display: table-cell;
	width: 150px;
	height: 150px;
	background: url(/img/member/floatbox/verification/pic_time.png) no-repeat 50% 0;
	text-indent:-9999px;
}
.mdl_float_container.need_ageverification ul.picsBox li.pic01_f {
	margin: 0;
	padding: 0 30px;
	display: table-cell;
	width: 150px;
	height: 150px;
	background: url(/img/member/floatbox/verification/pic_time_f.png) no-repeat 50% 0;
	text-indent:-9999px;
}
.mdl_float_container.need_ageverification ul.picsBox li.pic02 {
	margin: 0;
	padding: 0 30px;
	display: table-cell;
	width: 150px;
	height: 150px;
	background: url(/img/member/floatbox/verification/pic_mail.png) no-repeat 50% 0;
	text-indent:-9999px;
}
.mdl_float_container.need_ageverification ul.picsBox li.pic03 {
	margin: 0;
	padding: 0 30px;
	display: table-cell;
	width: 150px;
	height: 150px;
	background: url(/img/member/floatbox/verification/pic_point.png) no-repeat 50% 0;
	text-indent:-9999px;
}
.mdl_float_container.need_ageverification ul.picsBox li.pic03_f {
	margin: 0;
	padding: 0 30px;
	display: table-cell;
	width: 150px;
	height: 150px;
	background: url(/img/member/floatbox/verification/pic_point_f.png) no-repeat 50% 0;
	text-indent:-9999px;
}
.mdl_float_container.need_ageverification ul.picsBox li.pic01 span,
.mdl_float_container.need_ageverification ul.picsBox li.pic01_f span,
.mdl_float_container.need_ageverification ul.picsBox li.pic02 span,
.mdl_float_container.need_ageverification ul.picsBox li.pic03 span,
.mdl_float_container.need_ageverification ul.picsBox li.pic03_f span {
	height:0;
	text-indent:-9999px;
}
.mdl_float_container.need_ageverification .fBtnBox,
.mdl_float_container.need_ageverification ul.btnBox {
	margin: 0 auto;
	padding: 5px 0 30px;
	display: table;
}
.mdl_float_container.need_ageverification ul.btnBox li {
	margin: 0;
	padding: 0 5px;
	display: table-cell;
	width: 284px;
	height: 67px;
}
.mdl_float_container.need_ageverification .fBtnBox a.verification,
.mdl_float_container.need_ageverification ul.btnBox li a.verification {
	width: 284px;
	height: 67px;
	display:block;
	background: url(/img/member/floatbox/verification/btn_mail.png) no-repeat 50% 0;
	text-indent:-9999px;
}
.mdl_float_container.need_ageverification ul.btnBox li a.credit {
	width: 284px;
	height: 67px;
	display:block;
	background: url(/img/member/floatbox/verification/btn_card.png) no-repeat 50% 0;
	text-indent:-9999px;
}

/* need_payment need_ageverification popup
============================== */
.mdl_float_container.need_payment .labelwrap {
	position: relative;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
			align-items: center;
	-webkit-justify-content: center;
			justify-content: center;
	height: 70px;
	background-color: #3575c3;
}
	.mdl_float_container.need_payment .labelwrap .label {
	  color: #fff;
	  font-size: 28px;
	}
	.mdl_float_container.need_payment .labelwrap .close_popup {
	  position: absolute;
	  top: 10px;
	  right: 10px;
	  display: block;
	  width: 20px;
	  height: 20px;
	  background: url(/img/member/floatbox/verification/close.png) no-repeat 0 0;
	}
	.mdl_float_container.need_payment .body {
	  padding: 25px 25px 15px;
	}
	  .mdl_float_container.need_payment .body .notice {
		text-align: center;
	  }
		.mdl_float_container.need_payment .body .notice dt {
		  font-size: 15px;
		  line-height: 1;
		}
		.mdl_float_container.need_payment .body .notice dd {
		  padding: 22px 0;
		}
		.mdl_float_container.need_payment .body .notice ul {
		  display: inline-block;
		  color: #3774c0;
		  font-size: 20px;
		  font-weight: bold;
		  text-align: left;
		  margin: 0 auto;
		}
	  .mdl_float_container.need_payment .body .info_creditcard {
		color: #3774c0;
		border: solid 8px #e2f2fd;
		padding: 20px 0;
		text-align: center;
	  }
		.mdl_float_container.need_payment .body .info_creditcard dt {
		  font-size: 20px;
		  font-weight: bold;
		  line-height: 1;
		}
		.mdl_float_container.need_payment .body .info_creditcard dd.description {
		  font-size: 16px;
		  line-height: 1;
		  padding: 16px 0;
		}
		.mdl_float_container.need_payment .body .info_creditcard dd.card .img {
		  margin-right: 20px;
		  vertical-align: 3px;
		}
	.mdl_float_container.need_payment .btnwrap {
	  display: -webkit-box;
	  -webkit-box-align: center;
	  -webkit-box-pack: justify;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-align-items: center;
			  align-items: center;
	  -webkit-justify-content: space-between;
			  justify-content: space-between;
	  padding: 0 25px 25px;
  }
  .mdl_float_container.need_payment .btnwrap .item > a,
  .mdl_float_container.need_payment .btnwrap .item > img {
    display: none;
  }
    .mdl_float_container.need_payment .btnwrap .item > a.show,
    .mdl_float_container.need_payment .btnwrap .item > img.show {
      display: block;
    }