@charset "utf-8";
/* ===================================================================
File info
 author     :AKAI Taro
 style info :フォーム共通デザイン
=================================================================== */

div#mf_wrapper { width: 640px; text-align: left; margin: 0px auto 0px auto; font-family: sans-serif; }
div#mf_header h1 { font-size: 24px; border-bottom: solid 1px #999999; margin: 0px; padding: 0px; }
div#mf_header h2 { font-size: 16px; color: #999999; font-weight: normal; margin: 0px; padding: 0px; }
form#mailform { padding: 5px; }
table.mailform { width: 100%; }
table.mailform tr th,
table.mailform tr td { text-align: left; font-weight: normal; font-size: 12px; border-bottom: solid 1px #999999; padding: 7px 5px 7px 5px; }
table.mailform tr th { width: 150px; }
table.mailform tr th span { color: #CC0000; font-size: 10px; }
#main table.mailform tr th p { margin: 0px; padding: 0px; font-size: 10px; color: #999999; }
#main table.mailform td#submitBtn{ text-align: center; }
#main table.mailform td#submitBtn input{ margin: 0 2em; }
table.mailform tr td textarea { width: 100%; height: 120px; }

/* -----------------------------------------------------------
		index
----------------------------------------------------------- */
.conractList{ padding-left:1em;}
#main .conractList p{ margin-bottom: 1em; }
#main .conractList ul{}
#main .conractList ul li{ display:inline; background-image:none; padding: 0 10px 0 0; }
#main p.btnForm{ margin-bottom:5em; }
p.btnForm a{ display:block; text-indent:-6666px; background-image:url(../img/form/main-btn-index-formlink.jpg); width:600px; height:70px; background-position:0 0;}
p.btnForm a:hover{ background-position:0 -70px;}

#main ul.btnForm{ background-image:url(../img/form/main-btn-index-formlink-02.jpg); width:420px; height:44px; padding-left:180px; padding: 26px 0 0 180px; }
#main ul.btnForm li{ float:left; padding: 0; }
#main ul.btnForm li a{ display:block; text-indent:-6666px; background-image:url(../img/form/main-btn-index-formlink-02.jpg); height: 44px; }
#main ul.btnForm li#btnFormContact a{ background-position:-180px -26px; width:108px; }
#main ul.btnForm li#btnFormAssessment a{ background-position:-288px -26px; width:128px; }
#main ul.btnForm li#btnFormSeminar a{ background-position:-416px -26px; width:131px; }

#main ul.btnForm li#btnFormContact a:hover{ background-position:-180px -96px;  }
#main ul.btnForm li#btnFormAssessment a:hover{ background-position:-288px -96px; }
#main ul.btnForm li#btnFormSeminar a:hover{ background-position:-416px -96px; }


/* -----------------------------------------------------------
		メルマガ登録
----------------------------------------------------------- */

.formTable{width:510px;background-color: #155a92; margin: 0 0 20px;}  /* フォームの 外枠 Tableタグ */
.formTD1{width:180px; background-color: #ffffff;text-align:center;vertical-align:middle; padding: 8px 8px 8px;}  /* フォームの 項目用 TDタグ */
.formTD2{width:330px; background-color: #ffffff; padding: 8px 8px 8px;}  /* フォームの 入力部用 TDタグ */
.BlockTitle{width:508px; font-size: 11pt; color:#000000; font-weight:bold; background-color: #bfd7fb; padding: 8px 0 8px; border-top:1px solid #155a92; border-left:1px solid #155a92;border-right:1px solid #155a92;margin: 10px 0 0;}  /* 各ブロック上のタイトル文字 */
.seq_form{background-color: #e5f2fb;font-weight: bold;} /* 画像認証用フォーム */
.errorMSG{border:1px solid #ff0000;margin: 0 0 20px;} /* エラーメッセージの外枠 Tableタグ*/