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


		img{
			vertical-align:bottom
		}

  		#form{
		width:780px;
		height:850px;
		margin-left:190px;
		}
		
		.title{
			width:100%;
			height:56px;
			margin:0;
			padding:0;
			border-bottom:1px solid #999;
			color:#33A535;
		}
		
		h1.title{
			width:410px;
			float:left;
			font-size:29px;
			line-height:55px;
			font-weight:normal;
			margin:-1px auto;
			padding-left:25px;
			border-bottom:2px solid #33A535;
		}
		
		p.sub{
			float:left;
			font-size:14px;
			line-height:60px;
			font-weight:normal;
			margin:0;
			padding-left:30px;
			color:#666;
		}

			#container{
		width:750px;
		height:auto;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		font-size:12px;
		margin:0 auto;
		line-height:30px;
		}
		
		
	dl.mailform{
		width:100%;
		height:100%;
	}
		
	dt.mfp{
		width:300px;
		height:25px;
		text-align:left;
		margin:15px;
		padding:0;
		background:#fff;
		line-height:35px;
	}
	input[type=text],
	input[type=email],
	textarea,
	label,
	dd.mfp img{
		margin:5px;
		font-size:16px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		padding:0;
		outline: 0;
		float:left;
	}
	
	textarea{
		height:225px\9;
	}
	
	
	
	
	input[type=hidden]{
		display:none;
		margin-top:100px;
	}
	
	.form_space{
		width:200px;
		height:200px;
		margin:0 15px 15px 15px;
	}
	
	.form_space p{
		font-size:12px;
		line-height:18px;
		color: #999;
	}
	
	dd.mfp img{
		padding-top:-7px;
	}
	
	.top_space{
		width:100%;
		height:20px;
	}
	
	span.req{
		color:red;
	}
	
	dd.mfp img.mail{
		float:left;
		margin-top:5px;
		
	}
	
	dd.mfp li.space01{
		width:150px;
		height:20px;
		float:right;
		margin-top:-27px;
	}
	
	dd.mfp li.space02{
		width:58px;
		height:15px;
		float:right;
		margin-top:15px;
		display:none\9;
		}
	
	.wrap{
		float:right;
		margin:0;
		padding:0;
		width:390px;
	}
	.wrap_n{
		float:right;
		margin:0;
		padding:0;
		width:390px;
	}
	
	.wrap_n input[type=text]:first-child{
		margin:5px 0 0 5px ;
	}
	.wrap_n input[type=text]:last-child{
		margin:5px 0 0 15px ;
	}
	
	.wrap_text{
		float:right;
		margin:0;
		padding:0;
		width:390px;
	}
	
	
	
	.wrap_tel{
		float: right;
		margin:0;
		padding:0;
		margin:-10px 0 0 0\9;
		width:390px;
	}
	
	.wrap_s{
		float:right;
		margin-top:-5px;
		padding:0;
		width:390px;
	}
	
	@-moz-document url-prefix() {
	
	.wrap_n{
		float:right;
		margin:0;
		padding:0;
		width:390px;
	}
	
	.wrap_n input[type=text]:first-child{
		margin:5px 0 0 5px ;
		width:162px;
	}
	.wrap_n input[type=text]:last-child{
		margin:5px 0 0 9px ;
		width:162px;
	}
	
	}
	

	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		
		dd.mfp textarea{
		width:365px;
		margin-top:-5px;
	}
	
	label{
		width:350px;
		height:35px;
		position:absolute;
		}
	}

		
		@media screen and (-webkit-min-device-pixel-ratio:0) {
	label{
		width:350px;
		height:35px;
		font-size:14px;
		
		}
}
		
	button {
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f2 0%,#e8e8e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f2 0%,#e8e8e8 100%); /* IE10+ */
	background: linear-gradient(top, #f2f2f2 0%,#e8e8e8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
	/* Generated on http://www.colorzilla.com/gradient-editor/ */
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1); 
	border-color: #eeeced #eeeced #9b9b9b;
    border-style: solid;
    border-width: 1px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding:5px 30px;
	font-weight:bold;
	text-shadow:0px 1px 0px #fff;
	cursor:pointer;
	float:left;
	margin:10px;
}

button:hover {
	background:#f5f5f5;
}

button:focus, 
button:active {
	background:#eee;
}

button.action {
	background: #fa765f; /* Old browsers */
	background: -moz-linear-gradient(top, #fa765f 0%, #e15d46 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa765f), color-stop(100%,#e15d46)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fa765f 0%,#e15d46 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fa765f 0%,#e15d46 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fa765f 0%,#e15d46 100%); /* IE10+ */
	background: linear-gradient(top, #fa765f 0%,#e15d46 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa765f', endColorstr='#e15d46',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 179, 166, 1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 179, 166, 1);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 179, 166, 1); 
	border-color: #fc7f6b #fc7f6b #d0432f;
	color:#b13e2d;
	text-shadow:0px 1px 0px #ffb3a5;
}

button.action:hover {
	background:#fa765f;
}

button.action:focus, 
button.action:active {
	background:#e15d46;
}

.pack{
	width:300px;
	height:52px;
	margin:25px auto;
}