@charset "utf-8";
/*--------------------------------------
        共通関数的なスタイル
--------------------------------------*/

/*--------------------------------------
        フォトコンテスト
--------------------------------------*/
p.bn_contest {
    width: 100%;
    margin: 15px auto;
    text-align: center;
}



/*--------------------------------------
        初期セット
--------------------------------------*/
body {
    color: #333;
    font-size: 80%;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
    /*background:  url('../images/bg_default.jpg') repeat-x;*/
}
* { margin: 0;  padding: 0; line-height: 120%;}
h1,h2,h3,h4,h5 {    font-size: 90%; font-weight: normal;}
address {   font-style: normal;}
a { text-decoration: none;}
a:link {    color: #1D7DBE; outline: none;}
a:visited { color: #40779B; outline: none;}
a:hover {   color: #00A0E9; outline:none;   text-decoration: underline;}
a:active {  color: #1D7DBE; outline: none;}
img {   border: 0;  vertical-align:top; outline: none;}
ul {    list-style:none;}
table {
    border-collapse: separate;
    border-spacing: 0px;
    border-collapse:collapse;
}
input { vertical-align: middle;}
input.num,select.num {  text-align:right;}

.input_user select,
.input_user input { margin:2px 0;   padding:2px;}
#noScriptArea {
    width: 980px;
    margin: 10px auto;
    padding: 10px 0;
    border: 1px solid #CCC;
}

/* 見出しタグ
************************/
h2 {
    clear:both;
    height:28px;
    padding:0 5px;
    line-height:28px;
    color:#333;
    background:  url('../images/bg_title_default.png') repeat-x;
}
h2.row2 {
    height:36px;
    padding:5px 5px 0 5px;
    line-height:28px;
    color:#333;
    background:  url('../images/bg_title_default2.png') repeat-x;
}

/*トピックス用カラー*/
h2.title_hot {  background:  url('../images/bg_title_gold.png') repeat-x;}

/*国内・海外切り替えカラー*/
.bg_domestic h2,h2.bg_domestic {    background:  url('../images/bg_title_domestic.png') repeat-x;}
.bg_oversea h2,h2.bg_oversea {
    background:  url('../images/bg_title_oversea.png') repeat-x;
}

h2.small { font-size:10px;}

h2 span {
     position:relative;
     padding:0 0 0 24px;
     height:28px;
     line-height:28px; 
     display:inline-block;
    background: url('../images/icon_air.png') no-repeat 0.1em;
    background-size: 20px auto;
}

h2.row2 span {   height:36px;    line-height:14px; }
h2.row2 span span {
    font-size:16px;
    background:none;
    padding:3px 0 0 0;
    font-weight:bold;
    height:auto;
}
h2 span a {
     position:relative;
     height:28px;
     line-height:28px; 
     display:inline-block;
}
h2 span.new {
    padding:0 0 0 10px;
    background:none;
    color:#FF0000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}
h2 span.icon_domestic { background: url('../images/icon16_domestic.png.png') no-repeat 0.1em;}
h2 span.icon_oversea { background: url('../images/icon16_oversea.png') no-repeat 0.1em;}
h2 span.icon_home { background: url('../images/icon16_home.png.png') no-repeat 0.1em;}
h2 span.icon_search { background: url('../images/icon16_search.png') no-repeat 0.1em;}
h2 span.icon_yen { background: url('../images/icon16_yen.png') no-repeat 0.1em;}
h2 span.icon_ann { background: url('../images/icon16_announce.png') no-repeat 0.1em;}
h2 span.icon_new { background: url('../images/icon16_new.png') no-repeat 0.1em;}
h2 span.icon_person {
    padding:0 0 0 42px;
    background-image:url('../images/icon16_person2.png');
    background-position:left top;
    background-repeat:no-repeat;
}
h2 span.icon_hot { background: url('../images/icon16_hot.png') no-repeat 0.1em;}
h2 span.icon_ranking { background: url('../images/icon16_ranking.png') no-repeat 0.1em;}
h2 span.icon_like { background: url('../images/icon16_like.png') no-repeat 0.1em;}
h2 span.icon_sitemap { background: url('../images/icon16_sitemap.png') no-repeat 0.1em;}
h2 span.icon_mail { background: url('../images/icon16_mail.png') no-repeat 0.1em;}
h2 span.icon_bag { background: url('../images/icon16_bag.png') no-repeat 0.1em;}
h2 span.icon_calendar { background: url('../images/icon16_calendar.png') no-repeat 0.1em;}
h2 span.icon_check { background: url('../images/icon16_check.png') no-repeat 0.1em;}
h2 span.icon_flag { background: url('../images/icon16_flag.png') no-repeat 0.1em;}
h2 span.icon_home2 { background: url('../images/icon16_home2.png') no-repeat 0.1em;}
h2 span.icon_hotel { background: url('../images/icon16_hotel.png') no-repeat 0.1em;}
h2 span.icon_members { background: url('../images/icon16_members.png') no-repeat 0.1em;}
h2 span.icon_people { background: url('../images/icon16_people.png') no-repeat 0.1em;}
h2 span.icon_yen { background: url('../images/icon16_yen.png') no-repeat 0.1em;}
h2 span.icon_marker { background: url('../images/icon16_marker.png') no-repeat 0.1em;}
h2 span.icon_newmark { background: url('../images/icon16_newmark.png') no-repeat 0.1em;}
h2 span.icon_stamp { background: url('../images/icon16_stamp.png') no-repeat 0.1em;}
h2 span.icon_key { background: url('../images/icon16_key.png') no-repeat 0.1em;}
h2 span.icon_plane { background: url('../images/icon16_plane.png') no-repeat 0.1em;}

p.icon_bookmark {
    padding-left:20px;
 background: url('../images/icon16_bookmark.png') no-repeat 0.1em;
 text-decoration:underline;
 margin-bottom:10px;
}
h3 {
    clear:both;
    padding: 4px 10px;
    font-size:100%;
    margin:10px 0;
    background-color:#999;
    color:#FFF;
}
h3 span {
     position:relative;
     padding:0 0 0 22px;
     height:20px;
     line-height:20px; 
     display:inline-block;
     background: url('../images/icon16_wbf.png') no-repeat 0.1em;
}
h3 span a {
     position:relative;
     height:20px;
     line-height:20px; 
     display:inline-block;
}
h3 span.icon_search { background: url('../images/icon16_search.png') no-repeat 0.1em;}
div.sitemap h3{ background-color:#41acd4;}

div.sitemap div{
 width:210px;
 margin:0 20px 20px 0;
 letter-spacing:normal;
 display: inline-block;
 vertical-align:top;
}

div.sitemap div p{
 border-bottom:2px solid #41acd4;
 margin:0 0 5px 0;
 padding:0 0 1px 0;
}

/* icon
************************/
.icon_dep,
.topics dt,.tour_info dt,.tour_info dt,.tour_search_dep dt,.side_topics dt,
.special_info dt.dep {
    width:56px;
    height:12px;
    padding:3px 4px 2px 0;
    text-align:center;
    color:#FFF;
    font-size:90%;
    background:  url('../images/bg_departure.png') no-repeat;
}
.special_info div.spBox {
width: 233px;
margin: 6px 4px 6px 0;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
vertical-align:top; 
}

.special_info dt.dep{  float:left; }
.special_info div.spBox .midashi,
.special_info div.left_3grid .midashi,
.special_info div.right_3grid .midashi{  clear:both;  padding:5px 0;} 

.special_info div.spBox dt.spDep,
.special_info div.left_3grid dt.spDep,
.special_info div.right_3grid dt.spDep{
 background-image:url(../images/bg_departure.png);
 background-position:left top;
 background-repeat:no-repeat;
 padding:3px 0 0 0;
 *padding:0;
} 
.special_info .spDep span{
 font-size:13px;
 color:#FFF;
 width:55px;
 height:18px;
 margin-right:8px;
 text-align:center;
 letter-spacing:normal;
 display: inline-block;
 vertical-align:top;
 }
.icon_dis {
    width:auto;
    display:block;
    padding:2px 2px 1px;
    text-align:center;
    background-color:#999;
    color:#FFF;
    font-size:90%;
}
.bg_domestic .icon_dis{ background-color:#EA426E;}
.bg_oversea .icon_dis { background-color:#28A8E0;}
.rss {  float:right;    margin-top:7px;}

/*--------------------------------------
        レイアウト
--------------------------------------*/
/* 行ブロック切れ目 */
.line_block {clear:both;} 
.left_9 {   float: left;width: 738px;}

/*ｸﾞﾘｯﾄﾞﾚｲｱｳﾄ*/
.grid_12 {  width: 972px;   margin:6px;}
.grid_9 {   float: left;    width: 726px;   margin:6px 0;}
.grid_8 {   float: left;    width: 644px;   margin:6px;}
.grid_6 {   float: left;    width: 480px;   margin:6px; _margin:6px 3px;}
.grid_6.nm {    width: 468px;}
.grid_5 {   float: left;    width: 351px;   margin:6px;}
.grid_4 {   float: left;    width: 316px;   margin:6px;}
.grid_3 {   float: left;    width: 234px;   margin:12px 6px;}

/*フロートレイアウト*/
.left_1grid {
    width:70px;
    margin:6px 6px 6px 0;
    display: inline-block;
    vertical-align:top;
 }
.right_1grid {
    width:70px;
    margin:6px 0;
    display: inline-block;
    vertical-align:top;
 }
.left_2grid {
    width:152px;
    margin:6px 5px 6px 0;
    display: inline-block;
    vertical-align:top;
 }
.right_2grid {
    width:152px;
    margin:6px 0;
    display: inline-block;
    vertical-align:top;
 }
.left_3grid {
    width:234px;
    margin:6px 6px 6px 0;
    display: inline-block;
    vertical-align:top;
}
.right_3grid {
    width:234px;
    margin:6px 0;
    display: inline-block;
    vertical-align:top;
 }
.contbox {  padding:6px 0 25px;    zoom: 100%;}

.contbox:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.contbox_nt {   padding:0 0 12px;}
.box_inner {    padding:10px;}
.box_inner #kokunai_code form { text-align:center;}
.box_inner #kokunai_code form input.submit {    margin:10px 0 5px 0;
}

/*  END  */

div#infored{
    width:450px;
    height:auto;
    margin:0;
    padding:0;
    background-color:#FFFFFF;   
}
div#infored p{
    width:auto;
    height:auto;
    border: solid  5px #FF0000;
    color: #333;
    font-size:120%;
    line-height:1.5;
    margin:10px;
    padding:10px;
    text-align:center;
    color:#0066CC;

}

/*バナーレイアウト*/
.banner_box {
    width:214px;
  margin:0px auto 5px;
}
.banner_box p {
    margin-top:2px;
    font-size:12px;
    text-align:left;
}
.banner_box ul li{
 padding:3px 0 0 0;
 margin:0;
}
.banner_box ul li{
 text-align:left;
 font-size:90%;
 margin:0 0 3px 15px;
 list-style-type:disc;
}

/* テキストプロパティ
************************/
.es {   background-color: #FFFFCC;}
.att {  font-size: 10px;    color: #CC0000;}
.red {  color:#CC0000;}
.price {
    color:#FF0000;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
    font-size:100%;
}
.normalPrice {
  font-weight:bold;
  font-family:Arial, Helvetica, sans-serif;
  font-size:95%;
  text-decoration: line-through;
}
.tel {
    padding-left:18px;
    background: url('../images/icon_phone.png') no-repeat left 0px;
    color:#1D7DBE;
    font-size:18px;
    font-weight:bold;
}
.mail {
    background: url('../images/icon_mail.png') no-repeat left 3px;
    color:#1D7DBE;
    font-size:12px;
    font-weight:bold;
}
.fs10 { font-size: 10px;}.fs11 {font-size: 11px;}.fs12 {font-size: 12px;}.fs13 {font-size: 13px;}
.fs14 { font-size: 14px;}.fs15 {font-size: 15px;}.fs16 {font-size: 16px;}.fs17 {font-size: 17px;}
.fs18 { font-size: 18px;}.fs90 {font-size:90%;}.fs100 { font-size:100%;}.fs110 {font-size:110%;}
.fs120 {font-size:120%;}.fs130 {font-size:130%;}
.lh120 {line-height: 120%;}.lh170 { line-height: 170%;}
.bold { font-weight: bold;}
.text_left {text-align: left;}
.text_center {text-align: center;   margin:0 auto;}
.text_right {text-align: right;}

/* 背景プロパティ
************************/
.bg_gray {  background-color:#EEE;  padding:5px 10px;}
.bg_pink {  background-color:#FFCC99;   padding:5px 10px;}
td .bg_pink {   background-color:#FFCC99;   padding:5px 10px;}
.kakomi {   border:1px solid #CCC;  padding:10px;}

/* フロート処理
************************/
.left { float:left;}
.right {    float:right;}
.clearfix { zoom: 100%;}
.clearfix:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.clear {    clear: both;}
.hide { display: none;}

/* マージン
************************/
.mt3 {  margin-top: 3px;}.mt5 { margin-top: 5px;}.mt10 {margin-top: 10px;}.mb5 {margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}.mb25 { margin-bottom: 25px;}.ml5 { margin-left: 5px;}.ml10 {margin-left: 10px;}.ml5 {margin-right: 5px;}
.mr10 { margin-right: 10px;}.mtb10 {margin-top: 10px;   margin-bottom: 10px;}.mt30 {margin-top: 30px;}
.mt20 { margin-top: 20px;}.mb20 {   margin-bottom: 20px;}.mb30 {margin-bottom: 30px;}.ml20 {margin-left: 20px;}
.ml60 { margin-left: 60px;}.mr20 {  margin-right: 20px;}.mtb2 { margin:2px 0;}.mtlr5 {  margin:5px;}

.pad5 { padding: 5px;}.pad10 {  padding: 10px;}
.ls_1 { letter-spacing:1px;}
.ls_2 { letter-spacing:2px;}
.ls_3 { letter-spacing:3px;}


/* ボタン
************************/
.bt_base_s {
    padding:2px;
    display:block;
    background: #F8F8F8 url('../images/bg_sv2_h25.png') repeat-x;
    border:1px solid #AAA;
}
.bt_base_s a {
    display:block;
    overflow:hidden;
    text-align:center;
    color:#333;
    font-size:12px;
    text-decoration:none;
}
.bt_base {
    float:left;
    padding:4px 5px　2px;
    display:block;
    background: #F8F8F8 url('../images/bg_sv2_h25.png') repeat-x;
    border:1px solid #AAA;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
}
.bt_base a {
    display:block;
    overflow:hidden;
    text-align:center;
    color:#333;
    font-size:100%;
    text-decoration:none;
    /*background: url('../images/bullet_red.gif') no-repeat right 4px;*/
}
.bt_base.normal a { background:none;}
.bt_left.w2_s,.bt_right.w2_s,.bt_base.w2_s {    width:2.5em;    letter-spacing:1px; }
.bt_base_s.w2,.bt_left.w2,.bt_right.w2,.bt_base.w2 {    width:3em;  letter-spacing:2px; }
.bt_left.w3,.bt_right.w3,.bt_base.w3 {  width:4em;  letter-spacing:1px; }
.bt_left.w4,.bt_right.w4,.bt_base.w4 {  width:5em;}
.bt_left.w5,.bt_right.w5,.bt_base.w5 {  width:6em;}
.bt_base_s.w6,.bt_base.w6,.bt_left.w6 { width:6em;}
.bt_base.w7,.bt_left.w7 {   width:8em;}
.bt_base.w10,.bt_left.w10 { width:11em;}
.bt_base.w13 {  width:14em;}
.bt_base.w14 {  width:15em;}
.bt_base.w22 {  width:24em;}
.bt_right {
    float:right;
    padding:4px 2px 1px;
    display:block;
    background: #F8F8F8 url('../images/bg_sv2_h25.png') repeat-x;
    border:1px solid #AAA;
}
.bt_right a {
    display:block;
    overflow:hidden;
    text-align:center;
    color:#333;
    font-size:11px;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
    text-decoration:none;
    background: url('../jquery/images/bullet_red.gif') no-repeat right 2px;
}
.bt_left {
    float:left;
    padding:4px 2px 1px;
    display:block;
    background: #F8F8F8 url('../images/bg_sv2_h25.png') repeat-x;
    border:1px solid #AAA;
}
.bt_left a {
    display:block;
    overflow:hidden;
    text-align:center;
    color:#333;
    font-size:11px;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
    text-decoration:none;
    background: url('../images/bullet_red_back.gif') no-repeat left 2px;
}
.bt_base.bt_red {
    background: #F8F8F8 url('../images/bg_red_h25.png') repeat-x;
    border-color:#999;
}
.bt_base.bt_cancel {    background: #FFCC00;}

/***********ボタン関連***********/
/*背景画像＋文字乗せ汎用ボタンM*/
.bt_base_m {    width:120px;    height:28px;}

.bt_base_m a {
    width:120px;
    height:28px;
    line-height:28px;
    text-align:center;
    font-weight:bold;
    font-size:12px;
    display:block;
    overflow:hidden;
    background: url('../images/button_base_m.gif') no-repeat;
}
/*背景画像＋文字乗せ汎用ボタンL*/
.bt_base_l {
    width:180px;
    height:28px;
}
.bt_base_l a {
    width:180px;
    height:28px;
    line-height:28px;
    text-align:center;
    font-weight:bold;
    font-size:12px;
    display:block;
    overflow:hidden;
    background: url('../images/button_base_l.gif') no-repeat;
}
/*背景画像＋文字乗せ汎用ボタンLL */
.bt_base_ll {
    width:220px;
    height:28px;
}
.bt_base_ll a {
    width:220px;
    height:28px;
    line-height:28px;
    text-align:center;
    font-weight:bold;
    font-size:12px;
    display:block;
    overflow:hidden;
    background: url('../images/button_base_ll.gif') no-repeat;
}

/* ビュレット
************************/
/*もっと見る*/
.more_s_left {
    width:230px;
    float:left;
    font-size:11px;
    margin-top:5px;
}
.more_s_left a {    padding-left: 10px; background: url('../images/bullet_default.png') no-repeat left 4px;}
.more_s {   text-align:right;   font-size:11px;}
.more_s a { padding-left:8px;   background: url('../images/bullet_01.gif') no-repeat left 1px;  font-weight:normal;}
.more_m {   text-align:right;}
.more_m a { padding-left:10px;  background: url('../images/bullet_01.gif') no-repeat left 6px;  font-weight:normal;}
.more_m.left_posi { text-align:left;}


.bullet {   padding-left: 10px; background: url('../images/bullet_default.png') no-repeat left 4px;}

.list_link li { float:left; display:inline-block;   margin-right:10px;}
p.description{ font-size:85%; line-height:180%;}
.go_tour {  padding-left: 9px;  background: url('../images/bullet_search.png') no-repeat left 5px;}
.list_link.go_tour li { padding-left: 8px;  background: url('../images/bullet_search.gif') no-repeat left 2px;}
.list_link li a {   text-decoration:underline;  line-height:160%;   }
.list_white li {
    display: inline;
    padding-left: 8px;
    background: url('../images/bullet_white.png') no-repeat left 4px;
    font-size:85%;
    padding-left: 12px;
}

/*ページトップへ戻る*/
.p_top {
    clear:both;
    text-align:right;
    margin:20px 0 10px;
}
.p_top a {
    padding-left:18px;
    background: url('../images/bullet_up.gif') no-repeat left 2px;
    font-size:12px;
    text-decoration:underline;
}

/* テーブル関連
************************/
caption {
    border-left:1px solid #AAA;
    border-top:1px solid #AAA;
    border-right:1px solid #AAA;
    background: #DDD url('../images/bg_sv1_h25..png') repeat-x;
    color:#333;
    text-align: center;
    padding:2px 5px;
}

.tb_normal td {
    color:#333;
    border:1px solid #AAA;
    padding:3px;
    vertical-align:top;
    table-layout:fixed;
}
.tb_normal td.es {  background-color: #FFFFCC;}
.tb_normal tr.cancel_color,.cancel_color {  background-color:#FFCC66;}
.tb_normal.no_line td { border:0px none;}
.tb_stripe.tc td,.tb_stripe.tc th,.tb_normal.tc td,.tb_normal.tc th {   text-align:center;}
.tb_stripe.pd1 td,.tb_normal.pd1 td {   padding:2px 0;}
.tb_normal.va-m td,.tb_normal.va-m th,.tb_normal td.va-m  { vertical-align:middle;}
.tb_stripe.hc th,.tb_normal.hc th { text-align:center;}
.tb_stripe.tr td,.tb_normal.tr td,.tb_stripe.tr input,.tb_normal.tr input { text-align:right;}
.tb_stripe th.tc,.tb_normal th.tc,.tb_stripe td.tc,.tb_normal td.tc {   text-align:center;}
.tb_stripe td.tr,.tb_normal td.tr{  text-align:right;}
.tb_stripe td.tl,.tb_normal td.tl,.tb_stripe td.tl input,.tb_normal td.tl input{    text-align:left;}
.tb_normal ol,.tb_normal ul {   margin:5px 0 0 15px;    padding:5px;}
.tb_normal ol { margin-left:20px;}
.tb_normal ol li {  line-height:100%;   margin-bottom:6px;}
.tb_normal ul li {  list-style-type:disc;       line-height:100%;   margin-bottom:6px;}

/* ローテーションバナー */
#announceHkd{
 width:638px;
 height:33px;
 padding:22px 0 0 100px;
 margin:0 0 10px 0;
 float:left;
 background-image:url(/hkd/i/announce.jpg);
 background-position:left top;
 background-repeat:no-repeat;
}
#announceHkd span{
 background-color:#F06;
 color:#FFF;
 padding:0 5px;
 font-weight:bold;
}
#announceHkd strong{
 padding:0 0 0 10px;
 color:#F00;
}

/* ローテーションバナー */
div.underNavi{
 width:400px;
height:248px;
 float:left;
 zoom: 100%;
}
div.underNavi:after { 
 content: ""; 
 clear: both; 
 height: 0; 
 display: block; 
 visibility: hidden; 
} 

div.underNavi h2{
width:auto;
min-height: 30px;
color: #ff4e00;
font-size: 120%;
font-weight: bold;
padding: 0 0 0 30px;
background-image: url(/img/icon_circle.gif);
background-position: left top;
background-repeat: no-repeat;
}
div.underNavi #image-navigation{ width:400px;}
#image-navigation{
 width:738px;
 height:190px;
 float:left;
 zoom: 100%;
}
#image-navigation:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#image-navigation img {
  border:0;
  vertical-align:bottom;
}
div.underNavi #image-navigation ul {
 width:320px;
  margin:0 0 0 410px;
  padding:0;
  list-style:none;
}
#image-navigation ul {
 width:320px;
  margin:0 0 0 410px;
  padding:0;
  list-style:none;
}
div.underNavi #image-navigation ul {
 width:400px;
  margin:182px 0 0 0;
  padding:0;
  list-style:none;
}
#image-navigation li {  margin:0 0 2px 0;  padding:0;}
div.underNavi #image-navigation li {    width:80px; float:left;}
#image-navigation ul li a {
  width:303px;
  height:30px;
  padding:2px 0 0 15px;
  display:block;
  border:1px solid #BBB;
  font-size:12px;
  line-height:20px;
  background-image:url(/include/jquery/imagenavigation/images/arrow_none.gif);
  background-position:left top;
  background-repeat:no-repeat;
  overflow:hidden;
}
#image-navigation ul li a.active {
  background-image:url(/include/jquery/imagenavigation/images/arrow.gif);
  background-position:left top;
  background-repeat:no-repeat;
background-color:#e91350;
  color:#FFF;
  text-decoration:none;
}
div.underNavi #image-navigation ul li a {
  width:75px;
height:auto;
  padding:2px 2px 2px 3px;
  display:block;
  border: none;
  background: none;
}
div.underNavi #image-navigation ul li a img {   border:1px solid #FFF;}
div.underNavi #image-navigation ul li a.active {  background: none;     background-color:#F00;}
#image-navigation ul li.rotationDep a {
  width:303px;
  height:30px;
  padding:2px 0 0 15px;
  display:block;
  border:1px solid #BBB;
  font-size:12px;
  line-height:5px;
  background-position:left top;
  background-repeat:no-repeat;
  overflow:hidden;
}
#image-navigation ul li a span {
 position: absolute;
 font-size:12px;
 top:18px;
 left:85px;
 line-height:14px;
}
#image-navigation ul li a span.dep {
 position:absolute;
 top:-1px;
 text-align:center;
 left:247px;
 display:block;
 width:60px;
 height:12px;
 padding:2px 5px 0;
 border:1px solid #BBB;
 background-color:#40779B;
 color:#FFF;
 font-size:11px;
}
#image-navigation .navi { float:left;}
div.underNavi #image-navigation .navi { float: none;}
#image-navigation .navi li img { margin:0 5px 0 0; vertical-align: middle;}
div.underNavi #image-navigation .navi li img { margin:0;}
#image-navigation .navi li.rotationDep img { margin:0 5px 0 0; vertical-align: top;}
#image-navigation .navi-image {  float:left; position:relative;}
div.underNavi #image-navigation .navi-image {  float:none; position:relative;}
#image-navigation .navi-image a {
 display:block;
 position:absolute;
 top:0;
 left:0;
 z-index:8;
}
#image-navigation .navi-image a.active,#image-navigation-text .navi-image a.active,#image-navigation-text2 .navi-image a.active { z-index:10;}
#image-navigation .navi-image a.last-active,#image-navigation-text .navi-image a.last-active,#image-navigation-text2 .navi-image a.last-active { z-index:9;}
#image-navigation-text a,#image-navigation-text2 a {  background:#eee;}
#image-navigation-text ul li a {
  display:block;
  width:150px;
  height:50px;
  color:#333;
  line-height:50px;
  text-align:center;
}
#image-navigation-text .navi {  float:left;}
#image-navigation-text a.active {  background:#333;  color:#fff;}
#image-navigation-text .navi-image { position:relative;  float:left;}
#image-navigation-text .navi-image a {
 display:block;
 position:absolute;
 top:0;
 left:0;
 z-index:8;
}
#image-navigation-text2 ul li a {
  display:block;
  width:150px;
  height:50px;
  color:#333;
  line-height:50px;
  text-align:center;
}
#image-navigation-text2 .navi {  float:left;}
/*#image-navigation-text2 a.active {  background:#333;  color:#fff;}*/
#image-navigation-text2 .navi-image { position:relative;  float:left;}
#image-navigation-text2 .navi-image a {
 display:block;
 position:absolute;
 top:0;
 left:0;
 z-index:8;
}
ul#underImageNavi{
 padding:5px 0 0 0;
 width:738px;
 float:left;
 zoom: 100%;
}
ul#underImageNavi:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
ul#underImageNavi li{
 width:175px;
 margin:0 7px 5px 0;
 float:left;
}
ul#underImageNavi li img{ width:175px; height:78px;}
dl.speciallink{
    width:730px;
    height:auto;
    padding:0;
    margin:0 0 5px 0;
    float:left;
    border:thin solid #0c579d;
    font-size:13px;
}

