@charset "utf-8";

/* ****************************************************************************

	element.css

-------------------------------------------------------------------------------
******************************************************************************* */
.temp-class{
	background:#000;
	padding:10px;
	color:#FFF;
	margin-bottom:10px;
	line-height:1.2;
}
/* ==

　tit-style

=============================================================================== */
/* tit-styleA */
.tit-styleA{
	background:url(/common/img/parts/tit_style_a.png) 0 0 no-repeat;
	font-size:138.5%;
	font-weight:bold;
	padding:15px 0 5px 15px;
	margin-bottom:10px;
}
/* tit-styleB */
.tit-styleB{
	border-left:4px solid #333;
	padding-left:5px;
	margin-bottom:8px;
	color:#333;
	font-weight:bold;
	line-height:1.4;
}


/* ==

　link-icon

=============================================================================== */
/* link */
.icon-linkgray{
	padding-left:8px;
	background:url(/common/img/parts/icon_linkgray.gif) 0 50% no-repeat;
}
/* sitemap */
.icon-sitemap{
	padding-left:13px;
	background:url(/common/img/parts/icon_sitemap.gif) 0 50% no-repeat;
}
/* info */
.icon-info{
	padding-left:13px;
	background:url(/common/img/parts/icon_info.gif) 0 50% no-repeat;
}
/* note */
.icon-note{
	padding-left:13px;
	background:url(/common/img/parts/icon_note.gif) 0 50% no-repeat;
}
/* spn */
.icon-spn{
	padding-left:13px;
	background:url(/common/img/parts/icon_spn.png) 0 50% no-repeat;
}
/* pc */
.icon-pc{
	padding-left:18px;
	background:url(/common/img/parts/icon_pc.png) 0 50% no-repeat;
}
/* heart */
.icon-heart{
	padding-left:18px;
	background:url(/common/img/parts/icon_heart.gif) 0 50% no-repeat;
}
/* point */
.icon-point{
	padding-left:18px;
	background:url(/common/img/parts/icon_point.gif) 0 50% no-repeat;
}
/* heart */
.icon-member{
	padding-left:18px;
	background:url(/common/img/parts/icon_member.gif) 0 50% no-repeat;
}
/* star */
.icon-star{
	padding-left:18px;
	background:url(/common/img/parts/icon_star.gif) 0 50% no-repeat;
}
/* login - logout */
.icon-login{
	padding-left:10px;
	background:url(/common/img/parts/icon_login.gif) 0 50% no-repeat;
}
.icon-logout{
	padding-left:10px;
	background:url(/common/img/parts/icon_logout.gif) 0 50% no-repeat;
}
/* area */

.icon-lounge{
	padding-left:16px;
	background:url(/common/img/parts/icon_lounge.gif) 0 50% no-repeat;
}

.icon-lounge-area{
	padding-left:16px;
	background:url(/common/img/parts/icon_lounge_area.gif) 0 50% no-repeat;
}
/* party type */
.icon-petit{
	padding-left:16px;
	background:url(/common/img/parts/icon_type_petit.gif) 0 50% no-repeat;
}
.icon-oninzu{
	padding-left:16px;
	background:url(/common/img/parts/icon_type_oninzu.gif) 0 50% no-repeat;
}
.icon-gokon{
	padding-left:16px;
	background:url(/common/img/parts/icon_type_gokon.gif) 0 50% no-repeat;
}
.icon-bus{
	padding-left:16px;
	background:url(/common/img/parts/icon_type_bus.gif) 0 50% no-repeat;
}
.icon-cocking{
	padding-left:16px;
	background:url(/common/img/parts/icon_type_cocking.gif) 0 50% no-repeat;
}
.icon-special{
	padding-left:16px;
	background:url(/common/img/parts/icon_type_special.gif) 0 50% no-repeat;
}

.select-area-box {
	width: 75px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	border: 2px #cccccc solid;
	display: block;
	background: #ffffff;
	color: #333333 !important;
}

.select-area-box:hover {
	opacity: 0.7;
	text-decoration: none;
}

.select-area-box-active {
	color: #FFFFFF !important;
	background: #F3336A;
	border-color: #F3336A;
}

/* man */
.icon-man{
	color:#00a0e3;
	padding-left:16px;
	background:url(/common/img/parts/icon_man.gif) 0 50% no-repeat;
}
/* woman */
.icon-woman{
	color:#e33f80;
	padding-left:16px;
	background:url(/common/img/parts/icon_woman.gif) 0 50% no-repeat;
}

/* bookmark */
.icon-bookmark{
	padding-left:20px;
	background:url(/common/img/parts/icon_bookmark.gif) 0 50% no-repeat;
}

