@charset "utf-8";

html {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
}
#main{
	color:#333;
	background-color: #DBCFB8;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin:10px auto 20px;
	padding:15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width:800px;
}
.confirmation{
	margin:20px auto;
}
.btn_area{
	margin:0 auto 20px;
}
.btn_area p{
	text-align:center;
	margin-bottom:20px;
}
.submit_area{
	width:250px;
	text-align:center;
	margin:0 auto;
}
.submit_area button,
.submit_area input[type="reset"],
.submit_area input[type="submit"]{
	width:8em;
	cursor:pointer;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.confirmation{
	text-align:center;
	line-height:1.4em;
	margin-bottom:1em;
}
.btn_send{
	float:left;
}
article.confirm .btn_return{
	float:right;
}
article.confirm .submit_area,
article.thanks .submit_area{
	margin:2em auto;
}
article.thanks .msg{
	margin-top: 1em;
	line-height:1.6em;
	text-align:center;
}
table.list{
	width:100%;
}
table.list td{
	text-align:left;
}
table.list textarea{
	width:90%;
}
table.list tr.name input{
	width:70%;
	margin-bottom:5px;
}
table.list tr.kana input{
	width:70%;
}
table.list tr.addr input{
	width:20%;
}
table.list tr.tel input,
table.list tr.fax input{
	width:30%;
}
table.list tr.mail input{
	width:60%;
}

article .msg{
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
}

/* -----------------------------------------
 汎用class
----------------------------------------- */
.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.cf { display: block;vertical-align: top;zoom: 1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: block;vertical-align: top;zoom: 1;}
.left{
	float:left;
}
.right{
	float:right;
}