@charset "Shift_JIS";

/* ------------------------------------------
Direct In search
ver.2017
------------------------------------------ */
body {
    margin:0;
    padding:0;
    font-family: sans-serif;
}
html, body, div, p, dl, dt, dd, ul, ol, li, span, strong, em, table, th, td { margin: 0; padding: 0;}
ul, li		{ list-style-type: none;}
input[type="text"]	{ font-family:Arial,Helvetica,sans-serif;}


/* ------------------------------------------
見出し
------------------------------------------ */
h1 {border: none;}
h3 {	background: transparent;border: none;padding: inherit;margin: inherit;color: inherit;line-height: inherit;}
#contents h1, #contents h2, #original_maincol h2, #contents h3, .plantitle {
    color: #fff;
    background: #333;
    border: none;
    padding: 4px;
    margin: 0 0 10px 0;
    font-weight: bold;
}
#contents h3#FromAddressStyle {
    background: transparent;
}
.plantitle {font-size: 18px !important;}
.plantitle > h1 {
    margin: 0 !important;
    padding: 0 !important;
}

/* ------------------------------------------
ページレイアウト
------------------------------------------ */
#original_maincol {font-size: 100%;width: 800px; margin: 0 auto; background: #fff;}
.search_checklist {text-align: left;}
table#search th, table#search td, #topic_path-tabs ul li a,#topic_path-tabs ul li a.current, table.plan-data {font-size: 13px;}
.plan-list p {	font-size: 100%;line-height: 1.6;}

/* ------------------------------------------
コンテンツ
------------------------------------------ */
#direct_in ul li a, #direct_in ul li a:hover	{ color: #444; }
#direct_in ul li a{ text-decoration: underline;}
#direct_in ul li a:hover{ text-decoration: none;}

#direct_in{ margin: 15px auto 25px; text-align: center; font-size: 12px;}
#direct_in ul		{ list-style: none; margin: 0; padding: 0;}
#direct_in ul li	{ display: inline; padding: 0 10px; border-right: 1px solid #ddd;}
#direct_in ul li.last	{ border-right: none;}

.plan-list p, p#sales-point, .apple_overlay_inner {	font-size: 100% !important;line-height: 1.6 !important;}
.apple_overlay {font-size: 100% !important;}
input#shoukai_overlay_planbtn, input#shoukai_overlay_roombtn, input#shoukai_overlay_reserve {font-size: 12px !important;}

#calendarleft table a {box-sizing: content-box;}

#socialtool_hd	{ margin-bottom: 10px; display: block; clear: both; overflow: hidden;}
#socialtool li	{ float: left; margin-right: 5px;}

/*赤文字*/
.cap,.onelinecap,span.mark{ color: #e50400;}
/*SSL*/
table.SSL {	margin: 0 auto;}

/* ------------------------------------------
空室状況カレンダー
------------------------------------------ */
table#vacancy {	background-color: transparent;font-size: 14px;}
table#vacancy th {	white-space: normal !important;}
table#vacancy td.weekday a, table#vacancy td.sunday a, table#vacancy td.saturday a {text-decoration: none;}

/* ------------------------------------------
プラン一覧_おすすめプラン帯
------------------------------------------ */
#recommendplan_filter {
    z-index: 10000;
}

/* ------------------------------------------
clearfix
------------------------------------------ */
.clearfix {
    display: inherit !important;
    clear: inherit !important;
}
.clearfix:after {
    content: "" !important;
    clear: both !important;
    display: block !important;
}

/********************************************/
/*************デザイン用CSSここから*************/
/********************************************/

