@charset"UTF-8";

/* area */

#sub #menu dd.menu_area span { background-position: -308px -81px !important; }

.nou h2 span { background-image: url(../images/tit_nou.png); }
.nou h3#htl span { background-image: url(../images/tit_nou_htl.png); }
.nou h3#act span { background-image: url(../images/tit_nou_act2.png); }
.nou h3#view span { background-image: url(../images/tit_nou_view2.png); }
.nou h3#climate span { background-image: url(../images/tit_nou_climate.png); }
.nou #noumeatop { background-image: url(../images/noumea_pht_top.jpg); width: 615px; height: 100px; background-repeat: no-repeat; text-indent: -9999px; }
#noumeatop_bg { background-color: #0a2155; margin-bottom: 10px; }
#ildetop_bg { background-color: #0a2155; margin-bottom: 10px; }
#lifutop_bg { background-color: #0a2155; margin-bottom: 10px; }
#maitretop_bg { background-color: #0a2155; margin-bottom: 10px; }
#maretop_bg { background-color: #0a2155; margin-bottom: 10px; }
#ouveatop_bg { background-color: #0a2155; margin-bottom: 10px; }

#newtop_info { background-image: url(../images/noumea_info.jpg); width: 615px; height: 388px; background-repeat: no-repeat; }
#newtop_infotxt01 { padding: 58px 300px 0 30px; }
#newtop_infotxt02 { padding: 56px 300px 0 30px; }
#newtop_infotxt03 { padding: 56px 300px 0 30px; }

.ilp #ildetop { background-image: url(../images/iledespins_pht_top.jpg); width: 615px; height: 100px; background-repeat: no-repeat; text-indent: -9999px; }
#ildetop_bg { background-color: #0a2155; margin-bottom: 10px; }
#ildetop_info { background-image: url(../images/iledespins_info.jpg); width: 615px; height: 388px; background-repeat: no-repeat; }
#lifutop { background-image: url(../images/lifu_pht_top.jpg); width: 615px; height: 100px; background-repeat: no-repeat; text-indent: -9999px; }
#lifutop_bg { background-color: #0a2155; margin-bottom: 10px; }
#lifutop_info { background-image: url(../images/lifu_info.jpg); width: 615px; height: 388px; background-repeat: no-repeat; }
#maitretop { background-image: url(../images/maitre_pht_top.jpg); width: 615px; height: 100px; background-repeat: no-repeat; text-indent: -9999px; }
#maitretop_bg { background-color: #0a2155; margin-bottom: 10px; }
#maitretop_info { background-image: url(../images/maitre_info.jpg); width: 615px; height: 388px; background-repeat: no-repeat; }
#maretop { background-image: url(../images/mare_pht_top.jpg); width: 615px; height: 100px; background-repeat: no-repeat; text-indent: -9999px; }
#maretop_bg { background-color: #0a2155; margin-bottom: 10px; }
#maretop_info { background-image: url(../images/mare_info.jpg); width: 615px; height: 388px; background-repeat: no-repeat; }
#ouveatop { background-image: url(../images/ouvea_pht_top.jpg); width: 615px; height: 100px; background-repeat: no-repeat; text-indent: -9999px; }
#ouveatop_bg { background-color: #0a2155; margin-bottom: 10px; }
#ouveatop_info { background-image: url(../images/ouvea_info.jpg); width: 615px; height: 388px; background-repeat: no-repeat; }

.nou .btn_tour a { background-image: url(../images/btn_tour_nou.gif); }
#main.nou #areamap h3 span { width: 156px; margin-left: 229px; background-image: url(../images/tit_nou_map.gif); }

.ilp h2 span { background-image: url(../images/tit_ilp.png); }
.ilp h3#htl span { background-image: url(../images/tit_ilp_htl.png); }
.ilp h3#act span { background-image: url(../images/tit_ilp_act2.png); }
.ilp h3#view span { background-image: url(../images/tit_ilp_view2.png); }
.ilp h3#climate span { background-image: url(../images/tit_ilp_climate.png); }
.ilp .btn_tour a { background-image: url(../images/btn_tour_ilp.gif); }
#main.ilp #areamap h3 span { width: 246px; margin-left: 189px; background-image: url(../images/tit_ilp_map.gif); }

.uve h2 span { background-image: url(../images/tit_uve.png); }
.uve h3#htl span { background-image: url(../images/tit_uve_htl.png); }
.uve h3#act span { background-image: url(../images/tit_uve_act2.png); }
.uve h3#view span { background-image: url(../images/tit_uve_view2.png); }
.uve h3#climate span { background-image: url(../images/tit_uve_climate.png); }
.uve .btn_tour a { background-image: url(../images/btn_tour_uve.gif); }
#main.uve #areamap h3 span { width: 246px; margin-left: 189px; background-image: url(../images/tit_uve_map.gif); }

.lif h2 span { background-image: url(../images/tit_lif.png); }
.lif h3#htl span { background-image: url(../images/tit_lif_htl.png); }
.lif h3#act span { background-image: url(../images/tit_lif_act2.png); }
.lif h3#view span { background-image: url(../images/tit_lif_view2.png); }
.lif h3#climate span { background-image: url(../images/tit_lif_climate.png); }
.lif .btn_tour a { background-image: url(../images/btn_tour_lif.gif); }
#main.lif #areamap h3 span { width: 186px; margin-left: 229px; background-image: url(../images/tit_lif_map.gif); }