dl.speciallink dt{
 max-width:120px;
    padding:8px 8px 5px 8px;
    margin:0 5px 0 0;
 border-right:thin solid #0c579d;
    background-color:#f15858;
    font-weight:normal;
    color:#FFF;
    text-decoration:none;
    float:left;
}

dl.speciallink dd{
 max-width:235px;
    padding:8px 0 0 10px;
    margin:0 10px 0 0;
    background-color:#FFF;
    color:#333;
    text-decoration:none;
    float:left;
    background-image:url(/include/images/bullet_default.png);
    background-position:left 10px;
    background-repeat:no-repeat;
 overflow:hidden;
 white-space:nowrap;
}
dl.speciallink dd a{    text-decoration:underline;}
dl.speciallink dd a:hover{  text-decoration: none;}
dl.speciallink dd.more{
    max-width:85px;
    font-weight:bold;
    padding:7px 0 0 0;
    margin:0 3px 0 0;
    float:right;
    background:none;
}
dl.speciallink dd.more a{
 padding:2px 5px;
 color:#FFF;
 font-size:90%;
    text-decoration: none;
 background-color:#00A0E9;
 line-height:17px;
}
dl.speciallink dd.more a:hover{ background-color:#3bc2ff;}
dl.speciallink:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
p.announce{
    margin:10px;
    padding:10px;
    border:2px solid #F00;
    color:#F00;
    font-weight:bold;
    text-align:center;
}
#container p.movieLink {margin: 10px 0 0 0;text-align: right;}
#container p.movieLink span {
padding: 3px 0 5px 22px;
background-image: url(/i/icon_movie.gif);
background-position: left top;
background-repeat: no-repeat;
}
div.sideBanner {    margin:0 0 10px 0;}
div.sideBanner h2{
    width:204px;
    height:26px;
    padding:5px 0 0 30px;
    margin:0 0 5px 0;
    background-image:url(/i/side_title.gif);
    background-position:left top;
    background-repeat:no-repeat;
    color:#FFF;
    font-weight:bold;
    font-size:14px;
}
div.sideBanner li{  margin:0 0 5px 0;   line-height:160%;}
div.gMap{
    width:720px;
    padding-bottom:10px;
    margin-bottom:10px;
    background-color:#e9f9ff;
 zoom: 100%; 
}
div.gMap:after { 
 content: ""; 
 clear: both; 
 height: 0; 
 display: block; 
 visibility: hidden; 
}
div.gMap h2{
    width:660px;
    height:28px;
    padding:3px 0 0 60px;
    margin:0 0 10px 0;
    background-image:url(/i/map_title.gif);
    background-position:left top;
    background-repeat:no-repeat;
    color:#FFF;
    font-weight:bold;
    font-size:16px;
}
div.gMap p.kokunai,div.gMap p.kaigai{   width:331px;    margin:0 0 0 20px;  float:left;}
div.gDep{
    width:720px;
    padding-bottom:10px;
    margin-bottom:10px;
    background-color:#e9f9ff;
 zoom: 100%; 
}
div.gDep:after { 
 content: ""; 
 clear: both; 
 height: 0; 
 display: block; 
 visibility: hidden; 
}
div.gDep h2{
    width:660px;
    height:28px;
    padding:3px 0 0 60px;
    margin:0 0 10px 0;
    background-image:url(/i/map_title.gif);
    background-position:left top;
    background-repeat:no-repeat;
    color:#FFF;
    font-weight:bold;
    font-size:16px;
}
div.gDep dl{    padding:5px 10px;}
div.gDep dl dt{
    width:60px;
    padding:5px;
    background-color:#186f86;
    color:#FFF;
    text-align:center;
 letter-spacing:normal; 
 display: -moz-inline-box; 
 display: inline-block; 
 /display: inline; 
 /zoom: 1; 
 vertical-align:top; 
}
div.gDep dl dd{
    padding:5px;
 letter-spacing:normal; 
 display: -moz-inline-box; 
 display: inline-block; 
 /display: inline; 
 /zoom: 1; 
 vertical-align:top; 
    }
