@charset "EUC-JP";

/* for PC view
------------------------------*/

#inquiryWrapper{
	width: 620px;
	margin: 0px auto;
}

h1.inquiryTitle {
	background: #000066;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding: 10px;
	margin: 0px;
}

#inquiryForm {
	border: 4px solid #000066;
	padding: 10px;
}

#inquiryForm p.formText {
	margin: 0px 0px 10px;
}

#inquiryForm table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #000000;
}

#inquiryForm table td {
	border: 1px solid #000000;
	padding: 10px;
}

#inquiryForm table th {
	width: 200px;
	border: 1px solid #000000;
	padding: 10px;
	background: #EEE;
}

#inquiryForm p.submitBtn {
	text-align: center;
	margin: 10px;
}

#inquiryForm p.submitBtn input{
	width:150px;
	cursor:pointer;
	color: #ffffff;
	font-size: 16px;
	padding: 5px 0px;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: solid #cc0000 1px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f20000), to(#CC0000));
	background: -moz-linear-gradient(top, #f20000, #CC0000);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f20000, endColorStr=#CC0000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#f20000, endColorStr=#CC0000);
	display:inline-block; /* IE is so silly */
}

#inquiryWrapper h2.sendText {
	font-size: 24px;
	text-align: center;
	margin: 10px 0px
}

#inquiryWrapper p.thanksText {
	text-align: center;
	margin: 20px 0px
}



/* for Movile view
------------------------------*/

@media screen and (max-width: 768px) {

	#inquiryWrapper{
		width: 100%;
		margin: 0px auto;
	}

	#inquiryForm table td,
	#inquiryForm table th{
		width: 100%;
		text-align: left;
		display: block;
		box-sizing: border-box;
		border-collapse: collapse;
		border: 1px solid #000000;
	}


}