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

#contactMain,
#contactForm #formTxt,
#contactForm #errorTxt,
#contactForm th,
#contactForm td,
#contactForm td textarea{
	line-height: 1.5;
}
#contactForm #formTxt span{
	color: #b80000;
}
#contactForm th span{
	color: #b80000;
	padding-left: 5px;
}
#contactForm #confirmBtn{
	text-align: center;
}

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


#pageTitle:before{
	content: 'お問い合わせ';
}

#contactForm{
	margin-top: 40px;
}
#contactForm.confirm{
	margin-top: 0;
}
	#contactForm #errorTxt{
		margin-top: 15px;
		border: dotted 1px #b80000;
		padding: 15px;
		color: #b80000;
	}
		#contactForm #errorTxt li{
			text-indent: -1em;
			margin-left: 1em;
		}
		#contactForm #errorTxt li:before{
			content: '・';
		}
	#contactForm table{
		margin-top: 15px;
		width: 100%;
		border-collapse: collapse;
	}
		#contactForm th,
		#contactForm td{
			display: block;
			border: solid 1px #ccc;
		}
		#contactForm th{
			padding: 10px 15px;
			background: #eee;
		}
		#contactForm td{
			padding: 15px;
		}
			#contactForm td input{
				width: 98%;
				padding: 2px;
			}
			#contactForm td textarea{
				width: 98%;
				height: 150px;
				padding: 2px;
			}
			#contactForm td span{
				display: block;
				margin-top: 8px;
			}
	#contactForm #confirmBtn{
		margin-top: 30px;
	}
		#contactForm #confirmBtn input{
			background: #00afe2;
			border: none;
			color: #fff;
			width: 100%;
			height: 50px;
			font-size: 16px;
			letter-spacing: 0.2em;
			cursor: pointer;
		}
	#contactForm #formBtn{
		margin-top: 30px;
	}
		#contactForm #formBtn li{
			width: 100%;
		}
		#contactForm #formBtn li:first-child{
			margin-bottom: 15px;
		}
			#contactForm #formBtn li input{
				border: none;
				color: #fff;
				width: 100%;
				height: 50px;
				font-size: 16px;
				letter-spacing: 0.2em;
				cursor: pointer;
			}
			#contactForm #formBtn li:first-child input{
				background: #00afe2;
			}
			#contactForm #formBtn li:last-child input{
				background: #999;
			}

}

@media screen and (min-width: 641px) and (max-width: 1000px) {

#pageTitle{
	background: url(images/pagetitle.jpg) no-repeat center;
	background-size: cover;
	background: #ccc;
}

#contactForm{
	margin-top: 40px;
}
#contactForm.confirm{
	margin-top: 0;
}
	#contactForm #errorTxt{
		margin-top: 15px;
		border: dotted 1px #b80000;
		padding: 15px;
		color: #b80000;
	}
		#contactForm #errorTxt li:before{
			content: '・';
			padding-right: 5px;
		}
	#contactForm table{
		margin-top: 30px;
		width: 100%;
		border-collapse: collapse;
	}
		#contactForm th,
		#contactForm td{
			padding: 15px;
			border-bottom: solid 1px #ccc;
		}
		#contactForm th{
			width: 15em;
		}
			#contactForm td input{
				width: 70%;
				padding: 2px;
			}
			#contactForm td input.txtL{
				width: 100%;
			}
			#contactForm td textarea{
				width: 100%;
				height: 150px;
				padding: 2px;
			}
			#contactForm td span{
				display: block;
				margin-top: 8px;
			}
	#contactForm #confirmBtn{
		margin-top: 30px;
	}
		#contactForm #confirmBtn input{
			background: #00afe2;
			border: none;
			color: #fff;
			width: 300px;
			height: 50px;
			font-size: 16px;
			letter-spacing: 0.2em;
			cursor: pointer;
		}
	#contactForm #formBtn{
		width: 640px;
		margin: 30px auto 0 auto;
	}
		#contactForm #formBtn li{
			width: 300px;
			float: left;
		}
		#contactForm #formBtn li:first-child{
			margin-right: 40px;
		}
			#contactForm #formBtn li input{
				border: none;
				color: #fff;
				width: 300px;
				height: 50px;
				font-size: 16px;
				letter-spacing: 0.2em;
				cursor: pointer;
			}
			#contactForm #formBtn li:first-child input{
				background: #00afe2;
			}
			#contactForm #formBtn li:last-child input{
				background: #999;
			}

}

@media screen and (min-width: 1001px){

#pageTitle{
	background: url(images/pagetitle.jpg) no-repeat center;
	background-size: cover;
	/*background: #ccc;*/
}

#contactForm{
	margin-top: 40px;
}
#contactForm.confirm{
	margin-top: 0;
}
	#contactForm #errorTxt{
		margin-top: 15px;
		border: dotted 1px #b80000;
		padding: 15px;
		color: #b80000;
	}
		#contactForm #errorTxt li:before{
			content: '・';
			padding-right: 5px;
		}
	#contactForm table{
		margin-top: 30px;
		width: 100%;
		border-collapse: collapse;
	}
		#contactForm th,
		#contactForm td{
			padding: 15px;
			border-bottom: solid 1px #ccc;
		}
		#contactForm th{
			width: 15em;
		}
			#contactForm td input{
				width: 350px;
				padding: 2px;
			}
			#contactForm td input.txtL{
				width: 550px;
			}
			#contactForm td textarea{
				width: 550px;
				height: 150px;
				padding: 2px;
			}
			#contactForm td span{
				display: block;
				margin-top: 8px;
			}
	#contactForm #confirmBtn{
		margin-top: 30px;
	}
		#contactForm #confirmBtn input{
			background: #00afe2;
			border: none;
			color: #fff;
			width: 300px;
			height: 50px;
			font-size: 16px;
			letter-spacing: 0.2em;
			cursor: pointer;
		}
	#contactForm #formBtn{
		width: 640px;
		margin: 30px auto 0 auto;
	}
		#contactForm #formBtn li{
			width: 300px;
			float: left;
		}
		#contactForm #formBtn li:first-child{
			margin-right: 40px;
		}
			#contactForm #formBtn li input{
				border: none;
				color: #fff;
				width: 300px;
				height: 50px;
				font-size: 16px;
				letter-spacing: 0.2em;
				cursor: pointer;
			}
			#contactForm #formBtn li:first-child input{
				background: #00afe2;
			}
			#contactForm #formBtn li:last-child input{
				background: #999;
			}

}