/*
-----------------------------------------------
Base Style
Version: 21 MAR 2013
----------------------------------------------- */
html { background: #fff;}
@font-face {
    font-family: "Yu Gothic M";
    src: local(Yu Gothic Medium);
}

body {
    width		: 100%;
    height		: 100%;
    min-width: 1060px;
    background	: #fff;
    font-size: 62.5%;
    font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , YuGothic,"YuGothic M","ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    line-height	: 1.5;
    -webkit-text-size-adjust: none;	/* フォントサイズ自動調整 */
}
/* IE6 base font */
* html body {
    font-family	: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
a:link		{ color: #8175cd; text-decoration: underline; border: none;}
a:visited	{ color: #8175cd; text-decoration: underline;}
a:hover		{ color: #8175cd; text-decoration: none;}
a:active	{ color: #8175cd; text-decoration: underline;}
strong		{ font-weight: bold;}
em		{ font-style: italic;}

/*
--------------------------------------------------
Container
-------------------------------------------------- */
.container{ position:relative;}
.container-inner	{}
.container-inner-inner	{}

/*
--------------------------------------------------
Header
-------------------------------------------------- */
/* 総合 */
.common_header { width: 100%; height:100px; background:#fff; border-top:5px solid #1e1656; box-shadow: 0 0 5px 1px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,0.3)}
.common_header-inner { margin: 0 auto; position:relative;}
.common_header-inner #logo_col{ position:absolute; left:0; top:5px; width:400px; background: #fff;}
.common_header-inner #logo_col:after{ content:""; clear:both; display:block;}
.common_header-inner #logo_col strong{ font-size:1.2em; display:block; margin-left:20px;}
.common_header-inner .logo { float:left; width:200px; margin-right:20px;}
.common_header-inner .logo a { display:block; overflow:hidden; height:0; background:url(../36030/img/common/logo_main.png) no-repeat 0 0; padding-top:70px;}
.common_header-inner .logo a:link,
.common_header-inner .logo a:visited,
.common_header-inner .logo a:hover,
.common_header-inner .logo a:active {}
.common_header-inner p.header_bestrate{ overflow:hidden; height:0; background:url(../36030/img/common/bn_bestrate_pc.png) no-repeat 0 0; padding-top:50px; width:180px; margin-top:10px;}

.common_nav{ width:670px; height:100px; position:absolute; right:0; top:0;}
.common_nav_inner{ float:left; width:450px; margin-right:15px;}
.common_nav_inner:after{ content:""; display:block; clear:both;}
.common_nav_inner li{ float:left; width:150px;}
.common_nav_inner li a{ display:block; overflow:hidden; height:0; padding-top:100px; width:150px; background: url(../36030/img/common/nav.png) no-repeat 0 0;}
.common_nav_inner li.nav01 a{ background-position: 0 0;}
.common_nav_inner li.nav02 a{ background-position: -150px 0;}
.common_nav_inner li.nav03 a{ background-position: -300px 0;}
.common_nav_inner li.nav01 a:hover{ background-position: 0 -100px;}
.common_nav_inner li.nav02 a:hover{ background-position: -150px -100px;}
.common_nav_inner li.nav03 a:hover{ background-position: -300px -100px;}

.nav .sp_menu{ display:none;}

.common_header-inner .select_lang{ font-size:1.2em; margin-top:15px;}
.common_header-inner .select_lang select{ padding: 5px 10px;}
.common_header-inner .select_lang a{ text-decoration:none; color:#8175cd; background:url(../36030/img/common/arr_fnav.png) no-repeat 0 center; padding-left:10px;} 
.common_header-inner .select_lang a:hover{ text-decoration: underline;}

.dropmenu{
    *zoom: 1;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.dropmenu:before, .dropmenu:after{
    content: "";
    display: table;
}
.dropmenu_inner{
    width: 480px;
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left:0;
    margin: 0;
    padding:0;
    background:#F2F2F7;
}
.dropmenu_inner ul{ width:240px; float: left;}
.dropmenu_inner li{
    width: 240px!important;
    padding: 0;
    line-height:50px;
}
.dropmenu_inner li a{
    font-size:1.0em;
    display: block!important;
    padding: 0 0 0 30px!important;
    height:50px!important;
    background:none;
    width: 210px!important;
    text-decoration:none;
    color:#1E1656;
    font-weight: normal;
    background:url(../36030/img/common/arr_map.png) no-repeat 10px center!important;
    border-bottom:1px dotted #aaa;
}
.dropmenu_inner li.line_none a{border-bottom:none;}
.dropmenu_inner li a:hover{ background-color: #fff!important;}
#dropmenu li ul li{
    overflow: hidden;
    height: 0;
    transition: .2s;
}
#dropmenu li:hover ul li{
    overflow: visible;
    height: 50px;
}

.dropmenu_inner ul.top_site{ width:480px; clear:both;}
.dropmenu_inner ul.top_site li{
    width: 480px!important;
    padding: 0;
    line-height:50px;
}
.dropmenu_inner ul.top_site li a{ width: 460px!important; text-align:right; padding: 0 20px 0 0!important; background:none!important; border-bottom:none;}
.dropmenu_inner ul.top_site li a span{ background:url(../36030/img/common/arr_home.png) no-repeat 10px center!important; padding-left:30px; font-weight:bold;}
.dropmenu_inner ul.top_site li a:hover{ background-color: #fff!important;}


/* 施設別 */
.hotels_header{ padding: 20px 0; font-size:1.4em; border-top:5px solid #1e1656;}
.hotels_header_inner{ width:1080px; margin: 0 auto; height:60px;; position:relative;}
.hotels_header_inner p.header_bestrate{
    position:absolute;
    left:370px;
    top:0;
    overflow:hidden;
    height:0;
    background:url(../36030/img/common/bn_bestrate_pc.png) no-repeat 0 0;
    padding-top:50px;
    width:180px;
    margin-top:10px;
}
.hotels_header_inner .header_address{ width:360px;}

.hotels_header_inner .common_nav{ position:absolute; right:230px; top:-20px; width:150px;}
.hotels_header_inner .common_nav li{ float:left; width:150px;}
.hotels_header_inner .common_nav li a{ display:block; overflow:hidden; height:0; padding-top:100px; width:151px; background: url(../36030/img/common/nav.png) no-repeat 0 0;}
.hotels_header_inner .common_nav li.nav01 a{ background-position: 0 0;}
.hotels_header_inner .common_nav li.nav02 a{ background-position: -150px 0;}
.hotels_header_inner .common_nav li.nav03 a{ background-position: -300px 0;}
.hotels_header_inner .common_nav li.nav01 a:hover{ background-position: 0 -100px;}
.hotels_header_inner .common_nav li.nav02 a:hover{ background-position: -150px -100px;}
.hotels_header_inner .common_nav li.nav03 a:hover{ background-position: -300px -100px;}


.header_tel{ position:absolute; right:0; top:0;}
.hotels_header h1{}
.hotels_header h1 a.logo{ overflow:hidden; height:0; display:block; background:url(../36030/img/common/hotels_logo.png) no-repeat 0 0; width:290px; padding-top:30px; margin-bottom:10px;}

/*
.header {
width : 100%;
height : 140px;
margin : 0 auto;
position : relative;
background: url(../36030/img/common/bg_header.png) repeat-x 0 0;
}
.header .header_img{
overflow:hidden;
height:0;
background:url(../36030/img/common/bg_header_tsuru.png) no-repeat 0 0;
width:320px;
padding-top:120px;
position:absolute;
top:0;
left:50%;
margin-left:455px;
}
.header-inner {
width : 960px;
margin : 0 auto;
background : ;
position : relative;
}
.header-inner .header_logo{
width:280px;
height:160px;
position:absolute;
top:0; left:0;
background:#fff url(../36030/img/common/bg_header_logo.png) repeat-x 0 0;
text-align:center;
z-index:9999;
border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
box-shadow: 0 0 3px 3px ;
box-shadow:0px 0px 3px 3px rgba(0,0,0,0.15);
-moz-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.15);
-webkit-box-shadow:0px 0px 3px 3px rgba(0,0,0,0.15);
}
.header-inner .header_logo p.header_copy{ font-size:0.825em; margin: 10px 0;}
.header-inner .header_logo p.header_tel{ overflow:hidden; height:0; background:url(../36030/img/common/header_tel.png) no-repeat 0 0; padding-top:30px; width:190px; margin: 0 auto;}
.header-inner .header_logo .logo {
overflow : hidden;
height:0;
background:url(../36030/img/common/logo.png) no-repeat 0 0;
padding : 50px 0 0 0;
display : block;
width:260px;
margin: 10px auto 0;
}
a.logo:link,
a.logo:hover,
a.logo:visited,
a.logo:active { color: #252021; text-decoration: none;}*/


/* Language nav */
.langnav {
    position	: absolute;
    right		: 0;
    bottom		: 5px;
    overflow	: hidden;
}
.langnav div {
    padding-right	: 8px;
    padding-left	: 10px;
    background	: url(../36030/img/common/arrow.png) no-repeat left center;
    font-size	: 110%;
    line-height	: 1.32;
    display		: inline;
}
.langnav a	 { color: #524127; text-decoration: underline;}
.langnav a:hover { color: #524127; text-decoration: none;}


/* cnav */
.cnav { font-size:0.9em;}
.cnav ul	  { position: absolute; right: 180px; top: 15px;}
.cnav ul li	  { margin-right:15px; float: left;}
.cnav ul li a	  { text-decoration: none; color:#f5efe9; background: url(../36030/img/common/arrow.png) no-repeat 0 center; padding-left:10px;}
.cnav ul li a img { vertical-align: bottom;}

.header_lang { position: absolute; right:0; top: 10px;}

/* Font resize */
#fontresize {
    margin		: 0 0 10px 0;
    padding		: 10px 0;
    background	: #e9e6d5;
    border		: 2px solid #766c23;
    overflow	: hidden;
}
#fontresize-hd {
    width		: 120px;
    height		: 0;
    padding		: 20px 0 0 0;
    background	: url(../36030/img/common/fontresize_hd.gif) no-repeat 0 0;
    float		: left;
    overflow	: hidden;
}
#fontresize ol {
    width		: 90px;
    float		: left;
    overflow	: hidden;
}
#fontresize ol li { padding-left: 5px; float: left;}
#fontresize ol li span {
    width		: 20px;
    height		: 0;
    padding-top	: 20px;
    display		: block;
    overflow	: hidden;
    cursor		: pointer;
}
#fontresize-small	{ background-image: url(../36030/img/common/fontresize_btn_small.gif);}
#fontresize-medium	{ background-image: url(../36030/img/common/fontresize_btn_medium.gif);}
#fontresize-large	{ background-image: url(../36030/img/common/fontresize_btn_large.gif);}
#fontresize-small.fontresize-selected	{ background-position: 0 20px;}
#fontresize-medium.fontresize-selected	{ background-position: 0 20px;}
#fontresize-large.fontresize-selected	{ background-position: 0 20px;}
.active span	{ background-position: 0 20px;}


/*
-----------------------------------------------
Nav
----------------------------------------------- */
.nav {
    width :100%;
    height : 70px;
    margin : 0;
    padding : 0;
    overflow : hidden;
    background:url(../36030/img/common/hotels_nav_base.png) repeat-x 0 0;
}
.nav .nav-inner{}
.nav ul {
    width: 960px;
    height : 70px;
    margin : 0 auto;
    padding : 0;
}
.nav ul li {
    margin		: 0;
    padding		: 0;
    float		: left;
}
.nav ul li a {
    width : 140px;
    height :0;
    overflow : hidden;
    margin : 0;
    padding : 70px 0 0 0;
    background : url(../36030/img/common/hotels_nav.png) no-repeat 0 0;
    display : block;
}
.nav ul li a:hover{}


/* Nav default */
.nav .nav01 a { background-position:    0px 0px; width:120px;}
.nav .nav02 a { background-position: -120px 0px;}
.nav .nav03 a { background-position: -260px 0px;}
.nav .nav04 a { background-position: -400px 0px;}
.nav .nav05 a { background-position: -540px 0px;}
.nav .nav06 a { background-position: -680px 0px;}
.nav .nav07 a { background-position: -820px 0px;}

/* Nav hover */
.nav .nav01 a:hover { background-position:    0px -70px;}
.nav .nav02 a:hover { background-position: -120px -70px;}
.nav .nav03 a:hover { background-position: -260px -70px;}
.nav .nav04 a:hover { background-position: -400px -70px;}
.nav .nav05 a:hover { background-position: -540px -70px;}
.nav .nav06 a:hover { background-position: -680px -70px;}
.nav .nav07 a:hover { background-position: -820px -70px;}

/* Nav hover */
#page-home .nav .nav01 a		{ background-position:    0px -140px; cursor:default;}
#page-room .nav .nav02 a 		{ background-position: -120px -140px; cursor:default;}
#page-facilities .nav .nav03 a 	{ background-position: -260px -140px; cursor:default;}
#page-breakfast .nav .nav04 a 	{ background-position: -400px -140px; cursor:default;}
#page-faq .nav .nav05 a			{ background-position: -540px -140px; cursor:default;}
#page-guide .nav .nav06 a 		{ background-position: -680px -140px; cursor:default;}
#page-access .nav .nav07 a 		{ background-position: -820px -140px; cursor:default;}



/*	メイン画像
----------------------------------------------- */
.visual{ overflow:hidden; height:320px;}
#page-home .visual{ overflow:hidden; height:400px;}
#page-lang .visual{ overflow:hidden; height:540px;}

.main-photo{ width:1600px; min-width:960px; position:relative; left:50%; margin-left:-800px;}
.main-photo-inner{ position:relative;}
.slide_home > li { width: auto; position: static; left: 0; margin-left: 0;}
.slide_home > li > img { width: 1600px;}

.wide .main-photo { width: 100%; position: relative; left: 0; margin-left: 0;}
.wide .slide_home > li > img{ width:100%;}

/* page */
.slide_page li{ width: auto; position: static; left: 0; margin-left: 0;}
.slide_page > li > img { width: 1600px;}
.wide .slide_page > li > img{ width:100%;}

p.txt_home001{ position:absolute; z-index:9999; top:100px; left:50%; margin-left:-480px; background:url(../36030/img/home/txt_main_home001.png) no-repeat 0 0; overflow:hidden; height:0; padding-top:80px; width:960px;}
p.txt_home002{ position:absolute; z-index:9999; top:50px; right:50%; margin-right:-480px; background:url(../36030/img/home/txt_main_home002.png) no-repeat 0 0; overflow:hidden; height:0; padding-top:80px; width:960px;}
p.txt_home003{ position:absolute; z-index:9999; top:50px; right:50%; margin-right:-480px; background:url(../36030/img/home/txt_main_home003.png) no-repeat 0 0; overflow:hidden; height:0; padding-top:80px; width:960px;}
p.txt_home004{ position:absolute; z-index:9999; top:200px; left:50%; margin-left:-480px; background:url(../36030/img/home/txt_main_home004.png) no-repeat 0 0; overflow:hidden; height:0; padding-top:80px; width:960px;}
p.txt_home005{ position:absolute; z-index:9999; top:200px; left:50%; margin-left:-480px; background:url(../36030/img/home/txt_main_home005.png) no-repeat 0 0; overflow:hidden; height:0; padding-top:80px; width:960px;}

/*	フッター
----------------------------------------------- */
.footer { width: 100%; margin-bottom: 0px; background:#fff;}
.footer-inner { padding:0;}

/* 施設別 */
.hotels_fnav{ background:#322c5d; padding:18px 0; font-size:0.9375rem;}
.hotels_fnav_inner{ width:960px; margin: 0 auto; text-align:center;}
.hotels_fnav li{ display:inline;}
.hotels_fnav li a{ color:#fff; text-decoration:none; background:url(../36030/img/common/arr_fnav02.png) no-repeat 0 5px; padding-left:12px; margin: 0 15px;} 
.hotels_fnav li a:hover{ text-decoration: underline;}

.hotels_info{ border-bottom:1px solid #6f7a89; font-size:0.875rem; background: #f6f6f6;}
.hotels_info_inner{ width:960px; margin: 0 auto; padding:15px 0;}
.hotels_info_inner:after{ content:""; clear:both; display:block;}

.hotels_outside{ overflow:hidden; float:left; width:420px;}
.hotels_outside h3{ padding:10px 0;}

.hotels_data{ overflow:hidden; float:left; padding: 10px 0;}


/* 共通 */
.footer_banner{ width:960px; margin: 0 auto;}
.footer_banner ul{ padding: 40px 15px 20px;}
.footer_banner ul li{ float:left; margin: 0 15px 20px;}

.footer_info{ width:100%; clear:both; margin: 0 auto; padding:40px 0; border-top: 1px solid #e4e4e4; background: #f6f6f6; font-size: 0.625rem; box-sizing: content-box !important;}
.footer_info_inner{ width:960px; margin: 0 auto;}
.footer_info_inner h3{ width: 200px; height:100px; float:left; margin-right:20px;}

.footer_info_inner .fnav{ width: 300px; float:left;}
.footer_info_inner .fnav ul{ width:150px; float:left;}
.footer_info_inner .fnav li{ margin-bottom:3px;}
.footer_info_inner .fnav a{ color:#333; font-size:1.3em; text-decoration:none; background: url(../36030/img/common/arr_fnav.png) no-repeat 0 center; padding-left:12px;}
.footer_info_inner .fnav a:hover{ text-decoration:underline;}

.footer_info_inner .f_group{ width: 380px; float:right;}
.footer_info_inner .f_group h4{ font-size:1.5em; margin-bottom:5px;}
.footer_info_inner .f_group ul{ width:190px; float:left;}
.footer_info_inner .f_group li{ margin-bottom:3px;}
.footer_info_inner .f_group a{ color:#333; font-size:1.3em; text-decoration:none; background: url(../36030/img/common/arr_fnav02.png) no-repeat 0 center; padding-left:12px;}
.footer_info_inner .f_group a:hover{ text-decoration:underline;}

.copyright{ background: #091a3c; width:100%; padding: 15px 0;}
.copyright p{ width:960px; margin: 0 auto; padding:0; text-align:center; color:#fff; font-size:0.75rem;}


/* Photos */
.photos		{}
.photos-left	{ margin-right: 30px; float: left;}
.photos-right	{ margin-left: 30px; float: right;}
.photos-center	{ width: 100%; text-align: center; margin-bottom: 5px;}









/* ------------------------------------------
TABLES "SEARCH"
------------------------------------------ */
span.mark	{ color: #1E1656;}


/* ------------------------------------------
Original Header
------------------------------------------ */
html, body, div, p, dl, dt, dd, ul, ol, li, span, strong, em, table, th, td { margin: 0; padding: 0;}
ul, li		{ list-style-type: none;}


#direct_in		{ width: 760px; margin-top: 15px; margin-bottom: 25px; text-align: center; font-size: 12px; *margin-top: 30px;}
#direct_in ul		{ list-style: none; margin: 0; padding: 0;}
#direct_in ul li	{ display: inline; padding: 0 10px; border-right: 1px solid #ddd;}
#direct_in ul li.last	{ border-right: none;}
#direct_in ul li a	{ color: #1E1656; text-decoration: underline;}
#direct_in ul li a:hover{ color: #1E1656; text-decoration: none;}

#original_maincol	{ width: 800px; margin: 0 auto; padding:15px; font-size:160%;}
input[type="text"]	{ font-family:Arial,Helvetica,sans-serif;}

#socialtool_hd	{ margin-bottom: 5px; display: block; clear: both; overflow: hidden;}
#socialtool	{}
#socialtool li	{ float: left; margin-right: 5px;}

@charset "Shift_JIS";




table#vacancy {
    background-color: transparent;
}

table#vacancy th {
    white-space: normal !important;
}


.hotels_info h3 {
    background-color: transparent;
    background-image: none;
    border-style: none;
}

.footer_info {
    height: 118px;
}

.footer_info_inner h3 {
    background-color: transparent;
    background-image: none;
    border-style: none;
    margin:0;
    padding:0;
}

.footer_info_inner h3{ width: 200px; height:100px; float:left; margin-right:20px;}


.clearfix {
    display: block !important;
    clear:initial !important;
}

.f_group h4 {
    font-weight:normal;
    margin-top: 0;
}

table#vacancya td {
    font-family: 'ＭＳ Ｐゴシック','Osaka';
}

.footer_info_inner .f_group{ width: 400px; float:left; margin-left: 40px;}
.footer_info_inner .f_group h4{ font-size:1.5em; margin-bottom:5px;}
.footer_info_inner .f_group ul{ width:200px; float:left;}
.footer_info_inner .f_group li{ margin-bottom:3px;}
.footer_info_inner .f_group a{ color:#333; font-size:1.3em; text-decoration:none; background: url(../36030/img/common/arr_fnav02.png) no-repeat 0 center; padding-left:12px;}
.footer_info_inner .f_group a:hover{ text-decoration:underline;}

.footer_info_inner .f_group2{ width: 220px; float:left;}
.footer_info_inner .f_group2 h4{ font-size:1.5em; margin-bottom:5px;}
.footer_info_inner .f_group2 ul{ width:220px; float:left;}
.footer_info_inner .f_group2 li{ margin-bottom:3px;}
.footer_info_inner .f_group2 a{ color:#333; font-size:1.3em; text-decoration:none; background: url(../36030/img/common/arr_fnav02.png) no-repeat 0 center; padding-left:12px;}
.footer_info_inner .f_group2 a:hover{ text-decoration:underline;}

h3.footer_logo { text-align: center; }

.hotels_header_inner {
    width: 95%;
}

.hotels_header_inner .common_nav {
    position: absolute;
    right: 38%;
    top: -20px;
    width: 150px;
}


/*
.common_nav_inner {
float: right;
}
*/

.dropmenu_inner{
    width: 640px;
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left:0;
    margin: 0;
    padding:0;
    background:#F2F2F7;
}
.dropmenu_inner ul{ width:200px; float: left;}
.dropmenu_inner li{
    width: 200px!important;
    padding: 0;
    line-height:50px;
}
.dropmenu_inner li a{
    font-size:0.9em;
    display: block!important;
    padding: 0 0 0 30px!important;
    height:50px!important;
    background:none;
    width: 170px!important;
    text-decoration:none;
    color:#1E1656;
    font-weight: normal;
    background:url(../36030/img/common/arr_map.png) no-repeat 10px center!important;
    border-bottom:1px dotted #aaa;
}
.dropmenu_inner ul.tokyo_area { width:240px; float: left;}
.dropmenu_inner ul.tokyo_area li{
    width: 240px!important;
    padding: 0;
    line-height:50px;
}
.dropmenu_inner ul.tokyo_area li a{
    font-size:0.9em;
    display: block!important;
    padding: 0 0 0 30px!important;
    height:50px!important;
    background:none;
    width: 210px!important;
    text-decoration:none;
    color:#1E1656;
    font-weight: normal;
    background:url(../36030/img/common/arr_map.png) no-repeat 10px center!important;
    border-bottom:1px dotted #aaa;
}

.dropmenu_inner li.line_none a{border-bottom:none;}
.dropmenu_inner li a:hover{ background-color: #fff!important;}
.dropmenu_inner ul.tokyo_area li a:hover{ background-color: #fff!important;}

#dropmenu li ul li{
    overflow: hidden;
    height: 0;
    transition: .2s;
}
#dropmenu li:hover ul li{
    overflow: visible;
    height: 50px;
}

.dropmenu_inner ul li.top_site a span {
    background: url(../36030/img/common/arr_home.png) no-repeat 10px center !important;
    padding-left: 30px;
    font-weight: bold;
}

.dropmenu_inner ul.top_site li a{ width: 620px !important; text-align:right !important; padding: 0 20px 0 0!important; background:none!important; border-bottom:none !important;}
.dropmenu_inner ul.top_site li a span{ background:url(../36030/img/common/arr_home.png) no-repeat 10px center!important; padding-left:30px !important; font-weight:bold !important;}
.dropmenu_inner ul.top_site li a:hover{ background-color: #fff!important;}

.header_tel {
    position: absolute;
    right: 10%;
    top: 0;
}

.hotels_header {
    padding-left: 80px;
}

/* 180703_追記 */
.dropmenu_inner ul, .dropmenu_inner ul li, .dropmenu_inner ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 190px !important;
}
.dropmenu_inner ul + ul, .dropmenu_inner ul + ul li, .dropmenu_inner ul + ul li a {
    width: 220px !important;
}
.dropmenu_inner ul.tokyo_area, .dropmenu_inner ul.tokyo_area li a {
    width: 230px !important;
}

/* 200117_追記 */


.dropmenu_inner{
    width: 910px;
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left:-24%;
    margin: 0;
    padding:0;
    background:#F2F2F7;
}
.dropmenu_inner ul{float: left;}
.dropmenu_inner ul,
.dropmenu_inner ul li,
.dropmenu_inner ul li a{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width:210px !important;
}
.dropmenu_inner ul + ul,
.dropmenu_inner ul + ul li,
.dropmenu_inner ul + ul li a {width: 210px !important;}

.dropmenu_inner ul.osaka_area,
.dropmenu_inner ul.osaka_area li a{
    width: 250px !important;
    position: relative;}
.dropmenu_inner ul.osaka_area li:first-of-type a::after{
    content: "";
    font-size: 0.82em;
    position: absolute;
    top:16px;
    left:25px;
}
.dropmenu_inner ul.osaka_area li:nth-of-type(2) a::after{
    content: "";
    font-size: 0.85em;
    position: absolute;
    top:16px;
    left:25px;
}

.dropmenu_inner ul.top_site li a{ width: 910px !important; text-align:right !important; padding: 0 70px 0 0!important; background:none!important; border-bottom:none !important;}


.footer_info_inner .fnav{ width: 180px; float:left; margin-left: 0;}
.footer_info_inner .f_group{ width: 550px; float:left; margin-left: 0;}
.footer_info_inner .f_group ul{ width:175px; float:left;}
.footer_info_inner .f_group ul:nth-child(3){ width:200px;}
.footer_info_inner .f_group2{ width: 230px; float:left; margin-left: -10px;}
.footer_info_inner .f_group2 ul{ width:230px; float:left;}
.footer_info_inner .f_group2 h4{ margin: 0 0 5px;}

/* 200127_追記 */
.m_clearfix{display: block; clear: none;}

/* 210827_追記 */
.footer_banner2{ width:960px; margin: 90px auto 0;}
.footer_banner2 ul{ padding: 5px 10px 5px;}
.footer_banner2 ul li{ float:left; margin: 0 5px 5px;}