@charset "UTF-8";
/* CSS Document */



/*--------------------------------------------------------------
ヘッダー
--------------------------------------------------------------*/

.title_box{
	width:800px;
	margin:0 auto;
	background:#00A381;
	border-radius:3px;
	margin-top:50px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	position:relative;
}
.title_box p{
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
}
.title_box h2{
	color:#ffffff;
	font-size:25px;
}
.close_btn{
	position:absolute;
	right: 10px;
    top: 35px;
	
}
.close_btn a{
	font-size:10px;
	color:#fff;
	position:relative;
}
.close_btn a:before{
	content:url("../../../images/common/icon_close_white.png");
	display:inline-block;
	position:absolute;
	top:-32px;
	
}

/*--------------------------------------------------------------
問い合わせ内容
--------------------------------------------------------------*/

article form{
	width:800px;
	margin:0 auto;
	padding-top:30px;
}
article form dl{
	border-bottom:1px solid #E6F1EF;
	padding:10px 0;
}
article form dl dt{
	font-size:18px;
	font-weight:bold;
	color:#00A381;
	margin-bottom:3px;
	position:relative;
}

.shopname dt,
.area dt,
.wrap_kuchikomi dt,
.wrap_shop dt,
.wrap_girl dt,
.wrap_comprehensive dt,
.wrap_user dt,
.wrap_age dt{
	padding-left:40px;
}
.shopname dt::before,
.area dt::before,
.wrap_kuchikomi dt::before,
.wrap_shop dt::before,
.wrap_girl dt::before,
.wrap_comprehensive dt::before,
.wrap_user dt::before,
.wrap_age dt::before {
	content:"必須";
	width:30px;
	height:21px;
	line-height:21px;
	font-size:10px;
	color:#ffffff;
	background:#EF0000;
	border-radius:3px;
	display:inline-block;
	text-align:center;
	position:absolute;
	top:2px;
	left:0;
}

span.error_mes{
	font-size:12px;
	font-weight:bold;
	color:#EF0000;
	padding-left:10px;
}
input.error {
	border: 1px solid #EF0000;
}
.shopname dd,.area dd{
	font-size:18px;
}

.wrap_price dd input,
.wrap_user dd input,
.shopname dd input,
.area dd input{
	width:800px;
	height:60px;
	border:1px solid #00A381;
	border-radius:3px;
	font-size:15px;
	padding-left:10px;
	background:#F8FAFA;
}

textarea{
	width:800px;
	height:250px;
	border:1px solid #00A381;
	border-radius:3px;
	font-size:15px;
	padding-left:10px;
	background:#F8FAFA;
	resize: vertical;
	padding:10px;
	line-height:1.2em;
}

select{
	width:320px;
	height:60px;
	border:1px solid #00A381;
	border-radius:3px;
	font-size:15px;
	background:#F8FAFA;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-left:10px;
	background-image: url("../../../images/common/arrow_green_bottom.png");
	background-repeat: no-repeat;
	background-size: 16px 9px;
	background-position: right 10px center;
}



.caution{
	font-size:13px;
	color:#636A77;
	padding-top:20px;
	padding-bottom:50px;
}

.wrap_button{
	width:800px;
	margin:0 auto;
	text-align:center;
	padding-bottom:50px;
}
.wrap_button input{
	width:572px;
	height:80px;
	border-radius:5px;
	background:#00A381;
	color:#ffffff;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}
.wrap_button input:hover{
	opacity:0.8;
	cursor:pointer;
}

.shopname dd input.error,
.area dd input.error,
.wrap_user dd input.error,
textarea.error,
select.error{
	border: 1px solid #EF0000;
	background-color: #FDF4F4;
}