@charset "UTF-8";

  /**
   * デフォルトレイアウト CSS
   * 
   * @author  HAKKO Development Co.,Ltd. az'Ciel division (H.N)
   * @version 2009.03.24
   * 
   */

/*
  ---INDEX---

  1,基本設定
  2,ヘッダ
  3,ヘッダナビ
  4,メインFlash
  5,メインナビ
  6,メインカラム
  7,メインコンテンツ
  8,サイドナビ
  9,フッタ

*/


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

body {

	background       : #FFF url(../images/layout/bg.png) repeat-y 50% 50%;
	margin           : 0;
  padding          : 0;
	text-align       : center;
}

body, x:-moz-broken {

  padding          : 0 1px 0 0;
}

*:first-child+html body {

  padding          : 0;
}


/*全体コンテナ*/
#wrapper {

	width            : 750px;
	text-align       : left;
  margin           : 0 auto;
}

#mainContents {
	
	background      : #FFF url(../images/layout/mc_line.png) repeat-y;
}

#mainCol {

	float           : left;
	width           : 488px;
	padding         : 0 0 0 16px;
	min-height      : 400px;
	overflow        : hidden;
}

/*IE6*/
* html #mainCol {

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

#sideCol {

	float           : right;
	width           : 216px;
	padding         : 0 16px 0 0;
	overflow        : hidden;
}

/*IE6*/
* html #sideCol {

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


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

#header {
    
	background      : #FFF url(../images/layout/header.jpg) no-repeat 50% top;
	color           : #FFF;
	height          : 82px;
	margin          : 0 0 6px 0;
	padding         : 0;
	text-align      : center;
}

img#headerLogo {
	
	float           : left;
	margin          : 0;
	padding         : 0;
}

/*IE6*/
* html img#headerLogo {
	
	margin          : 0 0 0 -3px;
	padding         : 0;
}

#header ul {
	
	float           : right;
}

#header ul li {
	
	display         : inline;
}

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

ul#headerNavi {
	
	float           : right;
	margin          : 12px 8px 0 0;
	width           : 400px;
	padding         : 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;
}

ul#headerNavi span {

	display      : none;
}

/**
//=========================================//
//-------------4.メインFlash---------------//
//=========================================//
*/

#mainFlash {

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


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

div#hotelNavi {

	width           : 100%;
}


#hotelNaviCol {

	float           : right;
	width           : 215px;
}

/**
//=========================================//
//-------------5.メインナビ----------------//
//=========================================//
*/

ul#mainNavi {

	height         : 45px;
	width          : 100%;
	margin         : 4px 0px 16px 0px;
	list-style     : none;
}

/*IE7 IE8*/
*:first-child+html #mainNavi {

}

ul#mainNavi li {

	display        : inline;
	margin         : 0;
	padding        : 0;
}

ul#mainNavi a {

	float           : left;
	margin          : 0;
	padding         : 0;
	height          : 45px;
}

ul#mainNavi span{

	display : none;
}

/*特色とこだわり*/
ul#mainNavi li.feature a {

	width           : 157px;
	background      : transparent url(../images/layout/main_navi_feature_on.png) no-repeat left top;
}
/*ホテル一覧*/
ul#mainNavi li.hotelList a {

	width           : 123px;
	background      : transparent url(../images/layout/main_navi_hotellist_on.png) no-repeat scroll left top;
}
/*宿泊料金・ご予約*/
ul#mainNavi li.reservation a {

	width           : 167px;
	background      : transparent url(../images/layout/main_navi_reservation_on.png) no-repeat scroll left top;
}
/*よくあるご質問*/
ul#mainNavi li.faq a {

	width           : 160px;
	background      : transparent url(../images/layout/main_navi_faq_on.png) no-repeat scroll left top;
}
/*お問い合わせ*/
ul#mainNavi li.inquiry a {

	width           : 143px;
	background      : transparent url(../images/layout/main_navi_inquiry_on.png) no-repeat scroll left top;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul#mainNavi a span {

	float           : none;
}
/* End IE5-Mac hack */

ul#mainNavi li.active span,
ul#mainNavi a:hover span {

	color           : #FFF;
}

ul#mainNavi a:hover img{

	visibility      : hidden;
}

ul#mainNavi li.feature     a:hover,
ul#mainNavi li.hotelList   a:hover,
ul#mainNavi li.rateReserve a:hover,
ul#mainNavi li.faq         a:hover,
ul#mainNavi li.inquiry     a:hover,
ul#mainNavi li.active      a {

	background-position : 0%;
	background-color : #FFFFFF;
}


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

/*パンくずリスト*/
ul#footPath {

	color           : #333333;
	font-size       : 0.83em;
	padding         : 0 16px 8px 0;
	margin          : 0;
}

ul#footPath li {

	display         : inline;
	padding         : 0;
}

ul#footPath li span {

	padding         : 0 4px;
}

ul#footPath a {

	color           : #003399;
}

#exInnMap {
	
	margin          : 12px 0;
	padding         : 0;
  width           : 488px;
	overflow        : hidden;
}

#exInnMap a {
	
	margin          : 0;
	padding         : 0;
}

#exInnMap img {
	
	margin          : 0;
	padding         : 0;
}


#mainCol h2 {
	
	font-size       : 1.1em;
	color           : #FFF;
	background      : #333 url(../images/layout/h2.png) repeat-y;
	padding         : 2px 0px 2px 0px;
	text-indent     : 1em;
	letter-spacing  : 0.3em;
	width           : 488px;
}

#mainCol h3 {
	
	font-size       : 1.1em;
	color           : #333;
	margin          : 1em 0 0 0;
	padding         : 3px;
	text-indent     : 1em;
	letter-spacing  : 0.15em;
	background      : url('../images/sub/h3.png') no-repeat left center;
}