div.gDep dl dd a{   text-decoration:underline;}
div.gDep dl dd a:hover{ text-decoration: none;}
div.gNew {
    width:720px;
    padding:0;
    margin:0 0 10px 0;
    background-color:#fff1f3;
 zoom: 100%; 
}
div.gNew:after { 
 content: ""; 
 clear: both; 
 height: 0; 
 display: block; 
 visibility: hidden; 
} 
div.gNew h2{
    width:650px;
    height:28px;
    padding:1px 0 0 70px;
    margin:0 0 10px 0;
    background-image:url(/i/new_title.gif);
    background-position:left top;
    background-repeat:no-repeat;
    color:#FFF;
    font-weight:bold;
    font-size:16px;
}
div.gNew dl {
    width:221px;
    min-height:226px;
    padding:5px;
    margin:0 0 10px 3px;
    border:1px solid #b4737c;
    background-color:#FFF;
letter-spacing:normal; 
display: -moz-inline-box; 
display: inline-block; 
/display: inline; 
/zoom: 1; 
vertical-align:top; 
}
div.gNew dl dt {    margin:0 0 5px 0;}
div.gNew dl dd{ line-height:140%;}
div.gNew dl dd p{
    padding:4px 0;
    margin:0 0 3px 0;
    font-weight:bold;
    font-size:120%;
    line-height:140%;
}
div.gNew dl dd p span{
    padding:0 5px;
    margin-right:5px;
    background-color:#ee4562;
    color:#FFF;
}
div.gNew dl dd p.more{  font-weight:normal; text-align:right;}
div.gNew dl dd p.more a{text-decoration:underline;  font-size:80%;}
div.gNew dl dd p.more a:hover{  text-decoration: none;}
div.gSp {
    width:700px;
    padding:10px 10px 0 10px;
    margin:0 0 10px 0;
    background-color:#f7f7f7;
 zoom: 100%; 
}
div.gSp:after { 
 content: ""; 
 clear: both; 
 height: 0; 
 display: block; 
 visibility: hidden; 
} 
div.gSp h2{
    padding:0 0 0 30px;
    background:none;
    background-position:left top;
    background-repeat:no-repeat;
    color:#0046a5;
    font-weight:bold;
    font-size:16px;
}
div.gSpKokunai h2{  background-image:url(/i/icon_kokunai.gif);}
div.gSpKaigai h2{   background-image:url(/i/icon_kaigai.gif);}
div.gSp dl{
    width:160px;
    min-height:255px;
    padding:4px 3px 10px;
    margin:0 0 10px 0;
 border:2px solid #4766af;
    background-color:#FFF;
letter-spacing:normal; 
display: -moz-inline-box; 
display: inline-block; 
/display: inline; 
/zoom: 1; 
vertical-align:top;
}
div.gSp dl dt{  margin:0 0 5px 0;}
div.gSp dl dd{  line-height:140%;}
div.gSp dl dd span{
    padding:0 5px;
    margin-right:5px;
    background-color:#ee4562;
    color:#FFF;
}
div.gSp dl dd a{
    margin:0 0 5px 0;
    text-decoration:underline;
    font-size:120%;
    font-weight: bold;
    line-height:150%;
}
div.gSp dl dd a:hover{  text-decoration: none;}
div.gSp p.more{
    padding:10px;
    text-align:right;
    font-size:120%;
}
div.gSp p.more a{   text-decoration:underline;}
div.gSp p.more a:hover{ text-decoration: none;}
div.gMoku {
    width:700px;
    padding:10px 10px 0 10px;
    margin:0 0 10px 0;
    background-color:#f7f7f7;
 zoom: 100%; 
}
div.gMoku:after { 
 content: ""; 
 clear: both; 
 height: 0; 
 display: block; 
 visibility: hidden; 
} 
div.gMoku h2{
    padding:0;
    background:none;
    background-position:left top;
    background-repeat:no-repeat;
    color:#0046a5;
    font-weight:bold;
    font-size:16px;
}
div.gMoku dl{
    width:680px;
    padding:10px;
    margin:0 0 10px 0;
    background-color:#FFF;
letter-spacing:normal; 
display: -moz-inline-box; 
display: inline-block; 
/display: inline; 
/zoom: 1; 
vertical-align:top;
}
div.gMoku dl dt{
    padding:0 0 2px 5px;
    margin:0 0 10px 0;
    font-weight:bold;
    font-size:120%;
    border-bottom:1px solid #333;
}
div.gMoku dl dd{
    width:70px;
    margin:0 0 0 2px;
    font-size:90%;
    text-align:center;
 letter-spacing:normal; 
 display: -moz-inline-box; 
 display: inline-block; 
 /display: inline; 
 /zoom: 1; 
 vertical-align:top; 
}
div.gMoku dl dd img{    margin-bottom:3px;}
div.gMoku dl dd a{
    margin:0 0 5px 0;
    display:block;
    text-decoration:underline;
    font-size:120%;
    font-weight: bold;
}
div.gMoku dl dd a:hover{    text-decoration: none;}
ul.ghotelSearch {   margin:0 0 10px 0;}
ul.ghotelSearch li{ list-style: disc;   margin:0 0 5px 15px;}
.viewmode{
 margin:0 0 20px 0;
 padding:30px 0 30px;
 text-align:center;
 background-color:#EEE;
 zoom: 100%;
}
.viewmode:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.viewmode p{
 padding:15px;
 border:1px solid #BBB;
 background-color:#FFF;
}
/*.viewmode2{   width:100%;}.viewmode2{ width:100%;}*/
.viewmode2 a{
    width:100%;
    padding:10px 0;
    background-color:#e06384;
    color:#FFF;
    display:block;
    text-decoration:none;
    text-align:center;
}
.viewmode2 a.pc{    padding:30px 0; font-size:40px;}
.viewmode2 a:hover{ color:#FFF;}
.viewmode2 a span{
    padding:0 0 0 20px;
    background-image:url(/sp/module/img/common/switch.gif);
    background-position:left center;
    background-repeat:no-repeat;
}
.viewmode div.snsBtn {
    width:280px;
    margin:0 auto 20px;
/*  position: absolute;
    left:0px;
    top:5px;*/
 zoom: 100%; 
}
.viewmode div.snsBtn:after { 
 content: ""; 
 clear: both; 
 height: 0; 
 display: block; 
 visibility: hidden; 
}
.viewmode div.snsBtn div.fb{    width:110px;    float:right;}
.viewmode div.snsBtn div.fb iframe{ width:100%;}
.viewmode div.snsBtn div.tw{    width:100px;    float:right;}
.viewmode div.snsBtn div.gp{    width:67px; float:right;}

/* マップボタン */
div#kokunai_Map {   margin:10px 0 3px;}
div#kokunai_map ul {
    width:331px;
    height:280px;
    list-style:none;
    background:url(../../i/kokunai_map02.gif) no-repeat;
    position:relative;
    margin:0 10px 10px 20px;
    float:left;
}
div#kokunai_map li {
    position:absolute;
    left: 221px;
    width: 96px;
    height: 35px;
    top: 8px;
}
div#kokunai_map li a {  display:block;  overflow:hidden;}
div#kokunai_map li#mapBtn01 {   top:19px;   left:243px;}
div#kokunai_map li#mapBtn01 a { width:69px; height:27px;}
div#kokunai_map li#mapBtn01 a:hover img {   margin-top:-30px;}
div#kokunai_map li#mapBtn02 {   top:90px;   left:242px;}
div#kokunai_map li#mapBtn02 a { width:80px; height:27px;}
div#kokunai_map li#mapBtn02 a:hover img {   margin-top:-30px;}
div#kokunai_map li#mapBtn03 {   top:133px;  left:222px;}
div#kokunai_map li#mapBtn03 a { width:69px; height:27px;}
div#kokunai_map li#mapBtn03 a:hover img {   margin-top:-30px;}
div#kokunai_map li#mapBtn04 {   top:169px;  left:169px;}
div#kokunai_map li#mapBtn04 a { width:69px; height:27px;}
div#kokunai_map li#mapBtn04 a:hover img {   margin-top:-30px;}
div#kokunai_map li#mapBtn05 {   top:205px;  left:129px;}
div#kokunai_map li#mapBtn05 a { width:69px; height:27px;}
div#kokunai_map li#mapBtn05 a:hover img {   margin-top:-30px;}
div#kokunai_map li#mapBtn06 {   top:215px;  left:15px;}
div#kokunai_map li#mapBtn06 a { width:69px; height:27px;}
div#kokunai_map li#mapBtn06 a:hover img {   margin-top:-30px;}
div#kokunai_map li#mapBtn07 {   top:116px;  left:60px;}
div#kokunai_map li#mapBtn07 a { width:69px;height:27px;}
div#kokunai_map li#mapBtn07 a:hover img {   margin-top:-30px;}
div#kokunai_map li#mapBtn08 {   top:161px;  left:13px;}
div#kokunai_map li#mapBtn08 a { width:69px; height:27px;}
div#kokunai_map li#mapBtn08 a:hover img {   margin-top:-30px;}

