@charset "UTF-8";

/*==============================================================================
■制作者：SUZUKI
■内容：メインエリア設定
■備考：
■目次--------------------------------------------------------------------------

	1=メインエリアレイアウト設定


==============================================================================*/


/*------------------------------------------------------------------------------ 1=メインエリア設定*/
/*お問い合わせ*/
.clrRed{color:#F00;}

#formMain .fFormTbl{
	width: 100%;
	text-align: left;
}
#formMain table.fFormTbl td,
#formMain table.fFormTbl th{
	border: 1px solid #4D3722;
	padding: 1em 1.5em;
	text-align: left;
	font-size: 108%;
	vertical-align: top;
}
#formMain table.fFormTbl th{
	font-weight: bold;
	width: 25%;
}

#formMain table.fFormTbl th span{
	font-weight: normal;
	margin-right: 10px;
	color: #4D3722;
	padding: 1px 3px;
}
#formMain table.fFormTbl th span.fre{
	color: #F3F3F3;
}
#formMain table.fFormTbl td p.exp,
#formMain table.fFormTbl td span{
	color: #4D3722;
	font-size: 14px;
}
#formMain table.fFormTbl td textarea.txtAra,
#formMain table.fFormTbl td input.txt1,
#formMain table.fFormTbl td input.txt2,
#formMain table.fFormTbl td input.txt3{
	border: 1px solid #4D3722;
	background: rgba(196,160,125,0.5);
}
#formMain table.fFormTbl td input.txt1{
	width: 60%;
	height: 30px; 
	font-size: 20px;
	font-weight: bold;
	color: #666;

}
#formMain table.fFormTbl td input.txt2{
	width: 25%;
	height: 30px; 
	font-size: 20px;
	font-weight: bold;	
	color: #666;	
}
#formMain table.fFormTbl td input.txt3{
	width: 95%;
	height: 30px; 
	font-size: 20px;
	font-weight: bold;
	color: #666;
}
#formMain table.fFormTbl td textarea.txtAra{
	width: 70%;
	height: 10em;
}
#formMain textarea.txtA2{
	width: 100%;
	height: 10em;
}

#formMain .send_btn_area{
	margin: 0 auto;
	width: 400px;
}
#formMain .submitbtn{
	width: 100%;
	background: #4D3722;
	padding: 10px;
	color: #FFF;
	font-size: 123.1%;
	font-weight: bold;
	border: none;
}
#formMain .submitbtn2{
	width: 80%;
	background: #333;
	padding: 10px;
	color: #999;
	font-size: 123.1%;
	font-weight: bold;
	border: none;
	float: left;     
}

#formMain .fFormTbl2{
	width: 100%;
	text-align: left;
}
#formMain .fFormTbl2 td,
#formMain .fFormTbl2 th{
	padding: 10px 20px !important;
	border: 1px solid #CCC;
}
#formMain table.fFormTbl2 th{
	font-weight: bold;
	text-align: left;
	width: 200px;
	padding-left: 15px;
	white-space: nowrap;
	background: #F3F3F3;
	font-family: Times New Roman;
	font-size: 16px;	
}
#formMain .fFormTbl2 td{
	font-size: 16px;	
}
#formMain div.customer 
	h2 {
		font-size: 167%;
		padding: 10px 0;
	}
#formMain div.customer 
	dt {
		padding: 5px 0;
	}
#formMain div.customer 
	dd {
		padding: 0 10px 10px;
	}
	

#formMain .sslMsg{
	border: 1px #CCC solid;
	background-color: #EEE;
	padding: 10px;
	font-size: 92%;
}
.cntactMsg{
	border: 3px solid #DDD;
	padding: 2em;
}
@media screen and (max-width: 639px) {

	#formMain .fFormTbl{
		width: 100%;
		text-align: left;
		display: block;
		border-bottom: none;
	}
	#formMain table.fFormTbl tbody,
	#formMain table.fFormTbl tr{
		display: block;
	}
	#formMain table.fFormTbl td,
	#formMain table.fFormTbl th{
		padding: 1em 2%;
		text-align: left;
		font-size: 108%;
		display: block;
		width: 96%;
		border: none;
	}
	#formMain table.fFormTbl th{
		font-weight: bold;
		border-top: 1px dotted #4D3722;
		font-size: 1.2em;
	}

	#formMain table.fFormTbl th span{
		font-weight: normal;
		margin-right: 5px;
		color: #F00;
		padding: 1px 3px;
	}
	#formMain table.fFormTbl th span.fre{
		color: #F3F3F3;
	}
	#formMain table.fFormTbl td p.exp,
	#formMain table.fFormTbl td span{
		font-size: 14px;
	}

	#formMain table.fFormTbl td input.txt1{
		width: 60%;
		height: 30px; 
		font-size: 20px;
		font-weight: bold;
		color: #666;

	}
	#formMain table.fFormTbl td input.txt2{
		width: 20%;
		height: 30px; 
		font-size: 20px;
		font-weight: bold;	
		color: #666;	
	}
	#formMain table.fFormTbl td input.txt3{
		width: 95%;
		height: 30px; 
		font-size: 20px;
		font-weight: bold;
		color: #666;
	}
	#formMain table.fFormTbl td textarea.txtAra{
		width: 96%;
		height: 10em;
	}
	#formMain textarea.txtA2{
		width: 100%;
		height: 10em;
	}

	#formMain .send_btn_area{
		margin: 0 auto;
		width: 90%;
	}
	#formMain .send_btn_area .submitbtn{
		width: 100%;
	}
	#formMain .send_btn_area .submitbtn2{
		width: 80%;		  
		float: left;     
	}
	#formMain .fFormTbl2{
		width: 100%;
		text-align: left;
	}
	#formMain .fFormTbl2 td,
	#formMain .fFormTbl2 th{
		padding: 10px 20px !important;
		border: 1px solid #CCC;
	}
	#formMain table.fFormTbl2 th{
		font-weight: bold;
		text-align: left;
		width: 200px;
		padding-left: 15px;
		white-space: nowrap;
		background: #F3F3F3;
		font-family: Times New Roman;
		font-size: 16px;	
	}
	#formMain .fFormTbl2 td{
		font-size: 16px;	
	}
	#formMain div.customer 
		h2 {
			font-size: 167%;
			padding: 10px 0;
		}
	#formMain div.customer 
		dt {
			padding: 5px 0;
		}
	#formMain div.customer 
		dd {
			padding: 0 10px 10px;
		}
		

	#formMain .sslMsg{
		border: 1px #CCC solid;
		background-color: #EEE;
		padding: 10px;
		font-size: 92%;
	}


}