@charset "UTF-8";



/*
	--------------------------------
	更新日: 2010-02-17
	--------------------------------
*/



@import "global.css";



/* --------------------------------
	body
-------------------------------- */

body { background:#fff url(../img/bg_m.gif); }

div#bg { min-height:100%; background:url(../img/bg_t.jpg) repeat-x 0 120px; }
* html div#bg { height:100%; }/* IE 6 以前 */



/* --------------------------------
	ヘッダ
-------------------------------- */

div#header { background:url(../img/hdr_bg.jpg) repeat-x; }
div#header_container { position:relative; margin:0 auto 0 auto; width:972px; background:url(../img/hdr_container_bg.jpg) no-repeat right top; }

p#header_ci { padding:0 0 0 10px; }
p#header_si_name { position:absolute; right:0; top:38px; width:218px; }
p#header_nav_globalsite { position:absolute; right:1px; top:5px; width:68px; }




/* --------------------------------
	グローバルナビ
-------------------------------- */

div#gnav { background:#e3e3e3 url(../img/gnav_bg.gif) repeat-x; }
div#gnav_container { margin:0 auto 0 auto; width:972px; }

div#gnav ul { padding:0 2px 0 0; background:url(../img/gnav_separator.jpg) no-repeat right center; float:left; }
div#gnav ul li { position:relative; padding:0 0 0 2px; background:url(../img/gnav_separator.jpg) no-repeat left center; font-size:75%; line-height:1.417; float:left; z-index:1; }
div#gnav ul li a { display:block; }
div#gnav ul li a:link,
div#gnav ul li a:visited { color:#333; text-decoration:none; }
div#gnav ul li a:hover,
div#gnav ul li a:active { color:#44788b; text-decoration:underline; }
div#gnav ul li a span { display:block; padding:7px 10px 6px 10px; }

body.home div#gnav ul li#gnav_home,
body.hacks div#gnav ul li#gnav_hacks,
body.fares div#gnav ul li#gnav_fares,
body.campaigns div#gnav ul li#gnav_campaigns { z-index:2; }

body.home div#gnav ul li#gnav_home a,
body.hacks div#gnav ul li#gnav_hacks a,
body.fares div#gnav ul li#gnav_fares a,
body.campaigns div#gnav ul li#gnav_campaigns a { margin:0 -1px 0 -1px; background:#b8b8b8 url(../img/gnav_on_bg_b.gif) repeat-x left bottom; font-weight:bold; }

body.home div#gnav ul li#gnav_home a:hover,
body.hacks div#gnav ul li#gnav_hacks a:hover,
body.fares div#gnav ul li#gnav_fares a:hover,
body.campaigns div#gnav ul li#gnav_campaigns a:hover { color:#333; }

body.home div#gnav ul li#gnav_home a span,
body.hacks div#gnav ul li#gnav_hacks a span,
body.fares div#gnav ul li#gnav_fares a span,
body.campaigns div#gnav ul li#gnav_campaigns a span { background:url(../img/gnav_on_bg_t.gif) repeat-x; }



/* --------------------------------
	ボディ
-------------------------------- */

div#body { position:relative; width:100%; background:url(../img/body_bg_t.gif) repeat-x; z-index:2; }
div#body_container { position:relative; margin:0 auto 0 auto; padding:25px 158px 0 0; width:814px; }



/* --------------------------------
	コンテンツ
-------------------------------- */

div#content { position:relative; padding:10px 0 0 0; background:no-repeat; z-index:1; }
div#content_bg { padding:0 0 14px 0; background:no-repeat left bottom; }
div#content_bg_bg { padding:0 3px 2px 3px; min-height:458px; background:repeat-y; }
* html div#content_bg_bg { height:458px; }/* IE 6 以前 */
div#content_container { position:relative; margin:-9px 0 0 0; width:100%; float:left; }

body.column1 div#content { width:100%; background-image:url(../img/content_bg_t_01.png); }
body.column1 div#content_bg { background-image:url(../img/content_bg_b_01.png); }
body.column1 div#content_bg_bg { width:808px; background-image:url(../img/content_bg_m_01.png); }

body.column2 div#content { width:614px; background-image:url(../img/content_bg_t_02.png); float:right; }
body.column2 div#content_bg { background-image:url(../img/content_bg_b_02.png); }
body.column2 div#content_bg_bg { width:608px; background-image:url(../img/content_bg_m_02.png); }

body.utility div#content_container { margin-top:-1px; }

div#content.column3 div#content_container { margin:-1px 0 -3px 0; min-height:462px; background:url(../img/content_column3_bg_m.jpg) repeat-y 610px 0; }
* html div#content.column3 div#content_container { height:462px; }/* IE 6 以前 */


/* タイトル ---------------- */
body.utility #title { padding:17px 0 0 9px; }


/* メインコンテンツ ---------------- */
div#maincontent { padding:29px 7px 0 0; width:584px; float:right; }

/* プライマリ */
div#maincontent_primary { width:368px; float:left; }


/* ページTOPへ ---------------- */
p#btn_pagetop { clear:both; padding:35px 13px 0 0; text-align:right; }



/* --------------------------------
	サイドバー：2カラム
-------------------------------- */

body.column2 div#sidebar { position:relative; width:194px; float:left; z-index:1; }


/* ローカルナビ ---------------- */
body.column2 div#sidebar_lnav { padding:10px 0 0 0; background:url(../img/lnav_bg_t.png) no-repeat; }
body.column2 div#sidebar_lnav_bg { padding:0 0 14px 0; background:url(../img/lnav_bg_b.png) no-repeat left bottom; }

body.column2 div#sidebar_lnav ul { font-size:75%; line-height:1.417; }
body.column2 div#sidebar_lnav ul li { clear:both; padding:0 2px 0 2px; width:190px; background:url(../img/lnav_bg_m.png) repeat-y; float:left; }
body.column2 div#sidebar_lnav ul li span { display:block; padding:2px 0 0 0; background:url(../img/lnav_separator_02.jpg) no-repeat; }
body.column2 div#sidebar_lnav ul li span a,
body.column2 div#sidebar_lnav ul li span strong { display:block; position:relative; padding:5px 20px 5px 20px; background-repeat:no-repeat; background-position:9px 0.65em; }
body.column2 div#sidebar_lnav ul li span a:link,
body.column2 div#sidebar_lnav ul li span a:visited { color:#333; text-decoration:none; }
body.column2 div#sidebar_lnav ul li span a:hover,
body.column2 div#sidebar_lnav ul li span a:active { color:#073f4f; text-decoration:underline; }

body.column2 div#sidebar_lnav ul li.first span { padding-top:0; background:none; }
body.column2 div#sidebar_lnav ul li.first span a,
body.column2 div#sidebar_lnav ul li.first span strong { margin-top:-9px; }
body.column2 div#sidebar_lnav ul li.last span a,
body.column2 div#sidebar_lnav ul li.last span strong { margin-bottom:-9px; }



/* --------------------------------
	サイドバー：1カラム
-------------------------------- */

body.column1 div#sidebar { padding:29px 0 0 9px; width:183px; float:left; }


/* ローカルナビ ---------------- */
body.column1 div#sidebar_lnav {}

body.column1 div#sidebar_lnav ul { font-size:75%; line-height:1.417; }
body.column1 div#sidebar_lnav ul li { clear:both; padding:0 0 2px 0; width:100%; background:url(../img/lnav_separator_01.jpg) no-repeat left bottom; float:left; }
body.column1 div#sidebar_lnav ul li a,
body.column1 div#sidebar_lnav ul li span { display:block; padding:6px 10px 6px 23px; background-repeat:no-repeat; background-position:10px 0.75em; }



/* --------------------------------
	ロゴスタック
-------------------------------- */

div#logostackbox { position:absolute; right:0; top:25px; width:152px; height:480px; z-index:101; }

div#logostack {}
div#logostack ul { height:100%; font-size:75%; line-height:1.417; list-style:disc inside; overflow:auto; }
div#logostack ul li {}

object#logostack { position:absolute; right:-4px; top:-15px; width:180px; }



/* --------------------------------
	フッタ
-------------------------------- */

div#footer { position:relative; margin:0 auto 0 auto; padding:0 0 50px 0; width:972px; z-index:1; }

div#footer_nav { position:relative; padding:12px 177px 0 0; color:#fff; font-size:62.5%; line-height:1.3; float:right; }
div#footer_nav ul {}
div#footer_nav ul li { padding:0 0 0 11px; background:url(../img/ftr_nav_separator.gif) no-repeat 5px 50%; float:left; }
div#footer_nav ul li span { display:block; background:no-repeat; float:left; }
div#footer_nav ul li span.footer_nav_lt { background-position:left top; }
div#footer_nav ul li span.footer_nav_rt { padding:0 4px 0 4px; background-position:right top; }
div#footer_nav ul li span.footer_nav_ct {}
div#footer_nav ul li span.footer_nav_lb { margin:0 -4px 0 -4px; background-position:left bottom; }
div#footer_nav ul li span.footer_nav_rb { padding:4px 4px 4px 4px; background-position:right bottom; }
div#footer_nav ul li span.footer_nav_cb { margin:0 -4px 0 -4px; padding:0 5px 0 5px; }
div#footer_nav ul li span a { position:relative; display:block; margin:-3px 0 -3px 0; float:left; }
div#footer_nav ul li span a:link,
div#footer_nav ul li span a:visited { color:#fff; text-decoration:none; }
div#footer_nav ul li span a:hover,
div#footer_nav ul li span a:active { color:#073f4f; text-decoration:underline; }

div#footer_nav ul li#footer_nav_airlines { padding-left:0; background:none; }

body.airlines div#footer_nav ul li#footer_nav_airlines span.footer_nav_lt,
body.contacts div#footer_nav ul li#footer_nav_contacts span.footer_nav_lt,
body.sitemap div#footer_nav ul li#footer_nav_sitemap span.footer_nav_lt { background-image:url(../img/ftr_nav_bg_lt.png); }

body.airlines div#footer_nav ul li#footer_nav_airlines span.footer_nav_rt,
body.contacts div#footer_nav ul li#footer_nav_contacts span.footer_nav_rt,
body.sitemap div#footer_nav ul li#footer_nav_sitemap span.footer_nav_rt { background-image:url(../img/ftr_nav_bg_rt.png); }

body.airlines div#footer_nav ul li#footer_nav_airlines span.footer_nav_ct,
body.contacts div#footer_nav ul li#footer_nav_contacts span.footer_nav_ct,
body.sitemap div#footer_nav ul li#footer_nav_sitemap span.footer_nav_ct { background:#fff; }

body.airlines div#footer_nav ul li#footer_nav_airlines span.footer_nav_lb,
body.contacts div#footer_nav ul li#footer_nav_contacts span.footer_nav_lb,
body.sitemap div#footer_nav ul li#footer_nav_sitemap span.footer_nav_lb { background-image:url(../img/ftr_nav_bg_lb.png); }

body.airlines div#footer_nav ul li#footer_nav_airlines span.footer_nav_rb,
body.contacts div#footer_nav ul li#footer_nav_contacts span.footer_nav_rb,
body.sitemap div#footer_nav ul li#footer_nav_sitemap span.footer_nav_rb { background-image:url(../img/ftr_nav_bg_rb.png); }

body.airlines div#footer_nav ul li#footer_nav_airlines span.footer_nav_cb,
body.contacts div#footer_nav ul li#footer_nav_contacts span.footer_nav_cb,
body.sitemap div#footer_nav ul li#footer_nav_sitemap span.footer_nav_cb { background:#fff; }

body.airlines div#footer_nav ul li#footer_nav_airlines span a:link,
body.airlines div#footer_nav ul li#footer_nav_airlines span a:visited,
body.airlines div#footer_nav ul li#footer_nav_airlines span a:hover,
body.airlines div#footer_nav ul li#footer_nav_airlines span a:active,
body.contacts div#footer_nav ul li#footer_nav_contacts span a:link,
body.contacts div#footer_nav ul li#footer_nav_contacts span a:visited,
body.contacts div#footer_nav ul li#footer_nav_contacts span a:hover,
body.contacts div#footer_nav ul li#footer_nav_contacts span a:active,
body.sitemap div#footer_nav ul li#footer_nav_sitemap span a:link,
body.sitemap div#footer_nav ul li#footer_nav_sitemap span a:visited,
body.sitemap div#footer_nav ul li#footer_nav_sitemap span a:hover,
body.sitemap div#footer_nav ul li#footer_nav_sitemap span a:active { color:#222; font-weight:bold; text-decoration:none; }