@charset "UTF-8";
/*----------------------------------------------------
	color カラーセッティング
----------------------------------------------------*/
/*----------------------------------------------------
	shadow-box ボックスに影をつける
----------------------------------------------------*/
/*----------------------------------------------------
	gradient グラデーション
----------------------------------------------------*/
/*----------------------------------------------------
	placeholder placeholderカラー変更
----------------------------------------------------*/
/*----------------------------------------------------
	basiclayout ベースコンテンツ
----------------------------------------------------*/
/* ===================================================================
CSS information

 file name  :kamei.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
/*-----------------------------------------------------------
	gnavのactive設定
-----------------------------------------------------------*/
/*-----------------------------------------------------------
	共通
-----------------------------------------------------------*/
.s_black {
	font-size: 1.2em;
	font-weight: bold;
	color: #050708;
	display: inline-block;
	padding: 0 3px;
}

.s_red {
	font-size: 2em;
	font-weight: bold;
	color: #cc252f !important;
	display: inline-block;
	padding: 0 3px;
}

.side {
	position: fixed;
	right: 0;
	top: 152px;
	z-index: 99;
}

/*----------------------------------------------------
	.con_tab
		 タブ
----------------------------------------------------*/
.con_tab {
	width: 1100px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 30px;
}
.con_tab ul li {
	width: 33.33333%;
}
.con_tab ul li a {
	padding: 13px 10px 11px;
	font-size: 1.3em;
}
.con_tab ul li a:hover, .con_tab ul li a.active {
	padding: 16px 10px 12px;
}

/*----------------------------------------------------
	.con_benefits
		宿泊ネットのメリット
----------------------------------------------------*/
.con_benefits {
	width: 1100px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 70px;
	margin-top: -80px;
	padding-top: 80px;
}
.con_benefits ul {
	padding: 0 0px 45px;
	width: 100%;
	float: left;
	padding-top: 20px;
}
.con_benefits ul li {
	float: left;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #f1bf4b;
	width: 267px;
	margin: 0 4px;
	padding: 35px 0px 20px;
	text-align: center;
}
.con_benefits ul li .ic {
	position: absolute;
	top: -30px;
	left: 5px;
}
.con_benefits ul li .img {
	text-align: center;
}
.con_benefits ul li .txt {
	padding: 5px 15px 0;
	text-align: left;
}
.con_benefits .box_btn {
	text-align: center;
	background: #dededc;
	padding: 25px 0;
	clear: both;
}

/*----------------------------------------------------
	.con_membership
		 加盟店のメリット
----------------------------------------------------*/
.con_membership {
	width: 1100px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 70px;
	margin-top: -80px;
	padding-top: 80px;
}
.con_membership .box_kamei {
	border-top: 3px solid #dededc;
	padding: 30px 0;
	overflow: hidden;
}
.con_membership .box_kamei.bd_top {
	border: 0;
	padding-top: 0;
}
.con_membership .box_kamei .ic {
	width: 64px;
	margin-right: 26px;
	float: left;
}
.con_membership .box_kamei .txtarea {
	float: left;
	width: 700px;
	margin-right: 30px;
}
.con_membership .box_kamei .txtarea h4 {
	font-size: 2em;
	padding-bottom: 15px;
	color: #1d236d;
	padding-top: 15px;
}
.con_membership .box_kamei .imgarea {
	float: right;
	width: 245px;
	margin-right: 20px;
}

/*----------------------------------------------------
	.con_condition
		宿泊ネットのメリット
----------------------------------------------------*/
.con_condition {
	width: 1100px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 50px;
	margin-top: -80px;
	padding-top: 80px;
}
.con_condition .box_condeition {
	overflow: hidden;
	margin-bottom: 45px;
	width: 100%;
}
.con_condition .box_condeition.left {
	float: left;
	width: 530px;
}
.con_condition .box_condeition.right {
	float: right;
	width: 530px;
}
.con_condition .box_condeition ul li {
	float: left;
	width: 265px;
	margin-left: 13px;
}
.con_condition .box_condeition ul li:first-child {
	margin-left: 0;
}
.con_condition .box_condeition ul li.con_s {
	width: 100%;
	overflow: hidden;
	padding: 0 30px;
	margin-left: 0;
}
.con_condition .box_condeition ul li.con_s:first-child {
	margin-bottom: 15px;
}
.con_condition .box_condeition ul li.con_s .img {
	float: left;
	width: 100px;
	text-align: center;
}
.con_condition .box_condeition ul li.con_s .txt {
	padding-left: 20px;
	float: left;
	width: 360px;
	padding-top: 15px;
}
.con_condition .box_condeition .txt_c {
	margin: 0 30px;
}
.con_condition .box_condeition .txt_c span {
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px 18px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #f3f0e7;
	margin-right: 8px;
	margin-bottom: 8px;
	color: #cc252f;
}

