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

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

/* input、textareaの基本スタイル ***************************************************************** */
/* 以下の設定は必須です。必要に応じてスタイルを修正してください */
.form-area input[type=tel],
.form-area input[type=email],
.form-area input[type=password],
.form-area input[type=number],
.form-area input[type=text],
.form-area input[type=submit],
.form-area input[type=reset],
.form-area input[type=button],
.form-area textarea{
	-webkit-appearance:none;
	border-radius:0;
}

/* 横並び時のズレの調整 */
.form-area input,
.form-area select {
	font-size:100%;
}

/* 通常時の入力エリアのスタイル */
.form-area input.ipt-usually,
.form-area textarea.ipt-usually {
	padding: 10px;
	border: 1px solid #dadada;
	background: #FFF;
	position: static;
}
.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;
}

/* 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:10px 10px;
	line-height:1.5;
}



/* 入力エリアの横幅指定用 ********************************************************************* */
/* 以下の設定は必須です。必要に応じて追加してください */
.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-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 .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 {
	font-size:134%;
	margin-bottom: 3em;
}
.form-area {
}

.form-area table{
	width:100%;
	border:1px solid #ccc;
	font-size:117%;
}
.form-area table th{
	display:table-cell;
	width:230px;
	padding:26px 15px;
	background:#F2F2F2;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align:middle;
	text-align:left;
	vertical-align:top;
}
.form-area table td{
	display:table-cell;
	padding:0.5em 15px;
	border-bottom:1px solid #ccc;
}

/*tdタグ内のテーブルレイアウト*/
.form-area table table.tbl-inner1 {
	font-size: 1em;
	width: 90%;
	border: none;
	padding: 0;
	margin: 0;
}
.form-area table table.tbl-inner1 th {
	border: none;
	background: none;
	padding: 5px 0;
	margin: 0;
	width: 25%;
	vertical-align: middle;
}
.form-area table table.tbl-inner1 td {
	border: none;
	background: none;
	padding: 5px 0;
	margin: 0;
	width: 75%;
}

/*ddタグ内のリストレイアウト*/
/* 以下の設定は基本的な設定です。参考にしながらスタイルを調整してください */
.form-area table td ul>li{
	margin:0.4em 0;
}
/* floatlist */
.form-area table td ul.fl{
}
.form-area table td ul.fl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
	padding:0;
	line-height:0;
	font-size:0;
  visibility: hidden;
}

.form-area table td ul.fl li{
	float:left;
}
/* per3 30% */
.form-area table td ul.per3 li{
	width:30%;
	margin-right:3%;
}

/* wide */
.form-area table td ul.fl li.wide{
	width:100%;
	margin-right:0;
}

/* inline-list */
.form-area table td ul.in{
}
.form-area table td ul.in li{
	display:inline-block;
}

/* clr */
.form-area table td ul.in li.clr{
	clear:both;
}

.form-area .btn-add {
	width:100px;
	height:40px;
	background:url(../../images/contact/btn_addserch.png) no-repeat;
	border:none;
	text-indent:-999px;
	overflow:hidden;
}
.form-area .btn-add:hover {
	cursor:pointer;
}

/*privacy*/
.form-area .privacy{
	margin:50px 0 0 0;
}

/*注釈*/
.form-area .caption {
	font-size: 92%;
}

/*例*/
.form-area .ex {
	margin-left:0.5em;
}
.form-area .ex2 {
	display:block;;
	line-height:1.4;
}

/*必須*/
.form-area .req {
	background: #feefea url(../../images/contact/img_req.png) no-repeat right top;
}



/* ボタン部分のレイアウト *************************************************************************** */
/* 必要に応じてスタイルを修正してください */
.form-area .btn-wrap {
	width: 730px;
	margin: 0 auto;
	padding: 54px 0 122px 0;
	overflow:hidden;
	height:auto;
}
.form-area .btn-wrap li {
	width: 353px;
	height: 83px;
}
.form-area .btn-wrap li.b-conf {float: left;}
.form-area .btn-wrap li.b-reset {float: right;}
.form-area .btn-wrap li.b-send {	float: left;}
.form-area .btn-wrap li.b-back {	float: right;}
.form-area .btn-wrap li input {
	width: 353px;
	height: 83px;
	border: 0;
	cursor: pointer;
}
.form-area .btn-wrap li.b-conf input {
	background: url(../../images/contact/btn_conf.png) no-repeat;
}
.form-area .btn-wrap li.b-reset input {
	background: url(../../images/contact/btn_reset.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_return.png) no-repeat;
}



/* サンキューエラーページのレイアウト *************************************************************************** */
/* 必要に応じてスタイルを修正してください */
.form-area.error {
	text-align:center;
	margin:0 0 122px;
	font-size:134%;
}
.form-area.thanks {
	text-align:center;
	margin:0 0 122px;
	font-size:134%;
}
.form-area.error p,
.form-area.thanks p {
	margin-bottom:1em;
	font-size:109%;
	line-height:2.5;
}