@charset "utf-8";
/*-------------------------------------
  accordion
-------------------------------------*/
#shortcut {
  width: 753px; height: 282px;
  margin: 5px 0 10px 13px; padding: 8px 0 0 7px;
  background: url(/images2/site_index/shortcut/background.jpg) no-repeat;
  overflow: hidden;
  font-size: 0.8em;
}

/*------- slide menu ------*/
#shortcut ul.sm {
  list-style: none;
  width: 744px; height: 274px;
  margin: 0; padding: 0;
  display: block;
  overflow: hidden;
}

#shortcut ul.sm li {
  float: left;
/*display: inline;*/
  overflow: hidden;
  margin: 0; padding: 0;
}

#shortcut ul.sm li dl,
#shortcut ul.sm li dl dt,
#shortcut ul.sm li dl dt a,
#shortcut ul.sm li dl dd {
  height: 274px;
  margin: 0; padding: 0;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* accordion toggle */
#shortcut ul.sm li dl dt {
  float: left;
  display: block;
  width: 60px; height: 274px;
  cursor: pointer;
  text-indent: -9999px;
}

#shortcut ul.sm li dl dt a {
  display: block;
  width: 60px; height: 274px;
}
#shortcut ul.sm li.flight dl dt a { background-image: url(/images2/site_index/shortcut/list_flight_background.gif); }
#shortcut ul.sm li.access dl dt a { background-image: url(/images2/site_index/shortcut/list_access_background.gif); }
#shortcut ul.sm li.departures_and_arrivals dl dt a { background-image: url(/images2/site_index/shortcut/list_departures_and_arrivals_background.gif); }
#shortcut ul.sm li.map dl dt a { background-image: url(/images2/site_index/shortcut/list_map_background.gif); }
#shortcut ul.sm li.service_facilities dl dt a { background-image: url(/images2/site_index/shortcut/list_service_facilities_background.gif); }
#shortcut ul.sm li.shops_and_restaurants dl dt a { background-image: url(/images2/site_index/shortcut/list_shops_and_restaurants_background.gif); }

/* accordion background image */
#shortcut ul.sm li.flight dl dd { background-image: url(/images2/site_index/shortcut/flight_background.jpg); }
#shortcut ul.sm li.access dl dd { background-image: url(/images2/site_index/shortcut/access_background.jpg); }
#shortcut ul.sm li.departures_and_arrivals dl dd { background-image: url(/images2/site_index/shortcut/departures_and_arrivals_background.jpg); }
#shortcut ul.sm li.map dl dd { background-image: url(/images2/site_index/shortcut/map_background.jpg); }
#shortcut ul.sm li.service_facilities dl dd { background-image: url(/images2/site_index/shortcut/service_facilities_background.jpg);}
#shortcut ul.sm li.shops_and_restaurants dl dd { background-image: url(/images2/site_index/shortcut/shops_and_restaurants_background.jpg); }


/* form */
#shortcut form fieldset {
  border: none;
  margin: 0; padding: 0;
  _display: block;
}

#shortcut form fieldset legend {
  margin: 0; padding: 0;
  color: #333;
}

#shortcut form fieldset select {
  float: left;
  margin: 0; padding: 0;
}

#shortcut form fieldset select option {
  cursor: pointer;
}

#shortcut form fieldset input.go {
  display: block;
  width: 39px; height: 16px;
  margin: 0; padding: 0;
  background: url(/images2/shared/go.gif) no-repeat;
  border: none;
  color: transparent;
  cursor: pointer;
  text-indent: -9999px;
}

#shortcut form fieldset input.search {
  display: block;
  width: 43px; height: 16px;
  margin: 0; padding: 0;
  border: none;
  background: url(/images2/shared/search.gif) no-repeat;
  color: transparent;
  cursor: pointer;
  text-indent: -9999px;
  float: left;
}

#shortcut form label {
  margin: 0; padding: 0;
}


/*------- flight ----------*/
#shortcut li.flight label {
  cursor: default;
}

/* todays_flight (search) */
#shortcut li.flight .domestic_search_flight {
  float: left;
  display: block;
  width: 193px; _width: 190px; height: 217px;
  margin: 30px 0 0 8px;
 _margin-left: 2px;
  padding: 0;
  background: url(/images2/site_index/shortcut/flight_domestic_search_flights.jpg) no-repeat;
}

