@charset "utf-8";

div#contact {
	margin-left:25px;
	width:694px;
	clear:both;
	font-size:12px;
	margin-bottom:15px;
}

div#contact table {
	width:660px;
}

div#contact table th {
	width: 110px;
	margin: 0px;
	padding: 10px 0px;
	font-weight :normal;
	text-align: left;
	vertical-align: top;
	border-bottom: dotted 1px #999;
	font-size:12px;
}

div#contact table td {
	margin: 0px;
	padding: 10px 0px;
	text-align: left;
	vertical-align: top;
	border-bottom: dotted 1px #999;
	font-size:12px;
}

div#contact table td input {
	width:90%;
}

div#contact table td#yubin input {
	width:50%;
}

div#contact table td textarea {
	width:90%;
}

div#contact input[type="submit"],input[type="button"] {
	padding:5px 10px;
}

span#red {
	color:#F30;
}

@media only screen and (min-width:600px) and (max-width:959px){
	div#contact {
		margin-left:15px;
	}
	div#contact table {
		width:590px;
	}

}

@media only screen and (max-width:599px){
	div#contact {
		width:270px;
		margin-left:15px;
	}
	div#contact table {
		width:270px;
	}
	div#contact table th {
		width: 55px;
	}
	
	div#contact table td {

	}
}