@charset "utf-8";
/* CSS Document */

/*----------------------------------------
  汎用
----------------------------------------*/
a:hover {
  opacity:1;
  filter:alpha(opacity=100);
  -moz-opacity:1;
}

/* IE7,8を除くハック */
:root *> a:hover {
  opacity:0.6;
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
}

.section {
  background-color: #fff;
  overflow: hidden;
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  -webkit-box-shadow: 0 0px 3px #000;
  -moz-box-shadow: 0 0px 3px #000;
  box-shadow: 0 0px 3px #000;
  
  behavior: url(/en/css/PIE.htc);
  position: relative\9;
}

.section_list li {
  background-color: #fff;
  overflow: hidden;
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  -webkit-box-shadow: 0 0px 3px #000;
  -moz-box-shadow: 0 0px 3px #000;
  box-shadow: 0 0px 3px #000;
  
  behavior: url(/en/css/PIE.htc);
  position: relative\9;
}

.hide a {
  /*-webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  filter: blur(1px);*/
  pointer-events: none;
}

/* IE7,8を除くハック */
:root *> .hide {
  -ms-filter: "alpha(opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}

/*  .tooltip
----------------------------------------*/
.text_codeshare{
  font-size:110%;
  padding:4px 0 4px 4px !important;
  background:#ececec;
  margin:15px 10px 0 10px;
}

/*
.text_codeshare{
  font-size:110%;
  padding:4px 0 4px 4px !important;
  background:#ececec;
  margin:15px 10px 0 10px;
}
*/

.tooltip {
  display: none;
  position: absolute;
  overflow: hidden;
  z-index: 99999;
  min-width: 350px;
  
  background: url(../img/index/bg-tooltip_title.png) repeat-x top #fff;
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  -webkit-box-shadow: 0 0px 3px #000;
  -moz-box-shadow: 0 0px 3px #000;
  box-shadow: 0 0px 3px #000;
  
  behavior: url(/en/css/PIE.htc);
}

.tooltip.open {
  display: block;
}

.tooltip_title {
  display: block;
  display: inline; /* バグ回避 */
  color: #df2462;
  font-size: 134%;
  height: 46px;
  line-height: 46px;
  /layout-grid-line: 46px;
  font-weight: bold;
  padding-left: 10px;
}

.tooltip_title img {
  vertical-align: middle;
  padding-right: 10px;
}

/*  .tooltip バナー
----------------------------------------*/
#banner_1 .tooltip_body img,
#banner_2 .tooltip_body img,
#banner_3 .tooltip_body img,
#banner_4 .tooltip_body img {
  -webkit-border-radius: 0 0 4px 4px\9;
  -moz-border-radius: 0 0 4px 4px\9;
  border-radius: 0 0 4px 4px\9;
  behavior: url(/en/css/PIE.htc);
  position: relative\9;
}

/*  .tooltip フライト情報
----------------------------------------*/
.tooltip .tooltip_caption {
  position: absolute;
  top: 0;
  left: 77px;
  height: 46px;
  line-height: 46px;
}

.tooltip ul.airlines {
  width: 350px;
  padding-top: 10px;
}

.tooltip ul.airlines li {
  float: left;
  width: 175px;
  padding-bottom: 10px;
}

.tooltip ul.airlines img {
  border: 1px solid #dbdbdb;
  margin: 0 10px;
  vertical-align: middle;
}


/*----------------------------------------
  インフォメーション
----------------------------------------*/

/*  #information
----------------------------------------*/
#information {
  height: 14px;
  padding: 9px 0 12px 0;
  font-size: 117%;
  overflow: hidden;
  background: #000;
  color: #ffdf4c;
  z-index:9999;
  position: relative;
}

#information a {
  color: #eeeeee;
}

#information h1 {
  float: left;
  padding: 5px 14px 0 0;
}

#information .more {
  float: right;
}

#information .more a {
  display: block;
  padding: 5px 0;
}

#information .inner {
  width: 980px;
  margin: 0 auto;
}

#information li {
  height: 30px;
  line-height: 30px;
}

#information #information_bar {
  float: left;
  width: 780px;
}



/*----------------------------------------
  メインエリア
----------------------------------------*/

/*  #main
----------------------------------------*/
#main {
  width: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 53px;
  background: url(../img/index/bg-main.jpg) no-repeat center center;
  background-size: cover;
}

#main #contents {
  margin: 10px 0;
}

#main #contents .inner {
  width: 2080px;
  height: 463px;
  position: relative;
  left: 50%;
  margin-left: -1040px;
}



/*----------------------------------------
  左ブルーエリア（カスタマーサービス）
----------------------------------------*/

/*  #customer_service
----------------------------------------*/
#customer_service {
  width: 1020px;
  height: 463px;
  padding: 0 10px;
  float: left;
}

