@charset "utf-8";

/***********************************

【hack覚書】
★Internet Explorer 6のみ適用
* html .hogehoge{}

★Internet Explorer 7のみ適用
*+html .hogehoge{}

★Internet Explorer 8のみ適用
html>/＊＊/body .hogehoge{
	プロパティ/＊\＊＊/ : 値\9;
}
（＊は小文字に直してから使用してください。）


***********************************/

@import "base.css?t2301";

h2,h3{
	margin-bottom: 10px;
}

#contents div.box{
	padding: 0 60px;
	margin-bottom: 40px;
}

/* 問い合わせページ用
*********************************************************************/
table.form {
	margin: 20px 0;
	border-top: 1px solid #CCCCCC;
}

table.form th,
table.form td {
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}

table.form textarea{
	width: 520px;
	font-size: 100%;
}

table.form th{
	width: 220px !important;
	font-weight: normal;
	vertical-align: top;
	white-space: nowrap;
	padding-right: 10px;
}

table.form td{
	vertical-align: top;
}

table.form td.check{
	vertical-align: top;
}
table.form td label{
	padding-right: 1em;
}

div.btn{
	text-align: center;
	padding-top: 1em;
}






#contents table{
	margin-bottom: 30px;
}
#contents table th,
#contents table td{
	vertical-align: top;
	padding: 3px 2px;
}

#contents table small{
	font-size: 80%;
}
form .long{ width: 350px; }
form .normal{ width: 200px; }
form .short{ width: 100px; }
form textarea{ width: 100%; font-size: 100%; }
#contents div.errortext{
	color: #ff0000;
	margin: 20px 0;
	border-left: 3px solid #ff0000;
}



/* ブラウザ互換
*********************************************************************/

/* レスポンシブ
*********************************************************************/

@media screen and (max-width: 949px) {
	#contents div.box {
		padding: 0;
	}
	#contents table {
		width: 100%;
		table-layout: fixed;
	}
	#contents table tr > * {
		display: block;
		width: auto;
	}
	#contents table tr input[type="text"],
	#contents table tr input[type="email"],
	#contents table tr input[type="tel"],
	#contents table tr textarea {
		width: 100%;
		box-sizing: border-box;
	}
	#contents table tr input[type="text"],
	#contents table tr input[type="email"],
	#contents table tr input[type="tel"] {
		border: none;
		line-height: 2;
		background-color: #EEE;
	}
	#contents table tr input.short {
		display: inline;
		width: 4rem;
	}
	#contents table tr select {
		width: 6rem;
		height: 1.2rem;
		margin: 0.2rem 0;
	}
	#contents table.form th, table.form td {
		padding: 0;
		box-sizing: border-box;
	}
	#contents table.form th {
		border-bottom: none;
		margin-top: 0.5em;
	}
	#contents table.form td {
		padding-bottom: 0.5em;
	}
	#contents div.btn input {
		font-size: 0.7rem;

		display: block;
		width: 10rem;
		margin: auto;
		padding: 0.5rem 0;

		color: white;
		background-color: #2085bb;
		border: none;
		border-radius: 3px;
		box-shadow: 0px 0px 3px 0px rgb(0,0,0);
	}
}
input[type="submit"]{
	-webkit-appearance: none;
}