@charset "utf-8";

/* CSS Document */


p,div,table,tr,th,td,ul,li,address,header,footer,input,select,option{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body{
  margin:0;
  padding:0;
  background:#FFF;
  color:#000;
  /*font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    font-size:62.5%;*/
  -webkit-text-size-adjust:100%;
  width:100%;
}
html>/**/body {
  font-size: 0.8em; /* Except IE */
}
#wrapper{
  width:100%;
}

#main {
  width: 960px;
  margin: 0px auto;
}

#contents_contact {
 margin: 10px auto 40px;
 width: 862px;
}

#h3_privacy {
 text-indent: 0;
 color: #3C8FBB;
 font-size: 14px;
 margin-bottom: 2px;
 font-weight: bold;
}

ul li {
  list-style:none;
}

#contents {
width: 905px;
text-align: left;
margin: 0 auto;
}

.contactTitle {
	background-color:#8f3455;
	color:#fff;
	width: 832px;
	padding: 10px 0 10px 30px;
	margin: 0 auto;
	font-weight: bold;
}

.reservationReadText {
	text-align: center;
	font-size: 18px;
	margin: 30px 0;
}

.reservationReadText a {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}

/* ?X?e?b?v */

/*#navi_step_01 {
 height: 36px;
 background: url(../../contact/img/navi_step.jpg) no-repeat center top;
 text-indent: -9999px;
 margin: 20px auto;
}
#navi_step_02 {
 height: 36px;
 background: url(../../contact/img/navi_step.jpg) no-repeat center center;
 text-indent: -9999px;
 margin: 20px auto;
}
#navi_step_03 {
 height: 36px;
 background: url(../../contact/img/navi_step.jpg) no-repeat center bottom;
 text-indent: -9999px;
 margin: 20px auto;
}*/

/* ?t?H?[?? */

.frame_form {
 border: 5px solid #E0DFDF;
 padding: 25px 0 15px;
 margin-bottom: 20px;
 float: none;
 clear: both;
}
.frame_form table {
 width: 780px;
 //background: url(../img/line_01.gif) repeat-x center top;
 margin: 0 auto;

}
.frame_form tr {
 //background: url(../img/line_01.gif) repeat-x center bottom;
}
.frame_form th {
 width: 215px;
 padding: 10px 0 10px 35px;
 text-align: left;
 vertical-align: top;
}
.frame_form td {
 padding: 10px 0 10px 20px;
 vertical-align: top;
}
.frame_form a{
	color:blue;
}
.icon_hissu {
 width: 38px;
 height: 15px;
 float: right;
 background: url(../../contact/img/icon_hissu.png) no-repeat left top;
 text-indent: -9999px;
 font-size: 1px;
 margin-top: 2px;
}

.li_01 { list-style: none; margin-left: 0; padding-left: 0;}
.li_01 li { float: left; width: 250px;}

.li_02 { list-style: none; margin-left: 0; padding-left: 0;}
.li_02 li { float: left; width: 72px;}

.li_03 { list-style: none; margin-left: 0; padding-left: 0;}
.li_03 li { float: left; width: 170px;}

.li_04 { list-style: none; margin-left: 0; padding-left: 0;}
.li_04 li { float: left; width: 125px;}


#h3_info_01 {
 width: 191px;
 height: 22px;
 background: url(../../contact/img/tit_info_01.jpg) no-repeat left top;
 margin: 0 40px 20px;
}
#h3_info_02 {
 width: 207px;
 height: 22px;
 background: url(../../contact/img/tit_info_02.jpg) no-repeat 40px top;
 margin: 0 0 20px;
 padding-left: 40px;
 float: left;
}
#h3_article {
 width: 231px;
 height: 22px;
 background: url(../../contact/img/tit_article.jpg);
 margin: 0 40px 20px;
}




.textarea_500 {
 width: 500px;
 height: 150px;
 padding: 3px;
}
.textarea_500_2 {
 width: 500px;
 height: 75px;
 padding: 3px;
}
.input_150 {
 width: 150px;
 padding: 3px;
}
.input_200 {
 width: 200px;
 padding: 3px;
}
.input_300 {
 width: 299px;
 padding: 3px;
}



/* ?T???L???[?y?[?W */

