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

/*
 * フォーム共通スタイル
 * 入力エリアの設定、エラーメッセージの設定
 */

/* input、textareaの基本スタイル ***************************************************************** */
/* 以下の設定は必須です。必要に応じてスタイルを修正してください */

/* 横並び時のズレの調整 */
.form-area input,
.form-area select {
}

/* 通常時の入力エリアのスタイル */
.form-area input.ipt-usually,
.form-area textarea.ipt-usually {
	padding: 8px 10px;
	border: 1px solid #dadada;
	background: #FFF;
	position: static;
	font-size: 100%;
}
.form-area textarea {
	font-size: 100%;
}

/* focus時の入力エリアのスタイル→jsでclassをadd,removeを制御 */
.form-area input.ipt-focus,
.form-area textarea.ipt-focus {
	border: 1px solid #ef7a00;
	background: #FFFBD7;
}




/* 入力エリアの横幅指定用 ********************************************************************* */
/* 以下の設定は必須です。必要に応じて追加してください */
.form-area .ipt-w40 { width: 40px; }
.form-area .ipt-w50 { width: 50px; }
.form-area .ipt-w60 { width: 60px; }
.form-area .ipt-w70 { width: 70px; }
.form-area .ipt-w80 { width: 80px; }
.form-area .ipt-w90 { width: 90px; }
.form-area .ipt-w100 { width: 100px; }
.form-area .ipt-w140 { width: 140px; }
.form-area .ipt-w150 { width: 150px; }
.form-area .ipt-w200 { width: 200px; }
.form-area .ipt-w250 { width: 250px; }
.form-area .ipt-w300 { width: 300px; }
.form-area .ipt-w350 { width: 350px; }
.form-area .ipt-w400 { width: 400px; }
.form-area .ipt-w450 { width: 450px; }
.form-area .ipt-w500 { width: 500px; }
.form-area .ipt-w550 { width: 550px; }
.form-area .ipt-w600 { width: 600px; }
.form-area .ipt-w650 { width: 650px; }
.form-area .ipt-w700 { width: 700px; }
.form-area .ipt-w750 { width: 750px; }

/* 入力エリアの余白指定用 ********************************************************************* */
/* 以下の設定は必須です。必要に応じて追加してください */
.form-area .mb05{ margin-bottom:0.5em; }
.form-area .mb1{ margin-bottom:1em; }
.form-area .mb15{ margin-bottom:1.5em; }
.form-area .mb2{ margin-bottom:2em; }
.form-area .mt05{ margin-top:0.5em; }
.form-area .mt1{ margin-top:1em; }
.form-area .mt15{ margin-top:1.5em; }
.form-area .mt2{ margin-top:2em; }
.form-area .ml05{ margin-left:0.5em; }
.form-area .ml1{ margin-left:1em; }
.form-area .ml15{ margin-left:1.5em; }
.form-area .ml2{ margin-left:2em; }
.form-area .mr05{ margin-right:0.5em; }
.form-area .mr1{ margin-right:1em; }
.form-area .mr15{ margin-right:1.5em; }
.form-area .mr2{ margin-right:2em; }
.form-area .mr5{ margin-right:5em; }



/* エラーメッセージ *************************************************************************** */
/*以下の設定は必須です。 必要に応じてスタイルを修正してください */
.form-area .e-style {
	padding: 15px;
	margin-bottom: 1em;
	border: 3px solid #F3494C;
	background-color: #FFF3F3;
}
.form-area .e-style p {
	margin-bottom: 1em;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #333;
}
.form-area .e-style ul {
	padding-left: 1em;
}
.form-area .e-style li {
	color: #F00;
	text-align: left;
	line-height: 1.8;
}




/* フォーム部分のレイアウト *************************************************************************** */
/* 以下の設定は基本的な設定です。参考にしながらスタイルを調整してください */
.form-area .h-mes {
	margin-bottom: 1em;
}
.form-area .progress{
	margin-bottom:40px;
	
}
.form-area {
}
.form-area table {
	width: 100%;
	border: 1px solid #e5e5e5;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.form-area table th {
	background: #f5f5f5;
	padding: 24px 25px;
	vertical-align: middle;
	width: 170px;
	border: 1px solid #e5e5e5;
	text-align:left;
	font-size:117%;
}
.form-area table th.req{
	background:#feefea url(../../images/contact/ico_require.png) no-repeat right 50%;
}
.form-area table td {
	padding: 24px 20px;
	vertical-align: middle;
	border: 1px solid #e5e5e5;
}

.form-area table td .stxt{
	display:block;
	margin-top:0.5em;
}
.form-area table td .stxt2{
	display:block;
	margin:0.5em 0;
}


/* helper */
#main .form-area  span.set{
	display:inline-block;
	position:relative;
}
#main .form-area  span.set label{
	position:absolute;
	color:#939393;
	font-size:100%;
	padding:8px 10px;
}

#main .form-area .zipbtn{
	background:url(../../images/contact/btn_zip.png) no-repeat;
	display:inline-block;
}
#main .form-area .zipbtn a{
	text-decoration:none;
	line-height:1;
	display:block;
	text-align:center;
	width:83px;
	padding:9px 0 0 0;
	height:21px;
	color:#000;
}

#main .form-area td ul li{
	margin:0.5em 0;
}
#main .form-area td ul.flist{
}
#main .form-area td ul.flist li{
	width:180px;
	margin:0.5em 10px 0.5em 0;
	float:left;
}

#main .form-area td ul.inlist{
}
#main .form-area td ul.inlist li{
	display:inline-block;
	width:90px;
}
#main .form-area td ul.inlist li.wide{
	width:auto;
	margin-right:0;
}


#main .customSelect {
	border:1px solid #e5e4e4;
	font-size:13px;
	width: 140px;
	padding:8px 0 5px 8px;
	background:url(../../images/contact/ico_select.png) right 50% no-repeat;
}
#main .customSelectInner{
	width: 120px !important;
}


#main .form-area .privacy{
	text-align:center;
	margin-top:46px;
	font-size:117%;
}


/* ボタン部分のレイアウト *************************************************************************** */
/* 必要に応じてスタイルを修正してください */
.form-area .btn-wrap {
	height: 62px;
	margin: 0 auto;
	padding: 40px 0;
}
.form-area .btn-wrap.single {
	width: 350px;
}
.form-area .btn-wrap li {
	width: 350px;
	height: 62px;
}
.form-area .btn-wrap li.b-conf {
	background: url(../../images/contact/btn_confirm_ov.png) no-repeat;
	float: left;
}
.form-area .btn-wrap li.b-send {
	background: url(../../images/contact/btn_send_ov.png) no-repeat;
	float: right;
}
.form-area .btn-wrap li.b-back {
	background: url(../../images/contact/btn_back_ov.png) no-repeat;
	float: left;
}
.form-area .btn-wrap li input {
	width: 350px;
	height: 62px;
	border: 0;
	cursor: pointer;
}
.form-area .btn-wrap li.b-conf input {
	background: url(../../images/contact/btn_confirm.png) no-repeat;
}
.form-area .btn-wrap li.b-send input {
	background: url(../../images/contact/btn_send.png) no-repeat;
}
.form-area .btn-wrap li.b-back input {
	background: url(../../images/contact/btn_back.png) no-repeat;
}



/* サンキューエラーページのレイアウト *************************************************************************** */
/* 必要に応じてスタイルを修正してください */
.form-area.error .text{
	padding:30px 0;
	text-align:center;
	line-height:2.5;
}
.form-area.thanks .text{
	padding:30px 0;
	text-align:center;
	line-height:2.5;
}