/*CSS テーブル・メールフォーム設定　スタート */
/*------------------------------------------------------------------------*/

table{
	width:100%;
	border-top:1px solid #BBBBBB;
}

form input {
	padding:5px;
	border:1px solid #CCC;
	background:#F9F9F9;
}

form input[type="text"] {
	width:90%;
}

form input[type="tel"] {
	width:90%;
}

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

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

.zip {
	width:100px;
}

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

b{
	font-weight:bold;
	color:#005866;
	font-size:14px;
	border:1px solid #005866;
	padding:2px;
}

.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 メールフォーム設定　エンド */


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

@media screen and (min-width:1280px) {
	#viewer::after {
		content: "－お問い合わせ－";
		position: absolute;
		top: 40%;
		left: 0%;
		font-size:42px;
		text-align:center;
		width:100%;
		color:#FFFFFF;
		padding:1% 0;
		font-weight:bold;
	}
	
	th{
		padding:15px 20px;
		border-bottom:1px solid #BBBBBB;
		border-right:2px solid #BBBBBB;
		vertical-align:middle;
		line-height:120%;
		font-weight:normal;
		text-align:left;
		width:20%;
		color:#333333;
		background:#EEEEEE;
	}
	
	th br{
		display:block;
	}
	
	td{
		padding:15px 20px;
		border-bottom:1px solid #BBBBBB;
		vertical-align:middle;
		line-height:120%;
		width:80%;
		color:#333333;
		text-align:left;
	}
	
	#formbtn_area a.ok{
		border:2px solid #005866;
		padding:15px 40px;
		background-color:#005866;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:inline-block;
		width:300px;
		margin-left:20px;
	}
	
	#formbtn_area a.ok:hover{
		color:#005866;
		background-color:#FFF;
	}
	
	#formbtn_area a.ng{
		border:2px solid #999;
		padding:15px 40px;
		background-color:#999;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:inline-block;
		width:300px;
	}
	
	#formbtn_area a.ng:hover{
		color:#999;
		background-color:#FFF;
	}
}

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


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

@media screen and (min-width:960px) and (max-width:1279px) {
	#viewer::after {
		content: "－お問い合わせ－";
		position: absolute;
		top: 40%;
		left: 0%;
		font-size:38px;
		text-align:center;
		width:100%;
		color:#FFFFFF;
		padding:1% 0;
		font-weight:bold;
	}
	
	th{
		padding:15px 20px;
		border-bottom:1px solid #BBBBBB;
		border-right:2px solid #BBBBBB;
		vertical-align:middle;
		line-height:120%;
		font-weight:normal;
		text-align:left;
		width:20%;
		color:#333333;
		background:#EEEEEE;
	}
	
	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;
	}
	
	#formbtn_area a.ok{
		border:2px solid #005866;
		padding:15px 40px;
		background-color:#005866;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:inline-block;
		width:300px;
		margin-left:20px;
	}
	
	#formbtn_area a.ok:hover{
		color:#005866;
		background-color:#FFF;
	}
	
	#formbtn_area a.ng{
		border:2px solid #999;
		padding:15px 40px;
		background-color:#999;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:inline-block;
		width:300px;
	}
	
	#formbtn_area a.ng:hover{
		color:#999;
		background-color:#FFF;
	}
}

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


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

@media screen and (min-width:600px) and (max-width:959px) {
	#viewer::after {
		content: "－お問い合わせ－";
		position: absolute;
		top: 38%;
		left: 0%;
		font-size:30px;
		text-align:center;
		width:100%;
		color:#EEEEEE;
		padding:1% 0;
		font-weight:bold;
	}
	
	th{
		display: block;
		text-align:left;
		background:#CCC;
		color:#333333;
		padding:10px;
		background:#EEEEEE;
		border-bottom:1px solid #BBBBBB;
	}
	
	th br{
		display:none;
	}
	
	td{
		display: block;
		text-align:left;
		padding:20px 10px;
		color:#333333;
		border-bottom:1px solid #BBBBBB;
	}
	
	#formbtn_area a.ok{
		border:2px solid #005866;
		padding:15px 40px;
		background-color:#005866;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:block;
		width:100%;
		margin-top:20px;
	}
	
	#formbtn_area a.ok:hover{
		color:#005866;
		background-color:#FFF;
	}
	
	#formbtn_area a.ng{
		border:2px solid #999;
		padding:15px 40px;
		background-color:#999;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:block;
		width:100%;
	}
	
	#formbtn_area a.ng:hover{
		color:#999;
		background-color:#FFF;
	}
}

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


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

@media screen and (min-width:480px) and (max-width:600px) {
	#viewer::after {
		content: "－お問い合わせ－";
		position: absolute;
		top: 38%;
		left: 0%;
		font-size:30px;
		text-align:center;
		width:100%;
		color:#FFFFFF;
		padding:1% 0;
		font-weight:bold;
	}
	
	th{
		display: block;
		text-align:left;
		background:#EEEEEE;
		color:#333;
		padding:10px;
		border-bottom:1px solid #BBBBBB;
	}
	
	th br{
		display:none;
	}
	
	td{
		display: block;
		text-align:left;
		padding:20px 10px;
		color:#333333;
		border-bottom:1px solid #BBBBBB;
	}
	
	#formbtn_area a.ok{
		border:2px solid #005866;
		padding:15px 40px;
		background-color:#005866;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:block;
		width:100%;
		margin-top:20px;
	}
	
	#formbtn_area a.ok:hover{
		color:#005866;
		background-color:#FFF;
	}
	
	#formbtn_area a.ng{
		border:2px solid #999;
		padding:15px 40px;
		background-color:#999;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:block;
		width:100%;
	}
	
	#formbtn_area a.ng:hover{
		color:#999;
		background-color:#FFF;
	}
}

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


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

@media screen and (max-width:479px) {
	#viewer::after {
		content: "－お問い合わせ－";
		position: absolute;
		top: 38%;
		left: 0%;
		font-size:24px;
		text-align:center;
		width:100%;
		color:#FFFFFF;
		padding:1% 0;
		font-weight:bold;
	}
	
	th{
		display: block;
		text-align:left;
		background:#EEEEEE;
		color:#333;
		padding:10px;
		border-bottom:1px solid #BBBBBB;
	}
	
	th br{
		display:none;
	}
	
	td{
		display: block;
		text-align:left;
		padding:20px 10px;
		color:#333333;
		border-bottom:1px solid #BBBBBB;
	}
	
	#formbtn_area a.ok{
		border:2px solid #005866;
		padding:15px 40px;
		background-color:#005866;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:block;
		width:100%;
		margin-top:20px;
	}
	
	#formbtn_area a.ok:hover{
		color:#005866;
		background-color:#FFF;
	}
	
	#formbtn_area a.ng{
		border:2px solid #999;
		padding:15px 40px;
		background-color:#999;
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
		transition:all 0.5s;
		display:block;
		width:100%;
	}
	
	#formbtn_area a.ng:hover{
		color:#999;
		background-color:#FFF;
	}
}

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