@charset "UTF-8";

body { background-image: none; background-color: #fff; }

.iepngfix { behavior: expression(IEPNGFIX.fix(this)); }

div#rim { width: 830px ; border-right: none; border-left: none; background: url(../images/cx/index_main.jpg) no-repeat; }
div.dst { background: url(../images/dst_main.jpg) no-repeat !important; }

.ptop { margin-top: 10px; text-align: right; }

#heading, #heading2 { width: 826px; _width: 830px; margin: 0 auto; padding: 2px; background-color: #c2daf2; color: #ffffff; }
h1, h2 { font-size: smaller; _font-size: 9px; font-weight: normal; }
#heading h1 { float: left; width: 413px; text-align: left; }
#heading2 h1 { text-align: left; }
#heading h2 { float: right; width: 413px; text-align: right; }

.dst h2 { position: absolute; top: 70px; left: 458px; }

#header { position: relative; width: 830px; height: 338px; margin-bottom: 10px; }
div.dst #header { height: 257px; margin-bottom: 0; }
#header #stwtop img { margin: 10px 4px 0 15px; vertical-align: top; }
#header #natsutop img { margin: 10px 56px 0 0; vertical-align: top; }
#header img#summertel { margin-top: 10px; vertical-align: top; }
#header .bn_cam { position: absolute; top: 63px; left: 266px; }
#header .bn_cx { position: absolute; top: 190px; left: 175px; }
#header .bn_cam2 { position: absolute; bottom: 0px; right: 0px; }
#header .bn_cam img,
#header .bn_cx img,
#header .bn_cam2 img { behavior: expression(IEPNGFIX.fix(this)); }

#header .bn_cam a:hover img,
#header .bn_cam2 a:hover img,
#header .bn_cx a:hover img,
#header #btn_diary a:hover img {
  filter: alpha(opacity=80); /*IE用*/
  -moz-opacity:0.8; /*Ff etc用*/
  opacity:0.8;   /*Opera etc用*/
}

#header #lead { position: absolute; width: 400px; top: 230px; right: 97px; }

#header #lead span.money {
  clear: both; display: block; height: 48px;
  background-color: #ffc824;
  filter:alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
  text-indent: -9999px;
}
#header #lead span.moneytxt { position: absolute; bottom: 4px; left: 5px; color: #ff0000; font-size: 14px; font-weight: bold; line-height: 1.3em; }

#header #lead img, #header h3#dsttit img { vertical-align: top; behavior: expression(IEPNGFIX.fix(this)); }
#header #btn_diary { position: absolute; bottom: 5px; right: 0; }
#header h3#dsttit { margin: 23px 0 0 452px; }
#header .dstmenu { position: absolute; top: 173px; left: 160px; width: 585px; }
#header .dstmenu li { float: left; white-space: nowrap; }
#header .dstmenu li a { display: block; padding: 0 20px 5px 13px; background: url(../images/arrow01.gif) no-repeat 0px 1px; color: #333; line-height: 1em; }
#header .dstmenu li a.here { padding: 1px 20px 4px 13px; text-decoration: none; font-weight: bold; color: #ff730f; }

#indexmenu { margin-bottom: 16px; }
#indexmenu li { float: left; width: 200px; margin-right: 10px; }
#indexmenu li.menutheme { margin-right: 0; }
#indexmenu li a { display: block; width: 200px; height: 80px; background-image: url(../images/index_contents.png); text-indent: -9999px; overflow: hidden; }
#indexmenu li.menulow a { background-position: -210px 0px; }
#indexmenu li.menudst a { background-position: -420px 0px; }
#indexmenu li.menutheme a { background-position: -630px 0px; }
#indexmenu li a:hover {
  filter: alpha(opacity=80); /*IE用*/
  -moz-opacity:0.8; /*Ff etc用*/
  opacity:0.8;   /*Opera etc用*/
}

#long { position: relative; height: 320px; background: url(../images/longstay_base.jpg) no-repeat; }
#long ul#pin li { position: absolute; }
#long ul#pin li img.up { vertical-align: top; }

#long ul#pin li#ptc { left: 263px; top: 161px; }
#long ul#pin li#ptb { left: 263px; top: 186px; }
#long ul#pin li#pvn { left: 249px; top: 119px; }
#long ul#pin li#pmy { left: 255px; top: 213px; }
#long ul#pin li#pind { left: 168px; top: 156px; }
#long ul#pin li#pkr { left: 318px; top: 112px; }
#long ul#pin li#ptw { left: 354px; top: 144px; }
#long ul#pin li#phk { left: 298px; top: 144px; }
#long ul#pin li#ppw { left: 363px; top: 176px; }
#long ul#pin li#phi { left: 477px; top: 137px; }
#long ul#pin li#pmv { left: 119px; top: 201px; }
#long ul#pin li#pcun { left: 634px; top: 146px; }
#long ul#pin li#pmx { left: 606px; top: 159px; }
#long ul#pin li#ppe { left: 654px; top: 210px; }
#long ul#pin li#pus { left: 564px; top: 107px; }
#long ul#pin li#pit { left: 73px; top: 98px; }
#long ul#pin li#pes { left: 20px; top: 103px; }
#long ul#pin li#pfr { left: 52px; top: 68px; }
#long ul#pin li#pgr { left: 103px; top: 120px; }
#long ul#pin li#pma { left: 27px; top: 134px; }

#long ul#pin li#pgb { left: 1px; top: 48px; }
#long ul#pin li#pceb { left: 363px; top: 206px; }
#long ul#pin li#pbl { left: 245px; top: 233px; }
#long ul#pin li#pau { left: 355px; top: 238px; }
#long ul#pin li#pnc { left: 435px; top: 218px; }