.mee h2 span { background-image: url(../images/tit_mee.png); }
.mee h3#htl span { background-image: url(../images/tit_mee_htl.png); }
.mee h3#act span { background-image: url(../images/tit_mee_act2.png); }
.mee h3#view span { background-image: url(../images/tit_mee_view2.png); }
.mee h3#climate span { background-image: url(../images/tit_mee_climate.png); }
.mee .btn_tour a { background-image: url(../images/btn_tour_mee.gif); }
#main.mee #areamap h3 span { width: 186px; margin-left: 229px; background-image: url(../images/tit_mee_map.gif); }

.mt h2 span { background-image: url(../images/tit_1mt.png); }
.mt h3#htl span { background-image: url(../images/tit_1mt_htl.png); }
.mt h3#act span { background-image: url(../images/tit_1mt_act2.png); }
.mt h3#view span { background-image: url(../images/tit_1mt_view2.png); }
.mt h3#climate span { background-image: url(../images/tit_1mt_climate.png); }
.mt .btn_tour a { background-image: url(../images/btn_tour_1mt.gif); }
#main.mt #areamap h3 span { width: 186px; margin-left: 229px; background-image: url(../images/tit_1mt_map.gif); }


/* #lead { min-height: 150px; _height: 150px; margin-bottom: 2px; padding: 0 215px 0 20px; background-repeat: no-repeat; background-position: right top; } */ 
#lead p { padding-left: 10px; margin-bottom: 1em; }

/*.nou #lead { background-image: url(../images/map_nou.jpg); }*/

#areamap { background: url(/images/box_body.gif) repeat-y; }
#main #areamap h3 { width: 615px; _width: 615px; height: 23px; _height: 38px; margin: 0; padding: 15px 0 0; background: url(/images/box_head.gif) no-repeat; }

#main #areamap h3 span { height: 18px; }

#areamap table { margin: 0 25px 8px 15px; }
div.mapFrame { padding: 3px; border: 1px solid #bcbcbc; background-color: #fff; }
div.mapFrame img, div.mapFrame div, div.mapFrame span, div.mapFrame a { behavior: none; }
div#map { width: 448px; height: 360px; }
div#sidebar {
  margin-right: 8px;
  padding-top: 5px;
  line-height: 1.3em;
}
div#sidebar a { display: block; margin-bottom: 5px; padding-left: 15px; background: url(../../images/arrow02.gif) no-repeat left 2px; }

#areamap table.fuki { margin: 0; }
.fuki strong { color: #00810d; }
.fuki img { margin-right: 5px; padding: 3px; border: 1px solid #bcbcbc; }

.spotList {
  margin-bottom: 15px;
  padding-top: 24px;
  background: url(../../images/border02.gif) no-repeat center top;
}

.spotList .sEnd { padding-bottom: 25px; background: url(../../images/box_tail.gif) no-repeat center bottom; }
.spotList li { padding: 0 25px; }
.spotList dt { width: 104px; height: 78px; padding: 3px; border: 1px solid #bcbcbc; background-color: #fff; }
.spotList dd { _height: 86px; margin-top: -86px; margin-bottom: 5px; padding: 0 0 5px 127px; border-bottom: 1px solid #b1b98a; }
.spotList dd span { display: block; color: #00810d; font-weight: bold; }
.spotList .sEnd dd { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.btn_map { display: block; padding-left: 15px; background: url(../../images/arrow_upper02.gif) no-repeat left center; }

.unit:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.unit { position: relative; zoom: 1; margin: 0 0 20px 20px; }
.unit dl { float: left; width: 177px; margin-right: 17px; padding-bottom: 25px; }
.unit dl dt .unitImg { display: block; margin-bottom: 10px; padding: 3px; border: 1px solid #bcbcbc; }
.unit dl dt a { display: block; padding-left: 15px; background: url("/images/arrow.gif") no-repeat left 3px; }
.unit dl dt .a { display: block; padding-left: 15px; background: url("/images/arrow.gif") no-repeat left 3px; text-decration:underline; }
.unit .btn_detail { margin-left: 27px; }

table.climateTbl {
  width: 565px;
  margin: 0 0 20px 20px;
  border-collapse: collapse;
}
table.climateTbl th,
table.climateTbl td {
  border: 1px solid #999;
  padding: 5px;
  text-align: center;
}
table.climateTbl .temperature th { background-color: #f8c8b2; }
table.climateTbl .temperature td { background-color: #fdece5; }
table.climateTbl .temperature2 th { background-color: #bcb2f8; }
table.climateTbl .temperature2 td { background-color: #e8e5fd; }
table.climateTbl .rain th { background-color: #b2e3f8; }
table.climateTbl .rain td { background-color: #e5f5fd }

#main .btn_tour { padding-top: 26px; background: url(../../images/border01.gif) no-repeat; }
#main .btn_tour a { display: block; width: 278px; height: 37px; margin-left: 161px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }

#main .btn_tour a:hover { background-position: 0px -37px; }

#hotel_detail_movie div {
  padding: 10px 0 15px 0;
  text-align: center;
}

#main .movie_block {
  background: transparent url(/images/loading_l.gif) no-repeat center center;
}