@charset "utf-8";
/* リセット
--------------------------------------------------------------------------------------------------------------*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{display:block;}

*{
	margin:0px;
	padding:0px;
	font-weight:400;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/* フォーム
--------------------------------------------------------------------------------------------------------------*/
body{
	background:#EEFFFF;
}
.header{
	font-family:ＭＳ Ｐゴシック;
	font-size:18px;
	margin-top:10px;
	margin-bottom:1px;
}
.header a{
	display:block;
	width:700px;
	border-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	background:#EEFFFF;
	background: linear-gradient(#EEFFFF, #CCFFFF);
	background: -moz-linear-gradient(#EEFFFF, #CCFFFF);
	background: -webkit-linear-gradient(#EEFFFF, #CCFFFF);
	border:outset 1px #FFFFFF;
	text-align:center;
	color:#444444;
}
	a:link {color:#444444;text-decoration:none;}
	a:visited{color:#444444;} 
	a:hover{
		background:#EEFFEE;
		color:#00AAEE;
		;text-decoration:none;
	} 
	a:active{color:#00AAEE;} 
	
.form{
	font-family:ＭＳ Ｐゴシック;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	font-size:18px;
	border:1px solid #00AAEE;
	width:700px;
}
.form .text{
	display:block;
	margin:5px;
	font-size:18px;
	width:400px;
	padding:6px;
}
.form .textarea{
	margin:5px;
	font-size:18px;
	width:600px;
	height:200px;
	padding:4px;
}
.form .submit{
	width:320px;
	height:40px;
	font-size:18px;
}
.error{
	display:block;
	font-size:19px;
	width:100%;
	color:red;
	padding-bottom:15px;
}
/*スマホ*/
@media screen and (max-width: 600px){
.header a{
	width:100%;
}
.form{
	width:100%;
}
.form .text{
	width:100%;
}
.form .textarea{
	width:100%;
	height:170px;
}
.form .submit{
	width:100%;
	height:40px;
	font-size:18px;
}
.error{
	width:100%;
}
}