#shortcut li.flight .domestic_search_flight fieldset {
  width: 175px;
}

#shortcut li.flight .domestic_search_flight fieldset legend {
  width : 190px; _width: 182px;
  margin: 0; padding: 58px 0 4px 2px; _padding-left: 0;
  text-align: center;
}

*:first-child+html #shortcut li.flight .domestic_search_flight fieldset legend {
  padding-left: 0;
}

#shortcut li.flight .domestic_search_flight select {
  width: 170px;
  margin: 2px 0 2px 12px; padding: 0;
}

#shortcut li.flight .domestic_search_flight label {
  margin-left: 10px;
  cursor: default;
}

#shortcut li.flight .domestic_search_flight input.number {
  width: 50px;
  border: 1px solid #B2B2B2;
}

#shortcut li.flight a.help {
  display: block;
  width: 50px; height: 16px;
  margin: 8px 0 0 86px; padding: 0;
  background: url(/images2/shared/help.gif) no-repeat;
  text-indent: -9999px;
  cursor: help;
  border: none;
}

#shortcut li.flight .search {
  margin: 8px 4px 0 50px;
  _margin: 8px 0 0 24px;
}

/* todays_flight (all_flights_list) */
#shortcut li.flight .domestic_todays_all_flights_list {
  float: left;
  width: 170px;
  margin: 30px 0 0 3px; padding: 0;
  background: url(/images2/site_index/shortcut/flight_domestic_todays_all_flights.jpg) no-repeat;
}

#shortcut li.flight .domestic_todays_all_flights_list p {
  padding-top: 50px;
  padding: 56px 0 12px 5px;
}

/* timetable (domestic/intl) */
#shortcut li.flight .domestic_timetable,
#shortcut li.flight .intl_timetable {
  float: left;
  width: 170px; height: 36px;
  margin: 0 0 3px 3px; padding: 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
}

#shortcut li.flight .domestic_timetable { background-image: url(/images2/site_index/shortcut/flight_domestic_timetable.gif); }
#shortcut li.flight .intl_timetable { background-image: url(/images2/site_index/shortcut/flight_intl_timetable.gif); }

#shortcut li.flight .domestic_timetable a,
#shortcut li.flight .intl_timetable a {
  display: block;
  width: 170px; height: 36px;
}


/*------- access ----------*/
#shortcut ul.sm li.access p {
  margin: 0; padding: 0.7em 0 0.6em 0;
  line-height: 2em;
}
#shortcut ul.sm li.access p a {
  color: #333;
}

#shortcut ul.sm li.access #shortcut_access {
  width: 120px;
  margin: 16px 0 0 60px; padding: 0;
}

/*------- map -------------*/
#shortcut ul.sm li.map form fieldset {
  width: 270px;
  margin: 16px 0 18px 100px; padding: 0;
}

*:first-child+html #shortcut ul.sm li.map form fieldset {
  padding-top: 15px;
}

#shortcut ul.sm li.map form fieldset select {
  width: 220px;
}

/*--- departures and arrivals / service facilities --*/
#shortcut ul.sm li.departures_and_arrivals form fieldset,
#shortcut ul.sm li.service_facilities form fieldset {
  width: 258px;
  margin: 22px 0 0 116px;
}

*:first-child+html #shortcut ul.sm li.departures_and_arrivals form fieldset,
*:first-child+html #shortcut ul.sm li.service_facilities form fieldset {
  padding-top: 22px;
}

#shortcut ul.sm li.departures_and_arrivals form fieldset select,
#shortcut ul.sm li.service_facilities form fieldset select {
  width: 210px;
}

/*--- shops and restaurants ---*/
#shortcut ul.sm li.shops_and_restaurants form fieldset {
  width: 220px; _width: 210px;
  margin: 66px 0 0 150px; _margin: 64px 0 0 150px;
  text-align: center;
}

*:first-child+html #shortcut ul.sm li.shops_and_restaurants form fieldset {
  padding-top: 64px;
}

#shortcut ul.sm li.shops_and_restaurants form fieldset select {
  width: 214px;
  margin-bottom: 3px;
}

