@charset "Shift_JIS";

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
カラー定義 ： 青
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/* トップ　コンテンツ　２行３段組レイアウト
-------------------------------------------------------------------------*/

/*h2*/
/*全体*/
#CONTENTS.top div.h2,
#CONTENTS.top div.h2_link{
background-color:#000066 !important;
}
#CONTENTS.top div.h2 h2,
#CONTENTS.top div.h2_link h2{
border-left:3px solid #FFFFFF !important;
color:#FFFFFF !important;
}

/*h3*/
/*上 宿・ホテル予約 h3*/
/*h3 背景色*/
#CONTENTS.top div.left_main div.upper div.h3{
background-color:#8CA8E2 !important;
}
/*h3 文字色*/
#CONTENTS.top div.left_main div.upper div.h3 h3{
color:#FFFFFF !important;
}

/*お気に入りの宿・ホテル h3 ホテル名*/
#CONTENTS.top div.left_main div.lower div.left div.content div.hotel div.h3{
background-color:#EDF4FE !important;
}


/*form 要素縁取り*/
#CONTENTS.top div.left_main div.upper div.left div.content form select.number,
#CONTENTS.top div.left_main div.upper div.left div.content form input.input,
#CONTENTS.top div.left_main div.upper div.left div.content form select.input,
#CONTENTS.top div.left_main div.upper div.left div.content form input.goto{
border:1px solid #7B9EBD !important;
}




/* システムメインフロー 検索主要画面構成 ３段組レイアウト
-------------------------------------------------------------------------*/

/*h2*/
/*全体*/
#CONTENTS.main div.h2{
background-color:#000066 !important;
}
#CONTENTS.main div.h2 h2{
border-left:3px solid #FFFFFF !important;
color:#FFFFFF !important;
}
#CONTENTS.main div.h2_link{
background-color:#000066 !important;
}
#CONTENTS.main div.h2_link h2{
border-left:3px solid #FFFFFF !important;
color:#FFFFFF !important;
}

/*h3*/
/*上 宿・ホテル予約 h3*/
/*h3 背景色*/
#CONTENTS.main div.left_main div.h3,
#CONTENTS.main div.left_main div.h3_mono,
#CONTENTS.main div.right_sub div.h3{
background-color:#8CA8E2 !important;
}
/*h3 文字色*/
#CONTENTS.main div.left_main div.h3 h3,
#CONTENTS.main div.left_main div.h3_mono h3,
#CONTENTS.main div.right_sub div.h3 h3{
color:#FFFFFF !important;
}
/*レフトエリア こだわり条件リンク h4見出し 文字＆下線色*/
#CONTENTS.main div.main_content div.left_main div.left div.content div.limit_title{
color:#6985BD;
border-bottom:1px solid #8CA8E2;
}
/*ナビ h4 文字＆下線色*/
#CONTENTS.main div.main_content div.right_sub div.content h4.h4_line{
color:#6985BD;
border-bottom:1px solid #8CA8E2;
}

/*お気に入りの宿・ホテル h3 ホテル名*/
#CONTENTS.main div.right_sub div.campaign_content div.hotel div.h3_hotel{
background-color:#EDF4FE !important;
}

/*form 要素縁取り*/
#CONTENTS.main div.left_main div.left div.content form select.number,
#CONTENTS.main div.left_main div.left div.content form input.input,
#CONTENTS.main div.left_main div.left div.content form select.input,
#CONTENTS.main div.left_main div.left div.content form input.goto{
border:1px solid #7B9EBD !important;
}
/*詳細エリアの宿・ホテル一覧*/
#CONTENTS.main div.main_content div.left_main div.right div.status{
color:#000066;
}





/* システムフロー 詳細表示画面系 ２段組レイアウト
-------------------------------------------------------------------------*/

/*h2*/
/*全体*/
#CONTENTS.dual div.h2{
background-color:#000066 !important;
}
#CONTENTS.dual div.h2 h2{
border-left:3px solid #FFFFFF !important;
color:#FFFFFF !important;
}
#CONTENTS.dual div.h2_link{
background-color:#000066 !important;
}
#CONTENTS.dual div.h2_link h2{
border-left:3px solid #FFFFFF !important;
color:#FFFFFF !important;
}

/*h3*/
/*上 宿・ホテル予約 h3*/
/*h3 背景色*/
#CONTENTS.dual div.left_main div.h3,
#CONTENTS.dual div.left_main div.h3_mono,
#CONTENTS.dual div.right_sub div.h3{
background-color:#8CA8E2 !important;
}
/*h3 文字色*/
#CONTENTS.dual div.left_main div.h3 h3,
#CONTENTS.dual div.left_main div.h3_mono h3,
#CONTENTS.dual div.right_sub div.h3 h3{
color:#FFFFFF !important;
}
/*レフトエリア こだわり条件リンク h4見出し 文字＆下線色*/
#CONTENTS.dual div.main_content div.left_main div.left div.content div.limit_title{
color:#6985BD;
border-bottom:1px solid #8CA8E2;
}
/* h4 */
#CONTENTS.dual h4 {
border-left:5px solid #000066;
color:#000066;
}
/*ナビ h4 文字＆下線色*/
#CONTENTS.dual div.main_content div.right_sub div.content h4.h4_line{
color:#6985BD;
border-bottom:1px solid #8CA8E2;
}


/*お気に入りの宿・ホテル h3 ホテル名*/
#CONTENTS.dual div.right_sub div.content div.hotel div.h3_hotel{
background-color:#EDF4FE !important;
}

