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


/* フォーム */
#step {
	text-align: center;
	margin: 0 auto 10px;
	}

#notice {
	line-height: 160%;
	width: 576px;
	margin: 0 auto 30px;
	}

#table_container {
	/*background: url('../img/boxshadow.png') no-repeat center bottom;*/
	width: 960px;
	margin: 0 auto 10px;
	padding: 0 0 20px;
	}

#table {
	background: #fff;
	overflow: hidden;
	padding: 20px;
	}

#table h1, #table h2, #table p { text-align: center;}
#table h1, #table h2 { font-weight: bold; margin: 0 0 30px;}

#form_table {
	border: solid 1px #333333;
	line-height: 160%;
	}

#form_table th {
	background: #333333;
	border-bottom: solid 1px #f8f8f8;
	text-align: left;
	color: #ffffff;
	width: 190px;
	padding: 20px;
	}

#form_table td {
	border-bottom: solid 1px #333333;
	width: 648px;
	padding: 20px;
	}

#form_table .last_cell {border-bottom: none;}

#form_table .st { color: #e60012;}

.form_input_w1 { width: 162px;}

.form_input_w2 { width: 324px;}

.form_textarea {
	max-width: 648px;
	min-width: 648px;
	height: 150px;
	}

#result p { color: #e60012;}

#submit {
	text-align: center;
	padding: 0 0 20px;
	}

#submit form { display: inline;}

#submit_check, #submit_edit, #submit_send {
	background: url('../img/right_arrow.png') no-repeat 165px center #333333;
	border: none;
	line-height: 40px;
	font-size: 12px;
	text-align: left;
	color: #ffffff;
	width: 192px;
	height: 40px;
	margin: 0 15px;
	padding: 0 20px;
	}

#submit_check:hover { background: url('../img/right_arrow.png') no-repeat 165px center #444444;}
#submit_edit:hover { background: url('../img/right_arrow.png') no-repeat 165px center #444444;}
#submit_send:hover { background: url('../img/right_arrow.png') no-repeat 165px center #444444;}

@media screen and (max-width: 960px) { /*ウィンドウ幅が767px以上の場合に適用*/
#table_container,
#table_container table{
	width: 100%;
}
#table{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}
#form_table th{
	display: block;
	width: 95%;
	padding: 20px 2.5% ;
}
#form_table td{
	display: block;
	width: 95%;
	padding: 20px 2.5% ;
}
.form_textarea{
	width: 90%;
	min-width: 80%;
}
}
@media screen and (max-width: 767px) { /*ウィンドウ幅が最大767pxまでの場合に適用*/
#notice {
	width: 100%;
	}

	
	
	
}