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

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

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


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

/* 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-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 {
	margin-bottom: 1em;
}