/*form 要素縁取り*/
#CONTENTS.dual div.left_main div.left div.content form select.number,
#CONTENTS.dual div.left_main div.left div.content form input.input,
#CONTENTS.dual div.left_main div.left div.content form select.input,
#CONTENTS.dual div.left_main div.left div.content form input.goto{
border:1px solid #7B9EBD !important;
}

/*テーブルヘッダ所在地 カレント表示*/
#CONTENTS.dual div.main_content div.left_main div.detail table.typeB span.link{
color:#000066;
}

/*詳細情報 タブ*/
#CONTENTS.dual div.main_content div.left_main div.detail ul.detail_tab li.current{
background-color:#4F6CAA;
border-top:2px solid #000066;
border-left:1px solid #4F6CAA;
border-right:1px solid #4F6CAA;
color:#FFFFFF;
}
#CONTENTS.dual div.main_content div.left_main div.detail ul.detail_tab li a:hover,
#CONTENTS.dual div.main_content div.left_main div.detail ul.detail_tab li a:active{
background-color:#EDF4FE;
}
#CONTENTS.dual div.main_content div.left_main div.detail div.detail_tab_line{
background-color:#4F6CAA;
}
#CONTENTS.dual div.main_content div.left_main div.detail div.detail_lead_line{
background-color:#EDF4FE;
}
/*プランカレンダー テーブル*/
/* 凡例 */
#CONTENTS.dual div.main_content div.left_main div.detail table.typeB{
border-top:3px solid #4F6CAA;
}
/*条件指定*/
#CONTENTS.dual div.main_content div.left_main div.detail div.detail_limit{
background-color:#EDF4FE;
}
/*ページ内アンカーリンク*/
#CONTENTS.dual div.main_content div.left_main div.detail div.subNavi{
background-color:#EDF4FE;
}











/* システムフロー 検索結果画面系 １段組レイアウト
-------------------------------------------------------------------------*/
/* 見出し -------------------*/
/*h2*/
#CONTENTS.mono div.h2{
background-color:#000066 !important;
}
#CONTENTS.mono div.h2 h2{
border-left:3px solid #FFFFFF;
color:#FFFFFF;
}
#CONTENTS.mono div.h2_link{
background-color:#000066 !important;
}
#CONTENTS.mono div.h2_link h2.left{
border-left:3px solid #FFFFFF !important;
}
/* h3 */
#CONTENTS.mono h3 {
border-left:5px solid #000066;
border-bottom:3px solid #000066;
color:#000066;
}
/* h4 */
#CONTENTS.mono h4 {
border-left:5px solid #000066;
color:#000066;
}
/* h5 */
#CONTENTS.mono h5 {
color:#000066;
}

/* カレンダー */
#CONTENTS.mono table.roomTBL {
border-top:3px solid #778BB5;
}
/* thead */
#CONTENTS.mono table.roomTBL thead {
background-color:#F2F8FE;
}
/* 条件（人数）の切り替え  */
#roomList {
border-bottom:3px solid #D3DFF7;
}
#roomList .cleared {
background-color:#4F6CAA;
}
#roomList li strong {
border-top:2px solid #000066;
border-left:1px solid #4F6CAA;
border-right:1px solid #4F6CAA;
background-color:#4F6CAA;
color:#FFFFFF;
}
/*ページ内アンカーリンク*/
#CONTENTS.mono div.main_content div.anchor div.inner{
background-color:#EDF4FE;
}
/*詳細情報 タブ*/
#CONTENTS.mono ul.detail_tab li.current{
background-color:#4F6CAA;
border-top:2px solid #000066;
border-left:1px solid #4F6CAA;
border-right:1px solid #4F6CAA;
color:#FFFFFF;
}
#CONTENTS.mono ul.detail_tab li a:hover,
#CONTENTS.mono ul.detail_tab li a:active{
background-color:#EDF4FE;
}
#CONTENTS.mono div.detail_tab_line{
background-color:#4F6CAA;
}
#CONTENTS.mono ul.detail_tab li a.anchorHover{
background-color:#EDF4FE;
color: #ff6800;
}
#CONTENTS.mono ul.detail_tab li.current .current_inner a:link,
#CONTENTS.mono ul.detail_tab li.current .current_inner a:visited,
#CONTENTS.mono ul.detail_tab li.current .current_inner a:active,
#CONTENTS.mono ul.detail_tab li.current .current_inner a:hover{
background-color:#4F6CAA;
}
/*ページ内アンカーリンク*/
#CONTENTS.mono div.subNavi{
background-color:#EDF4FE;
}




/* システムフロー 検索結果画面系 １段組レイアウト 970px
-------------------------------------------------------------------------*/
/* 見出し -------------------*/
/*h2*/
#CONTENTS.mono_970 div.h2{
background-color:#000066 !important;
}
#CONTENTS.mono_970 div.h2_link{
background-color:#000066 !important;
}
#CONTENTS.mono_970 div.h2_link h2.left{
border-left:3px solid #FFFFFF !important;
}
/* テーブル基本デザイン */
#CONTENTS.mono_970 table.typeA{
border-color:#4F6CAA #949CA3 #949CA3;
}









/* 検索結果画面系 印刷出力ページ用 １段組レイアウト
-------------------------------------------------------------------------*/
/* 見出し -------------------*/
/*h2*/
#CONTENTS.forprint div.h2{
background-color:#000066 !important;
}
#CONTENTS.forprint div.h2 h2{
border-left:3px solid #FFFFFF;
color:#FFFFFF;
}
/* h3 */
#CONTENTS.forprint h3 {
border-left:5px solid #000066;
border-bottom:3px solid #000066;
color:#000066;
}
/* h4 */
#CONTENTS.forprint h4 {
border-left:5px solid #000066;
color:#000066;
}
/* h5 */
#CONTENTS.forprint h5 {
color:#000066;
}