@charset "UTF-8";


@media screen and (max-width:480px) {
	input[type=text],input[type=email],input[type=tel],select,textarea {
		#font-size: 16px;
		#transform: scale(0.8);
	}
}
/* 確認・送信結果画面 のみ 入力不可で、背景色を灰色にする*/

input[readonly],
textarea[readonly]{
	background:#eee;
}

input[type="text"],input[type="email"],input[type="tel"],select,
textarea {
	padding: 0.8em;
	outline: none;
	border: 1px solid #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
}

input[type="text"]:not([readonly]):focus,
input[type="email"]:not([readonly]):focus,
input[type="tel"]:not([readonly]):focus,
select:not([readonly]):focus,
textarea:not([readonly]):focus {
	box-shadow: 0 0 7px #3498db;
	border: 1px solid #3498db;
}

input.sysNextSubmit {
	border-radius: 0;   
	background: -moz-linear-gradient(top, #FFF 0%, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 1px solid #DDD;
	color: #111;
	padding: 10px 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:100%;	
}
input.sysNextSubmit:hover {
	background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
	color:#e00;
}



input[type="radio"]{
	font-size:100%;	
	width: 1.4em;
	height: 1.4em;
	vertical-align:-0.4em;
}

@media screen and (max-width:480px) {
	input[type="radio"]{
		vertical-align:-0.1em;
	}
}


.errormessage{
	color: #e00;
}

.required{
	color:#e00;
#	color:#0e0;
	font-weight:600;
}


#sideleft{
	margin-left:22px;
#	border:1px solid #00f;
}

#sideleft textarea {
	resize: none;
	width:90%;
	height: 20em;
	line-height: 1.5em; 
#	border:1px solid #f00;
	padding:0;
	margin:0;
}