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

#formWrap {
	width:95%;
	margin:0 auto;
}
/*ta1設定
---------------------------------------------------------------------------*/
/*ta1テーブル*/
.formTable {
	width: 100%;
	table-layout: fixed;
	margin: 40px 0 20px;
	background: #fff;	/*背景色*/
	border-bottom:1px solid #999;
}
.formTable, .formTable td, .formTable th {
	border-top: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	padding: 20px;	/*ボックス内の余白*/
	word-break: break-all;
line-height:1.5em;
	color:#000;
}
/*左側ボックス*/
.formTable th {
	width: 180px;	/*幅*/
	text-align: center;	/*センタリング*/
	font-weight: normal;
	background: #eee;	/*背景色*/
}


/*table.formTable th, table.formTable td {
	width:auto;
	display:block;
	line-height:2.0em;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}*/
input[type="text"], textarea {
	padding:5px;
	margin:10px;
	font-size:110%;
	/*display:block;*/
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
	
}

input[type="submit"]{
	background:#003a9b!important;
	width:30%!important;
	color:#fff!important;
	font-size:120%;
	display:block;
	position:relative;
	margin:30px auto;
	height:60px;
	border-radius:40px;
	border:none;
}

input[type="submit"]:hover{
	text-decoration: underline;
}

input[type="button"]{
	background:#ccc!important;
	width:30%!important;
	color:#000!important;
	font-size:120%;
	display:block;
	position:relative;
	margin:0 auto;
	height:60px;
	border-radius:40px;
	border:none;
}

input[type="radio"]{
	margin:10px 0;
}

.wl {display:none;}
.ws {display:none;}

/*画面幅1024px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1024px){

input[type="text"], textarea {
	padding:5px;
	margin:10px;
	font-size:110%;
	width: 90%;
	/*display:block;*/
}
	
}

/*画面幅600px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:600px){
	
/*ta1設定
---------------------------------------------------------------------------*/
/*ta1テーブル*/
.formTable {
	width: 100%;
	table-layout: fixed;
	margin: 20px 0;
	background: #fff;	/*背景色*/
	border-bottom:1px solid #999;
}
	
.formTable, .formTable td, .formTable th {
	border-top: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	padding: 20px 5px;	/*ボックス内の余白*/
	word-break: break-all;
line-height:1.5em;
	font-size:90%;
}

/*左側ボックス*/
.formTable th {
	width: 100px;	/*幅*/
	text-align: center;	/*センタリング*/
	font-weight: normal;
	background: #eee;	/*背景色*/
	white-space: nowrap;
}
	
input[type="submit"]{
	background:#003a9b!important;
	width:100%!important;
	}
	
	
input[type="text"], textarea {
	width:85%;
	padding:5px;
	margin:10px;
	font-size:100%;
	/*display:block;*/
}
	
.wl {display:inline; width: 100%;}
.ws {display:inline; width: 100%;}
	
}