@charset"UTF-8";

/* common */

body {
  margin: 0;
  padding: 0;
  background-color: #2b4bb8;
  color: #666;
  font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
  font-size: 75%;
  line-height: 1.5em;
  text-align: center;/* for IE6 */
}

img, div, span { behavior: url(/iepngfix.htc) }

a{ color: #000fff; }
a:hover { color: #00d2ff; }
a:active { color: #00d2ff; }

a img { border: none; }

p { margin: 0; padding: 0; }
ul, li, dl, dt, dd { list-style: none; margin: 0; padding: 0; }
table { _font-size: 100%; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }

h1 { margin: 0; height: 20px; _height: 24px;  padding: 4px 274px 0 20px; font-size: 84%; font-weight: normal; font-family: "ＭＳ ゴシック"; line-height: 1em; }
h4 { margin: 0; padding: 0; font-size: 100%; }

#main h2 { width: 557px; _width: 605px; height: 34px; _height: 48px; margin: 0; padding: 14px 0 0 48px; background: url(../images/h2_hibiscus.gif) no-repeat; font-size: 100%; }
#main h2 span { display: block; width: 380px; height: 20px; background-repeat: no-repeat; text-indent: -9999px; }

#main h3 { width: 585px; _width: 605px; height: 25px; _height: 30px; margin: 0 0 10px; padding: 5px 0 0 20px; background: url(../images/h3_aqua.gif) no-repeat; color: #333; font-size: 100%; }
#main h3 span { display: block; width: 380px; height: 20px; background-repeat: no-repeat; text-indent: -9999px; }

.font-s { font-size: smaller; line-height: 1.5em; }
.bol { font-weight: bold; }

.lead { padding: 0 20px 13px; }

#container {
  width: 830px; _width: 844px;
  margin: 0 auto;
  padding: 0 7px 10px;
  background: url(../images/container.gif) repeat-y;
  text-align: left;/* for IE6 */
}

#header { height: 132px; margin-top: -24px; padding-left: 20px; background: url(../images/header.jpg) no-repeat; }
#header #title { float: left; width: 290px; padding-top: 35px; }
#header ul { float: right; width: 254px; }
#header ul li { float: left; margin-right: 15px; }
#header ul li a:hover img { opacity: 0.5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; }

#main {
  float: right;
  width: 615px;
  margin-right: 10px; _margin-right: 5px;
}

#main .common { margin-left: 5px; margin-right: 5px; }/* width: 605px */

#topicpath { margin-left: 5px; margin-right: 5px; padding-top: 5px; padding-bottom: 5px; }
#topicpath li { display: inline; line-height: 1; }

#sub {
  float: left;
  width: 180px;
  margin-left: 15px; _margin-left: 7px;
}

#sub #menu { margin-bottom: 10px; background: url(../images/menu_frame_body.gif); }
#sub #menu dl { padding-bottom: 24px; background: url(../images/menu_frame_tail.gif) no-repeat left bottom; }
#sub #menu dt { height: 39px; background: url(../images/menu_tit.gif) no-repeat; text-indent: -9999px; }
#sub #menu dd { margin: 0 13px; padding-bottom: 2px; background: url(../images/menu_border.gif) no-repeat bottom; }
#sub #menu dd.end { padding-bottom: 0; background: none; }

#sub #menu dd a,
#sub #menu dd.menu_area span {
  display: block;
  width: 154px;
  height: 27px;
  background-image: url(../images/menu.gif);
  text-indent: -9999px;
  overflow: hidden;
}

#sub #menu dd.menu_weather a { background-position: 0px -27px; }
#sub #menu dd.menu_map a { background-position: 0px -54px; }
#sub #menu dd.menu_area span { background-position: 0px -81px; }
#sub #menu dd.menu_hotel a { background-position: 0px -108px; }
#sub #menu dd.menu_optour a { background-position: 0px -135px; }
#sub #menu dd.menu_ryokouki a { background-position: 0px -162px; }
#sub #menu dd.menu_ryoko a { background-position: 0px -189px; }
#sub #menu dd.menu_tour a { background-position: 0px -216px; }

#sub #menu dd a:hover { background-position: -154px 0; }
#sub #menu dd.menu_weather a:hover { background-position: -154px -27px; }
#sub #menu dd.menu_map a:hover { background-position: -154px -54px; }
#sub #menu dd.menu_hotel a:hover { background-position: -154px -108px; }
#sub #menu dd.menu_optour a:hover { background-position: -154px -135px; }
#sub #menu dd.menu_ryokouki a:hover { background-position: -154px -162px; }
#sub #menu dd.menu_ryoko a:hover { background-position: -154px -189px; }
#sub #menu dd.menu_tour a:hover { background-position: -154px -216px; }

#sub #menu dd.menu_area li { margin-left: 65px; margin-bottom: 5px; padding-left: 9px; background: url(../images/dot.gif) no-repeat 0px 4px; }
#sub #menu dd.menu_area a {
  width: 75px;
  height: 15px;
  background-image: url(../images/menu_islands.gif);
}
#sub #menu dd.menu_area li.iledespins a { background-position: 0px -15px; }
#sub #menu dd.menu_area li.mare a { background-position: 0px -30px; }
#sub #menu dd.menu_area li.lifu a { background-position: 0px -45px; }
#sub #menu dd.menu_area li.ouvea a { background-position: 0px -60px; }
#sub #menu dd.menu_area li.maitre a { background-position: 0px -75px; }

