@charset "utf-8";

/* 
 (C)SPACEKEY 2011
 TOPデザインCSS(システムパーツ部分等)
*/

@import "../../contents/css/html5reset.min.css";
@import "../../themes/default/theme_main_right.css";
@import "../../css/language_base.min.css";
@import "../../css/contents.css";

/* フレーム indexのみ
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#first_column {}
#second_column {}


/* メインイメージ
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#mp1 { background-image:url(../../images/index/main_photo_1.jpg); opacity:0; -ms-filter:"alpha(opacity=0)"; }
#mp2 { background-image:url(../../images/index/main_photo_2.jpg); opacity:0; -ms-filter:"alpha(opacity=0)"; }
#mp3 { background-image:url(../../images/index/main_photo_3.jpg); opacity:0; -ms-filter:"alpha(opacity=0)"; }
#mp4 { background-image:url(../../images/index/main_photo_4.jpg); opacity:0; -ms-filter:"alpha(opacity=0)"; }
#mp5 { background-image:url(../../images/index/main_photo_5.jpg); opacity:0; -ms-filter:"alpha(opacity=0)"; }
#mp6 { background-image:url(../../images/index/main_photo_6.jpg); opacity:0; -ms-filter:"alpha(opacity=0)"; }
#mp7 { background-image:url(../../images/index/main_photo_7.jpg); opacity:0; -ms-filter:"alpha(opacity=0)"; }
#mp8 { background-image:url(../../images/index/main_photo_8.jpg); opacity:0; -ms-filter:"alpha(opacity=0)"; }


/* コンテンツ
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#contents * { font-family:Microsoft YaHei,SimSun,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,'Lucida Grande',sans-serif; }
#contents {background:url(../images/index/main_bg.png) top center repeat-y;}

.left_photo, .right_photo { margin-bottom: 80px;}

.left_photo img, .right_photo img, .inner_right, .inner_left,
.left_photo ul, .right_photo ul{display:inline-block;}

.left_photo ul li, .right_photo ul li{overflow:hidden; height:350px;}

.inner_right, .inner_left { vertical-align: top; padding-left:20px; padding-top:15px; width: 350px}
.inner_left {padding-left:0;padding-right:20px;}
.inner_right h3, .inner_left h3 { font-size:19px; color:black; margin-bottom:25px; font-weight: bold; line-height:1.4;}
.inner_right p, .inner_left p { font-size:12px; line-height:1.4; }

#contents .inner { width:960px; margin:0 auto; overflow:hidden; }


#welcome { background:url(../images/index/welcome_bg.jpg) no-repeat center top; padding-top:60px; padding-bottom:60px; margin-bottom: 0;}
#welcome h3 {font-size:22px;}

#movie { background:url(../images/index/movie_bg.jpg) repeat-x; padding-top:60px; padding-bottom:60px; margin-bottom: 0; text-align:center;}

#photos { margin-top: 80px;}



/* アクセス
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#access { background:url(../../images/index/access_bg.jpg) repeat-x center top; padding:30px 0; }
#access * {color:white;}
#access .inner { width:960px; margin:0 auto; overflow:hidden; }
#access h2 { margin-bottom:20px;}
#access h3 { font-size:14px; }
#access address{ font-style: normal; font-size:14px; line-height:1.4;}

#from .inner { width:960px; margin:0 auto; overflow:hidden; }
#from h2 { margin-bottom:20px; margin-top:50px;}
#from {margin-bottom: 100px;}

#hotel_info {background:url(../images/index/bg.jpg) bottom center no-repeat; height:1770px;}
#hotel_info .inner {width:960px; margin:0 auto; overflow:hidden; }
#hotel_info table {color:#212121;}

#hotel_info tr {border-bottom:1px dotted #aaaaaa;}
#hotel_info tr:last-child {border-bottom:none;}
#hotel_info th, #hotel_info td { padding:10px 0; line-height:1.4;}
#hotel_info th {width:215px;}

#footer .inner{position:relative;}
#footer h4 { color:white; font-size:15px;}
#footer_link {border-left: 1px solid #777; padding-left: 40px; width:115px;}
#footer .last li{ padding:2px 0; }
#footer_logo {float:left;}
#footer_logo .info {width:auto;}
#footer_logo .info .gray{color:#bbb;}
#footer_logo .info p {font-size:12px;line-height:1.4;}
#footer_logo .info .bold {font-size:13px; font-weight:bold; color:#fff;text-decoration:none;}

#sub_navi .inner,
#footer_menu .inner,
#main_navi .inner{
    width: 960px;
    margin: 0px auto;
    position: relative;
}
#header .header_reserve ul{padding:10px 10px 0px; background-color:rgba(0,0,0,0.6); }
#header .header_reserve ul li{ text-align:center;}
#header .header_reserve select {width:100%;padding: 3px 0 0 65px;background: linear-gradient(white,#cecece);border: none;border-radius: 2px;height: 22px; font-size: 12px;}
#header .header_reserve select option {background:white; padding:3px 0 0 65px;}
#header #main_navi nav {padding-top:20px;}
#footer #footer_banner { float:right;width: 215px;}
#footer #footer_banner a{line-height:1.8;}
#footer #footer_banner li {list-style:none;}