/*----------------------------------------------------
	.box_contact
		 タブ
----------------------------------------------------*/
.box_contact {
	width: 1100px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 80px;
	border: 3px solid #c3404c;
}
.box_contact .img {
	width: 100%;
	text-align: center;
	background-color: #c3404c;
	padding: 5px 0;
}
.box_contact ul {
	padding: 15px 160px;
}
.box_contact ul li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 30px;
}
.box_contact ul li:first-child {
	margin-left: 0;
}
.box_contact ul li .time {
	color: #c3404c;
	font-size: 1.1em;
	text-align: center;
}
.box_contact ul li.btn_blue a {
	padding: 20px 30px;
	font-size: 1.2em;
}
.box_contact ul li.btn_blue a span {
	background: url(../kamei/images/ic_mail.png) left center no-repeat;
	padding-left: 55px;
}
.box_contact ul li.address span {
	display: block;
}

/*----------------------------------------------------
	.con_form
		 会員利用規約
----------------------------------------------------*/
.con_form {
	width: 1100px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 70px;
}
.con_form .step {
	margin-bottom: 30px;
}
.con_form .tbl_form {
	margin-bottom: 30px;
}
.con_form .tbl_form th {
	width: 25%;
}
.con_form .tbl_form th .attention {
	float: right;
	background-color: #cc252f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	padding: 3px 10px;
	color: #fff;
}
.con_form .tbl_form td {
	padding: 15px 20px;
}
.con_form .tbl_form td span {
	float: left;
	display: block;
}
.con_form .tbl_form td span.txt_ex {
	width: 40px;
	text-align: right;
	padding: 5px 8px 0 0;
}
.con_form .tbl_form td span.txt_ad {
	padding: 5px 8px 0 5px;
}
.con_form .tbl_form td span.check {
	padding: 0 30px 0 5px;
	display: inline-block;
	float: left;
}
.con_form .tbl_form td span.error_txt {
	color: #cc252f;
	font-weight: bold;
	width: 100%;
	padding-top: 8px;
	line-height: 1;
	padding-left: 5px;
}
.con_form .tbl_form td span.error_txt:before {
	font-family: "FontAwesome";
	content: "\f0d8 ";
	font-size: 1.1em;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	*zoom: 1;
	*display: inline;
	margin-top: -1px;
	padding-right: 8px;
}
.con_form .tbl_form td input {
	padding: 5px;
	float: left;
}
.con_form .tbl_form td input.short {
	width: 200px;
}
.con_form .tbl_form td input.middle {
	width: 400px;
}
.con_form .tbl_form td input.long {
	width: 800px;
}
.con_form .tbl_form td input.zip_form {
	width: 120px;
}
.con_form .tbl_form td input.error {
	background-color: #F9D5D7;
}
.con_form .tbl_form .naiyou {
	width: 600px;
}
.con_form .tbl_form .btn_address {
	float: left;
	margin-left: 15px;
	padding: 0;
	margin-bottom: 10px;
}
.con_form .tbl_form .btn_address a {
	padding: 5px 20px;
	font-size: .9em;
}
.con_form .btn_confirm {
	text-align: center;
	width: 100%;
	padding: 20px 0;
	background-color: #dededc;
}
.con_form .btn_confirm button {
	border: 0;
	cursor: pointer;
}
.con_form .btn_box {
	background-color: #dededc;
	width: 100%;
}
.con_form .btn_box .wrp_btn_box {
	overflow: hidden;
	width: 360px;
	margin: 0 auto;
}
.con_form .btn_box .wrp_btn_box .btn_back {
	float: left;
	padding: 20px 0;
}
.con_form .btn_box .wrp_btn_box .btn_back button {
	display: inline-block;
	padding: 10px 25px;
	background: #000 none repeat scroll 0% 0%;
	font-size: 1.1em;
	color: #FFF;
	box-shadow: 0px 1px 1px #666;
	border-radius: 4px;
	text-decoration: none !important;
	border: 0;
	cursor: pointer;
}
.con_form .btn_box .wrp_btn_box .btn_back button span {
	background: transparent url("../contact/images/ic_con_back.png") no-repeat scroll left center;
	padding-left: 20px;
}
.con_form .btn_box .wrp_btn_box .btn_send {
	float: left;
	padding: 20px 0;
	margin-left: 20px;
}
.con_form .btn_box .wrp_btn_box .btn_send button {
	display: inline-block;
	padding: 10px 45px;
	background: #1D236D none repeat scroll 0% 0%;
	font-size: 1.1em;
	color: #FFF;
	box-shadow: 0px 1px 1px #666;
	border-radius: 4px;
	text-decoration: none !important;
	border: 0;
	cursor: pointer;
}
.con_form .btn_box .wrp_btn_box .btn_send button span {
	background: transparent url("../images/common/ic_arrow_w_l.png") no-repeat scroll left center;
	padding-left: 20px;
}
.con_form .box_thanks {
	text-align: center;
	padding: 50px 0 250px;
}
.con_form .box_thanks span {
	display: inline-block;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 8px;
	border-bottom: 3px solid #1d236d;
	margin-bottom: 45px;
}
.con_form .box_thanks span.tel_thanks {
	border: 0;
	color: #1d236d;
	display: block;
	margin-bottom: 0;
	line-height: 1;
	font-size: 2em;
}
.con_form .box_thanks span.tel_thanks i {
	padding-right: 5px;
}
.con_form .box_thanks span.title_thanks {
	border: 0;
	color: #1d236d;
	font-size: 1.2em;
	display: block;
	margin-bottom: 0;
	line-height: 1;
	padding-top: 30px;
	padding-bottom: 15px;
}