/* 海外 */
div#kaigai_Map {    margin:10px 0 3px;}
div#kaigai_map ul {
    width:331px;
    height:280px;
    list-style:none;
    background:url(../../i/kaigai_map02.gif) no-repeat;
    position:relative;
    margin:0 0 10px 371px;
}
div#kaigai_map li {
    position:absolute;
    left: 221px;
    width: 96px;
    height: 35px;
    top: 8px;
}
div#kaigai_map li a {   display:block;  overflow:hidden;}
div#kaigai_map li#mapBtn01 {    top:10px;   left:163px;}
div#kaigai_map li#mapBtn01 a {  width:67px; height:23px;}
div#kaigai_map li#mapBtn01 a:hover img {    margin-top:-25px;}
div#kaigai_map li#mapBtn02 {    top:65px;   left:242px;}
div#kaigai_map li#mapBtn02 a {  width:83px; height:23px;}
div#kaigai_map li#mapBtn02 a:hover img {    margin-top:-26px;}
div#kaigai_map li#mapBtn03 {    top:91px;   left:248px;}
div#kaigai_map li#mapBtn03 a {  width:67px; height:23px;}
div#kaigai_map li#mapBtn03 a:hover img {    margin-top:-26px;}
div#kaigai_map li#mapBtn04 {    top:129px;  left:226px;}
div#kaigai_map li#mapBtn04 a {  width:92px; height:23px;}
div#kaigai_map li#mapBtn04 a:hover img {    margin-top:-26px;}
div#kaigai_map li#mapBtn05 {    top:184px;  left:214px;}
div#kaigai_map li#mapBtn05 a {  width:102px;    height:26px;}
div#kaigai_map li#mapBtn05 a:hover img {    margin-top:-28px;}
div#kaigai_map li#mapBtn06 {    top:251px;  left:236px;}
div#kaigai_map li#mapBtn06 a {  width:67px; height:23px;}
div#kaigai_map li#mapBtn06 a:hover img {    margin-top:-26px;}
div#kaigai_map li#mapBtn07 {    top:251px;  left:50px;}
div#kaigai_map li#mapBtn07 a {  width:78px; height:23px;}
div#kaigai_map li#mapBtn07 a:hover img {    margin-top:-26px;}
div#kaigai_map li#mapBtn08 {    top:222px;  left:41px;}
div#kaigai_map li#mapBtn08 a {  width:78px; height:23px;}
div#kaigai_map li#mapBtn08 a:hover img {    margin-top:-26px;}
div#kaigai_map li#mapBtn09 {    top:190px;  left:26px;}
div#kaigai_map li#mapBtn09 a {  width:108px;    height:23px;}
div#kaigai_map li#mapBtn09 a:hover img {    margin-top:-26px;}
div#kaigai_map li#mapBtn10 {    top:158px;  left:52px;}
div#kaigai_map li#mapBtn10 a {  width:67px; height:23px;}
div#kaigai_map li#mapBtn10 a:hover img {    margin-top:-26px;}
div#kaigai_map li#mapBtn11 {    top:87px;   left:73px;}
div#kaigai_map li#mapBtn11 a {  width:78px; height:23px;}
div#kaigai_map li#mapBtn11 a:hover img {    margin-top:-26px;}
div#kaigai_map li#mapBtn12 {    top:87px;   left:155px;}
div#kaigai_map li#mapBtn12 a {  width:67px; height:23px;}
div#kaigai_map li#mapBtn12 a:hover img {    margin-top:-26px;}
div#kaigai_map li#mapBtn13 {    top:59px;   left:117px;}
div#kaigai_map li#mapBtn13 a {  width:67px; height:23px;}
div#kaigai_map li#mapBtn13 a:hover img {    margin-top:-25px;}
div#kaigai_map li#mapBtn14 {    top:190px;  left:93px;}
div#kaigai_map li#mapBtn14 a {  width:67px; height:23px;}
div#kaigai_map li#mapBtn14 a:hover img {    margin-top:-26px;}
div#content .hongkong-d{    padding:0 10px;}
div#content .hongkong-d p{  font-size:88%;  padding:5px 0;}
h2.special-search{
      clear: both;
  height: 28px;
  padding: 0 5px;
  line-height: 28px;
  color: #333;
  background: url('../images/bg_title_default.png') repeat-x;
}
#btn-pagetopblock {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
}
#btn-pagetopblock a {
    display:block;
    filter:alpha(opacity= 70);
    -moz-opacity:0.70;
    opacity:0.70;
    background: #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding:25px 20px;
    cursor: pointer;
}
#btn-pagetopblock a:hover { filter:alpha(opacity= 55);  -moz-opacity:0.55;  opacity:0.55;}
#btn-pagetopblock a:hover img { filter:alpha(opacity= 100); -moz-opacity:1; opacity:1;}

