@charset "utf-8";

.formbox1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 1px #dcdcdc;
}
.formbox1 p {
    margin: 0; 
    padding: 0;
}

form_01 {
  /* フォームをページの中央に置く */
  margin: 0 auto;
  width: 800px;
  /* フォームの範囲がわかるようにする */
  padding: 1em;
  border: 1px solid #CCC;
  border-radius: 1em;
}

form div + div {
  margin-top: 1em;
}

label {
  /* すべてのラベルを同じサイズにして、きちんと揃える */
  display: inline-block;
  width: 300px;
  text-align: left;
}





input, textarea {
  /* すべてのテキストフィールドのフォント設定を一致させる
     デフォルトで、textarea は等幅フォントが設定されている */
  font: 1em sans-serif;

  /* すべてのテキストフィールドを同じサイズにする */
  width: 300px;
  box-sizing: border-box;

  /* テキストフィールドのボーダーの外見を同一にする */
  border: 1px solid #999;
}

input:focus, textarea:focus {
  /* アクティブな要素を少し強調する */
  border-color: #000;
}

textarea {
  /* 複数行のテキストフィールドをラベルにきちんと揃える */
  vertical-align: top;

  /* テキスト入力に十分な領域を与える */
  height: 5em;
}

.button {
  /* ボタンを他のテキストフィールドと同じ場所に置く */
  padding-left: 90px; /* label 要素と同じサイズ */
}

button {
  /* このマージンは、ラベルとテキストフィールドの間のスペースと
     おおよそ同じスペースを表す */
  margin-left: .5em;
}

.checkbox_a {
  /* ボタン:選択用 */
  padding-left: 90px; /* label 要素と同じサイズ */
  margin-left: .5em;
  width: 30px;
}














.mface {
	background-color: #FFF;
	text-align: center;
	margin: 0;
	font-size: 12px;
	color: #333;
}
.mface .mface-container {
	width: 800px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
	background-color: #FFF;
}
.mface .mface-bar {
	width: 600px;
	padding: 10px 0;
	margin: auto;
	background-color: #000;
	color: #FFF;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.mface .mface-text {
	width: 560px;
	margin: 0 auto;
	padding: 20px;
}
.mface .mface-form_wrapper {
	width: 600px;
	margin: 0 auto;
}
.mface .mface-left {
	padding: 10px;
	vertical-align: middle;
	width: 40%;
	background-color: #999;
	color: #FFF;
	border: 1px solid #FFF;
}
.mface .mface-right {
	padding: 10px;
	vertical-align: middle;
	width: 60%;
	background-color: #EEE;
	border: 1px solid #FFF;
}
.mface .mface-red {
	color: #F00;
}
.error {
	padding: 8px 13px;
	background: #ffdede;
	border:1px solid #ff0000;
	font-weight: bold;
}