#mainCol h3.h3_plan {
	
	font-size       : 1.1em;
	color           : #FF6633;
	margin          : 1em 0 0 0;
	padding         : 3px;
	text-indent     : 1em;
	letter-spacing  : 0.15em;
	background      : url('../images/sub/h3_plan.png') no-repeat left center;
}

#mainCol p.right,
#mainCol p {
	
	padding         : 0;
	line-height     : 120%;
	margin          : 1em 0;
}

#mainCol p.right {
	
	text-align      : right;
}

span.note {
	color			: #CC3333;
	font-weight		: bold;
}

span.note_large {
	color			: #CC3333;
	font-weight		: bold;
	font-size		: 1.4em;
}

span.large {
	font-size		: 1.1em;
	line-height		: 1.2em;
}


/**
//=========================================//
//-------------7.メインコンテンツ----------//
//=========================================//
*/

ul#information {

	list-style-type : none;
	padding         : 0;
	margin          : 12px 0;
}

ul#information a span {

	display         : none;
}

ul#information li {

	padding         : 0;
	margin          : 0 0 8px 0;
}

* html ul#information li {/* IE 6 */
	
	margin          : 0 0 8px 0;
}


/**
//=========================================//
//-------------8.サイドナビ----------------//
//=========================================//
*/

ul#sideNavi {
	
	list-style-type : none;
	margin          : 0;
	padding         : 0;
}

ul#sideNavi a span {

	display         : none;
}

ul#sideNavi li {

	padding         : 0;
	margin          : 0 0 8px 0;
	text-align      : right;
}
/* IE 6 */
* html ul#sideNavi li {
	
	margin          : 0px 0px 8px 0px;
}

/*検索パネル（トップ、宿泊予約）*/
#reservation_p{
	width			: 210px;
	font-size		: 12px;
	text-align		: left;
	line-height		: 150%;
}

#reservation_p_details{
	padding			: 9px 5px 7px 5px;
	border			: solid 1px;
	border-color	: #5A5250;
}

#reservation_p p{
	margin-top		: 5px;
}

#reservation_p .go{
	margin-top		: 6px;
}

#reservation_p .details{
	margin-top		: -3px;
	margin-left		: 3px;
}

#reservation_p .line01{
	margin-top		: -12px;
}

#reservation_p .line02{
	margin-top		: -25px;
}

#reservation_p .line03{
	margin-top		: -5px;
}

#reservation_p .line04{
	margin-top		: -12px;
}


#reservation_p .members{
	font-size		: 10px;
}

#reservation_p img.icon{
	vertical-align	: middle;
}

.small{
	font-size		: 10px;
}


/* IE 6 */
* html #reservation_p_details{
	padding			: 6px 4px 3px 4px;
}

* html #reservation_p img{
	margin-bottom	: 2px;
}

* html #reservation_p p{
	margin-bottom	: 5px;
}

* html #reservation_p .go{
	margin-top		: 6px;
	margin-bottom	: 7px;
}

* html #reservation_p .line02{
	margin-top		: -13px;
}

* html #reservation_p .line03{
	margin-top		: -11px;
}

* html #reservation_p .line04{
	margin-top		: -12px;
}


/*IE7*/
*:first-child+html #reservation_p_details{
	padding			: 6px 4px 0px 4px;
}

*:first-child+html #reservation_p p{
	margin-bottom	: 5px;
}

*:first-child+html #reservation_p img{
	margin-top	: 2px;
}

*:first-child+html #reservation_p .members{
	margin-top		: -2px;
}

*:first-child+html #reservation_p .go{
	margin-top		: 6px;
	margin-bottom	: 5px;
} 


/*検索パネル（サブ）*/
#reservation_p2{
	width			: 198px;
	font-size		: 12px;
	text-align		: left;
	line-height		: 150%;
}

#reservation_p2_details{
	padding			: 9px 4px 6px 4px;
	border			: solid 1px;
	border-color	: #5A5250;	
}

#reservation_p2 p{
	margin-top		: 5px;
}

#reservation_p2 .go{
	margin-top		: 6px;
}

#reservation_p2 .details{
	margin-top		: -3px;
	margin-left		: 3px;
}

#reservation_p2 .line01{
	margin-top		: -12px;
}

#reservation_p2 .line02{
	margin-top		: -10px;
}

#reservation_p2 .members{
	font-size		: 10px;
}

#reservation_p2 img.icon{
	vertical-align	: middle;
}

.small{
	font-size		: 10px;
}


/* IE 6 */
* html #reservation_p2_details{
	padding			: 4px 3px 3px 3px;
}

* html #reservation_p2 p{
	margin-bottom	: 5px;
}

* html #reservation_p2 .go{
	margin-top		: 6px;
	margin-bottom	: 7px;
}


/*IE7*/
*:first-child+html #reservation_p2_details{
	padding			: 4px 3px 0px 3px;
}

*:first-child+html #reservation_p2 p{
	margin-bottom	: 5px;
}

*:first-child+html #reservation_p2 .members{
	margin-top		: -2px;
}

*:first-child+html #reservation_p2 .go{
	margin-top		: 6px;
	margin-bottom	: 5px;
} 



/**
//=========================================//
//-------------9.フッタ--------------------//
//=========================================//
*/

ul#footerNavi {

	color           : #009999;
	font-size       : 0.9em;
	padding-right   : 12px;
	margin          : 12px 0 6px 0;
	text-align      : right;
}

ul#footerNavi li {

	display         : inline;
}

#footer {

	background      : url(../images/layout/bg_footer.png) repeat-x;
	height          : 46px;
	padding         : 12px 20px 0 20px;
	margin          : 0px auto;
	color           : #009999;
	font-size       : 12px;
	margin          : 0;
	text-align      : center;
}

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