@charset "utf-8";

/*h1*/
.sub_h1_img{
	display: inline-block;
	vertical-align: top;
	margin-top: 27px;
}
#sub_h1 {
	display: inline-block;
	letter-spacing: 3px;
	padding: 20px 0 20px;
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-right: 15px;
}
#sub_h1_area{
	background-color:#fff;
	opacity:.7;
	width:100%;
}
.sub_h1_bg_area{
	margin: 0 auto;
	background-position: top;
	height: 527px;
	background-repeat: no-repeat;
}

#h1_bg_facility{
	background-image:url(../img/facility/main.jpg);	
}
#h1_bg_rooms{
	background-image:url(../img/rooms/main.jpg);	
}
#h1_bg_around{
	background-image:url(../img/around/main.jpg);	
}
#h1_bg_access{
	background-image:url(../img/access/main.jpg);	
}
#h1_bg_sub_common{
	background-image:url(../img/common/sub_main.jpg);	
}


#dummy_area{
	height:130px;
}

/*h2*/
.sub_h2,
.sub_h2_style2{
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 5px;
	background-image:url(../img/common/decoration_line2.png);
	background-repeat:no-repeat;
	background-position:left top;
	height: 90px;
	padding-top: 40px;	
}
.sub_h2_style2{
	background-image:url(../img/common/decoration_line3.png);
	
}

/*h3*/
h3{
	display:inline-block;
	border-bottom: #0e504b solid 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	font-size: 18px;
	margin-bottom: 5px;
}

/*大きい画像エリア*/
.sub_large_img_area{
	display:inline-block;
	width: 65%;
}
.sub_large_img_area img{
	width:100%;
	position: relative;
	z-index: 1;
}
.sub_large_img_text{
	display: inline-block;
	position: absolute;
	margin-left: -600px;
	z-index: 2;
	margin-top: 320px;
}

/*小さい画像エリア*/
.sub_small_img_area{
	display:inline-block;
	width: 30%;
	margin-right:5px;
	margin-left:5px;
}
.sub_small_img_area img{
	width:100%;
}
.sub_small_img_text{
	display: inline-block;
	padding-top: 7px;
}

/*テーブルスタイル*/
.table1{
	border-collapse: separate;
	border-spacing:2px;
	line-height: 21px;
	
}
.table1 .table_top{
	border-top: #0e504b solid 2px;
	
}
.table1 th{
	color:#FFF;
	font-weight:normal;
	text-align:left;
	padding:8px;
	background-color:#198880;
	font-weight:700;
	vertical-align: top !important;
}
.table1 td{
	padding:8px;
	background-color:#e5f0ed;
	max-width:700px;
	text-align:left;
}
.table1 a{
	color:#013a88 !important;
}
.table1 th a{
	color:#fff !important;
}

/**ボタン**/
.btn_atag{
	display:inline-block;
	color:#FFF;
	background-color:#0e504b;
	text-align:center;
	padding-left:40px;
	padding-right:40px;
	padding-top:15px;
	padding-bottom:15px;
}
#sub_booking_btn{
	width:340px;
	margin-top:35px;
	font-size:25px;
}
#sub_booking_btn span{
	display:inline-block;
	margin-bottom:3px;
	letter-spacing:0.1em;
}
#sub_booking_btn i{
	margin-right:5px;
}

/***その他いろいろ***/
.sub_textbox1{
	display:inline-block;
	margin-right:5px;
	margin-left:5px;
	width: 60%;
	vertical-align: top;
	line-height: 22px;	
}
.sub_textbox2{
	margin-right:5px;
	margin-left:5px;
	vertical-align: top;
	line-height: 22px;	
}
.sub_customers{
	display:inline-block;
}
.error{
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
	font-size:18px;
	color:#F00;
	text-align:center;
	line-height:22px;
	letter-spacing:0.1em;
}

/*必須項目*/
.inq_req:after{
	margin-left:8px;
	font-size:12px;
	content:"※必須";
	color:#F00;
	padding-left:2px;	
	letter-spacing:0.08em;
}

.imeon {
  ime-mode: active;   /* 全角モード */
}
.imeoff {
  ime-mode: inactive; /* 半角モード */
}

input,textarea,select{
	font-size:18px;
	padding:10px;
	border-radius:5px;
	border-style:solid;
	border-color:#CCC;
	border-width:1px;
	font-weight:100;
	width:100%;
	margin-bottom: 30px;
}
.in_time input,
.in_time textarea,
.in_time select{
	width:auto !important;
	margin-right:10px;
	
}
#in_date{
	margin-bottom:10px !important;
}

#method{
	display:inline-block;
	color:#FFF;
	background-color:#0e504b;
	text-align:center;
	padding-left:40px;
	padding-right:40px;
	padding-top:15px;
	padding-bottom:15px;
}
#method:hover{
	opacity: 0.4;
	transition: opacity 0.3s linear;
}
input[type=radio],input[type=checkbox] {
	-webkit-transform-origin:center center;
	-webkit-transform: scale(1.5 , 1.5 );
	-moz-transform-origin:center center;
	-moz-transform: scale( 1.5 , 1.5 );	
}
.form_title{
	margin-bottom:10px;
	color:#000;
	font-weight:bold;
}