@charset "Shift_JIS";

/* ****************************************
 *  form.css [2010/11/16]
	Modify  toiyama
 * ****************************************
 */
 
/* FONT
8px -> 71.4%
9px ->78.5%
10px -> 83.4%
11px -> 91.7%
12px -> 100%
13px -> 108.4%
14px -> 116.7%
15px -> 125%
16px -> 133.4%
17px -> 141.7%
18px -> 150%
19px -> 158.4%
20px -> 166.7%
21px -> 175%
22px -> 183.4%
23px -> 191.7%
24px -> 200%
25px -> 208.4%
26px -> 217%
*/


/*==================================
form
お問合せ_contact
オープンキャンパス申込_eventreq
資料請求_request
================================== */

.box{
margin-bottom:25px;
}

.tel-info{
width:575px;
border:2px solid #7A6858;
padding:5px 0px;
text-align:center;
margin:15px 25px 25px;
color:#333333;
}

.tel-info span{
font-size:150%;
}

#form-area{
background:url(../cmm/form_line.jpg) repeat-x top;
padding-top:5px;
}
.txt{
font-size:83.4%;
}
/* テキスト
-------------------------------------------------- */
.text01{
	padding:0px 6px 18px 6px;
	color:#333333;
}

.text02{
	padding:0px 6px 18px 6px;
	text-align:center;
	color:#333333;
}

/* 必須
-------------------------------------------------- */

.indis{
	color:#CC0000;
	font-weight:bold;
	padding:0px 2px 0px 2px;
}


/* テーブル
-------------------------------------------------- */
table.formTbl{
	margin:0px auto 20px auto;
	border-collapse:collapse;
	width:650px;
}

	table.formTbl th{
		width:130px;
		color:#333333;
		padding:10px 10px 15px 10px;
		font-weight:normal;
		vertical-align:top;
		background:#F5F5F5 url(../cmm/form_line.jpg) repeat-x bottom;
	}
	
	
	table.formTbl td{
		width:420px;
		padding:10px 10px 15px 10px;
		background:url(../cmm/form_line.jpg) repeat-x bottom;
		color:#333333;
	}
	


/* フォーム部品
-------------------------------------------------- */
table.formTbl td input{
	padding:1px 1px 1px 1px;
	_padding:4px 4px 4px 4px;/*IE6_hack*/
	vertical-align:middle;
}

/*IE7_hack*/
*:first-child + html table.formTbl td input{
	padding:4px 4px 4px 4px;
}

	table.formTbl td input.tf01{
		width:200px;
		margin-right:2px;
		vertical-align:text-bottom;
		margin-bottom:2px;
	}
	
	table.formTbl td input.tf02{
		width:100px;
	}
	
	table.formTbl td input.tf03{
		width:40px;
		margin-right:2px;
		vertical-align:text-bottom;
		margin-bottom:2px;
	}
	
	table.formTbl td select.sle01{
		width:200px;
	}
	
	table.formTbl td label.radio01{
		padding:0px 50px 0px 0px;
		border:0px solid #000000;
	}
	
	table.formTbl td input[type="radio"],
	table.formTbl td input[type="checkbox"]{
		vertical-align:middle;
		margin-right:3px;
	}

table.formTbl td textarea{
	padding:1px 1px 1px 1px;
	_padding:4px 4px 4px 4px;/*IE6_hack*/
	width:450px;
	height:100px;
}

optgroup{
font-style:normal;
}

/*IE7_hack*/
*:first-child + html table.formTbl td textarea{
	padding:4px 4px 4px 4px;
}

table.formTbl td select{
	padding:1px 1px 1px 1px;
	_padding:4px 4px 4px 4px;/*IE6_hack*/
	vertical-align:text-bottom;
	margin:0px 2px 0px 2px;
}

*:first-child + html table.formTbl td select{
	padding:1em;
}




/* フォーム内のリスト01
-------------------------------------------------- */
table.formTbl td dl.listBlock01 dt{
	width:68px;
	float:left;
	padding:2px 0px 0px 0px;
}

table.formTbl td dl.listBlock01 dd{
	padding:0px 0px 5px 70px;
}

table.formTbl td dl.listBlock01 dd span{
	font-size:83.4%;
	color:#FF3300;
}

/* フォーム内のリスト02
-------------------------------------------------- */
table.formTbl td dl.listBlock02 dt{
	width:440px;
	background:#DAEFE6;
	padding:3px 10px 3px 10px;
	font-weight:bold;
}

	table.formTbl td dl.listBlock02 dt span{
		color:#287954;
	}

table.formTbl td dl.listBlock02 dd{
	padding:10px 10px 10px 10px;
}

	table.formTbl td dl.listBlock02 dd ul li{
		width:210px;
		float:left;
		padding:0px 0px 5px 0px;	
	}


/* ボタン
-------------------------------------------------- */

#btn01{
	background:#F5F5F5;
	width:630px;
	margin:0px auto 10px;
	padding:10px;
	text-align:center;
}

	#btn01 .redoing{
	padding-bottom:0px;
	}
	
	#btn01 .end{
	}

/* エラー
-------------------------------------------------- */

.errorText01{
	color:#FF0000;
	text-align:center;
	font-weight:bold;
	border:2px solid #FF0000;
	padding:10px 10px 10px 10px;
	margin:0px auto 10px auto;
}

.errorText02{
	color:#FF0000;
}

.errorbg01{
	background:#FFD7D7;
	border:1px solid #BFCEDC;
}

.errorbg02{
	border:2px solid #cc0000;
}

/* 完了テキスト
-------------------------------------------------- */
#endText{
color:#CC0000;
margin:25px 25px;
font-size:133.4%;
}
.endText02{
margin-bottom:25px;
padding:0px 25px;
}


/*-------------------------------------

オープンキャンパス・見学会

--------------------------------------*/
.event-syurui{
margin:0px 0px 10px;
border-bottom:dotted 1px #CCCCCC;
}
.event-syurui dt{
width:180px;
float:left;
padding-left:10px;
}
.event-syurui dd{
width:270px;
float:right;
padding-bottom:5px;
}
.fin{
border-bottom:none;
}




/*--完了画面---*/
.f_waku {
   margin:0px auto;
   font-size: 12px;
   color: #5e5e5e;
   border: 1px solid #917f62;
   padding: 20px 10px;
   width:504px;
}

.txt_f05 {
   margin: 0 10px 0 10px;
   font-size: 14px;
   color: #fff;
   line-height: 1.5;
   background-color: #917f62;
   padding: 2px 10px;
}

.txt_f04 {
   margin: 5px 10px 0 30px;
   font-size: 12px;
   color: #5e5e5e;
   line-height: 1.5; 
}

.txt_f03 {
   margin: 5px 10px 0 20px;
   font-size: 12px;
   color: #5e5e5e;
   line-height: 1.5;
   font-weight: bold; 
}

.text03{
margin-bottom:15px;
}
.text03 strong{
font-weight:bold;
color:#308958;
}

.oc-area{
	padding:10px;
	margin:5px auto 25px;
	background-color: #EEF9F3;
	width:630px;
}

.oc-area strong{
font-weight:bold;
color:#308958;
font-size:108.4%;
}


/*----------------------------------
資料請求
-----------------------------------*/

/*--資料選択--*/
.siryou{
margin:0px;
}
.siryou dt{
padding:5px;
}
.siryou dd{
padding:5px 5px 5px 20px;
}


/*--希望コース--*/
.course{
margin:0px 0px 10px;
}
.course dt{
padding:5px;
}
.course dd{
padding:5px 5px 5px 20px;
}