#thanks {
 width: 800px;
 background: url(../../contact/img/bg_thanks.jpg) no-repeat right top;
 margin: 30px auto;
 line-height: 1.7;
 height: 230px;
}
#thanks h3 {
 width: 422px;
 height: 24px;
 background: url(../../contact/img/txt_thanks.jpg) no-repeat right top;
 margin-bottom: 20px;
}
#bt_totop {
 width: 300px;
 height: 40px;
 background: url(../../contact/img/bt_totop.jpg) no-repeat right top;
 margin: 30px auto;
 text-indent: -9999px;
 font-size: 1px;
}
#bt_totop a {
 width: 300px;
 height: 40px;
 display: block;
}


/* ???????E??????? */

.frame_article {
 width: 850px;
 border: 5px solid #FF2272;
 padding: 25px 0 15px;
 margin-bottom: 20px;
 float: none;
 clear: both;
}
.frame_article table {
 width: 780px;
 background-color: #E0DFDF;
 margin: 0 auto;
}
.frame_article th {
 background: url(../img/bg_th_01.gif) no-repeat left top #FFDFEB;
 padding: 4px 15px;
 text-align: center;
 font-size: 14px;
 color: #FF2272;
}
.frame_article td {
 background-color: #FFF;
 padding: 8px 30px;
 text-align: center;
}
.frame_article strong { font-size: 14px;}



/* ??????　N?G?X?g */

#img_req {
 width: 900px;
 height: 280px;
 background: url(../../req/img/img_main.jpg) no-repeat center top;
 text-indent: -9999px;
 font-size: 1px;
 margin: 10px auto;
}



/* ???f?????W2013 */

#contents_model2013 {
 width: 860px;
 margin: 0 auto;
}


.contents_model2013_facebook {
 width: 115px;
 float: right;
 padding-bottom: 10px;
}
.contents_model2013_twitter {
 width: 105px;
 float: right;
 padding-bottom: 10px;
}

#contents_model2013 h2 {
 text-indent: 0;
}

#model2013_summary {
 border: 1px solid #CCC;
 padding: 20px;
 font-size: 14px;
 margin: 15px auto 30px;
}
#model2013_summary h3 {
 text-indent: 0;
 color: #CC0000;
 font-size: 14px;
}
#model2013_form_ttl {
 text-indent: 0;
 float: left;
 margin-right: 20px;
 margin-left: 40px;
 margin-bottom: 15px;
}
#model2013_privacy {
 width: 780px;
 margin: 30px auto 0;
 overflow: hidden;
}

#model2013_error {
 border: 1px solid #CC0000;
 padding: 20px;
 margin: 10px 35px;
 float: none;
 clear: both;
}
#model2013_confirm {
 margin: 10px 35px;
 float: none;
 clear: both;
}
.model2013_errormessage {
 color: #CC0000;
}

.pr {
  padding-right: 33px;
}

.cap_txt {
  text-align: center;
  margin:50px 0 30px 0;
}

.cap_mini {
  text-align: center;
  margin: 10px 0 20px 0;
}

.custum_ttl {
  font-size: 2.4em;
  border-left: 14px solid #5C4406;
  margin:50px 0 0 58px;
  padding-left: 10px;
}

.custum_flame {
  width: 850px;
  padding: 25px 0 15px;
  margin-bottom: 20px;
  float: none;
  clear: both;
}
.custum_flame table {
 width: 780px;
 //background: url(../img/line_01.gif) repeat-x center top;
 margin: 0 auto;
}
.custum_flame tr {
 //background: url(../img/line_01.gif) repeat-x center bottom;
}
.custum_flame th {
 width: 215px;
 padding: 10px 0 10px 35px;
 text-align: left;
 vertical-align: top;
}
.custum_flame td {
 padding: 10px 0 10px 20px;
 vertical-align: top;
}
.mt30 {
  margin-top: 30px;
}

#h2_contect {
  background: url(../../contact/img/tit_h2.jpg) no-repeat left top;
  height: 50px;
}
/*#navi_step_01 {
  background: url(../../contact/img/navi_step.jpg) no-repeat center top;
}
#navi_step_02 {
  background: url(../../contact/img/navi_step.jpg) no-repeat center center;
}
#navi_step_03 {
  background: url(../../contact/img/navi_step.jpg) no-repeat center bottom;
}*/


.telContactPoti>div{
	bottom: 0!important;
}