#customer_service:after {
  content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}

#customer_service .section {
  background: url(../img/index/bg-customer_service_panel_top.png) repeat-x top;
}

#customer_service h1 {
  padding-left: 10px;
  height: 50px;
}

#customer_service .primary {
  float: right;
  width: 480px;
  height: 463px;
}

#customer_service .secondary {
  float: left;
  width: 480px;
  height: 463px;
}

#customer_service .section {
  background-color: #fff;
}

/*  #todays_flights
----------------------------------------*/
#customer_service #todays_flights {
  width: 480px;
  height: 230px;
  background-color: #333333;
  color: #eeeeee;
  margin-bottom: 20px;
}

#todays_flights {
  position: relative;
}

#todays_flights h1 {
  float: left;
}

#todays_flights .more {
  float: left;
  background: url(/ja/img/index/bg-more.gif) right top no-repeat;
  padding-left: 25px;
}

#todays_flights .more #more_sub {
  position: absolute;
  top: 199px;
  left: 428px;
}

#todays_flights #flight_category_nav {
  padding-top: 10px;
}

#todays_flights #flight_category_nav li {
  float: left;
}

#todays_flights #flight_category_nav ul {
  float: right;
}

#todays_flights #flight_type_nav {
   clear: both;
   float: right;
   padding-top: 25px;
}

#todays_flights #flight_schedule_list {
  float: left;
  margin-left: 7px;
  background: url(/ja/img/index/bg-flight_schedule_table.png) left bottom no-repeat;
  width: 414px;
  height: 172px;
}

#todays_flights #flight_schedule_list table {
  width: 412px;
  margin-left: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/ja/css/PIE.htc);
  overflow: hidden;
}

#todays_flights #flight_schedule_list tfoot {
  display: none;
}

#todays_flights #flight_schedule_list th {
  height: 26px;
  font-size: 10px;
  padding-right: 7px;
  white-space: nowrap;
}

#todays_flights #flight_schedule_list th.arrive,
#todays_flights #flight_schedule_list th.flight {
  width: 1%;
}

#todays_flights #flight_schedule_list th.flight {
  padding-left: 8px;
}

#todays_flights #flight_schedule_list td {
  height: 29px;
  white-space: nowrap;
  padding-right: 7px;
}

#todays_flights #flight_schedule_list td.status {
  white-space: normal;
  line-height: 29px;
}

#todays_flights #flight_schedule_list .status,
#todays_flights #flight_schedule_list .time {
  text-align: center;
}

#todays_flights #flight_schedule_list table img {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  behavior: url(/ja/css/PIE.htc);
  position:relative\9;
  margin-left: 7px;
}

#todays_flights #flight_schedule_list li {
  /*display: none;*/
  visibility: hidden;
}

#todays_flights tr.tooltip_handler:hover {
  background: #61aee7;
}

/*  #important_notices
----------------------------------------*/
#important_notices {
  width: 230px;
  height: 230px;
  float: right;
  word-break: break-all;
}

#important_notices a {
  color: #0068b7;
  display: block;
}

#important_notices ul {
  height: 139px;
  padding: 0 15px;
}

#important_notices li {
  padding-top: 10px;
}

#important_notices .more {
  text-align: right;
  border-top: 1px solid #ebebeb;
  margin: 0 15px;
}

#important_notices .more a {
  background: url(../img/index/bg-more.png) no-repeat right;
  padding: 10px;
}

/*  #flight_schedule
----------------------------------------*/
#customer_service #flight_schedule {
  width: 230px;
  height: 230px;
  background-color: #333333;
  float: left;
}

#flight_schedule li {
  text-align: center;
}

#flight_schedule ul.domestic {
  margin:10px 0 6px 0;
}



/*----------------------------------------
  右イエローエリア（エンタテイメント）
----------------------------------------*/

/*  #entertainment
----------------------------------------*/
#entertainment {
  width: 1020px;
  height: 480px;
  padding: 0 10px;
  float: right;
}

#entertainment:after {
  content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}

#entertainment .primary {
  float: left;
  width: 480px;
  height: 480px;
}

#entertainment .secondary {
  float: right;
  width: 480px;
  height: 480px;
}

/*  #sub_sitemap
----------------------------------------*/
#sub_sitemap {
  float: right;
}

#sub_sitemap .duty_free {
  padding: 5px;
  margin-bottom: 21px;
}

#sub_sitemap .duty_free img,
#sub_sitemap .floor_map img {
  -webkit-border-radius: 2px\9;
  -moz-border-radius: 2px\9;
  border-radius: 2px\9;
  behavior: url(/en/css/PIE.htc);
  position: relative\9;
}



