table.ta {
	margin-bottom: 15px;
	width:100%;
	border-collapse:collapse;
}
table.ta th{
	border: 1px solid #999999;
	padding: 4px;
	width:30%;
	background-color:#F5F6D4;
	font-weight:normal;
}
table.ta td{
	border: 1px solid #999;
	padding: 4px;
	width:70%;
	background-color:#FFF;
	text-align:left;
}	
table.flatTable {
	margin-bottom: 15px;
	width:100%;
	border-collapse:collapse;
}
table.flatTable th{
	border: 1px solid #999;
	padding: 4px 8px;
	background-color:#F5F6D4;
	font-weight:normal;
}
table.flatTable td{
	border: 1px solid #999;
	padding: 4px;
	background-color:#FFF;
	text-align:left;
}
h1{
	border-left:6px solid #F90;
	border-bottom:2px solid #F90;
	padding:0px 0px 3px 7px;
	margin-bottom:25px;
	text-align:left;
	font-size:1.2rem;
}
h2{
	border-left:6px solid #FC0;
	background:#F90;
	padding:3px 0px 3px 6px;
	margin:0px 0px 10px 0px;
	text-align:left;
	color:#FFF;
	font-size:1rem;
}
p{
	text-align:left;
	margin:15px 0px;
}
.red{
	color:#E00;
}



/* contact */

table.contactTbl th,
table.contactTbl td{
	padding:8px;
	border :1px solid #999;
	font-weight:normal;
}
table.contactTbl th{
	background-color:#F5F6D4;
	white-space:nowrap;
}
table.contactTbl td{
	text-align:left;
}
table.contactTbl p{
	margin:0;
}
.essential{
	color:#C00;
}
table .essential{
	font-size:80%;
	margin-left:5px;
}
table.contactTbl input{
	padding:3px;
}
table.contactTbl input[type="submit"]{
	padding: 10px 20px;
	font-size: 1.2rem;
}
table.contactTbl .err{
	color:#D00;
}
.alphabet{
	ime-mode:disabled;
}
.nowrap{
	white-space:nowrap;
}

	.w300{
		width:300px;
	}
	.w200{
		width:200px;
	}
	.w100{
		width:100px;
	}
	.w50{
		width:50px;
	}
@media(min-width: 768px){
	#content{
		background-color:#FFF;
		padding:10px 70px 30px 70px;
	}
	table.contactTbl{
		width:100%;
		border-collapse:collapse;
	}
	table.contactTbl th{
		width:150px;
	}
	.w400{
		width:400px;
	}
}

@media(max-width: 767px) {
	#content {
		width: 100%;
		margin-bottom: 4em;
	}
	table.contactTbl{
		border-collapse:collapse;
		width: 100%;
		box-sizing: border-box;
	}
	table.contactTbl th,
	table.contactTbl td {
		display: block;
		width: auto;
		border-bottom: 0;
	}
	table.contactTbl th {
		text-align: left;
	}
	table.contactTbl td {
		padding: 1em;
	}
	textarea {
		width: 98%;
	}
	table.contactTbl label {
		display: block;
	}
	table.contactTbl tr:last-child th {
		display: none;
	}
	table.contactTbl tr:last-child td {
		text-align: center;
		border-left: 0;
		border-right: 0;
		padding: 1em;
	}
	.w400{
		width: 95%;
	}
}