#sub #menu dd.menu_area a:hover { background-position: -75px 0; }
#sub #menu dd.menu_area li.iledespins a:hover { background-position: -75px -15px; }
#sub #menu dd.menu_area li.mare a:hover { background-position: -75px -30px; }
#sub #menu dd.menu_area li.lifu a:hover { background-position: -75px -45px; }
#sub #menu dd.menu_area li.ouvea a:hover { background-position: -75px -60px; }
#sub #menu dd.menu_area li.maitre a:hover { background-position: -75px -75px; }

#sub #search { margin-bottom: 10px; background: url(../images/menu_frame_body.gif); }
#sub #search .search_tit a { display: block; height: 39px; margin-bottom: 7px; background: url(../images/search_tit.gif) no-repeat; text-indent: -9999px; overflow: hidden; }

#sub .seachbox { padding-bottom: 35px; background: url(../images/menu_frame_tail.gif) no-repeat bottom; }
#sub .seachbox .bdy { margin: 0 13px; _margin: 6px; }

#sub .seachbox .day:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#sub .seachbox .day { zoom: 1; padding: 0 6px 6px; background: url(../images/menu_border.gif) no-repeat bottom; }

#sub .seachbox .day span { display: block; float: left; color: #0d1375; font-weight: bold; }
#sub .seachbox .day .year { float: right; font-weight: normal; }
#sub .seachbox .day .md { clear: both; float: right; padding-top: 3px; _width: 110px; font-weight: normal; text-align: right; }

#sub .seachbox .area:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#sub .seachbox .area { zoom: 1; padding: 6px; background: url(../images/menu_border.gif) no-repeat bottom; }

#sub .seachbox .area span { display: block; float: left; color: #0d1375; font-weight: bold; }
#sub .seachbox .area select { float: right; }

#sub .seachbox .theme { padding: 6px; background: url(../images/menu_border.gif) no-repeat bottom; }
#sub .seachbox .theme span { display: block; color: #0d1375; font-weight: bold; }
#sub .seachbox .theme select { width: 140px; }

#sub .seachbox .word { padding-top: 6px; }
#sub .seachbox .word span { display: block; color: #0d1375; font-weight: bold; text-align: center; }
#sub .seachbox .word .keyw_seach { margin-left: 6px; width: 140px; }

#sub #search .seachbtn { padding: 10px 0 0 4px; }
#sub #search .seachbtn a { display: block; width: 146px; height: 24px; background-image: url(../images/btn_search.gif); text-indent: -9999px; overflow: hidden; }
#sub #search .seachbtn a:hover { background-position: 0px -24px; }

#sub #blog { background: url(../images/menu_frame_body.gif); }
#sub #blog ul { margin: 0 13px; }
#sub #blog ul li { margin-bottom: 6px; padding-bottom: 4px; background: url(../images/menu_border.gif) no-repeat bottom; }
#sub #blog ul li a { display: block; padding-left: 15px; background: url("/images/arrow.gif") no-repeat left 3px; }
#sub #blog ul li span { display: block; text-align: right; }
#sub #blog .blog_tail { padding: 0 13px 24px; background: url(../images/menu_frame_tail.gif) no-repeat bottom; text-align: right; }
#sub #blog .blog_tail a { padding-left: 15px; background: url("/images/arrow.gif") no-repeat; }

#footer { clear: both; }

#footer #footerList { margin: 10px 15px 0; background: url(../images/footer_frame_body.gif) repeat-y; }
#footer #footerList .footerListH { padding-top: 20px; background: url(../images/footer_frame_head.gif) no-repeat; }

#footer #footerList .footerListT:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footer #footerList .footerListT { zoom: 1; padding: 0 0 20px 22px; background: url(../images/footer_frame_tail.gif) no-repeat bottom; }

#footer dl { float: left; width: 180px; margin-right: 12px; }
#footer dl dt { margin-bottom: 2px; padding-bottom: 2px; background: url(../images/footer_dt.gif) repeat-x bottom; color: #0d1375; font-weight: bold; }
#footer dl dd { font-size: 92%; }

#footer ul.gaiyo { margin: 0 15px; padding: 7px 0; font-size: 92%; text-align: center; }
#footer ul.gaiyo li { float: left; }

.copy { line-height: 1; text-align: center; letter-spacing: 1px; }

.ptop:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ptop { zoom: 1; padding-top: 20px; }
.ptop a { display: block; float: right; width: 80px; height: 11px; background: url(../images/ptop.gif) no-repeat; text-indent: -9999px; overflow: hidden; }
.ptop a:hover { background-position: 0px -11px; }

#footer .ptop { margin-right: 15px; }


/* button */

.btn_detail a { display: block; width: 122px; height: 24px; background-image: url(../images/btn_detail.gif); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }/* 詳細を見る */
.btn_detail a:hover { background-position: 0px -24px; }


/* tour_search */

#pan { margin-left: 20px; }
#wrapper {
  width: 818px;
  padding: 10px 0 0;
}
div.seach_container {
  margin: 0 4px;
  width: auto;
}
h2#seach_box a { margin-bottom: 15px; }

h3.sh_pq_tit,
div.sh_pq,
div#listbox {
  width: auto;
  margin: 0 4px;
}

p.sh_all {
  margin: 10px 14px;
}
ul li.name { padding: 5px 110px 5px 10px; }
ul li.sname dl.images { margin :0; padding: 5px 10px; }
ul li.sname dl.images dt { width: 168px; }
ul li.sname dl.images dt img { margin: 0; padding: 3px; background-color: #fff; }
ul li.sname dl.images dd { margin-left: 178px; }
ul li.sname dl.images dd p.icon img { margin-right: 5px; }

div#osusume.nam ul li.name {
background-position: 673px 50%;
}