/*----------------------------------------------------
	.wrp_intro
		 資料請求・お問い合わせイントロ
----------------------------------------------------*/
.wrp_intro {
	width: 1100px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 70px;
}
.wrp_intro .con_intro {
	width: 530px;
}
.wrp_intro .con_intro .txt {
	padding: 0 10px 20px;
	margin-bottom: 20px;
}
.wrp_intro .con_intro.left {
	float: left;
}
.wrp_intro .con_intro.right {
	float: right;
}
.wrp_intro .con_intro .box_intro {
	background-color: #f3f0e7;
	position: relative;
	float: left;
	width: 100%;
}
.wrp_intro .con_intro .box_intro .wrp {
	padding: 20px 15px;
	overflow: hidden;
}
.wrp_intro .con_intro .box_intro .img {
	float: left;
	margin-right: 8px;
}
.wrp_intro .con_intro .box_intro .txtarea {
	float: right;
	width: 330px;
	padding: 0px;
}
.wrp_intro .con_intro .box_intro .txtarea .title {
	font-size: 1.2em;
	font-weight: bold;
	border-left: 4px solid #1d236d;
	padding-left: 10px;
	color: #1d236d;
	margin-bottom: 12px;
	padding-top: 5px;
	line-height: 1.1;
}
.wrp_intro .con_intro .box_intro .st {
	position: absolute;
	top: -25px;
	left: 30px;
}
.wrp_intro .con_intro .box_intro .about {
	padding-top: 18px;
	text-align: center;
}
.wrp_intro .con_intro .box_intro .about .red {
	color: #cc252f;
	font-size: 1.1em;
	padding-bottom: 5px;
}
.wrp_intro .con_intro .box_intro .about .tel {
	padding-bottom: 8px;
}
.wrp_intro .con_intro .box_intro .about .address {
	padding-left: 25px;
}
.wrp_intro .con_intro .box_intro .about .address span {
	display: block;
}