/* ================================================================ *
	NexasDesign 2011/03
	フォーム用 CSS
	
 * ================================================================ */

/* -----------------------------------------------------------------------------
>> フォーム
----------------------------------------------------------------------------- */

/* 入力ステップ */
.step-box {
	margin : 0 0 20px 0;
	padding : 0 0 0 0;
}
.step-box li {
	float:left;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	height:70px;
	text-indent: -5000px;
	overflow:hidden;
}
#step01 {
	width : 250px;
	background:url(../img/icon/step01.jpg) no-repeat 0 0;
}
#step02 {
	width : 180px;
	background:url(../img/icon/step02.jpg) no-repeat 0 0;
}
#step03 {
	width : 145px;
	background:url(../img/icon/step03.jpg) no-repeat 0 0;
}
.step-box #step01.now, .step-box #step02.now, .step-box #step03.now {
	background-position : 0 -70px;
}

/*-------------------------------------------------------- フォームレイアウト */

.form {
	clear : both;
}

.form p {
	margin : 0 0 10px 0;
}
.form p em.att {
	font-weight: normal;
	font-style: normal;
	color : #F30;
}

.form table {
	width : 650px;
	margin-bottom : 20px;
}
.margin-top20 {
	margin : 20px 0 0 0;
}
.form caption {
	padding : 8px 0;
	font-weight : bold;
	color : #ffffff;
	border :1px solid #b1dcf8;
	background-color : #54A007;
}
.form th {
	padding : 10px 10px;
	white-space : nowrap;
	text-align : left ;
}
.form th em {
	font-weight: normal;
	font-style: normal;
	padding : 0 0 0 1em;
	color : #F30;
}
.form td {
	padding : 10px 10px;
}
.formtd input {
	background-color : #f7f9f9;
}
.form textarea {
	width : 400px;
}
.form td.comment-area textarea {
	width : 370px;
}
.att {
	margin : 0 0 0 0;
	text-indent : 0;
	font-size : 12px;
}
.font-s {
	display : block;
	padding : 5px 0 0 0;
	font-size : 12px;
}

/* 入力例 */
.form .ex {
	font-style:normal;
	font-size : 11px;
	color : #999999;
}


.form select {
	margin : 0 0 0 1em;
}
.form dd optgroup {
	font-style : normal;
}


.form dd span.att2 {
	display:block;
	text-indent : -1em;
	margin : 0 0 0 1em;
	font-size : 85%;
	color : #666666;
}


.form h5 {
	padding : 5px 0;
	font-weight:normal;
}

.form td p.img-left {
	margin: 0 10px 0 0;
}


/* form btn */
.submit {
	padding : 0.5em 0 0;
	_zoom :1;
	overflow:hidden;
	text-align : center;
}
#submit01,#submit03 {
	float : left;
	margin: 0 0 0 240px;
}
.submit #submit02 {
	float : right;
}