@charset "utf-8";
/* CSS Document */

body {
 background-color:#ffffff; font-size:14px; width:100%; height:100%; margin:0; padding:0; font-family:"メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, Roboto, "Droid Sans",  sans-serif; min-width:980px; }


/*------------------------------------------------------------------------------*/
/*▼ベース*/
div#all { background:url(../images/footer/bg.png) left bottom repeat-x; min-width:980px; }
div#all_top { background:url(../images/footer/bg.png) left bottom repeat-x; min-width:980px; }
div#wrapper { width:980px; margin:0 auto; padding:0; height:100%; }
div#wrapper-sub { width:980px; margin:0 auto; padding:0; height:100%; min-height:700px; }

/*------------------------------------------------------------------------------*/
/*基本要素*/


/*ヘッダーとグローバルナビ*/
div#all_top header { height:156px; position:static; text-align:center; width:100%; background:url(../images/header/bg.png) left top repeat-x; border-bottom:1px solid #ffffff; box-shadow: 0 3px 8px rgba(20,20,20,0.1); z-index:9999; min-width:980px; }

header { height:156px; text-align:center; position:static; text-align:center; width:100%; background:url(../images/header/bg.png) left top repeat-x; border-bottom:1px solid #ffffff; box-shadow: 0 3px 8px rgba(20,20,20,0.1); z-index:9999; min-width:980px; }

#introduction { width:980px; margin:0 auto; }
#introduction h1 { padding:32px 0 0 0; padding-right:10px; }
#introduction p { float:left; margin:-37px 0 0 0; font-size:12px; line-height:145%; color:#0c1c43; text-align:left; }
#introduction p span { font-size:18px; }
#introduction #h-link { float:right; margin:-68px 0 0 0; text-align:right; }
#introduction #h-link ul li a { color:#000000; text-decoration:none; }
#introduction #h-link ul li a:hover {  text-decoration:underline; }
#introduction #h-link ul#language { width:325px; font-size:12px; }
#introduction #h-link ul#language li { display:inline; margin-left:3px; }
#introduction #h-link ul#h-navi { width:325px; font-size:12px; }
#introduction #h-link ul#h-navi li { display:inline; margin:0 0 0 8px; }
#introduction #h-link ul#h-navi li.hn-s { background:url(../images/header/sitemap.png) left 2px no-repeat; padding:0 0 0 14px; }
#introduction #h-link ul#h-navi li.hn-f { background:url(../images/header/faq.png) left 3px no-repeat; padding:0 0 0 12px; }
#introduction #h-link ul#h-navi li.hn-c { background:url(../images/header/mail.png) left 2px no-repeat; padding:0 0 0 14px; }

#introduction #h-link #tel { margin:5px 0 0 0; }

nav { width:980px; margin:0 auto; text-align:center; }
nav ul { margin:25px 0 0 0; }
nav ul li { float:left; margin:0; }


/*下層ページ　開閉パネル*/
#panel-sub { position:static; padding-top:0; width:100%; }

#panel-sub #o-detail { background:#ffffff; padding:35px 20px; text-align:center; box-shadow: -3px 3px 8px rgba(20,20,20,0.1)inset, 0 3px 8px rgba(20,20,20,0.1); border-bottom:2px solid #132a53; }

#panel-sub .open { height:30px; padding-top:15px; background:linear-gradient(#ffffff,rgba(255,255,255,0.75)); }
#panel-sub .open .o-img { width:980px; margin:0 auto; text-align:right; }

#panel-sub .close { height:30px; margin:0;  }
#panel-sub .c-img { width:980px; margin:0 auto; text-align:right; }

#p_bn { margin:-17px auto 0 auto; width:980px; text-align:left; }
#p_bn li { display:inline; margin-right:15px; }


/*検索パネル*/
#panel { margin-top:-4px; margin-bottom:-17px; }
#form { width:980px; height:130px; margin:0 auto; text-align:center; padding:30px 0 15px 0; background:url(../images/search/bg.png) left top no-repeat; }
#form ul { text-align:left; padding:0; height:auto; margin-left:40px; }
#form ul li { display:inline-block; vertical-align:top; margin-right:45px; }
#form ul li.short { display:inline-block; margin-right:35px; }
#form ul li .title { height:1.0em; border-left:2px solid #0086ac; padding:1px 0 0 2px; line-height:100%; }
#form ul li .title span { font-size:0.85em; }
#form ul li .field { margin-top:2px; font-size:0.85em; }
#form ul li.go { margin-top:-10px; margin-right:0; }
#form ul li.go:hover { opacity:0.75; }
#form ul li.go input { background-image:url("../images/search/go.png"); background-repeat:no-repeat; background-color:#ffffff; border:none; width:159px; height:58px; text-indent: -9999px; cursor: pointer; }
#form #reservation-link { width:900px; margin:23px 0 0 40px; }
#form #reservation-link li { display:inline; margin:0 45px 0 0; }
#form #reservation-link li.short { display:inline; margin:0 35px 0 0; }


/*フッター*/
footer { padding-top:70px; height:105px; width:980px; margin:0 auto; }
footer #f-up { width:980px; }
footer #f-up ul#f-navi { float:left; }
footer #f-up ul#f-navi li { display:inline; margin-right:20px; }
footer #f-up ul#f-navi li a { color:#000000; text-decoration:none; }
footer #f-up ul#f-navi li a:hover { text-decoration:underline; }
footer #f-up p { float:right; }
footer #f-up p img { padding:6px 3px 0 0; }
footer #f-up p a { color:#000000; text-decoration:none; }
footer #f-up p a:hover { text-decoration:underline; }

footer #f-under { width:980px; clear:both; padding-top:12px; }
footer #f-under ul#f-menu {}
footer #f-under ul#f-menu li { display:inline; }
footer #f-under #fu-l { float:left; width:665px; }
footer #f-under #fu-l #f-menu { font-size:12px; color:#ffffff; }
footer #f-under #fu-l #f-menu a { color:#ffffff; text-decoration:none; }
footer #f-under #fu-l #f-menu a:hover { text-decoration:underline; }
footer #f-under #fu-l #copyright { color:#ffffff; font-size:12px; margin-top:27px; padding-bottom:8px; }
footer #f-under #fu-r { float:right; width:315px; }
footer #f-under #fu-r #address { float:left; font-size:12px; color:#0f7e9e; text-align:right; margin-top:18px; }
footer #f-under #fu-r #qr { float:right; padding-bottom:10px; }



/*------------------------------------------------------------------------------*/
/*★下層ページ共通*/
h3 { margin-top:30px; }

div#header-sub .sub { height:150px; text-align:center; position:fixed; top:0; left:auto; width:100%; background:url(../images/header-bg.png) left top repeat-x; border-bottom:1px solid #ffffff; box-shadow: 0 3px 8px rgba(20,20,20,0.1); }
div#header-sub .sub img { margin:0 auto; }

#footpath { list-style:none; margin:33px 0 20px 0; padding:0; font-size:0.85em; }
#footpath li { display:inline; margin:0; padding:0; }

#menu { padding-top:1px; }

#menu #o-detail { background:#ffffff; padding:35px 20px; text-align:center; box-shadow: -3px 3px 8px rgba(20,20,20,0.1)inset, 0 3px 8px rgba(20,20,20,0.1); }

#menu .open { background:url(../images/open.png) left top no-repeat; height:30px; width:200px; display:block; margin:15px 0 0 952px; }
#menu .open:hover { opacity:0.9; }
#menu .open span { display:none; }

#menu .close { background:url(../images/close.png) left top no-repeat; height:30px; width:200px; display:block; margin:0 0 0 952px;  }
#menu .close:hover {opacity:0.9; }
#menu .close span { display:none; }