@charset "UTF-8";

/* システムフロー 検索結果画面系 １段組レイアウト
-------------------------------------------------------------------------*/

/* レイアウトフレーム 基本セット -------------------*/

.mono#CONTENTS {
	padding: 0;
	width: 750px;
	margin: 0 auto;
}

.mono#CONTENTS  .main_content {
	width: 750px;
}

.mono#CONTENTS  .chapter {
	padding: 0 12px 0 12px;
}

.mono#CONTENTS  .section {
	padding: 0 0 0 5px;
}

/*パンくずリンク*/

.mono#CONTENTS  div.main_content  div.topicpath {
	background-color: #FFFFFF;
	padding: 10px 0;
	color: #666666;
}

/* 見出し -------------------*/

/*h2*/

.mono#CONTENTS  div.h2 {
	padding: 5px 10px;
}

.mono#CONTENTS  div.h2  h2 {
	padding: 0 5px;
	font-weight: bold;
}

/* h3 */

.mono#CONTENTS  h3 {
	margin-top: 20px;
	padding: 4px 0 4px 5px;
	font-weight: bold;
}

/* h4 */

.mono#CONTENTS  h4 {
	margin-top: 20px;
	padding: 2px 5px;
	font-weight: bold;
}

/* h5 */

.mono#CONTENTS  h5 {
	margin-top: 10px;
	font-weight: bold;
}

/* テーブル基本デザイン */

.mono#CONTENTS  table.typeA {
	width: 100%;
	border: 1px solid #949CA3;
	border-collapse: collapse;
	border-width: 0 1px 1px 0;
}

.mono#CONTENTS  table.typeA  thead  th, .mono#CONTENTS  table.typeA  td  table.typeA  thead  th {
	padding: 6px;
	background-color: #E0E3E4;
	text-align: center;
}

.mono#CONTENTS  table.typeA  tbody  th, .mono#CONTENTS  table.typeA  td  table.typeA  tbody  th {
	background-color: #F4F3F3;
	width: 170px;
	text-align: left;
	padding: 5px;
	vertical-align: top;
}

.mono#CONTENTS  table.typeA  td {
	padding: 6px;
	background-color: #FFFFFF;
	vertical-align: top;
}

.mono#CONTENTS  table.typeA  th, .mono#CONTENTS  table.typeA  td {
	border: 1px solid #949BA2;
	border-width: 1px 1px 0 1px;
}

/* 空室情報と料金のテーブル
-------------------------------------------------- */
/* 凡例 */

.roomNull {
	font-size: 140%;
}

.roomEmpty, a.roomEmpty, a.roomEmpty:hover, a.roomEmpty:visited {
	color: #000066;
	font-weight: bold;
	font-size: 280%;
	line-height: 40%;
}

.roomLittle, a.roomLittle, a.roomLittle:hover, a.roomLittle:visited {
	color: #000066;
	font-weight: bold;
	font-size: 140%;
}

.roomFull, a.roomFull, a.roomFull:hover, a.roomFull:visited {
	color: #000066;
	font-weight: bold;
	font-size: 160%;
}

/* カレンダー */

.mono#CONTENTS  table.roomTBL {
	width: 100%;
	border-left: 1px solid #CCCCCC;
}

/* thead */

.mono#CONTENTS  table.roomTBL  thead  th {
	padding: 20px;
	border-bottom: 1px solid #CCCCCC;
}

.mono#CONTENTS  table.roomTBL  thead  th.end {
	border-right: 1px solid #CCCCCC;
}

.mono#CONTENTS  table.roomTBL  thead  .string-m {
	font-weight: bold;
	font-size: 120%;
}

.mono#CONTENTS  table.roomTBL  th {
	width: 13%;
}

/* tbody */

.mono#CONTENTS  table.roomTBL  tbody  td, .mono#CONTENTS  table.roomTBL  tbody  th {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.mono#CONTENTS  table.roomTBL  tbody  th {
	padding: 10px;
	background-color: #F6F6F6;
}

.mono#CONTENTS  table.roomTBL  tbody  td {
	padding: 5px;
	vertical-align: top;
	height: 5em;
}

.mono#CONTENTS  table.roomTBL  tbody  td  div {
/* padding-top:1em; */
	height: 4em;
	text-align: center;
}

.mono#CONTENTS  table.roomTBL  tbody  td  div  span {
	display: block;
	padding-top: 0.5em;
}

.mono#CONTENTS  table.roomTBL  tbody  td  div  p {
	padding-bottom: 1em;
}

.roomEmpty, .roomLittle, .roomFull {
	color: #333333 !important;
}

.mono#CONTENTS  table.roomTBL  tbody  td  div  p.roomEmpty, .mono#CONTENTS  table.roomTBL  tbody  td  div  p.roomLittle, .mono#CONTENTS  table.roomTBL  tbody  td  div  p.roomFull {
	padding-bottom: 0 !important;
}

.roomTBL  th.satCOL {
	background-color: #E5F0FF !important;
}

.roomTBL  td.satCOL {
	background-color: #E5F0FF;
}

.roomTBL  th.sunCOL {
	background-color: #FFE5E5 !important;
}

.roomTBL  td.sunCOL {
	background-color: #FFE5E5;
}

/* anchor */

.mono#CONTENTS  table.roomTBL  tbody  td  div  p  a:hover {
	color: #000066;
}

/* 条件（人数）の切り替え  */

#roomList {
	padding-top: 5px;
}

