@charset "utf-8";

/* ==================================================================
	contact.css
	
=================================================================== */

/* --------------------------------
   □ error
-------------------------------- */


/* --------------------------------
   □ general
-------------------------------- */

.contents table td span.error,
.contents p.error{
	margin:4px 0;
	padding:2px 2px 2px 15px;
	color:#fff;
	background:#F00 url(../../images/common/icon/arrow/white.gif) 5px 50% no-repeat;
}

.contents .attention{
	margin:0 0 15px;
	text-align:right;
}


.contents .attention span,	
.contents table th span{
	color:#b70000;
}

/* --------------------------------
   □ form
-------------------------------- */

.contents .chapter{
	border:1px solid #efefef;
	padding:20px;
	box-sizing:border-box;
}

.contents table.tableStyle td span.sample{
	display:block;
	font-size:84%;
	color:#666;
}
	
.contents table.tableStyle td input.short{
	width:35%;
}	
	
.contents table.tableStyle td input.middle{
	width:75%;
}

.contents table.tableStyle td table.inTable input.middle{
	width:85%;
}

.contents table.tableStyle td textarea{
	width:95%;
}

.contents table.tableStyle th{
	width:11em;
}

.contents table.tableStyle table.inTable{
	width:100%;
}

.contents table.tableStyle table.inTable th,
.contents table.tableStyle table.inTable td{
	border:0;
	padding:7px 4px;
}
	
.contents table.tableStyle table.inTable th{
	width:9em;
	vertical-align:middle;
}

.contents .submitArea{
	margin:35px 0;
	text-align:center;
}

	
.contents .submitArea li{
	display:inline;
	padding:0 25px;
}


/* smartPhone */
@media screen and (max-width: 640px) {

	.contents .chapter{
		padding:2％;
		box-sizing:border-box;
	}

	#contact .contents table.tableStyle th,
	#contact .contents table.tableStyle td{
		display:block;
		padding-left:0;
		padding-right:0;
		width:100%;
		box-sizing:border-box;
	}

	.contents table.tableStyle th{
		border:none;
		padding-bottom:0;
	}

	.contents table.tableStyle table.inTable{
		margin-left:5%;
	}
	.contents table.tableStyle table.inTable th{
		padding-bottom:0;
	}

	.contents table.tableStyle td input.middle,
	.contents table.tableStyle td table.inTable input.middle,
	.contents table.tableStyle td textarea{
		width:100%;
		box-sizing:border-box;
	}

}