body{
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: "Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, sans-serif;
    letter-spacing: 1px;
}

#formWrap {
	width: 700px;
	margin: 0 auto;
	color:;
	line-height: 120%;
	font-size: 90%;
}

h2{
    color: #3ca425;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
}

h3{
    color: #ff3333;
    font-size: 18px;
    line-height: 2;
    text-align: center;
}

p{
    font-size: 16px;
    line-height: 1.6;
    padding: 12px 24px;
}

.back_top{
    padding-top: 24px;
    text-align: center;
}

p.buttons{
    text-align: center;
}

table.formTable{
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}

table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}

table.formTable th{
	width:30%;
	background: url(squared_metal.png) #f5f5f5 repeat;
	text-align:left;
}

input[type="submit"], input[type="reset"], input[type="button"]{
    width: 120px;
    height: 40px;
}

table.formTable textarea{
    width: 96%;
    resize: none;
}

/*--▼mobile--*/

@media screen and (max-width:700px) {
    #formWrap {
	   width:95%;
	   margin:0 auto;
    }
    table.formTable th, table.formTable td {
	   width:auto;
	   display:block;
    }
    table.formTable th {
	   margin-top:5px;
	   border-bottom:0;
    }
    input[type="text"]{
	   width:80%;
	   padding:6px;
	   display:block;
    }
    input[type="submit"], input[type="reset"], input[type="button"] {
	   display:block;
	   width:100%;
    }
}