#roomList  .cleared {
	width: 100%;
	height: 2px;
}

#roomList  li {
	float: left;
	margin-right: 1px;
}

#roomList  li  a, #roomList  li  strong {
	display: block;
	width: 5em;
	padding: 5px 0;
	text-align: center;
	border-top: 2px solid #BBBBBB;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #F6F6F6;
}

/* 部屋写真 */

.mono#CONTENTS  .room-photo  li {
	float: left;
	margin-top: 5px;
	padding: 0 19px 19px 0;
}

/* ※で始まる注意書き */

.note {
	text-indent: -1em;
	padding-left: 1em;
}

/* 増減するテーブルの非表示用 */

.hidden {
	display: none;
}

/* 強調バー --------------------*/

p.emphasis {
	font-weight: bold;
	text-align: right;
	margin: 0 0 0 0;
	padding: 3px 5px;
	background: #ffe1cc;
	color: #ff6800;
	font-size: 120%;
}

p.emphasis-btn {
	font-weight: bold;
	text-align: right;
	margin: 0 0 0 0;
	background: #ffe1cc;
}

p.emphasis-btn  input {
	margin: 5px;
}

p.emphasis-btn  span {
	padding: 5px;
	background-color: #FF5400;
}

/* inputボタン強調 */

.emphasis-btn2 {
	background: #ffe1cc;
}

.emphasis-btn2  table {
	margin: 0 0 0 auto;
	background: #ff6800;
}

.emphasis-btn2  table  td {
	padding: 5px;
}

.emphasis-btn3 {
	background: #ffe1cc;
	padding: 5px;
	text-align: right;
}

/* エラー */

p.emphasis-error {
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 3px 5px;
	background: #ffe1cc;
	color: #ff6800;
}

/* テーブルセルにエラー表示 */

table  tr.cell-error  th, table  tr.cell-error  td {
	background: #ff6800 !important;
	color: #ff6800;
	font-weight: bold;
}

table  tr.cell-error  th {
	color: #fff;
}

table  tr.cell-error  td {
	color: #fff;
}

table  tr.cell-error  th  strong {
	color: #fff;
}

/*フォーム フロー表示*/

div.flow-area {
	text-align: center;
	margin: 20px 0 0;
	padding: 0 0 15px;
}

dl.flow-list {
	display: inline;
	border: 1px solid #a5acb2;
	padding: 5px 0 5px 15px;
}

div.flow-area>dl.flow-list {
	padding: 10px 0 10px 15px;
}

dl.flow-list  dt {
	font-weight: bold;
	display: inline;
	margin: 0 20px 0 0;
}

dl.flow-list  dd {
	display: inline;
}

dl.flow-list  dd  ul {
	display: inline;
}

dl.flow-list  dd  ul  li {
	display: inline;
	margin: 0 10px 0 0;
}

dl.flow-list  dd  ul  li  span {
	background: #f1f1f1;
	padding: 5px 20px 5px 20px;
	margin: 0 10px 0 0;
}

dl.flow-list  dd  ul  li  span.current {
	background: #c5d7f2;
}

/*フォーム オブジェクト*/

form  input.text360, form  textarea.text360 {
	width: 360px;
}

form  input.text170, form  select.text170 {
	width: 170px;
}

table  tr.system_error  th, table  tr.system_error  td {
	background-color: #FF6600 !important;
	font-weight: bold;
	color: #FFFFFF;
}

form  input.button01 {
	padding: 4px;
}

/*フォーム テキスト（確認画面 注記） オブジェクト*/

form  ol.decimal01  li {
	list-style-type: decimal !important;
	margin: 0 0 0 25px;
	padding: 3px 0 0 0;
}

form  ul.disc  li {
	list-style-type: disc !important;
	margin: 0 0 0 20px;
	padding: 5px 0 0 0;
}

/* 曜日 */

.sat {
	color: #000353;
}

.sun {
	color: #FF5400;
}

/* 写真にマウスオーバーで1px右下に移動 */

a.photo-anc:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

/* 「基本条件の選択」内プルダウンの幅 */

#sn, #rn {
	width: 4em;
;
}

/* 「基本条件の選択」内「空室状況」のマーク */

.roomStatus {
	text-align: center;
	font-size: 120%;
}

/* 拡大画像
-------------------------------------------------- */
/*タイトル*/

.mono#CONTENTS  div.main_content  div.title {
	width: 640px;
}

.mono#CONTENTS  div.main_content  div.title  p.text {
	float: left;
	font-weight: bold;
}

.mono#CONTENTS  div.main_content  div.title  p.link {
	float: right;
}

/*画像*/

.mono#CONTENTS  div.main_content  div.photo {
	margin: 0 40px;
	width: 560px;
	border-width: 1px;
	border-style: solid;
	border-color: #E4E4E4 #BDBDBD #BDBDBD #E4E4E4;
	text-align: center;
}

.mono#CONTENTS  div.main_content  div.photo  div.image {
	margin: 0;
	padding: 40px 40px 0;
}

.mono#CONTENTS  div.main_content  div.photo  p.text {
	margin: 0;
	padding: 20px;
	text-align: left;
}


/* css Hack for Safari ／ カレンダー「○」表記
【重要！！  ： cssファイル末尾に配置 】
-------------------------------------------------- */

.roomEmpty, a.roomEmpty, a.roomEmpty:hover, a.roomEmpty:visited {
	font-size: 140% !important;
	line-height: 120% !important;
}

/*【重要！！  ： この下に追記しない 】 */