
body{
	font-family: メイリオ, Meiryo,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック","MS PGothic","MS UI Gothic", Helvetica, Arial, sans-serif;
}

.red{
	color: #f00;
}

#formWrap {
	max-width:850px;
	margin:0 auto;
	color:#222;
	line-height:120%;
	font-size:16px;
}

#formWrap h1{
	font-size: 24px;
	text-align: center;
	padding: 0.8em 0;
	border-top: #888 1px solid;
	border-bottom: #888 1px solid;
}

#formWrap span.red{
	color: #f00;
	font-weight: bold;
}

a.mailBtn{
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	background-color: #555;
	border-radius: 50px;
	transition: .6s;
}
a.mailBtn:hover{
	background-color: #999;
}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #609e9e;
	padding:10px 20px;
}
table.formTable th{
	width:36%;
	font-weight:normal;
	background:#b4f0f0;
	text-align:left;
}
table.formTable td{
	background-color: #fff;
}

/* テキストインプットとテキストエリアの基本装飾 */
input:required { background:floralwhite;}
textarea:required { background:floralwhite;}

select,
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
	padding: 0.8em;
	outline: none;
	border: 1px solid #888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	font-family: メイリオ, Meiryo,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック","MS PGothic","MS UI Gothic", Helvetica, Arial, sans-serif;
}

input[type="text"],
input[type="tel"],
input[type="email"]{ width:90%;}

/* フォーカスした時のスタイルを変更 */
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {
	box-shadow: 0 0 7px #FFB973;
	transform: translateZ(0); /*shadowをiOSで表示*/
	border: 1px solid #FFB973;
	transition: .6s;
}

/*placeholderの色を設定*/
/* WebKit, Blink, Edge */
::-webkit-input-placeholder {
	font-family: メイリオ, Meiryo,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック","MS PGothic","MS UI Gothic", Helvetica, Arial, sans-serif;
	color:#999;
}
/* Internet Explorer 10-11 */
:-ms-input-placeholder {
	font-family: メイリオ, Meiryo,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック","MS PGothic","MS UI Gothic", Helvetica, Arial, sans-serif;
	color:#999;
}
/* Others */
::placeholder{
	font-family: メイリオ, Meiryo,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック","MS PGothic","MS UI Gothic", Helvetica, Arial, sans-serif;
	color:#999;
}
/* ボタンのスタイルを変更 */
input[type="submit"], input[type="reset"], input[type="button"]{	text-align:center; font-size: 16px;}
input[type="submit"],
input[type="reset"],
input[type="button"]{
	font-family: メイリオ, Meiryo,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","ＭＳ Ｐゴシック","MS PGothic","MS UI Gothic", Helvetica, Arial, sans-serif;
	color: #fff;
	padding: 10px 30px;
	border: none;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	transition: .6s;
	cursor:pointer;
}
input[type="submit"]{background: #ff1f1f;}
input[type="reset"], input[type="button"]{background: #609e9e;}
input[type="submit"]:hover {	background: #ff7777;}
input[type="reset"]:hover, input[type="button"]:hover {	background: #89b4b4;}