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

 file name  :stock_calendar.css
 author	:Ability Consultant
 style info :宿泊ネットポイントのカレンダー用にカスタマイズしたCSS
=================================================================== */

/*----------------------------------------------------
	共通設定
----------------------------------------------------*/
a.menu_header {
	font-size: 110%;
}

a.menu {
	color: #335a82;
	font-size: 130%;
	line-height: 1.2;
	text-decoration: none !important;
}

a.menu span {
	color: #004118;
}

a.menu:hover span {
	color: #fff;
}

.no_stay {
	color: #cc0000;
	font-size: 110%;
}

#ypro_body #ypro_wrapper .plan_box {
	margin-bottom: 10px;
}

/* ベストレートバナー */
.bn_bestrate {
	text-align: center;
}

/* 上部メッセージ欄 */
#ypro_emergency {
	margin-bottom: 10px;
}

/* 注釈メッセージ */
.ypro_notice {
	margin-bottom: 10px;
}

/*	料金、記号説明、ボタン類
----------------------------------------------------*/
.ypro_notes_box {
	font-size: 90%;
	margin-bottom: 5px;
	overflow: hidden;
	clear: both;
}

.ypro_notes_box ul li {
	display: inline;
}

.ypro_notes_box ul.notes_txt {
	float: left;
	margin-top: 8px;
}

/* 上部の文字位置調整 */
.ypro_notes_box.box_top ul.notes_txt {
	margin-top: 8px;
}

/* 下部の文字位置調整 */
.ypro_notes_box.box_bottom ul.notes_txt {
	margin-top: 0;
}

.ypro_notes_box ul.notes_btn {
	float: right;
}

.ypro_notes_box .notes_txt .price {
	font-weight: bold;
	padding-right: 10px;
}

/* ボタン共通 */
.ypro_notes_box .notes_btn .btn_style {
	float: left;
}

.ypro_notes_box .notes_btn .btn_style img {
	padding: 0 8px;
}

.ypro_notes_box .notes_btn .btn_style a {
	color: #fff;
	text-align: center;
	background: #5f7f9a;
	border: 1px solid #323232;	display: block;
	padding: 4px 5px 4px 20px;
}

.ypro_notes_box .notes_btn .btn_style a:hover {
	background: #275881;
}

.ypro_notes_box .notes_btn .btn_left a {
	padding-right: 20px;
	padding-left: 5px;
}

/* ボタン（前の期間） */
.ypro_notes_box .notes_btn .btn_left {
	margin-right: 5px;
}

/*カレンダー（土曜日）*/
.ypro_cal table #ypro_sat {
	background: none repeat scroll 0 0 #f1fcff;
}

/* カレンダー（日曜日） */
.ypro_cal table #ypro_sun {
	background: none repeat scroll 0 0 #fff4f4 !important;
}

/*空室検索、プランタイトル（共通指定）*/
#ypro_body #ypro_wrapper h3.ypro_st_search,
#ypro_body #ypro_wrapper h3.ypro_st_title,
#ypro_body #ypro_wrapper h3.ypro_st_title_bn,
#ypro_body #ypro_wrapper h3.ypro_st_title_wa {
	color: #000;
	font-weight: bold;
	background: #d7d7d7;
	border: 1px solid #9b9b9b;
	border-bottom: none;
	margin-bottom: 0;
	padding: 7px 12px !important;
}

/* 空室検索の下部スペース */
#ypro_body #ypro_wrapper #search_box #ypro_search {
	margin-bottom: 10px;
}

/* 空室検索タイトル部分 */
#ypro_body #ypro_wrapper h3.ypro_st_search {
	overflow: hidden;
	padding: 4px 5px 4px 12px !important;
}

#ypro_body #ypro_wrapper h3.ypro_st_search span.st {
	width: 500px;
	float: left;
	margin-top: 7px;
}

#ypro_body #ypro_wrapper h3.ypro_st_search span.photo {
	float: right;
	width: 272px;
	text-align: right;
}

#ypro_body #ypro_wrapper h3.ypro_st_search_2 {
	border-bottom: 1px solid #9b9b9b;
}

/*プランタイトル（旅館タイプ）*/
#ypro_body #ypro_wrapper h3.ypro_st_title_wa {
	overflow: hidden;
	padding: 8px 5px 8px 12px !important;
	border-bottom: 1px solid #9b9b9b;
	margin-bottom: 10px !important;
}

#ypro_body #ypro_wrapper h3.ypro_st_title_wa span.st span {
	vertical-align: middle;
	padding-right: 5px;
}

/*プランタイトル（ビジネスホテルタイプ／ベストレート画像なし）*/
#ypro_body #ypro_wrapper h3.ypro_st_title {
	overflow: hidden;
	padding: 8px 5px 8px 12px !important;
}

#ypro_body #ypro_wrapper h3.ypro_st_title span.st span {
	vertical-align: middle;
	padding-right: 5px;
}

/*プランタイトル（ビジネスホテルタイプ／ベストレート画像あり）*/
#ypro_body #ypro_wrapper h3.ypro_st_title_bn {
	overflow: hidden;
	padding: 4px 5px 4px 12px !important;
}

#ypro_body #ypro_wrapper h3.ypro_st_title_bn span.st {
	width: 500px;
	float: left;
	margin-top: 5px;
}

#ypro_body #ypro_wrapper h3.ypro_st_title_bn span.st span {
	vertical-align: middle;
	padding-right: 5px;
}

#ypro_body #ypro_wrapper h3.ypro_st_title_bn span.photo {
	float: right;
	width: 272px;
	text-align: right;
}

#ypro_body #ypro_wrapper #search_box h3,
#ypro_body #ypro_wrapper .plan_box h3 {
	margin-bottom: 0;
}

#cal_box_left {
	margin: 0;
	width: 100%;
}

.ypro_cal {
	width: 100%;
	padding-top: 0;
}

#ypro_body #ypro_wrapper #search_box #ypro_search,
.ypro_cal table.border_style_100 th,
.ypro_cal table td.td_line {
	border-color: #a9a9a9;
}