@charset "UTF-8";
/* CSS Document */


#h2{
	background:#f8c816;
}
#h2_inner{
	width:1024px;
	margin:0 auto;
}
h2{
	padding:35px 0 40px 0;
}

#bg{
	background:url("../img/bg.jpg") no-repeat top left;
}
#content{
	float:right;
}


table{
	margin-top:32px;
}

th{
	width:130px;
	vertical-align:top;
	padding-top:10px;
	paddin-right:10px;
}
form {
	padding:100px 0;
}
form .input_a{
border:0;
padding:10px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #ccc;
margin:0 0 20px;
width:300px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

textarea{
border:0;
padding:10px;
font-size:1.3em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #ccc;
margin:0 0 20px;
width:300px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}

.input_b{
border:solid 1px #ccc;
padding:15px 30px;
margin:0 0 20px;
font-family:Arial, sans-serif;
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
color:#333;
cursor:pointer;
}

@media screen and (max-width: 767px) {
#h2_inner{
	width:100%;
	margin:0 auto;
	padding:0 10px;
}
h2{
	padding:40px 0;
}
#bg{
	background:none;
}
#content{
	float:none;
	background:none;
}
table{
	display:block;
	margin-top:32px;
}
tr,
th,
td,
tbody,
thead { display:block; text-align:left; }

th{
	width:100%;
	padding:0;
}
form {
	width:100%;
	padding:0 0;
}
form .input_a{
width:100%;
margin:10px 0;
}

textarea{
width:100%;
margin:10px 0;
}

.input_b{
	margin-top:10px;
}


}