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

/*------------------------------------------------------------------------------*/
/*★トップページ*/

/*// スライドショー //*/
#slider {
	height:430px;
	padding-top:19px;
    overflow:hidden;
    position:relative;
    width:100%;
	background:url(../images/top/main/bg.png) left top repeat-x;
}
 
#sliderInner {
    position:relative;
    left:50%;
    width:3040px;
    margin-left:-1520px;
}
#sliderInner li {
    width:980px;
	height:450px;
}
 
#slideFilterL, #slideFilterR {
    position:absolute;
    top:0;
    width:1010px;
    height:420px;
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter:"alpha( opacity=80 )";
    background:#fff;
}

#slideFilterL {
    left:0;
}
#slideFilterR {
    right:0;
}
 
.bx-wrapper {
    margin:0 auto;
    position:relative;
}
 
.bx-wrapper .bx-pager {
    margin:0 auto;
    width:980px;
    background:#fff;
}
 
/* コントローラー */
.bx-wrapper .bx-prev {
    left:1030px;
    background:url(../images/controls.png) no-repeat 0 -32px;
}
 
.bx-wrapper .bx-next {
    right:1030px;
    background:url(../images/controls.png) no-repeat -43px -32px;
}
 
.bx-wrapper .bx-prev:hover {
    background-position:0 0;
}
 
.bx-wrapper .bx-next:hover {
    background-position:-43px 0;
}
 
.bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:180px;
    outline:0;
    width:32px;
    height:32px;
    text-indent:-9990px;
    z-index:9990;
}
 
/* ページャー */
.bx-wrapper .bx-pager { display:none;}
/*.bx-wrapper .bx-pager {
    padding-top:20px;
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666;
}
 
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}
 
.bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    background:#666;
}
 
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#000;
}*/


/*// オープン告知 //*/
#announcement { padding:29px 0; border-top:1px solid #dfce9f; text-align:center; border-bottom:1px solid #dfce9f; overflow:hidden; }
#announcement span { display:none; }
#announcement img { width:980px; margin:0 auto; }


/*// お知らせ //*/
#information { margin:30px 0 10px 0; border-bottom:1px solid #bbbcbd; overflow:hidden; }
#information h2 { z-index:10; }
#information #all-list { margin-top:-28px; text-align:right; }
#information #all-list img { margin-right:5px; }
#info { width:950px; border-top:3px solid #000000; padding:20px 15px 10px 15px; background:url(../images/top/tab/bg.png) left top repeat-x; margin-top:-4px; z-index:5; }
#info li { margin-bottom:20px; }
#info li span { float:right; width:855px; margin-left:15px; text-align:left; }
#info li span.day_icon { display:none; }

#information-2 { margin:0 0 10px 0; border-bottom:1px solid #bbbcbd; overflow:hidden; }
#information-2 h2 { z-index:10; }
#information-2 #all-list { margin-top:-28px; text-align:right; }
#information-2 #all-list img { margin-right:5px; }

/* ポップアップ */
div#ajaxtext_wrap { padding:10px; height:100%; background:#f1f9fa; }
h1#ajaxtext { color:#0a1750; font-size:1.1em; font-weight:bold; margin-bottom:5px; border-bottom:1px dotted #122d60; padding-bottom:2px; }
div#ajaxtext_wrap .rt-day { font-size:0.9em; }
div#ajaxtext_wrap p { font-size:0.9em; line-height:120%; padding:0 5px; margin-bottom:5px; }
div#ajaxtext_wrap .icon-no {display:none; }


/*// ピックアップバナー //*/
#pickup { margin:35px 0 0 0; width:980px; overflow:hidden; }
#pickup li { display:block; float:left; width:230px; margin-right:19px; }
#pickup li p { margin:5px 0 0 0; line-height:125%; padding:0; }
#pickup li a { color:#000000; font-size:0.85em; text-decoration:none; }
#pickup li.li-4 { display:block; float:left; width:230px; margin-right:0; }