/* グランドトップリニューアル20150820 */
#gtop #content{
    width:992px;
    padding:0 0 40px;
    background:#9dcf2f url(/include/images/top_back.png) left top no-repeat;
    overflow:hidden;
    margin-top: -6px;
}
#gtop .top-search{  width:992px;    height:283px;padding:5px 0 0 0; }

#gtop .top-search .sbox{
    width:430px;
    height:267px;
    margin:0 auto;
 border: solid 1px #F7BA3B;
 background:#FFF6DC;
    border-radius:10px;
}
#gtop .top-search .sbox .tab{
    overflow:hidden;
    border-radius:10px 10px 0 0;
    border-bottom:2px solid #ECA40E;
    color:#FFF;
    opacity:1;
}
#gtop .top-search .sbox .tab li{    width:215px;    float:left;}
#gtop .top-search .sbox .tab li label{ background:#FFFBEF;  color:#333; cursor:pointer;}
#gtop .top-search .sbox .tab li label.active{ background:#ECA40E;   color:#FFF; font-weight: bold;}
#gtop .top-search .sbox .tab li input{  display:none;}
#gtop .top-search .sbox .tab li label{
    padding:12px 15px 8px;
    line-height: 1;
    text-align:center;
    display: block;
    font-size: 140%;
}
#gtop .top-search .sbox .scont{ padding:10px 15px;}
#gtop .top-search .sbox .scont ul{  overflow:hidden;}
#gtop .top-search .sbox .scont ul li{
    width:185px;
    margin:0 0 10px 0;
    float:left;
}
#gtop .top-search .sbox .scont ul li dl dt{
    width:46px;
 letter-spacing:normal;
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 vertical-align:middle;
}
#gtop .top-search .sbox .scont ul li dl dd{
 letter-spacing:normal;
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 vertical-align:middle;
}
#gtop .top-search .sbox .scont ul .day{ width:215px;}
#gtop .top-search .sbox .scont ul .day dt{  width:46px;}
#gtop .top-search .sbox .scont ul .day dd{  width:100px;}
#gtop .top-search .sbox .scont ul .day dd input{    width:100%;}
#gtop .top-search .sbox .scont ul .period{  width:215px;}
#gtop .top-search .sbox .scont ul .period dt{   width:31px;}
#gtop .top-search .sbox .scont ul .period dd select{    width:71px;}
#gtop .top-search .sbox .scont ul .person dt{   width:61px;}
#gtop .top-search .sbox .scont ul .price{   width:215px;    color:#333; font-weight:normal;}
#gtop .top-search .sbox .scont ul .price dt{    width:31px;}
#gtop .top-search .sbox .scont ul .price dd select{ width:76px;}
#gtop .top-search .sbox .scont ul .keyword{ width:auto;}
#gtop .top-search .sbox .scont ul .keyword dt{width:70px; vertical-align: sub;}
#gtop .top-search .sbox .scont ul li select,
#gtop .top-search .sbox .scont ul li input{ height:25px;}
#gtop .top-search .sbox .scont .keytype {   margin-left:75px;}
#gtop .top-search .sbox .scont .btn {   text-align:center;}
#gtop .brand{
    width:426px;
    padding:20px;
    margin:0 0 0 20px;
    float:left;
    background-color:#fff;
    border-radius:10px;
}
#gtop .brand h2{
    height:auto;
    margin:0 0 20px 0;
    background:none;
    text-align:center;
}
#gtop .brand h3{
    padding:0 26px 3px 5px;
    margin:15px 0 10px 0;
    background:none;
    color:#333;
    font-weight:bold;
    font-size:140%;
    line-height: 1;
    border-bottom:1px solid #333;
 letter-spacing:normal;
 display: inline-block;
 vertical-align:top;    
}
#gtop .brand .map{
    width:400px;
    height:284px;
    position: relative;
}
#gtop .shirokuma .map{  background:url(/include/images/shirokuma_map.gif) left top no-repeat;}
#gtop .happy .map{  background:url(/include/images/happy_map.gif) left top no-repeat;}
#gtop .brand .map li{
    min-width:40px;
    _width:40px;
    border-radius:5px;
    color:#FFF;
    position: absolute;
}
#gtop .brand .map li a{
    padding:5px 13px;
    display:block;
    color:#FFF;
    text-align: center;
    border-radius:5px;
}
#gtop .brand .map li a span {
    padding-left: 10px;
    display: inline-block;
    line-height: 1;
}
#gtop .shirokuma .map li a{ background:#f9417e;}
#gtop .shirokuma .map li a:hover{background:#f92269;}
#gtop .shirokuma .map li a span {   background:url(/include/images/map_arrow_shirokuma.gif) no-repeat left 50%;}
#gtop .happy .map li a{ background:#2494D3;}
#gtop .happy .map li a:hover{background:#099aeb;}
#gtop .happy .map li a span {   background:url(/include/images/map_arrow_happy.gif) no-repeat left 50%;}
#gtop .brand .map li a:hover{   text-decoration:none;}

#gtop .brand .map li.hokkaido{ left:202px; top:16px;}
#gtop .brand .map li.hokuriku{ left:148px; top:111px;/* width:90px*/}
#gtop .brand .map li.kanto{ left:272px; top:168px;}
#gtop .brand .map li.kansai{ left:198px; top:210px;}
#gtop .brand .map li.chugoku{ left:99px; top:152px;}
#gtop .brand .map li.shikoku{ left:126px; top:235px;}
#gtop .brand .map li.kyushu{ left:12px; top:210px;}
#gtop .brand .map li.okinawa{ left:55px; top:15px;}

#gtop .brand .map li.korea{ left:181px; top:2px;}
#gtop .brand .map li.china{ left:55px; top:5px;}
#gtop .brand .map li.hongkong{left: 102px; top: 34px; /*width:106px*/}
#gtop .brand .map li.macau{ left: 23px; top: 34px; /*width:106px*/}
#gtop .brand .map li.taiwan{ left: 168px; top: 34px; /*width:55px;*/}
#gtop .brand .map li.thai{ left:5px; top:87px; /*width:55px*/}
#gtop .brand .map li.vietnam{ left:117px; top:80px;}
#gtop .brand .map li.cambodia{ left:112px; top:109px; /*width:90px*/}
#gtop .brand .map li.singapore{ left:101px; top:174px;/* width:105px;*/}
#gtop .brand .map li.los{ left:281px; top:2px;/* width:105px;*/}
#gtop .brand .map li.hawaii{ left:320px; top:31px;}
#gtop .brand .map li.guam{ left:256px; top:60px;/* width:145px;*/}
#gtop .brand .map .guams { left: 244px;top: 68px;}
#gtop .brand .map .saipan { left: 278px;top: 100px;}
#gtop .brand .map .palau { left: 322px;top: 68px;}
#gtop .brand .map li.cebu{ left:245px; top:135px; /*width:145px;*/}
#gtop .brand .map li.bali{ left:120px; top:239px;}

/*マップ上にスペシャルゲスト*/
#gtop .brand.shirokuma .map .btn-specialguest { left: 334px;    top: -40px;}
#gtop .brand.shirokuma .map .btn-specialguest a {   background: none;}
#gtop .brand.shirokuma .map .btn-specialguest a:hover {
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}
#gtop .brand .keyword{  margin:0 0 10px 0;}
#gtop .brand .keyword dt{
    padding:10px 10px 0;
    background-color:#EEE;
 letter-spacing:normal;
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 vertical-align:top;
}
#gtop .brand .keyword dd{
    padding:20px 20px 10px;
    background-color:#EEE;
    font-size:115%;
}
#gtop .brand .keyword dd a{
    margin:0 10px 10px 0;
    text-decoration:underline;
 letter-spacing:normal;
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 vertical-align:top;
}
#gtop .brand .keyword dd a:hover{   text-decoration:none;}
#gtop .brand .price-down{
    padding:10px;
    margin:0 0 20px 0;
 border: 4px solid #D00;
    overflow:hidden;
}
#gtop .brand .price-down p{ margin:0 0 10px 0;  font-size:120%;}
#gtop .brand .price-down p span{
    padding:5px;
    margin:0 5px 0;
 letter-spacing:normal;
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 vertical-align: middle;
}
#gtop .brand .price-down p span.dep{    background-color:#e52f0e;   color:#FFF; font-size:80%;}
#gtop .brand .price-down p span.area{
    margin-right:15px;
    background-color:#443792;
    color:#FFF;
    font-size:80%;
}
#gtop .brand .price-down p span.price{  color:#F00; font-weight:bold;   font-size:160%;}
#gtop .brand .price-down p.more{    width:200px;    float:right;    font-size:100%;}
#gtop .brand .price-down p.more a{
    padding:10px 5px 10px 30px;
    border-radius:5px;
    display:block;
    background-color:#E87F12;
    color:#FFF;
}
#gtop .brand .price-down p.more a:hover{    text-decoration:none;   background-color:#E84F12;}
#gtop .brand .moku dl{
    width:190px;
    margin:0 20px 20px 0;
    font-size:115%;
 letter-spacing:normal;
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 vertical-align:top;
}
#gtop .brand .moku dl dt{   margin:0 0 10px 0;  padding:10px;   background-color:#EEE;}
#gtop .brand .moku dl dd{   margin:0 0 5px 10px;}
#gtop .brand .sp dl{
    width:200px;
    margin:0 10px 20px 0;
    background-color:#F5F5F5;
 letter-spacing:normal;
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 vertical-align:top;
}
#gtop .brand .sp dl dt{ margin-bottom:5px;}
#gtop .brand .sp dl dd{ padding:5px;    overflow:hidden;}
#gtop .brand .sp dl dd p{   margin-bottom:5px; line-height: 150%;}
#gtop .brand .sp dl dd .title{  line-height:100%;}
#gtop .brand .sp dl dd .title a{
    color:#e4007f;
    font-weight:bold;
    font-size:120%;
}
#gtop .happy .sp dl dd .title a{    color:#0641E2;}
#gtop .brand .sp dl dd p.btn{   float:right;}
#gtop .brand .sp dl dd p.btn a{
    padding:5px 10px;
    display:block;
    border-radius:5px;
    background-color:#BD2C83;
    text-align:center;
    color:#FFF;
}
#gtop .brand .sp dl dd p.btn a:hover{   text-decoration:none;   background-color:#DA168C;}
#gtop .happy .sp dl dd p.btn a{ background-color:#2E5BD4;}
#gtop .happy .sp dl dd p.btn a:hover{   background-color:#0045FF;}

