label {display: block; margin: 22px 10px;}
label .title {margin-bottom: 8px; display: block; font-weight: bold;}
label .required {color:red;}
.tel-number{
	width: 40px;
	text-align: center;
}
input.input, .select{
	width: 48%;
}
input.input,
.tel-number,
.textarea,
.select{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #C2C2C2;
	box-shadow: 1px 1px 4px #EBEBEB;
	-moz-box-shadow: 1px 1px 4px #EBEBEB;
	-webkit-box-shadow: 1px 1px 4px #EBEBEB;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 7px;
	outline: none;
}
.input:focus,
.tel-number:focus,
.textarea:focus,
.select:focus{
	border: 1px solid #0C0;
}
.textarea{
	height:100px;
	width: 55%;
}
input[type=submit],
input[type=button]{
	border: none;
	padding: 8px 15px 8px 15px;
	background: #FF8500;
	color: #fff;
	box-shadow: 1px 1px 4px #DADADA;
	-moz-box-shadow: 1px 1px 4px #DADADA;
	-webkit-box-shadow: 1px 1px 4px #DADADA;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
}
input[type=submit]:hover,
input[type=button]:hover{
	background: #EA7B00;
	color: #fff;
}

/*
	USE FOR INLNE label
 label > span{ border: 1px solid gold;
	width: 100px;
	font-weight: bold;
	float: left;
	padding-top: 8px;
	padding-right: 5px;
	}
	*/