html{
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size:62.5%;
}

body{/*全体のフォントサイズ・色*/
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color: #F4F4F4;
	font-family: "メイリオ", sans-serif;
	color:#333;
	font-size:1.4rem;
}

form {
	margin: 0px;
	padding: 0px;
}

h3{
	font-size:1.5rem;
	margin:6px 0px;
}

select{
	border:solid 1px #ccc;
	color:#333333;
	font-size:1.2rem;
	line-height:1.7rem;
	font-family: "メイリオ", sans-serif;
	-webkit-appearance:none;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.2) inset;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.2) inset;

}
select:focus {
	border:solid 1px #EEA34A;
}
select:active {
	border:solid 1px #EEA34A;
}
select::-ms-expand {
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #ccc;
	color: #fff;
}

input {
	color:#333333;
	border:solid 1px #ccc;
	font-size:1.2rem;
	line-height:1.7rem;
	font-family: "メイリオ", sans-serif;
	padding:2px 1px;

	-webkit-border-radius: 2px;
	border-radius: 2px;

	box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.2) inset;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.2) inset;
}
input:focus {
	border:solid 1px #EEA34A;
}

textarea {

	padding:2px 1px 2px 1px;
	margin:1px 0px 1px 0px;
	color:#333333;
	border:solid 1px #ccc;
	font-size:1.2rem;
	font-family: "メイリオ", sans-serif;
	line-height:1.7rem;

	-webkit-border-radius: 2px;
	border-radius: 2px;

	box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.2) inset;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(200,200,200,0.2) inset;
}
textarea:focus {
	border:solid 1px #EEA34A;
}

select, input, textarea {
	box-sizing: border-box;
	outline: 0;
}

a, li, button {
	outline: 0;
}

select:disabled, input:disabled, textarea:disabled {
	background-color: #f0f0f0;
}

.required:after{
	content:' *';
	color:red;
}