#shortcut ul.sm li.shops_and_restaurants form fieldset input.search {
  margin-left: 80px;
  _margin-left: 0;
}

*:first-child+html #shortcut ul.sm li.shops_and_restaurants form fieldset input.search {
  margin-left: 0;
}


/*-------------------------------------
  left column (main_content)
-------------------------------------*/
#main_content {
  clear: both;
  margin-left: 2px;
}

/*---- terminal_guide -----*/

#main_content #terminal_guide p {
  width: 512px; height: 108px;
  margin: 0 0 10px 2px; padding: 0;
  background: url(/images2/site_index/bg_terminal_guide.gif) no-repeat;
  text-indent: -9999px;
}

#main_content #terminal_guide p a {
  display: block;
  width: 512px; height: 108px;
  margin: 0; padding: 0;
  text-indent: -9999px;
}

/*---- new_haneda_airport -----*/
#main_content #new_haneda_airport{
  margin: 0 0 0 2px; padding: 0;
}

#main_content #new_haneda_airport p {
  width: 512px; height: 128px;
  margin: 0 0 0 0px; padding: 0;
  background: url(/images2/site_index/new_haneda_airport.jpg) no-repeat;
  text-indent: -9999px;
}

#main_content #new_haneda_airport p a {
  display: block;
  width: 512px; height: 128px;
  margin: 0; padding: 0;
  text-indent: -9999px;
}

/*---- message_110311 -----*/
#main_content #message_110311{
  margin: 0 0 0 2px; padding: 0;
}

#main_content #message_110311 p {
  width: 512px; height: 53px;
  margin: 0 0 10px 0px; padding: 0;
  background: url(/images2/site_index/message_110311.gif) no-repeat;
  text-indent: -9999px;
}

/*------- information -----*/
#main_content #information h2 {
  width: 512px; height: 30px;
  margin: 0 0 0 2px; padding: 0;
  background: url(/images2/site_index/information_h2.jpg) no-repeat;
  text-indent: -9999px;
}

#main_content #information h2 a {
  display: block;
  width: 512px; height: 30px;
}

#main_content #information ul {
  margin: 2px 0 8px 2px; padding: 0;
}

#main_content #information ul li {
  list-style-type: none;
  width: 480px;
  margin: 0; padding: 0;
  line-height: 1.3em;
  background: none;
}

#main_content #information ul li a {
  display: block;
  width: 480px;
  background: url(/images2/information/listmark.gif) no-repeat 10px 0.4em #F3F3F3;
  margin-bottom: 1px; padding: 0.25em 0 0.25em 30px;
  text-decoration: none;
}

#main_content #information ul li a:hover {
  background: url(/images2/information/listmark_hover.gif) no-repeat 10px 0.4em #007BBB;
  color: #FFF;
  text-decoration: none;
}

#main_content #information ul li img#important {
  position: relative;
  top: 1px; 
}

/*------- whats_new -------*/
#main_content #whats_new h2 {
  width: 512px; height: 30px;
  margin: 0 0 0 2px;
  background: url(/images2/site_index/whats_new_h2.jpg) no-repeat;
  text-indent: -9999px;
}

#main_content #whats_new h2 a {
  display: block;
  width: 512px; height: 30px;
}

#main_content #whats_new ul {
  margin: 2px 0 8px 2px; padding: 0;
}

#main_content #whats_new ul li {
  list-style-type: none;
  width: 480px;
  margin: 0; padding: 0;
  line-height: 1.3em;
  background: none;
}

#main_content #whats_new ul li a,
#main_content #whats_new ul li span.section {
  display: block;
  width: 482px;
  margin-bottom: 1px; padding: 0.25em 0 0.25em 30px;
  background: url(/images2/whats_new/category_index/listmark.gif) no-repeat 10px 0.3em #48A5BF;
  color: #FFF;
  text-decoration: none;
}

#main_content #whats_new ul li span.date {
  float: left;
  width: 50px;
  display: block;
}

#main_content #whats_new ul li span.heading {
  margin-left: 50px;
  display: block;
}

#main_content #whats_new ul li a:hover,
#main_content #whats_new ul li span.section:hover {
  background-image: url(/images2/whats_new/category_index/listmark_hover.gif);
  background-color: #F3F3F3;
  color: #48A5BF;
  text-decoration: none;
}