.header {
  background:#21130f;
  position:relative;
  height:70px;
  margin: 0 0 50px 0;
}
.logo {
  position:absolute;
  left:20px;
  top:0;
  text-align: left;
  border:1px solid #211310;
  border-top:none;
  margin: 0 0 0 20px;
}
.box_info {
  position:absolute;
  right:20px;
  top:20px;
  padding: 20px 20px 0 20px;
  background:#78460F;
  color: #fff;
}
.box_info p {
  margin: 0 0 10px 0;
}
.box_info p.tel span {
  font-size: 18px;
  font-weight: bold;
}
.mb20 {
  margin: 0 0 20px 0;
}

.mar_t03{
	width: 300px;
}

#h3_privacy {
  color: #211310;
}
.frame_form {
  margin-bottom: 50px;
}
.input_error {
    color:#EF0000;
}
.reservation {
  text-align: center;
  margin:20px;
}
.inquiry {
  text-align: center;
  margin-bottom:10px;
  position: relative;
}

.f08 {
  font-size: 0.88em;
}
.mb6 {
  margin-bottom: 6px;
}

#footer .tel img{
	width: 100%;
}
.tel-link{
	background:url(../../contact/img/contact_top_telbanner.png) center no-repeat;
	width:755px;
	height:74px;
	display:block;
	margin:20px auto;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
	pointer-events:auto;
	background-size: contain;
}

@media screen and (max-width: 768px) {
	#footer .bottom .b2 {
    display:none;
  }
  #footer .bottom .b2s {
    display:block;
  }
  #contents , #contents_contact , .frame_form {
    width:100%;
    border:none;
  }
  #h3_privacy .confleam{
    width:40% !important;
  }
  .textarea_500 {
    width:85%;
  }

	.input_300{
		width: 85%;
	}

  .modelroom {
  text-align: center;
  width:100%;
  }

  .contactTitle{
	width: 95%;
	padding: 10px 0 10px 5%;
}

	#header{
		width: 100%;
	}

	#header h1{
		padding-bottom: 20px;
		text-align: center;
	}

	h1 img{
		width: 90%;
	}

	#header p.tel{
		position: static;
		text-align: center;
		margin-bottom: 30px;
	}

	.frame_form table{
		width: 100%;
	}

	.frame_form th{
		display: block;
		width: 100%;
		padding: 10px 0 10px 5%;
		background-color: #8F3455;
		color: #fff;
		margin-bottom: 20px;
	}

	.frame_form td{
		display: block;
		width: 95%;
		padding: 0 0 0 5%;
		margin-bottom: 30px;
	}

	.frame_form td input{
		margin-bottom: 20px;
	}

	.frame_form td input.mar_t03{
		width: 85%;
	}

	.frame_form td select{
		margin-bottom: 20px;
	}

	#h2_contect{
		width: 90%;
		margin: 0 auto;
		background-size: 100%;
	}

	#h2_contect img{
		width: 100%;
	}

	.cap_txt{
		text-align: left;
		padding: 0 20px;
		margin:10px;
	}

	.inquiry img{
		width: 100%;
	}

	#h3_info_02{
		width: 140px;
		background-position: left top;
		margin: 0 0 10px 20px;
		padding-left: 30px;
		float: none;
	}

	#comment_hissu{
		padding:0 20px 20px 20px;
	}

	#h3_privacy,.mar_b10,.privacyText01{
		width: 90%;
		margin: 0 auto;
	}

	.contactConfirmation{
		margin-bottom: 50px;
	}
	#thanks{
		width: 100%;
		padding: 5%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: none;
		margin-top: 0;
	}
	#thanks h3{
		width: 100%;
		padding: 5%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-size: contain;
	}
	.privacySsl{
		margin-right: 20px;
	}

	.frame_form{
		padding-bottom: 0;
		margin-bottom: 0;
	}

	footer,#footer .info .inner{
		width: 100% !important;
	}

	#footer .co-info{
		width: 100%;
	}

	.co-logo img{
		width: 100%;
	}

	.icon_hissu{
		margin-right: 20px;
	}

	#footer .tel{
		text-align: center;
	}

	#footer .tel img{
		width: 90%;
	}


	.pr {
	  padding-right: 0;
	}
	.tel-link{
		width:100%;
		height:40px;
		margin:10px auto 0 auto ;
	}
	.tel-link a{
		display:block;
		width:100%;
		height:40px;

	}
}