/* CSS Document */


/* --------------------------------------------------------------- */


	

	#contact table {
		width:700px;
		margin:20px auto;
		border-spacing:0;
		border-top:1px dotted #d6d6d6;
	}
	
	#contact table td,
	#contact table th {
		text-align:left;
		font-weight:normal;
		padding:5px 10px;
		vertical-align:top;
		border-bottom:1px dotted #d6d6d6;
	}
	
	#contact table th {
		background-color:#f6f6f6;
		white-space:nowrap;
		font-size:0.8em;
	}
	
	
@media screen and (max-width: 500px) {
	
	#contact table {
		width:96%;
	}	
	
	
	
	
}
	

	#contact .a1 {
		padding:5px;
		border:1px solid #ccc;
		font-size:14px;
		font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
		background:url(../settings/img/contact/back.png);
		width:100%;
		box-sizing:border-box;
	}
	
	#contact .sendb,
	#contact .sendb:focus {
		padding:8px 20px;
		background-color:#8E2E15;
		color:#FFFFFF;
		border:none;
		box-shadow: 0px 0px 3px #ccc;
		-webkit-box-shadow: 0px 0px 3px #ccc;
		-moz-box-shadow: 0px 0px 3px #ccc;
		cursor:pointer;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px; 
		font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
	}
	
	#contact .sendb:hover {
		background-color:#333333;
		cursor:pointer;
	}
	
	#contact .backb {
		padding:8px 20px;
		background-color:#cccccc;
		color:#000000;
		border:none;
		box-shadow: 0px 0px 3px #ccc;
		-webkit-box-shadow: 0px 0px 3px #ccc;
		-moz-box-shadow: 0px 0px 3px #ccc;
		cursor:pointer;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px; 
		font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
	}
	
	#contact .backb:hover {
		background-color:#666666;
		cursor:pointer;
	}
	
	#contact .msg {color:red;}
	
	#contact .a1:focus{
		border:1px solid #EA591A;
		background:url(../settings/img/contact/backw.png);
		box-shadow: 0px 0px 3px #ccc;
		-webkit-box-shadow: 0px 0px 3px #ccc;
		-moz-box-shadow: 0px 0px 3px #ccc;
}

	#contact .ctr {text-align:center; padding:10px;}

.red {color:red;}