table{
	width:100%;
}

/*--------------------------- フォーム設定 ---------------------------*/

form input {
	padding:5px;
	border:1px solid #999;
}

form input[type="email"] {
	width:60%;
}

form input[type="submit"]{
	width:200px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ae7521+0,e5c46f+50,ae7521+100 */
	background: #ae7521; /* Old browsers */
	background: -moz-linear-gradient(top,  #ae7521 0%, #e5c46f 50%, #ae7521 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae7521), color-stop(50%,#e5c46f), color-stop(100%,#ae7521)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ae7521 0%,#e5c46f 50%,#ae7521 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ae7521 0%,#e5c46f 50%,#ae7521 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ae7521 0%,#e5c46f 50%,#ae7521 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ae7521 0%,#e5c46f 50%,#ae7521 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae7521', endColorstr='#ae7521',GradientType=0 ); /* IE6-9 */
	color:#FFF;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	border: 1px solid #AE7521;
}

form input[type="button"]{
	width:200px;
	background:#7F7F7F;
	color:#FFF;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	border: 1px solid #7F7F7F;
}

form input[type="submit"]:hover{
	width:200px;
	background:#FFF;
	color:#AE7521;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	border: 1px solid #AE7521;
	cursor:pointer;
}

form input[type="button"]:hover{
	width:200px;
	background:#FFF;
	color:#7F7F7F;
	padding:10px;
	font-weight:bold;
	font-size:16px;
	border: 1px solid #7F7F7F;
	cursor:pointer;
}

form textarea{
	width:90%;
	padding:5px;
	border:1px solid #999;
}

.zip {
	width:70px;
}

#formbtn_area{
	text-align:center;
	margin:auto;
	margin-top:40px;
	margin-bottom:40px;
}

#formbtn_area a{
	border:2px solid #666;
	padding:20px;
	background-color:#FFF;
	color: #666;
	text-decoration:none;
	font-weight:bold;
	transition:all 0.5s;
}

#formbtn_area a:hover{
	background-color:#666;
	color:#FFFFFF;
}

b{
	font-weight:bold;
	color:#F00;
	font-size:18px;
}

.f_red{
	color:#F00;
	font-weight:bold;
}

.sample_text{
	font-size:12px;
	font-weight:bold;
}

.err{
	font-weight:bold;
	color:#FF0000;
	font-size:14px;
}

#send_ok{
	text-align:center;
	border:3px solid #06F;
	color: #06F;
	font-weight:bold;
	padding:10px;
	margin-bottom:30px;
}

#send_ng{
	text-align:center;
	border:3px solid #F00;
	color: #F00;
	font-weight:bold;
	padding:10px;
	margin-bottom:30px;
}

/*CSS 1280px以上（大型PC）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:1280px) {
	#viewer::after {
		content: "お問い合わせ";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:42px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	th{
		padding:15px 20px;
		border-bottom:1px dotted #999;
		border-right:2px solid #999;
		vertical-align:middle;
		line-height:120%;
		font-weight:normal;
		text-align:left;
		width:20%;
		color:#333333;
	}
	
	th br{
		display:block;
	}
	
	td{
		padding:15px 20px;
		border-bottom:1px dotted #999;
		vertical-align:middle;
		line-height:120%;
		width:80%;
		color:#333333;
		text-align:left;
	}
}

/*------------------------------------------------------------------------*/
/*CSS 1280px以上（大型PC）　エンド */


/*CSS 960px～1279px（小型PC）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:960px) and (max-width:1279px) {
	#viewer::after {
		content: "お問い合わせ";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:38px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	th{
		padding:15px 20px;
		border-bottom:1px dotted #999;
		border-right:2px solid #999;
		vertical-align:middle;
		line-height:120%;
		font-weight:normal;
		text-align:left;
		width:20%;
		color:#333333;
	}
	
	th br{
		display:block;
	}
	
	td{
		padding:15px 20px;
		border-bottom:1px dotted #999;
		vertical-align:middle;
		line-height:120%;
		width:80%;
		color:#333333;
		text-align:left;
	}
}

/*------------------------------------------------------------------------*/
/*CSS 960px～1279px（小型PC）　エンド */


/*CSS 600px～959px（タブレット）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:600px) and (max-width:959px) {
	#viewer::after {
		content: "お問い合わせ";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:30px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	th{
		display: block;
		text-align:left;
		background:#CCC;
		color:#333333;
		padding:10px;
	}
	
	th br{
		display:none;
	}
	
	td{
		display: block;
		text-align:left;
		padding:20px 10px;
		color:#333333;
	}
}

/*------------------------------------------------------------------------*/
/*CSS 600px～959px（タブレット）　エンド */


/*CSS 480px～599px（スマートフォン横）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:480px) and (max-width:599px) {
	#viewer::after {
		content: "お問い合わせ";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:26px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	th{
		display: block;
		text-align:left;
		background:#CCC;
		color:#333;
		padding:10px;
	}
	
	th br{
		display:none;
	}
	
	td{
		display: block;
		text-align:left;
		padding:20px 10px;
		color:#333333;
	}
}

/*------------------------------------------------------------------------*/
/*CSS 480px～599px（スマートフォン横）　エンド */


/*CSS ～479pxx（スマートフォン縦）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (max-width:479px) {
	#viewer::after {
		content: "お問い合わせ";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:24px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
	
	th{
		display: block;
		text-align:left;
		background:#CCC;
		color:#333;
		padding:10px;
	}
	
	th br{
		display:none;
	}
	
	td{
		display: block;
		text-align:left;
		padding:20px 10px;
		color:#333333;
	}
}

/*------------------------------------------------------------------------*/
/*CSS ～479pxx（スマートフォン縦）　エンド */