/*----------------------------------------
  下部
----------------------------------------*/

/*  #aside
----------------------------------------*/
#aside {
  background: url(../img/index/bg-aside.png) repeat-x center 50px;
  position: relative;
  margin-top: -53px;
}

#aside .inner {
  width: 1026px;
  height: 53px;
  background: url(../img/index/bg-aside_inner.png) no-repeat;
  margin: 0 auto;
}

/*  #under_nav
----------------------------------------*/
#under_nav {
  width: 972px;
  margin: 0 auto 33px auto;
  height: 53px;
}

#under_nav li {
  float: left;
  padding-top: 3px;
  width: 162px;
  height: 50px;
  background: url(../img/index/bg-under_nav_anchor.png) right no-repeat;
}

#under_nav li.edge {
  background: none;
}

#under_nav li img {
  vertical-align: middle;
}

#under_nav a {
  display: block;
}

#under_nav:after {
  content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}



/*----------------------------------------
  フッター（トップ専用）
----------------------------------------*/

/*  #toppage_footer
----------------------------------------*/
#toppage_footer {
  height: 67px;
  line-height: 50px;
  background: #282828;
  color: #fff;
  font-size: 84%;
  overflow: hidden;
}

#toppage_footer a {
  color: #fff;
  font-size:116%;
}

#toppage_footer img {
  display: block;
  padding-top: 5px;
}

#toppage_footer .inner {
  width: 1079px;
  margin: 0 auto;
}

#toppage_footer li {
  height: 50px;
  overflow: hidden;
  float: left;
  margin-right: 8px;
  padding-left: 8px;
  background: url(/en/img/index/bg-footer_anchor.png) no-repeat left;
}

#toppage_footer li.edge {
  background: none;
  padding-left: 0;
}

#toppage_footer li.likebutton {
  width: 49px;
  /width: 55px;
  padding-top: 15px;
  overflow: hidden;
  line-height: 0;
}

#toppage_footer p {
  float: right;
  background: url(/en/img/index/bg-copyright.png) no-repeat left;
  padding-left: 30px;
  margin: 0;
  font-size: 90%;
}
#main #important_notices ul span.small_photo {
  width: 32px;
  float: left;
  padding-top: 2px;
  margin-right:5px;
}

#information_bar ul span.small_photo img{
  width: 32px;
  padding-bottom: 8px;
  margin-left:5px;
}

/*  #campaign(2014-10-30 start)
----------------------------------------*/
#campaign {
  width: 470px;
  height: 220px;
  padding: 5px;
  position: relative;
  margin-bottom: 20px;
}
#campaign .slider_visual {
  width: 470px;
  height: 193px;
  position: relative;
}
#campaign .slider_nav li {
  position: absolute;
  top: 72px;
}
#campaign .slider_nav li.prev{
  left: 5px;
}
#campaign .slider_nav li.next {
  right: 5px;
}
#campaign .slider_nav .bx-next,
#campaign .slider_nav .bx-prev{
  width: 30px;
  height: 60px;
  display: block;
}
#campaign .bx-wrapper {
  border: 1px solid #c6c6c6;
  height: 191px;
}
#campaign .bx-controls {
  width: 470px;
  text-align: center;
  position: absolute;
  top: 190px;
}
#campaign .bx-controls .bx-pager-item {
  display: inline;
}
#campaign .bx-controls .bx-pager-item a {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(/ja/img/index/btn-slider_thumbnail_off.gif) no-repeat;
}
#campaign .bx-controls .bx-pager-item a.active,
#campaign .bx-controls .bx-pager-item a:hover {
  background: url(/ja/img/index/btn-slider_thumbnail_on.gif) no-repeat;
}
/*  #category
----------------------------------------*/
#category {
  float: left;
}
#category ul {
  width: 230px;
}
#category ul:after {
  content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}
#category ul li {
  float: left;
}
#category ul li.shopping {
  border-bottom: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
}
#category ul li.restaurant {
  border-bottom: 1px solid #bfbfbf;
}
#category ul li.entertainment {
  clear: both;
  float: left;
  border-right: 1px solid #bfbfbf;
}
/*  #duty_banner
----------------------------------------*/
#duty_banner {
  padding: 5px;
  margin-bottom: 19px;
}
/*  #banner
----------------------------------------*/
#banner {
  width: 230px;
  float: right;
}
#banner li {
  width: 230px;
  border-bottom: 1px solid #bfbfbf;
}
#banner li.manyo {
  border: none;
}
#banner li img {
  -webkit-border-radius: 4px\9;
  -moz-border-radius: 4px\9;
  border-radius: 4px\9;
  behavior: url(/en/css/PIE.htc);
  position: relative\9;
}
/*  (2014-10-30 end)
----------------------------------------*/