/* mail */
.icon-mail{
	padding-left:20px;
	background:url(/common/img/parts/icon_mail.gif) 0 50% no-repeat;
}
/* search */
.icon-search{
	padding-left:22px;
	background:url(/common/img/parts/icon_search.gif) 0 50% no-repeat;
}
/* calendar */
.icon-calendar{
	padding-left:20px;
	background:url(/common/img/parts/icon_calendar.gif) 0 50% no-repeat;
}

/* ==

　state

=============================================================================== */
.state{
	padding:4px 8px;
	background:#ccc;
	font-size:85%;
	text-align:center;
	color:#FFF;
	/* CSS3 border-radius */
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	behavior: url(/common/css/PIE.htc);
	position:relative;
}
.state.ok-man{	background:#00a0e3;}
.state.ok-woman{	background:#e33f80;}
.state.some{	background:#ff8f44;}
.state.full{	background:#E31212;}


/* ==

　round-btn

=============================================================================== */
input.round-btn{
	background:none;
	border:none;
	cursor:pointer;
	_background:#F00;
}
.round-btn{
	padding:10px;
	border:1px solid #ccc;
	background:url(/common/img/parts/bg_grad_gray_btm.png) repeat-x;
	/* CSS3 border-radius */
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	behavior: url(/common/css/PIE.htc);
	position:relative;
	-webkit-appearance: none;
}

.emma_btn{
	padding:10px;
	border:1px solid #ccc;
	background:#616161;
	/* CSS3 border-radius */
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	behavior: url(/common/css/PIE.htc);
	position:relative;
	-webkit-appearance: none;
}


.round-btn.round-red{
	color:#FFF;
	border-right:2px solid #ba3239;
	border-bottom:2px solid #ba3239;
	border-top:1px solid #fe7672;
	border-left:1px solid #fe7672;
	background:url(/common/img/parts/bg_grad_red_pattern.png) repeat-x;
}

.round-btn.round-gray{
	color:#FFF;
	border-color:#666;
	background: url(/common/img/parts/icon_linkwhite.gif) 10px 50% no-repeat #666666;
	padding:2px 10px 2px 18px;
}
.round-btn.round-black{
	color:#FFF;
	border-color:#000;
	background:#000;
}
.round-btn .round-gray-alw-red{
	padding-left:8px;
	background:url(/common/img/parts/icon_linkred.gif) 0 50% no-repeat;
}
.round-btn.round-gray-small{
	font-size:77%;
	padding:8px;
	border:1px solid #e7e7e7;
	color:#333;
}

.round-btn.round-green{
	color:#FFF;
	border-right:2px solid #297e18;
	border-bottom:2px solid #297e18;
	border-top:1px solid #83d874;
	border-left:1px solid #83d874;
	background:url(/common/img/parts/bg_grad_green_pattern.png) 0 100% repeat-x;
}

.round-btn.r-hover{
	background:#f5f5f5;
}
.round-btn.round-red.r-hover{
	background:#e83736;
}
.round-btn.round-gray.r-hover{
	background: url(/common/img/parts/icon_linkwhite.gif) 10px 50% no-repeat #999;
}
.round-btn.round-black.r-hover{
	background:#666;
}
.round-btn.round-green.r-hover{
	background:#63b736;
}
.round-btn.round-disabled{
	background:#f5f5f5;
	color:#aaaaaa;
}
.round-btn.round-disabled.r-hover{
	background:#f5f5f5;
}

/* ==

　round-circle-btn

=============================================================================== */
.round-circle-btn{
	display:block;
	padding:3px;
	background:#ccc;
	text-align:center;
	font-size:92.4%;
	/* CSS3 border-radius */
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	behavior: url(/common/css/PIE.htc);
	position:relative;
}
.round-circle-btn.round-circle-green{
	background-color:#4e900d;
	color:#FFF;
}
.round-circle-btn.round-circle-blue{
	background-color:#011298;
	color:#FFF;
}
.round-circle-btn.round-circle-pink{
	background-color:#de457b;
	color:#FFF;
}
.round-circle-btn.round-circle-orange{
	background-color:#f37810;
	color:#FFF;
}

/* ==

profile-btn

=============================================================================== */
.profile-btn-section{
	padding: 6px 3px 9px 0;
	float:right;
	width: 30%;
}
.profile-btn-section-txt{
	overflow: hidden;
	float:left;
	width: 69%;
}
.profile-btn{
	display: inline-block;
	position: relative;
	padding: 18px 0;
	width: 40%;
	line-height: 1em;
	font-size: 14px;
	color: #333 !important;
	text-align: center;
	text-decoration: none;
	background:#eee;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 3px 3px 0 #ccc;
	box-shadow: 3px 3px 0 #ccc;
	border:none;
	-webkit-appearance: none;
}
.profile-btn:hover{text-decoration: none;background: #f5f5f5;}
.profile-btn-section .profile-btn{
	padding: 15px 0;
	width: 100%;
}
.profile-btn-section .profile-btn:after{
	content: "";
	position: absolute;
	margin-top: -5px;
	top: center;
	left: 10px;
	width: 8px;
	height: 24px;
	background: #666;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	z-index: 5;
}
.profile-btn-section .color-A:after{background-color: #59BBA5;}
.profile-btn-section .color-B:after{background-color: #7286E9;}
.profile-btn-section .color-C:after{background-color: #5FC073;}
.profile-btn-section .color-D:after{background-color: #F87855;}
.profile-btn-section .color-E:after{background-color: #6BADC6;}
@media screen and (min-width: 0) and (max-width: 640px) {
	.profile-btn{width: 80%;}
	.profile-btn-section .profile-btn{padding-left: 6px; width: 95%;}
	.profile-btn-section{width: 35%;}
	.profile-btn-section-txt{width: 64%;}
}

/* ==

　dl-table-typeA

=============================================================================== */
.dl-table-typeA{
}
.dl-table-typeA dt{
	width:22%;
	clear:both;
	float:left;
	padding:7px 10px;
	border-top:1px dotted #ccc;
	line-height:1.6;
}
.dl-table-typeA dd{
	margin-left:25%;
	padding:7px 0;
	border-top:1px dotted #ccc;
	line-height:1.6;
}
.dl-table-typeA dd dl {
	margin: 20px 0 0 20px;
}
.dl-table-typeA dd dt {
	width: 22%;
	float: left;
	clear: none;
	padding: 4px 0 0;
	border: none;
	line-height: 1.6;
}
.dl-table-typeA dd dd{
	float: left;
	width: 70%;
	margin-left:0 !important;
	padding:0;
	margin: 0 0 10px;
	border-top:none;
	line-height:1.6;
}
.dl-table-typeA .select-existing {
	border: 1px solid #DDD;
	border-bottom: none;
	padding: 15px;
	margin: 10px 10px 0 0px;
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}
.dl-table-typeA .select-other {
	border: 1px solid #DDD;
	padding: 15px;
	margin: 0 10px 0 0px;
	-webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}
.dl-table-typeA .select-existing .tit,
.dl-table-typeA .select-other .tit{
	font-weight: bold;
	font-size: 16px;
	margin: 5px 0;
}
.dl-table-typeA .select-existing input,
.dl-table-typeA .select-other input {
	margin: 0 10px 0 0;
}


/* ==

　error

=============================================================================== */
.error-txt{
	background:#F00;
	padding:5px;
	color:#FFF;
	font-weight:bold;
	font-size:85%;
	margin-bottom:5px;
	line-height:1.2;
}
.error-input{
	background:#FCC;
}
.error-box-top{
	border: 2px solid #F00;
	padding:10px;
	color:#F00;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.5;
}
.error-box-top li {
	list-style-type:disc;
	list-style-position: inside;
	padding: 0 0 0 10px;
	margin: 0 0 5px;
}
.error-box-top li:last-child {
	margin: 0;
}
.error-box{
	background:#F00;
	padding:5px;
	color:#FFF;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.5;
}

/* ==

　table-typeA

=============================================================================== */
table.table-typeA{
	width:100%;
	border:2px solid #ccc;
}
table.table-typeA th{
	width:25%;
	padding:10px 15px;
	background:#f7f7f7;
	border-bottom:2px solid #ccc;
}
table.table-typeA td{
	width:75%;
	padding:10px 15px;
	border:2px solid #ccc;
}
table.table-typeA th p,
table.table-typeA td p{

	font-size:92.4%;
}

/* ==

　icon_waribiki

=============================================================================== */
.icon_web_wari{
	margin:1px; padding:2px 0;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#ffff;
	border:1px solid #000;
	color:#000;
	font-size:11px;
	text-align:center;
	width:44px;
	display:inline-block;
}
.icon_haya_wari{
	margin:1px; padding:3px 0;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#ff0000;
	color:#fff;
	font-size:11px;
	text-align:center;
	width:46px;
	display:inline-block;
}

/* ==

　icon

=============================================================================== */
.new_icon{
	margin:1px; padding:2px 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#F00;
	color:#fff;
	font-size:11px;
	text-align:center;
	display:inline-block;
	line-height:1.0em;
}