/*// タブ切り替え //*/
div.tab { width:980px; margin:35px 0 15px 0; border-bottom:1px solid #bbbcbd; overflow:hidden; }
ul#t-navi { margin:0; padding:0; height:65px; z-index:10; }
ul#t-navi li { float:left; list-style-type:none; margin-right:7px; }
div.tab div.t-contents { margin-top:-10px; z-index:5; }
div.tab div.detail{ border-top:3px solid #000000; padding:33px 15px 55px 15px; background:url(../images/top/tab/bg.png) left top repeat-x; }
div.tab div.detail{ display:none; }
/* サービス */
#service h2 { text-align:center; }
#service h3 { text-align:center; font-size:1.2em; font-weight:bold; margin-top:28px; }
#service p { text-align:center; font-weight:bold; margin-top:20px; color:#333333; }
#service h4 { border-bottom:1px dotted #152d58; padding-bottom:2px; box-shadow:none;  }
#service #point { margin:35px 0 0 0; }
#service #point li { margin:0 0 50px 0; width:950px; }
#service #point li:after{ content:""; display:block; clear:both; }
#service #point li .img-l,.img-r { margin-top:20px; }
#service #point li .img-l img { float:left; width:250px; margin-right:22px; }
#service #point li .img-l ul { float:right; width:675px; }
#service #point li .img-l ul li { margin-bottom:15px; background:url(../images/top/service/list-icon.png) left top no-repeat; padding-left:15px; }
#service #point li .img-r img { float:right; width:250px; }
#service #point li .img-r ul { float:left; width:675px; }
#service #point li .img-r ul li { margin-bottom:15px; background:url(../images/top/service/list-icon.png) left top no-repeat; padding-left:15px; }
#service #point li.li-last { margin:-25px 0 0 0; width:950px; }
#service #point li.li-last p { text-align:left; font-weight:normal; margin:20px 0 0 13px; }
/* お得な人気プラン */
#plan { width:950px; overflow:hidden; }
#plan h2 { display:none; }
#plan ul li { padding-bottom:45px; overflow:hidden; }
#plan h3 { margin:0 0 15px 0; font-weight:bold; font-size:1.2em; color:#122d60; border-bottom:1px dotted #122d60; }
#plan .topimg_box { float:left; }
#plan .topimg_box p img { border:none; box-shadow:none; }
#plan .topdetail_box { float:right; width:630px; }
/* 館内・フロントサービス */
#front { margin:0 10px 0 30px; width:950px; overflow:hidden; }
#front li { float:left; width:220px; height:60px; padding:5px 0 0 55px; margin-top:15px; }
#front li.line-one { float:left; width:220px; height:50px; padding:15px 0 0 55px; margin-top:15px; }
#front li span { font-size:0.85em; }
#front li.icon-01 { background:url(../images/top/service/icon/fax.png) left top no-repeat; }
#front li.icon-02 { background:url(../images/top/service/icon/delivery.png) left top no-repeat; }
#front li.icon-03 { background:url(../images/top/service/icon/vending.png) left top no-repeat; }
#front li.icon-04 { background:url(../images/top/service/icon/launderette.png) left top no-repeat; }
#front li.icon-05 { background:url(../images/top/service/icon/rock.png) left top no-repeat; }
#front li.icon-06 { background:url(../images/top/service/icon/breakfast.png) left top no-repeat; }
#front li.icon-07 { background:url(../images/top/service/icon/wifi.png) left top no-repeat; }
#front li.icon-08 { background:url(../images/top/service/icon/ice.png) left top no-repeat; }
#front li.icon-09 { background:url(../images/top/service/icon/coffee.png) left top no-repeat; }
#front li.icon-10 { background:url(../images/top/service/icon/amenity.png) left top no-repeat; }
#front li.icon-11 { background:url(../images/top/service/icon/store.png) left top no-repeat; }

/*// グループ関連バナー //*/
#group-link { margin:25px 0 0 0; width:980px; overflow:hidden; }
#group-link li { float:left; width:220px; margin-right:15px; }

/*// その他バナー //*/
#other-link { margin:15px 0 0 0; width:980px; overflow:hidden; }
#other-link li { float:left; width:682px; margin-right:15px; line-height:100%; text-align:left; }
#other-link li div { float:left; margin-right:2px; }
#other-link li span { float:right; font-size:0.85em; color:#666666; margin-top:32px; }
#other-link li input { width:220px; height:60px; }


/*------------------------------------------------------------------------------*/
/*★下層ページ*/

#beginning { margin:0 0 30px 0; min-height:200px; }
#beginning h2 { float:left; margin-right:25px; }
#beginning #overview { float:right; width:755px; text-align:left; }
#beginning #overview h3 { margin:0; }
#beginning #overview p { margin:18px 0 0 0; }


/*// お知らせ（一覧、詳細） //*/
#information-d { padding-top:75px; }
#information-d h2 { background:url(../images/information/h2.png) left top no-repeat; padding:18px 0 0 20px; height:50px; font-size:1.2em; }
#information-d h3 { color:#0a2250; font-size:1.2em; padding-left:5px; border-bottom:1px dotted #152d58; margin:15px 0; }

#information-d #info-images { margin:20px 10;}
#information-d #info-images li { float:left; margin-right:15px; }
#information-d #info-images li .caption { font-size:0.9em; color:#666666; }

#information-d .document { margin:15px; }

#information-li #info-s-list { width:950px; margin:60px 0 50px 30px; }
#information-li #info-s-list li { margin-bottom:30px; }
#information-li #info-s-list li span { float:right; width:855px; margin-left:15px; text-align:left; }
#information-li #info-s-list li span.day_icon { display:none; }


/*// 客室・アメニティ //*/
div.tab-r { width:980px; margin:20px 0 0 0; padding-bottom:50px; overflow:hidden; }
div.tab-r div.r-contents { z-index:5; }
#room { margin:0 0 25px 0; }
#room li { display:inline; margin-left:5px; }
#room li.r-1 { margin-left:0; }
.room-d { width:980px; display:none; }
.room-d .rd-img { float:left; width:576px; margin-right:20px; }
.roon-d .r-d { float:right; width:380px; text-align:left; }
.room-d .r-d .supplement { width:380px; padding:0 0 20px 0; border-bottom:1px solid #bbbbbb; overflow:hidden; }
.room-d .r-d .supplement p { font-weight:bold; color:#0b2452; margin:13px 0 0 0; }
.room-d .r-d .supplement p span { font-weight:normal; }
.room-d .r-d .description { margin-top:22px; }

#indoorview { padding-bottom:25px; overflow:hidden; }
#indoorview p { margin:10px 20px; }
#indoorview ul { margin:10px 0 10px 20px; text-align:center; }
#indoorview ul li { float:left; margin:0 18px 15px 0; }

#amenity { margin:0; }
#amenity h4 { text-align:center; margin:35px 0 20px 0; }
#amenity .pickup-img { text-align:center; margin:0; z-index:1; }
#amenity #a-point { text-align:center; margin:0 0 55px 0; z-index:2; }
#amenity #a-point li { display:inline-block; width:250px; margin-left:20px; font-size:1.2em; line-height:120%; }
#amenity #a-point li span { display:inline-block; width:250px; font-size:0.85em; }
#amenity #a-point li img { margin:2px 0 0 0; }

#a-detail { margin-top:30px; overflow:hidden; }
#a-detail h5 { color:#0a2250; font-size:1.2em; padding-left:5px; border-bottom:1px dotted #152d58; margin-bottom:15px; text-align:left; }
#a-detail #a-ll { float:left; width:470px; padding:0 28px 0 10px; text-align:center; overflow:hidden; }
#a-detail #a-lr { float:right; width:470px; text-align:center; overflow:hidden; }
#a-detail #a-ll .d-box img { margin-bottom:20px; }
#a-detail #a-lr .d-box img { margin-bottom:20px; }

#a-detail .a-list3 { width:470px; text-align:left; overflow:hidden; clear:both; }
#a-detail .a-list3 ul { float:left; width:156px; }
#a-detail .a-list3 ul li { margin-bottom:8px; }
#a-detail .add { margin:3px 0 30px 0; text-align:left; background:#e5f3f7; font-size:0.85em; padding:15px; overflow:hidden; }
#a-detail .a-list2 { width:470px; text-align:left; overflow:hidden; }
#a-detail .a-list2:after{ content:""; display:block; clear:both; }
#a-detail .a-list2 ul { float:left; width:235px; }
#a-detail .a-list2 ul li { margin-bottom:8px; }
#a-detail .a-list1 { width:470px; text-align:left; overflow:hidden; }
#a-detail .a-list1 ul {}
#a-detail .a-list1 ul li { margin-bottom:8px; }
#a-detail .a-list1 ul li span { font-size:0.85em; }
#a-detail #f-li { text-align:left; margin-bottom:10px; }
#a-detail #f-li li { display:inline; margin-right:25px; line-height:120%; }
#a-detail .add .add-lr { float:left; width:340px; }
#a-detail .add .add-lr ul { margin-top:10px; }
#a-detail #a-lr .d-box .add img { float:right; width:90px; margin:0; }


/*// 朝食・カフェ //*/
#cafe { text-align:center; margin: 10px 0 5px 0; overflow:hidden; }
#cafe img { float:left; margin: 0 20px 30px 0; }
#cafe img.cafe { float:left; margin: 0 20px 50px 10px; }
#cafe .cafe-r { width:530px; float:right; }
#cafe .cafe-r img { margin:0 0 20px 0; }
#cafe .cafe-r p { text-align:left; width:510px; margin:20px 0 20px 10px; clear:both; }
#cafe .cafe-r table { cellspacing:0; cellpadding:0; width:500px; }
#cafe .cafe-r th { width:100px; font-weight:bold; }
#cafe .cafe-r table, #cafe td, #cafe th { margin:0; padding:15px; border: 1px dotted #aaaaaa; text-align:left; }

#menu { margin-top:30px; }
#menu h3 {}
#menu p {}

.cafe-img { margin-left:12px; }
.cafe-img li { float:left; }
.cafe-img li img { margin-left:10px; }


/*// アクセス //*/
#beginning #overview_b { float:right; width:755px; height:300px; text-align:left; background:url(../images/access/ov_bg.png) right top no-repeat; }
#beginning #overview_b h3 { margin:0; }
#beginning #overview_b p { margin:18px 0 0 0; }

#access h3 { padding-top:90px; }
#access #m-w { margin:30px 20px 0 20px; padding-bottom:50px; overflow:hidden; }
#access #m-w #map { float:left; }
#access #m-w #way { float:right; width:310px; }
#access #m-w #way h4 { color:#0a2250; font-size:1.2em; font-weight:bold; padding-left:5px; border-bottom:1px dotted #152d58; margin-bottom:15px; text-align:left; }
#access #m-w #way ul { margin-top:20px; }
#access #m-w #way ul li { margin-bottom:20px; min-height:22px; padding:10px 0 0 37px; background:url(../images/access/pdf.png) left no-repeat; }
#access #m-w #way ul li.long { margin-bottom:20px; min-height:22px; padding-left:37px; background:url(../images/access/pdf.png) left no-repeat; line-height:115%; }
#access #m-w #way ul li a { text-decoration:none; }
#access #m-w #way ul li a:hover { text-decoration:underline; }
#access iframe { border:none; }
#access #m-w #way div.bn { margin:25px 0 0 0; width:310px; line-height:110%; }
#access #m-w #way div.bn span { font-size:0.8em; color:#666666; }
#access #m-w #way div.bn input { width:220px; height:60px; }


/*// ホテル近隣情報 //*/
#area-info { }
#area-info ul { width:980px; display:block; clear:both; margin-top:50px; overflow:hidden; text-align:left; }
#area-info ul li { float:left; width:280px; margin:0 70px 0 0; overflow:hidden; font-size:0.9em; text-align:center; }
#area-info ul li:after{ content:""; display:block; clear:both; }
#area-info ul li.li3 { margin:0 0 20px 0; }
#area-info ul li .title { margin-bottom:3px; height:42px; }
#area-info ul li .title img { float:right; width:84px; }
#area-info ul li .title span { float:left; width:195px; margin-top:12px; text-align:left; font-size:1.2em; font-weight:bold; color:#0086ac; }
#area-info ul li .title span.t-two { float:left; width:195px; margin-top:6px; text-align:left; font-size:1.2em; font-weight:bold; color:#0086ac; line-height:105%; }
#area-info ul li dl { margin:5px 0; text-align:left; }
#area-info ul li dl dt { font-weight:bold; font-size:1.1em; margin-top:3px; }
#area-info ul li dl dd { margin:5px 0; line-height:120%; }
#area-info ul li dl dd span { font-size:0.85em; }
#area-info ul li p { margin:10px 0; padding:8px; background:#e5f3f7; text-align:left; }
#area-info ul.next {}
#area-info ul.next li { padding-top:35px; border-top:1px dotted #152d58; }


/*// 観光のご案内 //*/
#attractions {}

.main-spot { margin:35px 10px 0 15px; padding-bottom:35px; width:955px; height:565px; background:url(../images/sightseeing/main-bg.png) left top no-repeat; overflow:hidden; border-bottom:1px dotted #152d58; }
.main-spot img { margin:60px 0 10px 40px; }
.main-spot p { font-size:1.2em; line-height:120%; margin:0 0 0 40px; }

#attractions ul { width:980px; display:block; clear:both; overflow:hidden; text-align:left; }
#attractions ul li { margin:35px 10px 0 15px; padding-bottom:45px; border-bottom:1px dotted #152d58; overflow:hidden; }
#attractions li.sl-last { border:none; }
#attractions li .title { margin-bottom:3px; height:42px; }
#attractions ul li .title img { float:left; width:84px; }
#attractions ul li .title span { float:right; width:865px; margin-top:10px; font-size:1.4em; font-weight:bold; color:#0086ac; }
#attractions ul li .title span.t-two { float:left; width:865px; margin-top:0; font-size:1.4em; font-weight:bold; color:#0086ac; line-height:105%; }

#attractions ul li .s-detail { margin-top:5px; }
#attractions ul li .s-detail img { float:left; width:300px; }
#attractions ul li .s-detail .d-right { float:right; width:640px; margin-lfet:15px; }
#attractions ul li .s-detail .d-right dl { width:630px; font-size:0.9em; padding:5px; background:#e5f3f7; margin-top:15px; }
#attractions ul li .s-detail .d-right dl dt { font-weight:bold; font-size:1.1em; margin:3px; }
#attractions ul li .s-detail .d-right dl dd { margin:2px 3px; line-height:120%; }
#attractions ul li .s-detail .d-right dl dd span { font-size:0.85em; }
#attractions ul li .s-detail p.one { width:930px; margin:10px 0 0 5px; }


/*// よくあるご質問 //*/
#faq-info {}
#faq-info #question { margin:30px 0 0 30px; overflow:hidden; }
#faq-info ul { float:left; width:450px; }
#faq-info ul li { margin:0 0 12px 0; }
#faq-info dl { margin:50px 0 0 0; padding-top:50px; border-top:1px solid #152d58; }
#faq-info dl dt { font-size:1.2em; color:#152d58; padding-top:210px; margin-top:-210px; padding-left:40px; background:url(../images/faq/q.png) left bottom no-repeat; }
#faq-info dl dd { padding-bottom:20px; border-bottom:1px dotted #0086ac; margin:12px 0 25px 0; padding-left:42px; padding-right:10px; background:url(../images/faq/a.png) left top no-repeat; overflow:hidden; }
#faq-info dl dd.dd-last { padding-bottom:0; border-bottom:none; margin:12px 0 25px 0; padding-left:42px; padding-right:10px; background:url(../images/faq/a.png) left top no-repeat; overflow:hidden; }
#faq-info dl dd ul.wifi { margin:3px 0 3px 5px; width:940px }
#faq-info dl dd ul.wifi li { margin:2px 0 2px 0; }


/*// サイトマップ //*/
#sitemap { clear:both; overflow:hidden; }
#sitemap div { margin:50px 0 0 50px; text-align:left; padding-left:18px; background:url(../images/sitemap/bg.png) left no-repeat; }
#sitemap div:hover { opacity:0.75; }
#sitemap div a { color:#000000; font-size:1.1em; text-decoration:none; }
#sitemap div a:hover {color:#0000ff; text-decoration:underline; }
#sitemap ul { float:left; margin:50px; width:218px; text-align:left; }
#sitemap ul li { margin-bottom:45px; padding-left:18px; background:url(../images/sitemap/bg.png) left no-repeat; }
#sitemap ul li:hover { opacity:0.75; }
#sitemap ul li a { color:#000000; font-size:1.1em; text-decoration:none; }
#sitemap ul li a:hover { color:#0000ff; text-decoration:underline; }