@charset "utf-8";
/* ===================================================================
CSS information

 file name  :form.css
 author     :igu
 style info :フォーム用スタイルシート
=================================================================== */
/*div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; }*/
div.form-container { 
	margin: 10px; 
	padding: 5px; 
}

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { 
	margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; color:#000000; 
}

div.errors p { 
	margin: 0; 
}

div.errors p em { 
	color: #C00; font-style: normal; font-weight: bold; 
}

div.errors .li { 
	display:none; 
}

div.errors .lierr { 
	display:bloc; 
}

div.noerrors { 
	display:none;
}

div.form-container p { 
	margin: 0; 
}

div.form-container p.note { 
	font-size: 90%; 
	color: #333; 
}

div.form-container fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container legend { font-weight: bold; color: #666; }
div.form-container fieldset div { padding: 0.25em 0; }

div.form-container label, 
div.form-container span.label { 
	width: 100%; 
	display: block; 
}

div.form-container label.err, 
div.form-container span.err { color: #C00; }

div.form-container label em, 
div.form-container span.label em { 
	font-size: 120%; 
	font-style: normal; 
	color: #C00; 
}

div.form-container input.err { border-color: #C00; background-color: #FEF; }
div.form-container select.err { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }

div.form-container div.buttonrow { 
	text-align:center;
}


	div.form-container input:not([type="radio"]):not([type="checkbox"]),
textarea{
  width: 80%;
  -webkit-appearance: none;
}

form input[name="zip1"],
form input[name="zip2"] {
	width:4em;
  -webkit-appearance: none;
}

form input[type="submit"] {
	max-width: 200px;
	padding: 4px 12px;
	background: #999;
	border-radius: 8px;
	color: #fff;
}
form input[type="submit"]:hover{
	background: #666;
}
.search-box form input[type="image"]:hover{
	opacity:0.6;
	cursor:pointer;
}

/*media Queries
----------------------------------------------------*/
@media only screen and (min-width: 600px) {
	


}

@media screen and (min-width: 960px) {
	
	
	div.form-container { 
		margin: 10px 10px 10px 10px; 
		padding: 5px; 
	}
	
	div.form-container label, 
	div.form-container span.label { 
		margin-right: 10px; 
		padding-right: 10px; 
		width: 150px; 
		float: left; 
		text-align: right; 
		position: relative; 
	}
	
	div.form-container label em, 
	div.form-container span.label em { 
		position: absolute; 
		right: 0; 
	}
	
	div.form-container div.controlset div {
		 margin-left: 170px; 
	}
	
	div.form-container p.note { 
		margin-left: 170px; 
	}
	
	div.form-container div.buttonrow { 
		margin-left: 180px;
		text-align:left;
	}
		
	div.form-container input:not([type="radio"]):not([type="checkbox"]),
	textarea{
	  width: 55%;
	  -webkit-appearance: none;
	}
	
	

}