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

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

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

/* 横並び時のズレの調整 
.form-area input,
.form-area select {
	position:relative;
	top:2px;
}*/

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

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




/* 入力エリアの横幅指定用 ********************************************************************* */
/* 以下の設定は必須です。必要に応じて追加してください */
.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;
}




/* フォーム部分のレイアウト *************************************************************************** */
/* 以下の設定は基本的な設定です。参考にしながらスタイルを調整してください */


/*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%;
}

/*tdタグ内のテーブルレイアウト3カラムバージョン*/
.form-area table table.tbl-colum3 {
	font-size: 1em;
	width: 90%;
	border: none;
	padding: 0;
	margin: 0;
}
.form-area table table.tbl-colum3 td {
	border: none;
	background: none;
	padding: 5px 0;
	margin: 0;
	width: 33%;
	vertical-align: middle;
}

.form-area p.policy-check {
	text-align: center;
	font-size: 1.2em;
	padding: 10px 0;
}


/* ボタン部分のレイアウト *************************************************************************** */
/* 必要に応じてスタイルを修正してください */
/*.form-area .btn-wrap {
	width: 250px;
	height: 23px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
}
.form-area .btn-wrap li {
	width: 110px;
	height: 23px;
}
.form-area .btn-wrap li.b-conf {
	float: left;
}*/
/*.form-area .btn-wrap li.b-reset {
	float: right;
}
.form-area .btn-wrap li input {
	width: 110px;
	height: 23px;
	border: 0;
	cursor: pointer;
}*/
/*.form-area .btn-wrap li.b-conf input {
	background: url(../../images/form/btn_conf.gif) no-repeat;
}
.form-area .btn-wrap li.b-reset input {
	background: url(../../images/form/btn_reset.gif) no-repeat;
}
.form-area .btn-wrap li.b-send input {
	background: url(../../images/form/btn_send.gif) no-repeat;
}
.form-area .btn-wrap li.b-back input {
	background: url(../../images/form/btn_back.gif) no-repeat;
}
*/
.form-area .btn-wrap{
}
.form-area .btn-wrap li {
	text-align:center;
}
.form-area .btn-wrap li .inputarea {
	background:#323232;
	color:#fff;
	padding:10px 60px;
	border:none;
	font-size:1.09em;
	cursor:pointer;
}
.form-area .btn-wrap.single li{
}
.form-area .btn-wrap.single li .inputarea{
	padding:10px 135px;
}
.form-area .btn-wrap li.b-send {
	float: left;
}
.form-area .btn-wrap li.b-back {
	float: right;
}

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