@charset "UTF-8";

  /**
   * 各ホテル紹介用レイアウト CSS
   * 
   * @author  HAKKO Development Co.,Ltd. az'Ciel division (H.N)
   * @version 2009.04.23
   * 
   */

/*
  ---INDEX---

   1,基本設定
   2,ヘッダ
   3,ヘッダナビ
   6,メインカラム
  10,ホテルサイドナビ

*/

/**
//=========================================//
//---------------1.基本設定----------------//
//=========================================//
*/

#mainContents {

	background      :#FFFFFF;
}

#mainCol {

	width           : 720px;
}

/*IE6*/
* html #mainCol {

	width           : 736px;
	padding         : 0 0 0 16px;
}

/**
//=========================================//
//---------------2.ヘッダ------------------//
//=========================================//
*/

img#hotelTitle {
	
	float           : left;
	margin          : 24px 0 0 0;
	padding         : 0;
}

/**
//=========================================//
//-------------3.ヘッダナビ----------------//
//=========================================//
*/

ul#headerNavi {
	
	float           : right;
	margin          : 12px 8px 0 0;
	width           : 200px;
	padding         : 18px 0 0 0;
	list-style-type : none;
}

/*IE6*/
* html ul#headerNavi {

	margin          : 12px 4px 0 0;
}

ul#headerNavi li {

	float           : right;
	margin          : 0 0 0 6px;
	padding         : 0;
}

/**
//=========================================//
//-------------6.メインカラム--------------//
//=========================================//
*/

#mainCol h2 {

	width           : 720px;
}

/**
//=========================================//
//-------------8.ホテルナビ----------------//
//=========================================//
*/

div#hotelNavi {

	width           : 100%;
}

#mainFlash {

	float           : left;
	width           : 530px;
	height          : 300px;	
}

#hotelNaviCol {

	float           : right;
	width           : 208px;
}

#hotelNaviCol h2 {

	color           : #003399;
	width           : 200px;
	margin          : 8px 0 2px 0;
	border-bottom   : #666 1px solid;
}

/**
//=========================================//
//-------------10.ホテルサイドナビ---------//
//=========================================//
*/

ul#hotelSideNavi {

	margin         : 0;
	list-style     : none;
}

ul#hotelSideNavi li {

	margin         : 4px 0;
}

ul#hotelSideNavi li.reserve {

	margin         : 6px 0 0 0;
}


ul#hotelSideNavi span {

	visibility     : hidden;
}

/*サイドナビ*/
ul#hotelSideNavi li a {

	width          : 199px;
	height         : 30px;
	display        : block;
	margin         : 0;
	padding        : 0;
}

/*サイドナビ（[予約]ボタンのみ高さ83px）*/
ul#hotelSideNavi li.reserve a {

	height         : 83px;
}

/*サービス*/
ul#hotelSideNavi li.service a {

	background     : url('../images/hotel/navi_service.png') no-repeat left top;
}
/*客室紹介*/
ul#hotelSideNavi li.room a {

	background     : url('../images/hotel/navi_room.png') no-repeat left top;
}
/*カフェ*/
ul#hotelSideNavi li.cafe a {

	background     : url('../images/hotel/navi_cafe.png') no-repeat left top;
}
/*アクセス・周辺施設*/
ul#hotelSideNavi li.access a {

	background     : url('../images/hotel/navi_access.png') no-repeat left top;
}
/*観光案内*/
ul#hotelSideNavi li.sightseeing a {

	background     : url('../images/hotel/navi_sightseeing.png') no-repeat left top;
}
/*ご予約*/
ul#hotelSideNavi li.reserve a {

	background     : url('../images/hotel/navi_reserve.png') no-repeat left top;
}
/*オンマウス・アクティブ*/
ul#hotelSideNavi li.service     a:hover,
ul#hotelSideNavi li.room        a:hover,
ul#hotelSideNavi li.cafe        a:hover,
ul#hotelSideNavi li.access      a:hover,
ul#hotelSideNavi li.sightseeing a:hover,
ul#hotelSideNavi li.reserve     a:hover,
ul#hotelSideNavi li.active      a {

	background-position : -199px 0%;
	text-decoration     : none;
}

/**
//=========================================//
//-----------------------------------------//
//=========================================//
*/