@charset "utf-8";

/* フォーム部分 */

#formWrap {
	
}

table.formTable {
	text-align: left;
	width:86%;
	margin:0 auto 40px;
	border-collapse:collapse;
}

table.formTable td,table.formTable th {
	border:1px solid #ccc;
	padding:15px;
	background: #FFF;
}

table.formTable th {
	width:28%;
	font-weight:normal;
	background: #B3DDFD;
	text-align:left;
}

table.formTable td input{
	font-weight:normal;
	text-align:left;
	margin-top: 5px;	
}

table.formTable span {
	padding:0px 10px;
	color: #FF0000;
	font-size: 10pt;
}

textarea {
	background-color: #fff;
	margin:5px 0 15px;
	width: 420px;
	height: 150px;
}

select {
	width: 200px;
}

.long-input input {
	width: 420px;
}





/* ウィンドウ幅が0〜800pxの場合に適用するCSS */
@media all and (min-width: 0) and (max-width: 800px)  {	



/* フォーム部分 */

#formWrap {
	
}

#formWrap .table.formTable {
	display: block;
	width: 100%;
	margin:0 auto 30px;
	border-collapse:collapse;
	
}

#formWrap .formTable th {
	display: block;
	width: 92%; !important;
	border:1px solid #ccc;
	padding:15px;
}

#formWrap .formTable td {
	display: block;
	width: 92%; !important;
	margin:0 auto 10px;
	border:1px solid transparent;
	padding:15px;
	background: none;
}


table.formTable th ,table.formTable tr ,table.formTable td {
	display: block;
	width:100%;
	font-weight:normal;
	text-align:left;
}

input {
	margin:5px 0 5px;
	width: auto;
}

textarea {
	background-color: #fff;
	margin:5px 0 15px;
	width: 90%;
	height: 150px;
}

select {
	width: 185px;
}

.long-input input {
	width: 280px;
}


}

/* ウィンドウ幅が800px以上の場合画像を縦に並べる */
.y-line {
	width: 100%;
}

.y-line img {
	margin: auto 0;
	text-align: center;
	display: block;
}