@charset "utf-8";

header{
	width:100%;
	margin:0 auto 20px auto;
	padding-bottom: 30px;
    background-image: url("../../img/header_bg.jpg");
	text-align:center;
}

footer{
	width:100%;
	min-width:800px;
	margin:0 auto;
	padding:0;
	background:#006cc1;	
}

#contents_wrp{
	max-width:640px;
	margin:0 auto;
	padding:10px;
}

h1{
	max-width:800px;
	width:100%;
	margin:0 auto 30px;
	text-align:center;
	vertical-align:bottom;
}

h1 img{
	width:100%;
	max-width:649px;
	height:auto;
	vertical-align:bottom;
	margin-bottom:0.1em;
}

h1 + span{
	display:inline-block;
	font-size:128%;
	font-weight:bold;
	color:#006934;
	background:#FFFFFF;
	padding:8px 14px;
	line-height:1.2;
-moz-box-shadow: 0px 0px 3px #ccc;
-webkit-box-shadow: 0px 0px 3px #ccc;
box-shadow: 0px 0px 3px #ccc;
}

#container{
}

#container section{
	margin-bottom:1.2em;
	line-height:1.8;
	padding-bottom:1em;
}

#container section:first-of-type {
	margin-top:1em;
}

.txt{
	line-height:1.8;
	font-size:15px;
}

#container section p + p{
	margin-top:0.5em;
}

#container section h2{
	background:#EDAF48;
	padding:0.3em 0.5em;
	margin-bottom:1em;
	color:#fff;
	border-radius:2px;
	font-weight:bold;
	text-shadow:1px 1px 1px #666;
-moz-box-shadow: 0px 0px 3px #dddddd;
-webkit-box-shadow: 0px 0px 3px #dddddd;
box-shadow: 0px 0px 3px #dddddd;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

}

h2 span{
	color:#d00;
	padding-left:.5em;
}

#container input[type="text"],select {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px #ccc solid;
	padding:0.8em;
	border-radius:5px;
}

#container select {
	width: auto;
}


@media screen and (max-width: 760px) {

	/* SP用セレクトボックスのカスタママイズ */
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	
	select {
		width: 100% !important;
		padding:0.8em;
		padding-right:3em;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 1px solid #999;
		background: #eee;
		background:url(../img/arrow.jpg) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#EEE 100%);
		background:url(../img/arrow.jpg) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#EEE 100%);
		background-size: auto 100%;
	}

}

#container textarea{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:1px #ccc solid;
	padding:0.8em;
	border-radius:5px;
	width:100%;
	height:5em;
	line-height:1.6;
}

#btn_submit{
	display:block;
	margin:0 auto 20px auto;
	padding:10px 20px 10px 20px;
	width:200px;
	border:2px #006e2e solid;
	text-align:center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color:#FFFFFF;
	text-decoration:none;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006e2e+0,006e2e+100;Green+Flat+%233 */
background: rgb(0,110,46); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,110,46,1) 0%, rgba(0,110,46,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#006e2e',GradientType=0 ); /* IE6-9 */

-moz-box-shadow: 0px 0px 5px #adadad;
-webkit-box-shadow: 0px 0px 5px #adadad;
box-shadow: 0px 0px 5px #adadad;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

}
.btn_submit2{
	display:block;
	margin:0 auto 20px auto;
	padding:10px 20px 10px 20px;
	width:200px;
	border:2px #006e2e solid;
	text-align:center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color:#FFFFFF;
	text-decoration:none;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006e2e+0,006e2e+100;Green+Flat+%233 */
background: rgb(0,110,46); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,110,46,1) 0%, rgba(0,110,46,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#006e2e',GradientType=0 ); /* IE6-9 */

-moz-box-shadow: 0px 0px 5px #adadad;
-webkit-box-shadow: 0px 0px 5px #adadad;
box-shadow: 0px 0px 5px #adadad;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

}
.btn_submit3{
	display:block;
	margin:0 auto 20px auto;
	padding:10px 20px 10px 20px;
	width:240px;
	border:2px #006e2e solid;
	text-align:center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:100%;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006e2e+0,006e2e+100;Green+Flat+%233 */
background: rgb(0,110,46); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,110,46,1) 0%, rgba(0,110,46,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#006e2e',GradientType=0 ); /* IE6-9 */
}
.btn_submit3:hover{
	cursor:pointer;	
}

footer{
	text-align:center;
	color:#fff;	
}

#thankyou_mes{
	border:2px #fff0ab solid;
	padding:10px;
	background:#FFF7D2;
	color:#C7292C;
	font-size:110%;
	border-radius: 5px;
}

.required {
	color:#f00;
	text-shadow:none !important;
}