/*spの1カラム版*/
#gtop .brand .sp .sp-intro1col {    width: inherit;}
#gtop .brand .banner li{
    width:200px;
    margin:0 10px 20px 0;
 letter-spacing:normal;
 display: -moz-inline-box;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 vertical-align:top;
}
#gtop .brand .banner li a{  color:#e4007f;  font-weight:bold;   font-size:120%;}
#gtop .brand .banner li img{    margin-bottom:3px;}
#gtop .brand .btn-list{ overflow:hidden;    margin-bottom:10px;}
#gtop .brand .btn-list li{
    width:100px;
    margin:0 5px 5px 0;
    float:left;
}
#gtop .brand .btn-list li a{
    padding:10px 5px;
    border-radius:5px;
    display:block;
    text-align:center;
 background-color: #E87F12;
    color:#FFF;
}
#gtop .brand .btn-list li a:hover{  text-decoration:none; background-color: #E84F12;}
#nav-footer {   background: #f5f5f5;    padding: 15px;clear: both;}
#nav-footer .footer-body {  overflow: hidden;}
#nav-footer .logo-brand {
    background: none!important;
    padding: 0 7px 10px;
    margin:0 0 10px 0;
    height: inherit;
    line-height: 1;
    border-bottom:solid 1px #e2e2e2;
    font-size: 90%;
    background-color: none;
    border-left: none;
}

#nav-footer .logo-brand a { display: inline-block;  color: #348cc4;}
#nav-footer .logo-brand a strong {  margin-top: 3px;    display: inline-block; width: auto; height: auto;}
#nav-footer .logo-brand a img { margin-right: 9px;}
#nav-footer .logo-brand a:hover {   text-decoration: none;}
#nav-footer .logo-brand span {  background: none;   color: #348cc4;}
#nav-footer .footer-body .footer-body-main {
    width: 580px;
    float: left;
    padding:0 6px 15px; 
}
#nav-footer .footer-body-main h3,
#nav-footer .footer-body-main .box-info dt {
    background: none;
    font-size: 120%;
    padding:0 0 7px 0;
    font-weight: bold;
    margin: 0;
    color: #555;
}
#nav-footer .footer-body-main h3 span { background: none;   padding:0; }
#nav-footer .footer-body-main .ttl-kokunai {    color: #eb315d;}
#nav-footer .footer-body-main .ttl-kaigai { color: #366ab3;}
#nav-footer .footer-body-main dl {  margin: 0 0 13px 5px;   padding-left: 15px;}
#nav-footer .footer-body-main .lnk-kokunai {    border-left:solid 2px #eb315d;}
#nav-footer .footer-body-main .lnk-kaigai { border-left:solid 2px #366ab3;}
#nav-footer .footer-body-main dt {
    font-size: 94%;
    padding-bottom:5px;
    color: #555;
}
#nav-footer .footer-body-main .link-list-block {    padding-bottom: 8px;}
#nav-footer .footer-body-main .link-list-block.link-list-block-end {    padding-bottom: 0;}
#nav-footer .footer-body-main .link-list-block ul { letter-spacing: -.4em;}
#nav-footer .footer-body-main .link-list-block li {
    display: inline-block;
    border-left:solid 1px #cfcfcf;
    padding-left: 8px;
    margin: 0 0 5px 8px;
    letter-spacing:normal;
    font-size: 108%;
}
#nav-footer .footer-body-main .link-list-block li:first-child {
    border-left:none;
    padding-left: 0;
    margin-left: 0;
}
#nav-footer .footer-body-main .box-info {   margin-left: 0; padding-left: 0;}
#nav-footer .footer-body-main .box-help {   margin-bottom: 0;}
#nav-footer .footer-body .box-fb {  width: 350px;   float: right;}
.box-linkgroup {
    background: #eaf4ff;
    padding: 20px;
    margin: 10px 0;
    clear: both;
}
.box-linkgroup li {
    font-size: 94%;
    display: inline-block;
    border-left:solid 1px #cfcfcf;
    line-height: 1;
    padding-left: 6px;
    margin: 0 0 5px 8px;
}
.box-linkgroup li:first-child {
    border-left:none;
    margin-left: 0;
    padding-left: 0;
}

/*BOX-SNS*/
#gtop .box-sns {    background: #9dcf2f;}
.box-sns {  text-align: center; padding-bottom: 20px;}
.box-sns .fb,.box-sns .tw,.box-sns .gp {    display: inline-block;  margin: 0 5px;}
.box-sns .fb {  width: 100px;}

/*---------------------------------

関西発TOPリニューアル　0903

--------------------------------*/
/*▼バナー部分 */
.banner-box {    margin: 12px 0 24px;}
.kansai-renew div#container .banner-box h2 {
    background-color: #00a0e9;
    border-radius: 3px;
    margin: 0 0 23px;
    border: none;
    color: #fff;
    padding: 7px 0px 7px 5px;
    font-size: 125%;
}
.kansai-renew div#container .banner-box h2 span.nesage {
    margin-right: 5px;
    padding: 0 7px 0 16px;
    background: none;
    font-size: 80%;
    float: right;
    border: 1px double #fff;
    background: url(/kokunai/kansai/img/renew/triangle02.png) no-repeat 0.4em 50%;
}
.kansai-renew div#container .banner-box .ico-circle-ora span.nesage a{  color:#FFF!important;}
.kansai-renew div#container .areaInfo .nesage-box h2 span.nesage {
    margin-right: 5px;
    padding: 0 7px 0 16px;
    background: none;
    font-size: 80%;
    float: right;
    border: 1px double #fff;
    background: url(/kokunai/kansai/img/renew/triangle02.png) no-repeat 0.4em 50%;
}
.kansai-renew div#container .areaInfo .nesage-box h2 span.nesage a{ color:#fff;}
.kansai-renew div#container .mokuteki-box {    margin-bottom: 40px;}
.kansai-renew div#container .mokuteki-box ul {    margin-top: 10px;}
.kansai-renew div#container .mokuteki-box li {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    width: 47%;
}
.kansai-renew div#container .mokuteki-box li span{  line-height:1.5;}
/*.kansai-renew div#container .mokuteki-box li span{    background: url(/kokunai/kansai/img/renew/triangle03.png) no-repeat left 0.5em;    padding-left: 8px;}*/
.kansai-renew span.kenmei {
    background: none;
    background-color:#FD1C13;
    color: #fff;
    padding: 0 5px;
    margin: 0 5px 0 0;
}
.kansai-renew span.kenmei2 {
    background: none;
    background-color:#1472E0;
    color: #fff;
    padding: 0 5px;
    margin: 0 5px 0 0;
}
.kansai-renew span.kenmei3 {
    background: none;
    background-color:#7CB762;
    color: #fff;
    padding: 0 5px;
    margin: 0 5px 0 0;
}
.kansai-renew span.kenmei4 {
    background: none;
    background-color:#24A3AF;
    color: #fff;
    padding: 0 5px;
    margin: 0 5px 0 0;
}
.kansai-renew div#container .mokuteki-box li p a img:hover{
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7; 
    opacity:0.8;
    }
.kansai-renew div#container .mokuteki-box li span.kenmei a:hover{   color:#407777;}
.kansai-renew div#container .mokuteki-box img {    margin-bottom: 5px;  width:100%;}
.banner-box li{ display:inline-block;}
.banner-box li img{
    width:239px;
    height:120px;
}
.banner-box li a:hover{
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7; 
    opacity:0.8;
}
/*▼検索と地図を囲んでるdiv */
.serach-area-box{   overflow:hidden;}

