@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------ FontSize[16pxBase]
8px=50% 9px=56% 10px=63% 11px=69% 12px=75% 13px=81% 14px=88%
15px=94% 16px=100% 18px=113% 20px=125% 22px=138% 24px=150%
------------------------------------------------------------------------------ */

/* Reset !NoEdit*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0px;
padding:0px;
}
table {
border-collapse:collapse;
border-spacing:0px;
}
fieldset, img {
border-style: none;
}
img {
vertical-align: bottom;
}
ol, ul {
list-style:url(none) none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
padding-top: 25px;
}
/* Base */
body, td, th {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
font-size: 100%;
color: #505050;
}
body {
text-align: center;
background: #FCF9F3 url(../img_common/bg_top.jpg) repeat-x;
}
/* LinkColor */
a:link {
color: #505050;
text-decoration: none;
}
a:visited {
color: #505050;
text-decoration: none;
}
a:hover {
color: #7C7C7C;
text-decoration: underline;
}
a:active {
color: #7C7C7C;
text-decoration: underline;
}
/* ClearFix */
.clearfix {
zoom:1;/* IE 5.5-7 */
position: relative;/*for DWprev*/
}
.clearfix:after {
content:".";
display: block;
height:0px;
clear:both;
line-height:0;
visibility:hidden;
}
/* common
---------------------------------------------*/
div#header {
width: 860px;
margin-right: auto;
margin-left: auto;
height: 90px;
text-align:center;
}
h1#logo {
padding-top: 22px;
padding-left: 16px;
float: left;
}
div#header_right {
float: right;
width: 560px;
text-align: right;
}
ul#subMenu {
padding-left: 20px;
}
ul#subMenu li {
float: left;
}
ul#subMenu .english {
float: right;
}
div#address {
float: left;
height: 37px;
width: 356px;
padding-top: 18px;
}
div#reserve {
line-height: 0px;
float: right;
height: 34px;
width: 180px;
padding-top: 18px;
}
#globalMenu {
width: 860px;
line-height: 0;
margin-left:auto;
margin-right:auto;
font-size: 0px;
}
#globalMenu li {
float: left;
}
/*グローバルメニューoff*/
#menu01 a {
background: url(../img_common/menu01.jpg) no-repeat top;
width: 179px;
height: 65px;
text-indent: -9999px;
display: block;
}
#menu02 a {
background: url(../img_common/menu02.jpg) no-repeat top;
width: 193px;
height: 65px;
text-indent: -9999px;
display: block;
}
#menu03 a {
background: url(../img_common/menu03.jpg) no-repeat top;
width: 163px;
height: 65px;
text-indent: -9999px;
display: block;
}
#menu04 a {
background: url(../img_common/menu04.jpg) no-repeat top;
width: 147px;
height: 65px;
text-indent: -9999px;
display: block;
}
#menu05 a {
background: url(../img_common/menu05.jpg) no-repeat top;
width: 178px;
height: 65px;
text-indent: -9999px;
display: block;
}
/*グローバルメニューon*/
#menu01 a:hover {
background: url(../img_common/menu01.jpg) no-repeat bottom;
}
#menu02 a:hover {
background: url(../img_common/menu02.jpg) no-repeat bottom;
}
#menu03 a:hover {
background: url(../img_common/menu03.jpg) no-repeat bottom;
}
#menu04 a:hover {
background: url(../img_common/menu04.jpg) no-repeat bottom;
}
#menu05 a:hover {
background: url(../img_common/menu05.jpg) no-repeat bottom;
}
div#contents {
width: 860px;
margin-right: auto;
margin-left: auto;
}
div#side {
float: left;
width: 200px;
padding-top: 8px;
}
div#main {
float: right;
width: 640px;
padding-top: 8px;
}
div#footerBase {
padding-top: 13px;
border-top: 1px solid #C7B9A3;
padding-bottom: 15px;
clear: both;
}
div#footer {
width: 860px;
margin-right: auto;
margin-left: auto;
}
ul#footerMenu {
float: left;
width: 369px;
}
ul#footerMenu li {
float: left;
display: block;
}
p#copyright {
width: 263px;
padding-right: 12px;
float: right;
padding-top: 5px;
}
li.sideBanner {
padding-top: 10px;
}
ul#flow {
background: url(../img_common/flow_first.jpg) no-repeat;
height: 22px;
padding-left: 2px;
margin-bottom: 7px;
font-size: 10px;
letter-spacing: 0.1em;
line-height: 22px;
}
ul#flow li {
float: left;
padding-right: 30px;
padding-left: 15px;
background: url(../img_common/flow_bg.jpg) no-repeat right;
height: 22px;
}
ul#flow .flowLast {
background: url(../img_common/flow_last.jpg) no-repeat right;
padding-right: 20px;
padding-left: 15px;
color: #D1AF29;
}
.textArea {
text-align: left;
padding-top: 12px;
font-size: 75%;
line-height: 1.6em;
padding-bottom: 40px;
width: 600px;
margin-right: auto;
margin-left: auto;
}
h3.tit {
padding-top: 25px;
}
h3.titClear {
clear: both;
}
p.imgClear {
clear: both;
}
/* トップページ
---------------------------------------------*/
div#swf {
height: 290px;
background: url(../img/flash_bg.gif) repeat-x;
padding-top: 8px;
padding-bottom: 9px;
}
div#swf p#no_flash {
font-size: 75%;
line-height: 1.5em;
height: 290px;
width: 850px;
padding-top: 120px;
margin-right: auto;
margin-left: auto;
}
div#swf p#no_flash a:link, div#swf p#no_flash a:visited, div#swf p#no_flash a:hover, div#swf p#no_flash a:active {
color: #949711;
}
div#left {
float: left;
width: 610px;
text-align: left;
}
div#right {
float: right;
width: 250px;
margin-top: 15px;
}
div#News {
text-align: left;
width: 595px;
padding-top: 27px;
padding-bottom: 50px;
padding-left: 15px;
}
#News #NewsTit {
padding-left:8px;
margin-bottom: 50px;
}
#News dl {
width:560px;
font-size: 75%;
line-height: 1.4em;
background-image: url(../img/bar.gif);
background-repeat: no-repeat;
background-position: center bottom;
margin-bottom: 20px;
}
#News dt {
padding-left: 90px;
}
#News .DtPlan {
background:url(../img/icon_plan.gif) no-repeat -2px;
}
#News .DtNews {
background:url(../img/icon_news.gif) no-repeat -2px;
float: left;
width: 70px;
}
#News .DtRecruit {
background:url(../img/icon_recruit.gif) no-repeat -2px;
}
#News .DtInfo {
background:url(../img/icon_info.gif) no-repeat -2px;
}
#News dd {
float: right;
width: 380px;
}
#News dd strong {
font-size: 120%;
font-weight: bold;
color: #949711;
}
#News a:link {
color: #949711;
text-decoration: none;
}
#News a:visited {
color: #949711;
text-decoration: none;
}
#News a:hover {
color: #C0C516;
text-decoration: underline;
}
#News a:active {
color: #C0C516;
text-decoration: underline;
}
.room_box {
width:285px;
float:left;
padding-right: 15px;
}
.room_box ul {
float: right;
width: 148px;
padding-top: 7px;
}
.room_box li {
padding-top: 5px;
}
.box_img {
float:left;
width:122px;
padding-top: 7px;
padding-right: 13px;
}
#online {
border-right: 1px solid #E9E2D8;
border-bottom: 1px solid #E9E2D8;
border-left: 1px solid #E9E2D8;
padding-bottom: 10px;
margin-bottom: 8px;
}
#online dl {
font-size: 75%;
text-align: left;
width: 100%;
padding-left: 20px;
}
#online dl dt {
clear: both;
padding-top: 4px;
padding-bottom: 2px;
}
#online dl dd {
float: left;
}
#online #formBtn {
clear: both;
padding: 10px;
}
div#online div#online_text {
font-size: 63%;
text-align: left;
padding: 5px 15px;
color: #666666;
line-height: 1.6;
}
#mobile {
border: 1px solid #C7B9A3;
height: 70px;
padding-right: 6px;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
}
ul#banner li {
padding-bottom: 8px;
}
ul#banner .bannerNoMargin {
padding-bottom: 0px;
}
#mobile dl {
float: left;
width: 159px;
padding-top: 11px;
}
#mobile dt {
padding-bottom: 4px;
}
#mobile dd {
font-size: 63%;
line-height: 1.2em;
text-align: left;
}
#mobile #mobileQR {
float: right;
height: 66px;
width: 66px;
padding-top: 7px;
}
#mobileAdd {
color:#949711;
padding-top:2px;
font-size: 90%;
}
#NewsTit {
margin-bottom: 34px;
}
#footBn {
padding-top: 20px;
padding-bottom: 40px;
clear: both;
}
#footBn li {
float: left;
padding-right: 20px;
}
#footBn li.footBn_last {
float: left;
padding: 0px;
}
ul#kuchikomi {
width: 100%;
margin: 0px;
padding: 10px 0px 10px 13px;
}
ul#kuchikomi li {
margin: 0px;
padding: 0px 3px;
float: left;
}
/* 客室のご案内
---------------------------------------------*/
#roomSelect {
padding-top: 19px;
padding-bottom: 34px;
}
#roomSelect li {
float: left;
height: 208px;
width: 122px;
padding-right: 7px;
}
#roomSelect .roomSelection_last {
height: 208px;
width: 122px;
float: left;
padding: 0px;
}
#roomLend {
}
#roomLend dd {
padding: 6px 7px 18px;
}
.roomList {
margin: 10px auto 0px;
}
.roomList td {
padding: 3px;
border: 1px solid #D9D0C1;
font-size: 75%;
text-align: center;
background: #FCF9F3;
}
.roomNotes {
text-align: left;
width: 600px;
font-size: 63%;
line-height: 1.5em;
margin-right: auto;
margin-left: auto;
padding-top: 8px;
padding-bottom: 40px;
}
#roomReserve {
padding-bottom: 50px;
clear: both;
}
#roomSub {
width: 628px;
padding: 11px 4px 18px;
}
#roomSub li {
float: left;
height: 76px;
width: 96px;
padding-right: 4px;
padding-left: 4px;
margin-bottom: 10px;
}
.roomText {
text-align: left;
padding-top: 12px;
font-size: 75%;
line-height: 1.6em;
padding-bottom: 40px;
width: 400px;
float: left;
padding-left: 20px;
}
.roomImg {
float: right;
width: 180px;
padding-top: 12px;
padding-right: 20px;
padding-bottom: 40px;
}
/* FAQ
---------------------------------------------*/
#faqIndex {
padding-top: 10px;
padding-bottom: 45px;
}
#faqIndex dt {
width: 104px;
padding-right: 22px;
float: left;
line-height: 0;
}
#faqIndex dd {
padding-top: 8px;
padding-left: 125px;
background: url(../faq/img/category_bar.gif) no-repeat right bottom;
padding-bottom: 5px;
margin-bottom: 2px;
}
#faqIndex dd li {
background: url(../img_common/icon.gif) no-repeat left 5px;
padding-left: 15px;
line-height: 1.7em;
font-size: 75%;
text-align: left;
}
.faq {
width: 620px;
margin-right: 10px;
margin-left: 10px;
text-align: left;
padding-top: 12px;
padding-bottom: 38px;
}
.faq li {
margin-bottom: 17px;
padding-bottom: 15px;
background: url(../faq/img/bar.gif) no-repeat bottom;
width: 100%;/* IE 6 */
}
.faq dt {
background: url(../faq/img/q.jpg) no-repeat left top;
padding-left: 35px;
height: 20px;
font-size: 75%;
line-height: 1.8em;
color: #949711;
padding-bottom: 10px;
}
.faq dd {
font-size: 75%;
background: url(../faq/img/a.jpg) no-repeat left top;
padding-left: 35px;
line-height: 1.5em;
}
/* サービス・施設（フロント）
---------------------------------------------*/
#serviceFront {
}
#serviceFront dd {
padding: 6px 7px 18px;
width: 387px;
}
.serviceText {
text-align: left;
padding-top: 12px;
font-size: 75%;
line-height: 1.6em;
padding-bottom: 40px;
width: 410px;
float: left;
padding-left: 20px;
}
.serviceImg {
float: right;
width: 170px;
padding-top: 12px;
padding-right: 20px;
padding-bottom: 27px;
}
/* サービス施設（館内設備）
---------------------------------------------*/
#equNote {
width: 400px;
padding-top: 20px;
font-size: 80%;
text-indent: -1em;
line-height: 1.6em;
padding-left: 1em;
}
#stitSpace {
padding-bottom: 20px;
}
.green {
color: #6F720D;
}
.parkArea {
padding-left: 1.3em;
padding-bottom: 20px;
}
#restRoom {
background: url(../service/equipment/img/icon01.gif) no-repeat left top;
padding-bottom: 100px;
padding-left: 50px;
height: 24px;
text-align: left;
padding-top: 12px;
margin-right: 20px;
margin-left: 20px;
margin-top: 12px;
font-size: 75%;
}
.webText {
text-align: left;
padding-top: 12px;
font-size: 75%;
line-height: 1.6em;
padding-bottom: 10px;
padding-left:2em;
width: 410px;
float: left;
padding-left: 20px;
width:420px;
}
.webText dt {
color: #6F720D;
}
.webText dd {
padding-left: 1.2em;
}
.PaddBtm40 {
padding-bottom:40px;
}
/* アクセス
---------------------------------------------*/
#accessAddress {
text-align: center;
width: 324px;
float: left;
padding-top: 13px;
font-size: 75%;
line-height: 1.5em;
padding-bottom: 40px;
}
#accessAddress dt {
padding-top: 18px;
padding-bottom: 10px;
}
#accessMap {
float: right;
width: 296px;
padding-right: 20px;
padding-top: 13px;
margin-bottom: 40px;
}
#accessMap p {
text-align: right;
padding-top: 7px;
font-size: 0%;
line-height: 0;
vertical-align: top;
}
.accessTit {
padding-bottom: 20px;
clear: both;
}
.accessNotes {
font-size: 65%;
width: 600px;
margin-right: auto;
margin-left: auto;
text-align: left;
padding-top: 18px;
padding-bottom: 40px;
}
.accessNotes2 {
font-size: 65%;
width: 600px;
margin-right: auto;
margin-left: auto;
text-align: left;
padding-top: 18px;
padding-bottom: 18px;
background: url(../access/img/bar.gif) no-repeat bottom;
margin-bottom: 18px;
}
.accessStit {
text-align: left;
width: 600px;
margin-right: auto;
margin-left: auto;
padding-bottom: 10px;
}
/* 周辺観光情報
---------------------------------------------*/
.sightImg {
float: left;
height: 120px;
width: 170px;
padding: 13px 18px 28px 20px;
}
.sightTxt {
float: left;
font-size: 75%;
line-height: 1.5em;
text-align: left;
padding-top: 16px;
padding-right: 20px;
width: 412px;
}
.sightHP {
background: url(../img_common/icon.gif) no-repeat left 17px;
padding-top: 12px;
padding-left: 13px;
}
.sightNotes {
font-size: 63%;
line-height: 1.5em;
width: 600px;
margin-right: auto;
margin-left: auto;
padding-top: 25px;
padding-bottom: 80px;
text-align: left;
}
.sightOther {
width: 600px;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
text-align: left;
font-size: 75%;
line-height: 1.9em;
}
.sightOther .sightDl1 {
padding-top: 10px;
}
.sightOther .sightDl2 {
padding-top: 10px;
padding-bottom: 80px;
}
.sightOther dt {
background: url(../img_common/icon.gif) no-repeat 11px 7px;
padding-left: 2.5em;
}
.sightOther dd {
padding-left: 18em;
margin-top: -2em;
}
/* レストラン
---------------------------------------------*/
#restauSubTit {
text-align: left;
width: 618px;
margin-right: auto;
margin-left: auto;
padding-top: 14px;
padding-bottom: 8px;
line-height: 0;
font-size: 0%;
}
#restauSub {
width: 624px;
margin-right: 8px;
margin-left: 8px;
}
#restauSub li {
float: left;
padding-right: 3px;
padding-left: 3px;
}
#restauText {
padding-top: 41px;
padding-bottom: 55px;
}
#breakfast {
width: 640px;
padding-top: 12px;
padding-bottom: 40px;
}
#breakfast li {
float: left;
width: 320px;
text-align: center;
}
#breakfast .caption {
padding-top: 8px;
}
#breakfast .breakfastTxt01 {
font-size: 75%;
line-height: 1.3em;
text-align: left;
width: 300px;
padding-top: 8px;
}
#breakfast .breakfastTxt02 {
font-size: 63%;
line-height: 1.5em;
text-align: left;
width: 300px;
padding-top: 5px;
}
.restauText {
text-align: left;
padding-top: 12px;
padding-bottom: 40px;
font-size: 75%;
line-height: 1.6em;
padding-left: 20px;
float: left;
width: 340px;
}
.restauImg {
float: right;
width: 240px;
padding-top: 12px;
padding-right: 20px;
padding-bottom: 40px;
}
.partyTitle {
font-weight: bold;
color: #6F720D;
background: url(../restaurant/img/icon.gif) no-repeat left center;
padding-left: 15px;
margin-top: 10px;
font-size: 110%;
margin-bottom: 3px;
}
.partyTable {
margin-top: 5px;
font-size:100%;
margin-bottom: 10px;
}
.partyTable th,
.partyTable td {
border: 1px solid #D9D0C1;
padding: 4px;
}
.partyTable th {
font-weight: normal;
background: #EDE9E0;
text-align: center;
padding-right: 10px;
padding-left: 10px;
}
.partyTable thead th{
color: #FFF;
background-color: #949711;
font-weight: bold;
padding-top: 0.1em;
padding-bottom: 0.1em;
}
.restaurantTel{
text-align: right;
margin-top: -33px;
margin-bottom: 5px;
}
.clear {
clear: both;
}
/* プライバシーポリシー
---------------------------------------------*/
#privacy {
text-align: left;
width: 600px;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
font-size: 75%;
line-height: 1.5em;
padding-bottom: 50px;
}
#privacy ol {
padding-left: 2em;
margin-top: 30px;
margin-bottom: 30px;
}
#privacy li {
list-style: decimal outside;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
#privacy li ul {
padding-left: 1.4em;
}
#privacy li li {
list-style: disc outside;
margin: 0px;
}
#privacyName {
text-align: right;
width: 600px;
margin-right: auto;
margin-left: auto;
}
/* 法人のお客様へ
---------------------------------------------*/
#corpPint {
font-size: 75%;
line-height: 1.5em;
text-align: left;
}
#corpPint li {
padding-bottom: 30px;
}
#corpPint .corpIcon {
float: left;
width: 60px;
padding-right: 11px;
}
#corpPint dl {
float: left;
width: 569px;
padding-top: 24px;
}
#corpPint dt {
padding-bottom: 10px;
}
#corpPint dd #corpBtn {
padding-top: 25px;
padding-bottom: 50px;
}
#contents #right #online #onlineReserv {
margin-bottom: 10px;
}
/* 韓国人の旅行者のみなまさへ
---------------------------------------------*/
#koreanBox {
width: 820px;
margin-right: auto;
margin-left: auto;
background: #FCF9F3;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 70px;
text-align: left;
}
.koreaTable01 {
width: 700px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
font-size: 75%;
margin-right: auto;
margin-left: auto;
}
.koreaTable01 th {
width: 200px;
padding: 3px;
text-align: left;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
font-weight: normal;
color: #FFF;
background: #999;
}
.koreaTable01 td {
padding: 3px;
text-align: left;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
/* 博多座
---------------------------------------------*/
#hakatazaBox {
width: 860px;
margin-right: auto;
margin-left: auto;
background: #FCF9F3;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 70px;
}
.hakatazaTable01 {
width: 500px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
font-size: 75%;
margin-bottom: 30px;
}
.hakatazaTable01 th {
width: 150px;
padding: 10px;
text-align: center;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
font-weight: normal;
color: #FFF;
background: #999;
}
.hakatazaTable01 td {
padding: 3px;
text-align: center;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.hakatazaMin {
font-weight: bold;
font-size: 77%;
}
.hakatazaTit {
margin-bottom: 20px;
font-size: 154%;
color: #C6A114;
}
.hakatazaImg {
float: left;
margin-bottom: 20px;
margin-right: 20px;
}
.hakatazaRight{
float: left;
font-size: 75%;
}
.hakatazaRight p{
margin-bottom: 20px;
}
.hakatazaRight dl dt {
float: left;
width: 50px;
}
.hakatazaRight dl dd {
float: left;
margin-bottom: 20px;
}
.hakatazaTxt {
font-size: 75%;
margin-bottom: 30px;
}

/* 歌舞伎 */
.hakatazaKabuki{
width: 350px;
}
.hakatazaKabuki dl dd {
width: 300px;
}

/* 大奥 */
.hakatazaOoku{
width: 500px;
}
.hakatazaOoku dl dd {
width: 450px;
}
#langBtnList {
width: 580px;
padding-top: 20px;
border-bottom: 1px dotted #CCC;
margin-left: 15px;
padding-bottom: 20px;
}
#langBtnList li {
float: left;
height: 29px;
width: 115px;
}
#News dl dd .topNewsTit {
margin-bottom: 10px;
font-weight: bold;
}
#News dl dd .topNewsTxt {
margin-bottom: 10px;
}
#News dl dd .topNewsTxtcenter {
margin-bottom: 10px;
text-align:center;
}

#News dl dd.topNewsPh {
float: left;


!important
; width: 140px;
height: 140px;
padding-top: 10px;
padding-bottom: 10px;
}
#wrapper #contents #right .bnr li {
margin-bottom: 10px;
}
.outLineTable {
font-size: 75%;
margin-bottom: 15px;
width: 640px;
margin-top: 15px;
}
.outLineTable tr .outLineTd {
text-align: left;
border-bottom: 1px dotted #D8D8D8;
}
.outLineTable tr td {
border-bottom: 1px dotted #D8D8D8;
}
.outLineTable tr td {
text-align: left;
border-bottom: 1px dotted #D8D8D8;
padding-left: 30px;
padding-bottom: 5px;
padding-top: 3px;
}
.outLineTable tr .outLineNoneBoder {
text-align: left;
padding-left: 30px;
color: #000;
border-style: none;
padding-bottom: 3px;
}