@charset "utf-8";
/* CSS Document */
body {
	background: #FFF;
	color: #333;
	font-size: 16px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.6em;
}
#formheader{
	width:640px;
	margin:0 auto;

}
#formheader h1{
	text-align:center;

}
#formheader h1 img{
}
#formheader #formheadTel, #attentionTel {
	text-align:center;
}
#formheader #formheadTel p, #attentionTel p {
	font-size:200%;
	color:#004C9F; /* 電話番号の色をサイト色に合わせる */
}

#formcontents{
	width:640px;
	margin:0 auto;
	overflow:hidden;

}
#formcontents p.contactttl {
	text-align:center;
}
#formcontents strong.contactttl{
color:#ea6d8d;
	
font-size: 120%;
	
display: block;
	
margin-top: 20px;
}

#formcontents a{
	color:#004C9F;
	text-decoration:underline;
}
#formcontents a:hover{
	text-decoration:none;
}
#formcontents strong.contactttl01{
	font-size:150%;
	color:#004C9F;
}

#formcontents h2{
	/* お問い合わせのタイトル */
	background-color:#004C9F;
	font-weight:nomal;
	color:#fff;
	font-size:138.6%; 
	padding:20px 15px 15px;
	font-weight:normal;
}

#formcontents #attention{
	padding:5px 20px;
	border:2px solid #004C9F;
}
#formcontents #attention h3{
	padding-bottom:5px;
	border-bottom:2px dotted #004C9F;
	font-size: 120%;
	color: #004C9F;
}

#formcontents .contactttl a:hover{
	text-decoration:underline;
}
#keitaiinfo{
	width:640px;
	margin:0 auto;
	overflow:hidden;

}
#keitaiinfo ul	{ margin:0px 0px 10px 10px; }
#keitaiinfo li	{ margin-bottom:5px; }
#keitaiinfo ul li	{ list-style:disc;padding:0px; }
#keitaiinfo ul li	a{ color: #956134; }
blockquote{
	margin:0;
	padding:0;
}
blockquote.formbox01{
	border:3px solid #004C9F;
	padding:8px;
	margin-bottom:20px;
}






.formtable{
	width:100%;
	font-size:12px;
}

.formtable th{
	padding:10px 20px;
	border-bottom:1px dotted #004C9F;
	width:150px;
	background-color:rgba(233, 248, 255, 0.5);
	text-align:left;

}

.alignTop{
	vertical-align:top;
}


.formtable td{
	padding:10px 20px;
	border-bottom:1px dotted #004C9F;

}

.formtable tr{
	border-bottom:1px dotted #004C9F;
}
.formtable span.hissu{
	color:#E70206;
}
div#formbutton{
	text-align:center;
	margin:20px;
}

#formarea p{
	padding:0;
	margin:10px 0;
}

p#reserve_message{
	margin:30px auto;
}


#formbutton {
	text-align: center;
	margin-top: 20px;
}

#formbutton a#send{
	padding:4px;
	border:1px solid #666;
	background-color:#999;
	color:#000;
	text-decoration:none;
}

#formbutton a#return{
	padding:4px;
	border:1px solid #666;
	background-color:#999;
	color:#000;
	text-decoration:none;
}
#formclose{
	text-align:center;
	margin-bottom:100px;
}
#formclose a{
	width:100px;
 border:1px solid #fcd2e8; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px;
 border-radius: 3px;
 padding: 10px 10px 10px 10px; 
 text-decoration:none; 
 display:inline-block;
  color: #FFFFFF;
  background: #592B22;
  background-image: -webkit-linear-gradient(top, #E74900, #E74900);
  background-image: -moz-linear-gradient(top, #E74900, #E74900);
  background-image: -ms-linear-gradient(top, #E74900, #E74900);
  background-image: -o-linear-gradient(top, #E74900, #E74900);
  background-image: linear-gradient(to bottom, #E74900, #E74900);
}

#formclose a:hover{
  background: #004C9F;
  background-image: -webkit-linear-gradient(top, #004C9F, #009EE7);
  background-image: -moz-linear-gradient(top, #004C9F, #009EE7);
  background-image: -ms-linear-gradient(top, #004C9F, #009EE7);
  background-image: -o-linear-gradient(top, #004C9F, #009EE7);
  background-image: linear-gradient(to bottom, #004C9F, #009EE7);
 border:1px solid #004C9F; 
 }
 .imenone { ime-mode: disabled; }
 
@media screen and (max-width:640px) {
#formheader{
	width:100%;
	margin:0 auto;

}
#formcontents{
	width:100%;
	margin:0 auto;
	overflow:hidden;

}
.formtable th, .formtable td{
        display:block;
}
.formtable th{
	text-align:left;
	width:100%;
}


#keitaiinfo{
	width:100%;
	margin:0 auto;
	overflow:hidden;

}
}
@media (max-width: 480px){
.formtable{
	width:100%;
	font-size:14px;
}
.formtable input[type="text"],
.formtable textarea{
	font-size:14px;
}
blockquote{
	margin:0;
	padding:0;
}
#formheader h1{
	text-align:center;

}
#formheader h1 img{
	width:300px;
	text-align:center;

}

#formheader{
	width:100%;
	margin:0 auto;

}
#formheader #formheadTel p, #attentionTel p {
	font-size:150%;
	color:#004C9F; /* 電話番号の色をサイト色に合わせる */
}
#formcontents{
	width:100%;
	margin:0 auto;
	overflow:hidden;

}
.formtable th, .formtable td{
        display:block;
}
.formtable th{
	text-align:left;
	width:100%;
}
#keitaiinfo ul	{ margin:0px 0px 10px 0px; }


#keitaiinfo{
	width:100%;
	margin:0 auto;
	overflow:hidden;

}
#name2{width:95%;}
#kana{width:95%;}
#addr11{width:85%;}
#tel{width:95%;}
#email1{width:95%;}
#email2{width:95%;}
#free{width:95%;}
#formcontents strong.contactttl{
	font-size:110%;
	color:#004C9F;
	line-height:1.5;
}
#formcontents strong.contactttl01{
	font-size:110%;
	color:#004C9F;
}
.formtable th{
	padding:10px 10px 10px 5px;

}

.formtable td{
	padding:10px 10px 10px 5px;

}
.formtable #datepicker01{
	width:100%;
}
.formtable #datepicker02{
	width:100%;
}
.formtable #datepicker03{
	width:100%;
}
}