/*▼値下げツアー */
.areaInfo .nesage-box {    margin: 0 0 10px 0;}
.areaInfo .nesage-box p a:hover{
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7; 
    opacity:0.8;
}
.areaInfo .nesage-box h2{   margin-bottom:10px !important;}
.areaInfo .nesage-box h2 span {
    position: relative;
    padding: 0 0 0 24px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    background: url(/kokunai/kansai/img/renew/arrow-icon.png) no-repeat left 0.2em;
    background-size: 20px auto;
}
.areaInfo .nesage-box .nesage-p{     position: relative;}
.areaInfo .dendo {    position: absolute;    left:-2px; top:-2px;}
.areaInfo .dendo img {    width: 60%;    height: 60%;}
.areaInfo .nesage-box h3 {
    background-color: #fe2956;
    margin: 0;
    padding: 16px 13px 16px 30px;
    font-size: 125%;
    font-weight: bold;
    border-radius: 0px;
}
.areaInfo .nesage-box dt {    padding: 13px 0 10px;    text-align: center;}
.areaInfo .nesage-box dt img{       padding: 1px;    background: #FFF;   border: solid 1px #ccc;}
.areaInfo .icon-box {    margin-bottom: 5px;    overflow: hidden;    text-align: center;}
.hotel-main .icon-box {    margin-bottom: 5px;    font-size: 115%;}
.areaInfo .icon1 {
    font-size: 90%;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    background-color: #009ef9;
    padding: 5px;
    margin: 0 5px 5px 0;
}
.areaInfo .nesage-box ul {    letter-spacing: -.4em;    padding: 0 0 6px;}
.areaInfo .nesage-box li{   letter-spacing:normal;  display:inline-block;}
.areaInfo .nesage-box .deph {
    color: #fff;
    background: url(../images/bg_departure.png) no-repeat right 50%;
    padding: 4px 12px 2px 4px;
    margin-right: 8px;
}
.areaInfo .nesage-box .depm {
    text-align: center;
    color: #fff;
    background-color: #989898;
    padding: 4px 4px 2px 4px;
}
.areaInfo .icon2 {
    font-size: 90%;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    background-color: #ff329c;
    padding: 5px;
    margin: 0 5px 5px 0;
}
.areaInfo .icon3 {
    font-size: 90%;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    background-color: #5b65a2;
    padding: 5px;
}
.areaInfo .tour-btn{    margin-top:10px;}
.areaInfo .tour-btn a {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    background-color: #FE8E20;
    border: 3px solid #EDEDED;
    padding: 13px 0;
    border-radius: 7px;
    display: block;
    text-align: center;
}
.areaInfo .tour-btn a:hover{
    text-decoration:none;
    opacity:0.8;
filter: alpha(opacity=80);        /* ie lt 8 */
-ms-filter: "alpha(opacity=80)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */
}
.areaInfo .tour-btn a span {
    background: url(/kokunai/kansai/img/renew/triangle02.png) no-repeat left 50%;
    padding-left: 15px;
    font-weight: bold;
    font-size: 130%;
}
.areaInfo .nesage-box dl {
    padding-bottom: 10px;
    margin-bottom: 10px;
    background-color:#FBFFD8;
    border: 1px solid #ccc;
    border-top: none;
}
.areaInfo .nesage-box dd {    padding: 0 13px 3px;}
.areaInfo .price-box {    text-align: center;    margin-bottom: 7px;}
.areaInfo .price-box p{ font-size:160%;}
.areaInfo .price1 {
    font-size:110%;
    color: #333;
    text-decoration: line-through;
    font-weight: bold;
}
.areaInfo .price2 {
    color: #F00;
    font-size: 150%;
    font-weight: bold;
}
.areaInfo .nesage-box p.txt{
    font-size: 110%;
    line-height: 1.4;
    letter-spacing: 1px;
}
.kansai-renew div#container div.areaTour h2 {
    background-color: #00a0e9;
    border-radius: 3px;
    margin: 0;
    border: none;
    color: #fff;
    padding: 7px 0px 7px 5px;
    font-size: 125%;
}
.kansai-renew div#container div.areaInfo h2 {
    background-color: #00a0e9;
    border-radius: 3px;
    margin: 0;
    border: none;
    color: #fff;
    padding: 7px 0px 7px 5px;
    font-size: 125%;
}
.kansai-renew div#container div.areaTour .contact h2{   margin-bottom:10px;}
.kansai-renew div.areaTour div.contact div.telBox {    width: 273px;    margin: 0 10px 0 0;    float: left;}
.kansai-renew div#container div.areaTour .contact table {   margin-top: 5px;    width: 279px !important;}
.kansai-renew div#container div.areaTour .contact table th{    border: 1px solid #ccc;}
.kansai-renew div#container div.areaTour .contact table td {
    border: 1px solid #ccc;
    padding: 7px;
    width: 80px;
}
.kansai-renew div#container div.areaInfo .side_topics h2{   margin-bottom:10px;}
.kansai-renew div#container div.areaTour h2 span.icon_mail {
    background: url(/kokunai/kansai/img/renew/mail-icon.png) no-repeat 0.2em 0.3em;
    padding-left: 31px;
}
.kansai-renew div#container div.areaTour .recommend-box h2 span {
    position: relative;
    padding: 0 0px 0 33px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    background: url(/kokunai/kansai/img/renew/osusume-icon.png) no-repeat 0.2em 0.1em;
    background-size: 25px auto;
}
.kansai-renew div#container div.areaTour h2.ico-circle-ora2 span {
    position: relative;
    padding: 0 0px 0 37px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    background: url(/kokunai/kansai/img/renew/osusume-icon2.png) no-repeat 0.2em 0.2em;
    background-size: 25px auto;
}
.kansai-renew div#container div.areaTour .recommend-box{    overflow:hidden;}
.kansai-renew div#container div.areaTour .recommend-box h3{
    background: url(/kokunai/kansai/img/renew/icon07.png) no-repeat left 0.3em;
    padding-left: 22px;
}
.kansai-renew div#container div.areaTour .recommend-box h3 a{   text-decoration:underline;}
.kansai-renew div#container div.areaTour .recommend-box dd {    margin-top: 1px;    padding-left: 245px;}
.areaTour .icon-box {    margin-bottom: 5px;}
.areaTour .icon1 {
    font-size: 90%;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    background-color: #009ef9;
    padding: 5px;
    margin: 0 5px 5px 0;
}.areaTour .icon2 {
    font-size: 90%;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    background-color: #ff329c;
    padding: 5px;
    margin: 0 5px 5px 0;
}
.areaTour .icon3 {
    font-size: 90%;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    background-color: #5b65a2;
    padding: 5px;
}
.kansai-renew #content .col2-osusumetour {    padding: 0 5px 25px;}
.kansai-renew #dep-box {    overflow: hidden;    margin: 15px 0 25px;}
.kansai-renew .tabarea{ overflow:hidden;}
.kansai-renew ul.tabs{  overflow:hidden;}
.kansai-renew ul.tabs a.tab1 {
    font-size: 165%;
    padding: 13px 6px;
    border-top:2px solid #A7CB3E;
    border-left:2px solid  #A7CB3E;
    border-right:1px solid  #A7CB3E;
    border-bottom: none;
    }