#main_content #whats_new ul li span.section:hover {
  cursor: not-allowed;
}


/*------- intl ------------*/
#main_content #intl {
  width: 512px; height: 140px;
  margin-left: 2px;
  background: url(/images2/site_index/intl_background.jpg);
}

#intl h2 {
  text-indent: -9999px;
}

/* intl (timetable) */
#main_content #intl .timetable dl {
  margin: 33px 0 0 30px; _margin-top: 29px;
}

#main_content #intl .timetable dl dt {
  float: left;
  width: 80px; height: 30px;
  background: url(/images2/site_index/intl_timetable_dl_dt_background.jpg) no-repeat;
  text-indent: -9999px;
}

#main_content #intl .timetable dl dd {
  margin-left: 90px;
  _width: 380px;
}

#main_content #intl .timetable ul {
  margin: 0; padding: 0;
  _border: 1px solid #FFF;
}

#main_content #intl .timetable ul li {
  display: inline;
  background-repeat: no-repeat;
  background: none;
}

*:first-child+html #main_content #intl .timetable ul {
  border: 1px solid transparent;
}

#main_content #intl .timetable ul li.gimpo,
#main_content #intl .timetable ul li.shanghai,
#main_content #intl .timetable ul li.hongkong,
#main_content #intl .timetable ul li.beijing {
  margin: 0; padding: 0;
  height: 34px;
  text-indent: -9999px;
}

#main_content #intl .timetable ul li.gimpo,
#main_content #intl .timetable ul li.shanghai {
  width: 102px; height: 34px;
}

#main_content #intl .timetable ul li.gimpo a,
#main_content #intl .timetable ul li.shanghai a {
  display: inline-block;
  width: 102px; height: 34px;
}

#main_content #intl .timetable ul li.hongkong,
#main_content #intl .timetable ul li.beijing {
  width: 72px; height: 34px;
}

#main_content #intl .timetable ul li.hongkong a,
#main_content #intl .timetable ul li.beijing a {
  display: inline-block;
  width: 72px; height: 34px;
}

#main_content #intl .timetable ul li.gimpo a { background-image: url(/images2/site_index/intl_timetable-gimpo.jpg); }
#main_content #intl .timetable ul li.shanghai a { background-image: url(/images2/site_index/intl_timetable-shanghai.jpg); }
#main_content #intl .timetable ul li.hongkong a { background-image: url(/images2/site_index/intl_timetable-hongkong.jpg); }
#main_content #intl .timetable ul li.beijing a { background-image: url(/images2/site_index/intl_timetable-beijing.jpg); }

#main_content #intl .timetable ul li.gimpo a:hover,
#main_content #intl .timetable ul li.shanghai a:hover,
#main_content #intl .timetable ul li.hongkong a:hover,
#main_content #intl .timetable ul li.beijing a:hover {
  background-position: 0 -34px;
}

/* intl (duty-free) */
#main_content #intl .duty-free {
  width: 489px; height: 35px;
  margin: 0 0 0 10px; _margin-top: 5px; padding: 0;
  background: url(/images2/site_index/duty-free_background.jpg) no-repeat;
}

#main_content #intl .duty-free dl {
}

#main_content #intl .duty-free dl dt {
  width: 166px; height: 29px;
  margin: 3px 0 0 3px; _margin-left: 2px; padding: 0;
  float: left;
  background: url(/images2/site_index/duty-free_dl_dt.jpg) no-repeat;
  text-indent: -9999px;
}

#main_content #intl .duty-free dl dt a {
  display: block;
  width: 166px; height: 29px;
  margin: 0; padding: 0;
}

#main_content #intl .duty-free dl dd {
  margin-left: 170px;
}

#main_content #intl .duty-free dl dd  ul {
  margin: 0; padding: 9px 0 0 12px;
}

#main_content #intl .duty-free dl dd  ul li {
  display: inline;
  padding-left: 17px;
  background: url(/images2/site_index/duty-free_listmark.gif) no-repeat 0 0;
}


/*------- activity --------*/
#main_content #activity {
  width: 512px; height: 106px;
  margin: 7px 0 0 2px;
  background: url(/images2/site_index/activity_background.jpg) no-repeat;
}

