@charset "shift-jis";

/* reset */
html,body,div,h1,h2,h3,h4,p,span,img {
    margin:0;
    padding:0;
}
img {
    border:0;
    vertical-align:bottom;
}
body {
    font-size:100%;
    font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


/* clear fix */
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after {
  clear:both;
}
.clearfix {
  zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.footer-hotel-logo-img {
    filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="sample.png", sizingMethod="scale");
}

/* ===========================================
 layout
 ========================================== */
body {
    background:#fff;
    text-align:left;
}

#header {
    width:990px;
    height:110px;
    margin:0 auto;
    background:#fff;
    text-align:center;
}
#container {
    width:100%;
    background:url(../img/bg.gif) 0 0 repeat;
}
#contents {
    width:990px;
    margin:0 auto;
}

#footer {
    width:990px;
    margin:0 auto;
    text-align:center;
}

.img-text {
    text-indent:100%;
    white-space:nowrap;
}
#contents a {
    transition:opacity 0.3s;
}
#contents a:hover {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80);
    opacity:0.8;
}

/* tile */
.tile-1-l, .tile-1-r, .tile-2, .tile-3 {
    height:220px;
    display:block;
    float:left;
    overflow:hidden;
}
.tile-1-l {
    width:247px;
}
.tile-1-r {
    width:248px;
}
.tile-2 {
    width:495px;
}
.tile-3 {
    width:742px;
}

#main-visual,
#main-desc {
    height:500px;
}
#tile-kanazawa {
    height:440px;
}
#tile-haneda {
    height:220px;
}

/* slide */
#slider-wrap {
    position:relative;
}
.slide {
    position:absolute;
}
#slider-navs {
    width:495px;
    position:absolute;
    bottom:12px;
    text-align:center;
    z-index:100;
}
#slider-navs a {
    display:inline-block;
    /* For IE 6/7 */
    *display:inline;
    *zoom:1;
    
    padding:0 3px;
}