.kansai-renew .tab-box {    background-color: #fff;    overflow: hidden;}
.kansai-renew .tab-box .mokuteki-box li{    display:inline-block;   width:23% !important;}
.kansai-renew .tab-box .icon1 {
    font-size: 90%;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    background-color: #009ef9;
    padding: 5px;
    margin: 0 5px 5px 0;
}
.kansai-renew .tab-box .icon2 {
    font-size: 90%;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    background-color: #ff329c;
    padding: 5px;
    margin: 0 5px 5px 0;
}
.kansai-renew div#container h2.recommend-ttl {
    border-top: 1px solid #00A0E9;
    border-bottom: 1px solid #00A0E9;
    background: #00A0E9;
    border-radius: 3px;
    color: #fff;
}
.kansai-renew div#container h2.recommend-ttl span{
    background: url(/kokunai/kansai/img/renew/icon07.png) no-repeat left 0.3em;
    padding-left: 22px;
}
.kansai-renew div#container .tab-box h2 {
    border: none;
    background-color: #fff;
    border-bottom: 2px dotted #999;
}
.kansai-renew div#container .tab-box h2 span {
    position: relative;
    padding: 0 0 0 24px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    background: url(/kokunai/kansai/img/renew/arrow-icon.png) no-repeat left 0.2em;
    background-size: 20px auto;
}
.kansai-renew div#container .tab-box .nesage-p {
    position: relative;
    width: 440px;
    display: inline-block;
    margin-right: 15px;
    margin-left: 9px;
    vertical-align: top;
        background: #FBFFDA;
            border: 1px solid #D7D9CF;
}
.kansai-renew h3 {
    background: #E44040;
    padding: 10px 20px 10px 30px;
    line-height: 1.3;
    font-size: 120%;
    margin: 0 0 10px;
}
.kansai-renew .tab-box .icon-box{   padding-left:10px;}
.kansai-renew .tab-box dl{  margin-top:10px;    padding:0 10px;}
.kansai-renew .tab-box .recommend-box dl{   margin-bottom:30px;}
.kansai-renew .tab-box dt{  display:inline-block;   margin-right:10px;}
.kansai-renew .tab-box .txt-box {
    display: inline-block;
    width: 203px;
    vertical-align: top;
}
.kansai-renew .tab-box .price-box p{    margin-top:10px;    text-align: center;}
.kansai-renew .tab-box .price1 {
    font-size: 200%;
    color: #333;
    text-decoration: line-through;
    font-weight: bold;
}
.kansai-renew .tab-box .price2 {    color: #F00;    font-size: 250%;    font-weight: bold;}
.kansai-renew .tab-box .price-box .tour-btn{    margin:10px 0;}
.kansai-renew .tab-box dd .txt {    font-size: 110%;    line-height: 1.4;}
.kansai-renew .tab-box .price-box{  width:100%;}
.kansai-renew .tab-box .icon3 {
    font-size: 90%;
    font-weight: bold;
    display: inline-block;
    color: #fff;
    background-color: #5b65a2;
    padding: 5px;
}
.kansai-renew .tab-box .tour-btn a {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    background-color: #FE8E20;
    border: 3px solid #EDEDED;
    padding: 13px 0;
    border-radius: 7px;
    display: block;
    text-align: center;
    font-size: 130%;
}
.kansai-renew .tab-box .dendo {    top: -2px;    position: absolute;    left: -2px;}
.kansai-renew .tab-box .dendo img{  width:60%;  height:60%;}
.kansai-renew ul.tabs a {
    display: block;
    width: 132px;
    float: left;
    margin: 0px -1px 0px 0px;
    text-align: center;
}
.kansai-renew .tab-box .tour-btn a:hover{   text-decoration:none;   opacity:0.8;}
.kansai-renew .tab-box .tour-btn a span{
        padding-left:15px;
        background: url(/kokunai/kansai/img/renew/triangle02.png) no-repeat left 0.5em;
}
.kansai-renew ul.tabs a.tab2 {
    font-size: 165%;
    padding: 13px 3px;
    border-top:2px solid #A7CB3E;
    border-left:1px solid #A7CB3E;
    border-right:2px solid #A7CB3E;
    border-bottom: none;
}
.kansai-renew ul.tabs a.tab3 {
    font-size: 165%;
    padding: 13px 3px;
    border-top:2px solid #A7CB3E;
    border-left:1px solid #A7CB3E;
    border-right:2px solid #A7CB3E;
    border-bottom: none;
}
.kansai-renew ul.tabs a.tab4 {
    font-size: 165%;
    padding: 13px 2px;
    border-top:2px solid #A7CB3E;
    border-left:1px solid #A7CB3E;
    border-right:2px solid #A7CB3E;
    border-bottom: none;
}
.kansai-renew div#tab1 {
    width: 948px;
    height: auto;
    border: 2px solid #A7CB3E;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 0 0 3px 3px;
}
.kansai-renew div#tab2 {
    width: 948px;
    height: auto;
    border: 2px solid #A7CB3E;
    background-color: #fff;
    padding: 5px 10px;
        border-radius: 0 0 3px 3px;
}
.kansai-renew div#tab3 {
    width: 948px;
    height: auto;
    border: 2px solid #A7CB3E;
    background-color: #fff;
    padding: 5px 10px;
        border-radius: 0 0 3px 3px;
}
.kansai-renew div#tab4 {
    width: 948px;
    height: auto;
    border: 2px solid #A7CB3E;
    background-color: #fff;
    padding: 5px 10px;
        border-radius: 0 0 3px 3px;
}
.kansai-renew div#container .areaInfo .nesage-box h2 span.nesage {
    margin-right: 5px;
    padding: 0 7px 0 16px;
    background: none;
    font-size: 80%;
    float: right;
    border: 1px double #fff;
    background: url(/kokunai/kansai/img/renew/triangle02.png) no-repeat 0.4em 50%;
}
.kansai-renew div#container .tab-box h2 span.nesage {
    margin-right: 5px;
    padding: 0px 7px 0px 20px;
    background: none;
    font-size: 110%;
    float: right;
    border: 2px double #FF8100;
    background: #FF8100 url(/kokunai/kansai/img/renew/triangle02.png) no-repeat 0.4em 50%;
}
.kansai-renew div#container .tab-box h2 span.nesage a {
    color: #000;
    background: #fff;
    padding: 0 7px;
}
.kansai-renew div#container .tab-box h2 span.nesage a:hover{    text-decoration:none;   color:#FF641E;}
.kansai-renew .tab-box .recommend-box{  margin-top:15px;}
.kansai-renew .tab-box .txt-body{   height:127px;   overflow:auto;}
.kansai-renew div.tab {    height: 150px;    clear: left;}
.kansai-renew div#container .tab-box .recommend-box h3 {
    background: url(/kokunai/kansai/img/renew/icon07.png) no-repeat left 0.3em;
    padding-left: 22px;
}
.kansai-renew .mokuteki-box h2 span {
    background: url(/kokunai/kansai/img/renew/osusume-icon2.png) no-repeat 0.2em 0.2em !important;
    background-size: 25px auto!important;
    padding-left: 35px !important;
}
.kansai-renew .hotel-box h4 {
    font-size: 150%;
    color: #441010;
    font-weight: bold;
    margin: 15px 0 10px;
}
.kansai-renew .hotel-box p span {
    background: url(/kokunai/kansai/img/renew/icon10.png) no-repeat left 50%;
    padding-left: 15px;
}
.kansai-renew .hotel-main {    width:100%;    padding:10px 0;    float:none;}
.kansai-renew .hatuchi-box {    margin: 5px 0 15px;}
.kansai-renew .hatuchi-box ul {    border-bottom: none;    padding-bottom:0;}
.kansai-renew .hatuchi-box li {
    background: #3ba269 url(/include/images/bg_arrow_btnpricelist.gif) no-repeat center bottom;
    background: #f9a400 url(/include/images/bg_arrow_btnpricelist.gif) no-repeat center bottom;
    border: solid 3px #f9a400;
    border-radius: 3px;
    padding-bottom: 6px;
    margin-bottom: 3px;
    display: inline-block;
}
.kansai-renew .hatuchi-box li a {
    display: block;
    background: #FFF;
    border-radius: 2px;
    text-align: center;
    padding: 6px 14px;
}
.kansai-renew .hatuchi-box li a:hover{  text-decoration:none;   background:#FFFF9B;}
.kansai-renew li .ttl {
    font-size: 100%;
    color: #000;
    font-weight: normal;
    padding-bottom: 3px;
}
.kansai-renew .flexslider .slides img {    width: 90%;    height: 90%;   margin-top: 0;}
.kansai-renew .flex-control-nav li img {
    width: 72px;
    height: 45px;
    padding: 0 4px 0 0;
    opacity: 0.6;
}
.kansai-renew .hotel-box ul {
    width: 100%;
    letter-spacing: -.4em;
    margin-top: 7px;
}
.kansai-renew .hotel-box li {
    display: inline-block;
    width: 170px;
    letter-spacing:normal;
}
.kansai-renew .hotel-box li img {
    width: 170px;
    height: auto;
    border: 1px solid #E6F4FD;
    border-radius: 5px;
}
.kansai-renew .hotel-box li:nth-child(even) {    margin: 0 14px;}
.kansai-renew .hotel-main .txt {
line-height: 1.5;
    letter-spacing: 1px;
    font-size: 115%;
    background-color: #FFFEFE;
    padding: 15px 10px;
    border-radius: 7px;
}
.kansai-renew .price {
    color: #FF0000;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 150%;
}
.kansai-renew ul.tabs a,.kansai-renew ul.tabs a:hover { text-decoration:none;   color:#000;}
.kansai-renew div.contact p.bland{  font-size:120%; margin:0 0 3px 0;}
.kansai-renew div.contact p.shop{
    font-size:200%;
    font-weight:bold;
    margin:0 0 5px 0;
    border-bottom:2px solid #333;
}
.kansai-renew div.contact div.telBox{
    width:332px;
    margin:0 10px 0 0;
    float:left;
}
.kansai-renew div.contact div.telBox p.tel{
    font-size:250%;
 padding-left: 18px;
    background-image:url(../images/icon_phone.png);
    background-position:left 10px;
    background-repeat:no-repeat;
 color: #1D7DBE;
 font-weight: bold;
}
.kansai-renew .contact-box{ margin-top:30px;}
.kansai-renew div.contact div.mail_line{ zoom: 100%;}
.kansai-renew .wbf .inner-box .box_inner div.banner_box{    float:none;}
.kansai-renew .contact-box .contact {
    width: 360px;
    float: left;
    margin-right: 25px;
}
.kansai-renew .contact-box h2{
    background-color: #00a0e9 !important;
    border-radius: 3px;
    margin: 0;
    border: none !important;
    color: #fff !important;
    padding: 7px 0px 7px 5px;
    font-size: 125%;
}
.kansai-renew .contact-box h2 span.icon_mail {
    background: url(/kokunai/kansai/img/renew/mail-icon.png) no-repeat 0.2em 0.3em;
    padding-left: 31px;
}
.kansai-renew .tab-box h2 span{
        font-weight: normal;
    color: #333;
    font-size:150%;
}
.kansai-renew .recommend-box h2 span{
    background: url(/kokunai/kansai/img/renew/osusume-icon.png) no-repeat 0.2em 0.1em !important;
    background-size: 25px auto !important;
    padding-left: 43px !important;
}
.price-down-box{    margin-top:10px;}
.kansai-renew .contact-box div.contact div.openTime{
    width:365px;
}
.kansai-renew .contact-box div.contact div.openTime .tb_open_time td {
    padding: 6px 2px;
    text-align: center;
    border: 1px dotted #ccc;
    font-size: 90%;
}
.kansai-renew .inner-box{       width: 229px;    float: left;}
.kansai-renew .area-infobox div.areaInfo{   width:585px;}
.kansai-renew div.contact div.mail_line:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.kansai-renew div.contact div.mail_line p{  font-size:120%; float:left;}
.kansai-renew div.contact div.mail_line p.mail{
    padding:2px 0 0 30px;
 background: url('../images/icon_mail.png') no-repeat 5px 4px;
 color: #1D7DBE;
 font-size: 12px;
 font-weight: bold;
}
.kansai-renew div.contact div.openTime{ width:220px;    float:left;}
.kansai-renew div.contact div.openTime table{   margin:0;}

/*------------------------------

          関西TOP用

----------------------------------*/
.kansai-renew div#renew-main{   width:680px;}
.kansai-renew div#renew-side{   width:272px;}
.kansai-renew #tabMenu ul{    width:600px;    }
.kansai-renew #tabMenu li{    float:left;    }
.kansai-renew #tabMenu li a{
    display:block;
    width:198px;
    height:48px;
    line-height:50px;
    text-align:center;
    border:#ccc 1px solid;
    }
.kansai-renew #tabBox1,#tabBox2,#tabBox3{    width:598px;    height:300px;    border:#ccc 1px solid;    }
.kansai-renew #tabBox1{    background:#FCF;    }
.kansai-renew #tabBox2{    background:#FFC;    display:none;    }
.kansai-renew #tabBox3{    background:#ccc;    display:none;    }
.kansai-renew .areaInfo .icon-box {
    margin-bottom: 0;
    padding: 10px 0 0 10px;
    border: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    text-align:left;
    background-color: #FBFFD8;
}
.kansai-renew .areaInfo .nesage-box dt {
    text-align: left;
    padding: 5px 0 10px;
    float: left;
    width: 50%;
}
.kansai-renew .areaInfo .nesage-box dt img {
    padding: 1px;
    background: #FFF;
    border: solid 1px #ccc;
    width: 85%;
    height: auto;
    margin-left: 10px;
}
.kansai-renew .areaInfo .nesage-box dd {    padding: 10px 10px 3px 5px;}
.kansai-renew .areaInfo .price-box {
    text-align: center;
    margin-bottom: 7px;
    clear:both;
}
.kansai-renew .areaInfo .nesage-box p.txt {
    font-size: 110%;
    line-height: 1.4;
    letter-spacing: 1px;
    overflow: hidden;
}
.kansai-renew .areaInfo .tour-btn a span {
    background: url(/kokunai/kansai/img/renew/triangle02.png) no-repeat left 0.5em;
    padding-left: 15px;
    font-weight: bold;
    font-size: 100%;
}
.kansai-renew .areaInfo .nesage-box dl {
    padding-bottom: 10px;
    margin-bottom: 5px;
    background-color: #FBFFD8;
    border: 1px solid #ccc;
    border-top: none;
}
.kansai-renew #content .col2-osusumetourlist{   border-bottom:1px dashed #999;}
.bb{    border-bottom:1px dashed #999;}
.area-chushikoku h2 span {
    position: relative;
    padding: 0 0 0 24px;
    height:inherit;
    line-height: 23px;
    display: inline-block;
    background: url('../images/icon_air.png') no-repeat 0.1em;
    background-size: 20px auto;
}
.shikoku .modal-window .htl-info .wrap {    overflow: hidden;    padding: 10px 20px 10px;}
.kansai-renew .areaInfo .nesage-box .depm {
    text-align: center;
    color: #fff;
    background:none;
    padding: 4px 4px 2px 4px;
}
.contbox.box_inner .list01 .price{
    color:#f00;
}


/*----------------------
　　　　年末年始セール情報
---------------------*/

@media screen and ( max-width:479px ){
.nenmatsu-sale{
    clear: both;
    background: #fff0b6;
    border: #df0101 solid 3px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0 0 15px;
    margin: 20px 0 20px;
}

.nenmatsu-ttl{
    background: url(../images/special/nenmatsu_bg.png) repeat-x;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    position: relative;
    height: 61px;
    margin: -3px 0 15px;
}

.nenmatsu-ttl img{
    position: absolute;
    top: -20px;
    left: 10px;
}

.nenmatsu-inner{
    overflow: hidden;
}

.nenmatsu-left{
    float: left;
    width: 47%;
    border-right: 1px dashed #000;
    text-align: left;
    padding: 0 15px;
}

.nenmatsu-right{
    float: right;
    width: 46%;
    text-align: left;
    padding: 0 15px;
}

.nenmatsu-sale dl{
    overflow: hidden;
    font-size: 106%;
}

.nenmatsu-sale dt{
    float: left;
    width: 12%;
    background: url(../images/special/nenmatsu_tri.png) no-repeat 0 50%;
    padding-left: 15px;
}

.nenmatsu-sale dd{
    float: left;
    width: 84%;
    padding-bottom: 15px;
}

.nenmatsu-sale dd a{ text-decoration: underline;}
}
}