#main_content #activity h2 {
  margin-bottom: 34px; _margin-bottom: 32px;
  text-indent: -9999px;
}

#main_content #activity ul {
  margin: 0 0 0 50px; padding: 0;
}

#main_content #activity ul li {
  display: inline-block;
  width: 11em;
  padding-left: 17px;
  background: url(/images2/site_index/activity_listmark.gif) no-repeat 0 0;
  _float: left;
}

*:first-child+html #main_content #activity ul li {
  float: left;
}


/*------- campaign --------*/
#main_content #campaign {
  width: 512px;
  /* height: 106px; 1banner */
  /* height: 150px; 2banner */
  /* height: 224px; 3banner */
  height: 328px; /* 4banner */
  margin: 3px 0 0 2px;
}

#main_content #campaign a img {
  margin: 4px 0 0 0;
}

/*-------------------------------------
  right column (sidebar)
-------------------------------------*/
/*---- terminal_guide -----*/
#sidebar #terminal_guide p {
  width: 234px; height: 194px;
  margin: 0 0 5px; padding: 0;
  background: url(/images2/site_index/terminal_guide.gif) no-repeat;
  text-indent: -9999px;
}

#sidebar #terminal_guide p a {
  display: block;
  width: 234px; height: 194px;
  margin: 0; padding: 0;
  text-indent: -9999px;
}

/*---- bigbird_selection -----*/
#sidebar .bigbird_selection {
  width: 234px; height: 200px;
  margin: 0 0 2px 0; padding: 4px 0 0 4px;
  background: url(/images2/shared/sidebar/bigbird_selection_background.gif) no-repeat;
  border: none;
}

#sidebar .bigbird_selection dl dd {
  width: 226px; height: 164px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#sidebar .bigbird_selection dl dd#bigbird_selection1 { background-image: url(/images2/shared/sidebar/banner_bigbird_selection1.jpg); }
#sidebar .bigbird_selection dl dd#bigbird_selection2 { background-image: url(/images2/shared/sidebar/banner_bigbird_selection2.jpg); }
#sidebar .bigbird_selection dl dd#bigbird_selection3 { background-image: url(/images2/shared/sidebar/banner_bigbird_selection3.jpg); }
#sidebar .bigbird_selection dl dd#bigbird_selection4 { background-image: url(/images2/shared/sidebar/banner_bigbird_selection4.jpg); }
#sidebar .bigbird_selection dl dd#bigbird_selection5 { background-image: url(/images2/shared/sidebar/banner_bigbird_selection5.jpg); }

#sidebar .bigbird_selection dl dd a {
  display: block;
  width: 226px; height: 164px;
}

#sidebar .bigbird_selection dl dt {
  width: 226px; height: 28px;
  position: relative; top: 165px; left: 0px;
  font-size: 0.1em;
  text-indent: -9999px;
  background: url(/images2/shared/sidebar/bigbird_selection_dt.jpg);
}

#sidebar .bigbird_selection dl dt a {
  display: block;
  width: 226px; height: 28px;
}

#sidebar .bigbird_selection dl dt a:hover {
  background: url(/images2/shared/sidebar/bigbird_selection_dt_o.jpg);
}

/* quick links */
#sidebar #quick_links dl {
  width: 234px;
  margin: 4px 0 4px 0; padding: 0;
  background: #E5E4E6;
}

#sidebar #quick_links dl dt {
  width: 226px; height: 24px;
  margin: 0 0 0 4px;
  padding: 0 0 0 0;
  background: url(/images2/site_index/quick_links_dt_background.jpg) no-repeat 0 4px;
  text-indent: -9999px;
}

#sidebar #quick_links dl dd {
  width: 226px;
  margin: 0 0 0 2px;
}

#sidebar #quick_links dl dd ul {
  margin: 0; padding: 0.5em 0 0.5em 12px;
}

#sidebar #quick_links dl dd ul li {
  margin: 0; padding: 0 0 0 17px;
  background: url(/images2/site_index/quick_links_dd_listmark.jpg) no-repeat 0 0.2em;
  line-height: 1.4em;
  font-size: 0.8em;
}

#sidebar p {
  _margin-bottom: 4px;
}

