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

#form_box{
	width:798px;
	margin:0px auto 0px auto;
}

#experience{
	display:none;
}

#studio{
	display:none;
}
.red{
	color:#FF0000;
}

/* --------------------------
	7.お問合せ
----------------------------- */
.page-contact .form_box {
	text-align:center;
}
.page-contact .iqfm-table{ /* form テーブル */
	width:100%;
}
.page-contact .iqfm-table th{
	text-align:left;
	width:30%;
}

.page-contact .iqfm-table td{ 
	text-align:left;
}
.page-contact .iqfm-table th span,
.page-contact .iqfm-table td span{ /*注意書き*/
	color:#f00;
}
.page-contact #privacy{ /* プライバシーポリシー */
}
/*
.form_box dl,
.form_box dt,
.form_box dd {
	margin: 0;
	padding: 0;
}

.form_box dl {
	width:100%;
	border: 1px solid #333;
	border-top: none;
	background: #e7e7e7;
}

.form_box dt,
.form_box dd {
	padding: 10px;
	line-height:1.3em;
	text-align:left;
}

.form_box dt {
	border-top: 1px solid #333;
	clear: left;
	float: left;
	width: 180px;
}

.form_box dd {
	margin-left: 200px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	background: #fff;
}
*/
/* 変更点：１行毎にdlを閉じて、それをheightParentでくくる。 */
.form_box dt,
.form_box dd {
	margin:0;
	border:1px solid #999;
	text-align:left;
	padding:10px;
}

.form_box dl{
	margin:0 auto;
	overflow:hidden;
	width:800px;
}
.form_box dt{
	width:200px;
	float:left;
	background-color:#ccc;
	border-bottom:none;
	border-right:none;
}
.form_box dd {
	width:556px;
	float:left;
	background-color:#FFF;
	border-bottom:none;
}
.form_box dl.last {
	border-bottom: 1px solid #999;
}



/* チェックボックスを整えたい場合は有効だが、IE8だけ崩れる。
その場合はhead内に<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />を書いて、IE7のレンダリングにすると解決する。

.form_box dd label{
	display:inline-block;
}
*/
#submit-button{
	text-align:center;
	margin:20px;
}
#submit-button input{
	width:80px;
	padding:3px 0;
}
.attention{
	color:#f00;
	font-size:11px;
}
.w10{width:10%}
.w90{width:90%}