#long ul.longbtn { position: absolute; right: 2px; bottom: 10px; width: 489px; }
#long ul.longbtn li { float: left; width: 163px; }
#long ul li img { vertical-align: bottom; behavior: expression(IEPNGFIX.fix(this)); }

#low { width: 828px; margin-left: 1px; background: url(../images/lowprice_title.jpg) no-repeat; }
#low #lowDate { position: relative; width: 828px; height: 91px; }
#low #lowDate span { position: absolute; top: 33px; right: 130px; }

#low .tablist { padding-bottom: 16px; background: url(../images/lowprice_tail.png) no-repeat left bottom; }
#low .tablist li { float: left; }
#low .tablist li img { vertical-align: top; }
#low .lowFrame { padding: 10px 15px 10px; background: url(../images/lowprice_body.png) repeat-y; }
#low .lowFrame .month { font-weight: bold; }

#low .lowFrame dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
#low .lowFrame dl { zoom: 1; font-weight: bold; }
#low .lowFrame dl dt { clear: both; padding-top: 5px; }
#low .lowFrame dl dt span { display: block; padding-top: 5px; border-top: 1px dotted #666; }
#low .lowFrame dl dd { float: left; margin-right: 10px; color: #ff0000; white-space: nowrap; }
#low .lowFrame dl dd a { margin-right: 5px; color: #333; text-decoration: underline; }
#low .lowFrame dl dd span { font-size: xx-large; _font-size: x-large; vertical-align: middle; }

#dst ul li { float: left; width: 200px; margin: 0 10px 10px 0; background-repeat: no-repeat; }
#dst ul li.return { margin-right: 0; }
#dst ul li.end { margin-bottom: 0; }
#dst ul li a { display: block; width: 200px; height: 120px; text-indent: -9999px; overflow: hidden; }
#dst ul li.d01 { background-image: url(../images/bndst01.jpg); }
#dst ul li.d02 { background-image: url(../images/bndst02.jpg); }
#dst ul li.d03 { background-image: url(../images/bndst03.jpg); }
#dst ul li.d04 { background-image: url(../images/bndst04.jpg); }
#dst ul li.d05 { background-image: url(../images/bndst05.jpg); }
#dst ul li.d06 { background-image: url(../images/bndst06.jpg); }
#dst ul li.d07 { width: 410px; background-image: url(../images/bndst07.jpg); }
#dst ul li.d07 a { float: left; }
#dst ul li.d07 span { display: block; float: right; width: 200px; height: 120px; background: url(../images/bndst00.jpg) no-repeat; text-indent: -9999px; }
#dst ul li.d08 { background-image: url(../images/bndst08.jpg); }
#dst ul li.d09 { background-image: url(../images/bndst09.jpg); }
#dst ul li.d10 { background-image: url(../images/bndst10.jpg); }
#dst ul li.d11 { background-image: url(../images/bndst11.jpg); }

#dst ul li a:hover { width: 196px; _width: 200px; height: 116px; _height: 120px; border: 2px solid #ff0000;
  border-radius: 15px;         /* CSS3 */
  -moz-border-radius: 15px;    /* Firefox */
  -webkit-border-radius: 15px; /* Safari,Chrome */
}

#summertheme { }
#summertheme ul li { float: left; margin-right: 10px; }
#summertheme ul li.return { margin-right: 0; }
#summertheme ul li img { vertical-align: top; }

#rim .sbm_list_footer { margin-top: 20px; margin-bottom: 3px; padding-right: 0; }

#ichi .ichitit { padding: 40px 0 34px 38px; background: url(../images/ichi_title.gif) no-repeat; }
#ichi .ichitit img, #hayami .hayamitit img { width: 175px; height: 22px; behavior: expression(IEPNGFIX.fix(this)); }
#ichi .ichitour li { float: left; width: 270px; margin-right: 10px; }
#ichi .ichitour li.return { margin-right: 0; }
#ichi .ichitour li img { behavior: expression(IEPNGFIX.fix(this)); }
#ichi .ichitour li a { display: block; width: 270px; height: 169px; background-repeat: no-repeat; }

#ichi .ichitour li img.ichi-no {
  filter: alpha(opacity=20); /*IE用*/
  -moz-opacity:0.2; /*Ff etc用*/
  opacity:0.2;   /*Opera etc用*/
}

#hayami .hayamitit { padding: 60px 0 29px 38px; background: url(../images/hayami_title.gif) no-repeat; }

#hayami .tablist { padding-bottom: 16px; background: url(../images/hayami_tail.png) no-repeat left bottom; }
#hayami .tablist li { float: left; }
#hayami .tablist li img { vertical-align: top; }
#hayami .hayaFrame { padding: 10px 15px 0; background: url(../images/hayami_body.png) repeat-y; }
#hayami .hayaFrame .month { padding-bottom: 10px; font-weight: bold; }
#hayami .hayaFrame .area { padding-bottom: 10px; vertical-align: top; }

#hayami .hayaFrame table { width: 800px; margin-bottom: 10px; border: 1px dotted #666; border-bottom: none; }
#hayami .hayaFrame table th, #hayami .hayaFrame table td { padding: 0 10px; border-bottom: 1px dotted #666; background-color: #fff; }
.hayaFrame table td { border-left: 1px dotted #666; }
#hayami .hayaFrame table td.dst { font-size: larger; font-weight: bold; }
#hayami .hayaFrame table td.day { text-align: right; }
#hayami .hayaFrame table td.price { font-weight: bold; color: #ff0000; text-align: right; }

#hayami p.all { text-align: right; }
#hayami p.all a { padding-left: 13px; background: url(../images/arrow01.gif) no-repeat 0px 1px; line-height: 1em; }

#footer { padding-top: 5px; border-top: 2px solid #c2daf2; font-size: smaller; text-align: right; }