#place{
	background-color: #A5E5A2;
}

.contact{
	margin					: auto;
	height					: auto;
}

.contact h3{
	margin-top			: 60px;
	background-color: #90CFB4;
	background-image: url("../images/pic.png");
	background-position: 20px 0;
	font-size				: 2em;
	text-align			: center;
}

.contact form{
	padding-bottom	: 30px;
	margin					: 0 auto;
	color						: #624E2B;
	background-color: #fff;
	font-size				: 19px;
	text-align			: center;
}

#namae,#mail,#mailche,#tel{
	padding					: 2px;
	margin-left			: 5px;
	border					: 3px solid #eee;
	border-left			: 4px solid #7AC5A5;
	width						: 450px;
	height					: 25px;
	background-color: #eee;
	font-size				: 18px;
}

#yuubin,#bangou{
	padding					: 2px;
	margin-left			: 5px;
	border					: 3px solid #eee;
	border-left			: 4px solid #7AC5A5;
	width						: 70px;
	background-color: #eee;
}

/*.box input{
	position: absolute;
	top			: 0;
	width		: 100%; 
	height	: 100%;
	opacity	: 0;
	cursor	: pointer;
}*/

input[type=radio]{
	display					: none;
}

.radio{
	position				: relative;
	display					: inline-block;
	padding					: 6px 12px 12px 42px;
	margin					: 0 23px 0 10px;
	box-sizing			: border-box;
	background-color: #EEEEEE;
	vertical-align	: middle;
	cursor					: pointer;
	transition			: background-color 0.2s linear;
}

.radio:hover {
	background-color: #e2edd7;
}

.radio:hover:after{
	border-color		: #53b300;
}

.radio:after{
	position				: absolute;
	top							: 50%;
	left						: 15px;
	content					: "";
	display					: block;
	margin-top			: -10px;
	border					: 2px solid #bbb;
	width						: 16px;
	height					: 16px;
	transition			: border-color 0.2s linear;
}

.radio:before{
	position				: absolute;
	top							: 50%;
	left						: 20px;
	display					: block;
	content					: "";
	margin-top			: -5px;
	width						: 10px;
	height					: 10px;
	background-color: #53b300;
	opacity					: 0;
	transition			: opacity 0.2s linear;
}

input[type=radio]:checked + .radio:before{
	opacity					: 1;
}

form p{
	text-align			: left;
}

form p:nth-child(odd){
	background-color: #F0FFEF;
}

form p:last-of-type{
	height					: 280px;
}

form p:after{
	content					: "";
	clear						: both;
	display					: block;
}

form p span:nth-child(1){
	float						: left;
	width						: 300px;
	text-align			: right;
}

textarea{
	display					: inline-block;
	margin					: 0 auto;
	margin-left			: 5px;
	border					: 3px solid #eee;
	border-left			: 4px solid #7AC5A5;
	width						: 453px;
	color						: #000;
	background-color: #eee;
}

#namae:focus,#mail:focus,
#mailche:focus,#tel:focus,
input[type=text]:focus,textarea:focus{
	background-color: #fffff0;
}

#namae:hover,#mail:hover,#mailche:hover,#tel:hover,textarea:hover{
	border-left			: 4px solid #FEB274;
	transition			: all 0.4s ease-out 0s;
}

#rename,#err,#cherr,#telrr,#yerr,#nai,#nasi{
	display			: block;
	visibility	: hidden;
	margin-left	: 300px;
	color				: #f66;
	font-weight	: bold;
}

/* 入力漏れの確認文 */
.check{
	padding			: 5px;
	color				: #3C1B0D;
	font-weight	: bold;
}

/* 送信ボタン */
input[type="submit"],input[type="reset"]{
	margin-top		: 30px;
	margin-left		: 30px;
	margin-right	: 20px;
	border				: 2px solid #fff;
	width					: 130px;
	height				: 50px;
	color					: #fff;
	background-color: #7AC5A5;
	font-weight		: bold;
	font-size			: 16px;
	text-align		: center;
	transition		: all 0.3s ease-out 0s;
}

input[type="submit"]:hover,input[type="reset"]:hover{
	border					: none;
	color						: #fff;
	background-color: #FEB274;
	cursor					: pointer;
}