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

 file name  : common.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */

/*----------------------------------------------------
	#header　	ヘッダー
----------------------------------------------------*/
.con_hea {
	background: #001e42;
	padding: 10px 0;
}
.con_hea .box_hea {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}
.con_hea .box_hea h1 {
	width: 227px;
	float: left;
}
.con_hea .box_hea .btn {
	width: 119px;
	float: right;
	margin: 15px 0 0;
}

/*----------------------------------------------------
	.con_tit	タイトル
----------------------------------------------------*/
.con_tit {
	padding: 41px 0 26px;
	background: url(../rate/images/bg_tit.jpg) no-repeat 0 0;
}
.con_tit h2 {
	text-align: center;
}

.con_calendar {
	width: 960px;
	margin: 0 auto;
}


/*-----------------------------------------------------------
	共通設定
-----------------------------------------------------------*/
#calendar .tit_area {
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  position: relative;
  height: 200px;
}

#calendar .tit_area h2 {
  position: absolute;
  width: 100% !important;
  height: 200px;
  top: 0;
  left: 0;
  text-align: center;
}

#calendar #main {
  float: none;
  width: 100%;
}

/* -----------------------------------------------------------

	#calendar_box カレンダーコンテンツ

----------------------------------------------------------- */
#calendar .con_page #calendar_box {
  max-width: 960px;
  clear: both;
  overflow: hidden;
  padding-bottom: 40px;
  margin-top: 30px;
  float: none;
}

/*----------------------------------------------------
	#calendar_month 　xxxx年xx月部分
----------------------------------------------------*/

#calendar .con_page #calendar_box #calendar_month p.calendar_l {
  /*padding: 3px 3px 3px 10px;
  background-color:#005243;
  width:7em;
  color:#FFF;
  position:absolute;
  top:15px;
  left: 10px;*/
  display: none;
}

#calendar .con_page #calendar_box #calendar_month p.calendar_r {
  /*padding:3px 3px 3px 10px;
  background-color:#005243;
  width:7em;
  color:#FFF;
  position:absolute;
  top:15px;
  right: 15px;*/
  display: none;
}

#calendar .con_page #calendar_box #calendar_month p.calendar_l a {
  color: #FFF;
  text-decoration: none;
}

#calendar .con_page #calendar_box #calendar_month p.calendar_r a {
  color: #FFF;
  text-decoration: none;
}

/*----------------------------------------------------
	ご希望の日付・お部屋タイプ　部分
----------------------------------------------------*/
#calendar .con_page #calendar_box .txt {
  float: left;
  margin-left: 5px;
}

#calendar .con_page #calendar_box .mark {
  float: right;
  padding: 5px 10px 5px 10px;
  margin-right: 5px;
}

#calendar .con_page #calendar_box .circle {
  color: #D34600;
}

#calendar .con_page #calendar_box .tri {
  color: #5F7F9A;
}

/*----------------------------------------------------
	table テーブル
----------------------------------------------------*/
#calendar .con_page #calendar_box table {
  width: 945px;
  clear: both;
  /*overflow:hidden;*/
}

#calendar .con_page #calendar_box table a {
  width: 945px;
  clear: both;
  overflow: hidden;
  color: #505050;
  margin-top: 15px;
  margin-left: 1px;
}

#calendar .con_page #calendar_box th {
  width: 188px;
  border: 1px solid #BCBCBC;
  font-weight: normal;
  padding: 10px;
}

#calendar .con_page #calendar_box th.room_type {
  background: #FFFFFF;
  color: #454545;
  border-right: 0;
  text-align: center;
  font-weight: bold;
}

#calendar .con_page #calendar_box td {
  text-align: center;
  color: #454545;
  border: 1px solid #BCBCBC;
  width: 5px;
  font-size: 0.85em;
  padding: 0 .5px;
  background: #fff;
}

#calendar .con_page #calendar_box td.border_none {
  text-align: center;
  border-top: none;
  border-bottom: none;
  background: none;
}

#calendar .con_page #calendar_box td.num {
  color: #5F7F9A;
  background: #ffffff;
}

#calendar .con_page #calendar_box td a.circle {
  color: #D34600;
}

#calendar .con_page #calendar_box td.tri {
  color: #5F7F9A;
}

#calendar .con_page #calendar_box td.sat {
  background-color: #E1E9EF;
}

#calendar .con_page #calendar_box td.sun {
  background-color: #EEE2DF;
}

/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
/*======================================

	hack - 各種cssハック - for IE7

=======================================*/