@charset "UTF-8";

input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input, textarea {
	font-size:100%;
}

input[type="text"] { width: 70%; }
textarea { width: 70%; }


.submit_btn{
    border: 0px;
    width:48px;
    height:33px;
    background: url(../images/common/submit.svg) left top no-repeat;
	/*background: url(../images/common/submit.png) left top no-repeat;*/
}
 
.submit_btn:hover{
	cursor: pointer;
}
legend {
	width:100%;
	margin:50px 0 0;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

legend #comment{
	vertical-align:top;
}

label span {
	font-size:100%;
}

.name{
	letter-spacing:2em;
}
.email{
	letter-spacing:0.05em;
	margin-right:1.68em;
}
.tel{
	letter-spacing:0.5em;
	margin-right:1.55em;
}
.adress{
	letter-spacing:2em;
}
.comment{
	letter-spacing:0em;
	margin-right:2em;
}

@media only screen and (max-width:680px) {
input[type="text"] { width: 50%; }
textarea { width: 50%; }
}

@media only screen and (max-width:380px) {
textarea, input[type="text"] {
	width: 95%;
	margin-top:10px;
	padding:5px;
	border: 1px solid #CCC;
	background-color:#FFF;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/*textarea { width: 100%; margin-top:10px;border: 1px solid #CCC; background-color:#FFF;}*/
.name, .email, .tel, .adress, .comment{
	letter-spacing: normal;
	margin-right: 0.5em;
}
}