@charset "utf-8";
/* ===================================================================
CSS information

 file name  :sortby.css
 author     :Ability Consultant
 style info :
=================================================================== */

/* ypro_under_button
----------------------------------------------------------- */
div.ypro_under_button {
	width: 630px;
	margin: 10px auto;
	padding: 0 5px;
	overflow: hidden;
	text-align: right;
}

div.ypro_under_button span {
	margin-left: 10px;
}

div.ypro_under_button a {
	text-decoration:underline;
}

/*----------------------------------------------------
	プランから検索／部屋から検索　タブ　2016/05/27
----------------------------------------------------*/
.ypro_wrp_tab {
	width: 630px;
	margin: 0 auto 20px;
}

.ypro_wrp_tab_button {
	overflow: hidden;
	position: relative;
	margin: 15px auto 0;
}

.ypro_wrp_tab_button:after {
	position: absolute;
	content: "";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #b7b7b7;
	z-index: 1;

	/* box-shadow */
	box-shadow:0px 0px 4px 0px #c5c5c5;
	-moz-box-shadow:0px 0px 4px 0px #c5c5c5;
	-webkit-box-shadow:0px 0px 4px 0px #c5c5c5;
}

.ypro_wrp_tab_button:before {
	z-index: 1;
}

.ypro_wrp_tab_button li {
	display: inline-block;
	font-weight: bold;
	border: 1px solid #b7b7b7;
	background: #c9c9c9;
	position: relative;
	z-index: 0;
	bottom: -5px;
	margin-right: 5px;

	/* box-shadow */
	box-shadow:0px 0px 4px 0px #c5c5c5;
	-moz-box-shadow:0px 0px 4px 0px #c5c5c5;
	-webkit-box-shadow:0px 0px 4px 0px #c5c5c5;
}

.ypro_wrp_tab_button li a {
	display: block;
	padding: 10px 10px 15px;
}

.ypro_wrp_tab_button li:first-child {
	margin-left: 15px;
}

/*タブ選択時*/
.ypro_wrp_tab_button li.tab_active {
	color: #333;
	font-size: 110%;
	font-weight: bold !important;
	background: #fff;
	border-bottom-color: #fff;
	z-index: 2;
}

.ypro_wrp_tab_button li.tab_active a {
	display: block;
	padding: 10px 15px 13px;
	background-image: -webkit-linear-gradient(top, #e9e9e9, #ffffff);
	background-image: -moz-linear-gradient(top, #e9e9e9, #ffffff);
	background-image: -ms-linear-gradient(top, #e9e9e9, #ffffff);
	background-image: -o-linear-gradient(top, #e9e9e9, #ffffff);
	background-image: linear-gradient(to bottom, #e9e9e9, #ffffff);
}

.ypro_wrp_tab_button li.tab_active a {
	color: #333;;
	font-weight: bold !important;
	text-decoration: none;
}

/*タブ表示時の料金絞り込みボタン*/
.ypro_wrp_tab_button li.tab_under_button {
	float: right;
	display: inline-block;
	font-weight: normal;
	border: none;
	background: none;
	padding: 0;
	margin-right: 0;

	/* box-shadow */
	box-shadow: none;
	-moz-box-shadow:none
	-webkit-box-shadow:none
}

.ypro_wrp_tab_button li.tab_under_button div.ypro_under_button {
	width: auto !important;
}

.ypro_wrp_tab_button li.tab_under_button span a {
	display: inline;
	padding: 0;
}

/*----------------------------------------------------
	部屋カテゴリを絞り込む　2016/05/27
----------------------------------------------------*/
.ypro_room_cate_search {
	width: 616px;
	border: 3px double #cdcdcd;
	margin: 20px auto;
}

.ypro_room_cate_search .st {
	color: #333;
	font-size: 110%;
	font-weight: bold;
	background: #e9e9e9;;
	padding: 10px 15px 8px;
}

.ypro_room_cate_search .inner {
	overflow: hidden;
}

.ypro_room_cate_search .inner ul {
	float: left;
	list-style: none;
	width: 285px;
	padding: 0;
	margin: 12px 0 5px 15px;
}

.ypro_room_cate_search .inner ul li {
	margin-bottom: 3px;
	overflow: hidden;
}

.ypro_room_cate_search .inner ul li span {
	padding-left: 5px;
}
/*----------------------------------------------------*/