@charset "utf-8";

/* ============================================
	body
============================================ */
body {
	height: 100%;
	min-width: 980px;
	min-height: 100%;
	background-color: #999;
}
a {
	color: #ba8e23;
	text-decoration: underline;
	outline: none;
}
a:hover {
	text-decoration: none;
}
div #gMenu a img:hover,
#content a img:hover {
	opacity: 0.7;
}

#wrapper {
	/*background-color: #ccc;*/
	clear: both;
}
.tabBox h2 {
	padding-top: 20px;
}
.newsWindow {
	display: none;
}
.newsWindow.disable {
	display: none!important;
}


/* ============================================
	gNav
============================================ */
#gNav {
	width: 175px;
	height: 100%;
	min-height: 760px;
	float: left;
	/*position: absolute;*/
	top: 0;
	left: 0;
	z-index: 1;
	background: url(../img/bg_gnav.png) 0 917px repeat;
}
#gNav ul {
}
#gNav ul li {
	margin: 0 0 1px;
	text-indent: -9999px;
}
#gNav ul li a {
	height: 115px; /*124px;*/
	background: url(../img/bg_gnav_list2019.png) no-repeat;
	display: block;
}
#gNav ul li#gNav_01 a { background-position: 0 0;}
#gNav ul li#gNav_02 a { background-position: 0 -116px;}
#gNav ul li#gNav_03 a { background-position: 0 -232px;}
#gNav ul li#gNav_04 a { background-position: 0 -348px;}
#gNav ul li#gNav_05 a { background-position: 0 -464px;}
#gNav ul li#gNav_06 a { background-position: 0 -580px;}
#gNav ul li#gNav_07 a { background-position: 0 -812px;}
#gNav ul li#gNav_08 a { background-position: 0 -696px;}

#gNav ul li#gNav_01.active a,
#gNav ul li#gNav_01 a:hover { background-position: -175px 0;}
#gNav ul li#gNav_02.active a,
#gNav ul li#gNav_02 a:hover { background-position: -175px -116px;}
#gNav ul li#gNav_03.active a,
#gNav ul li#gNav_03 a:hover { background-position: -175px -232px;}
#gNav ul li#gNav_04.active a,
#gNav ul li#gNav_04 a:hover { background-position: -175px -348px;}
#gNav ul li#gNav_05.active a,
#gNav ul li#gNav_05 a:hover { background-position: -175px -464px;}
#gNav ul li#gNav_06.active a,
#gNav ul li#gNav_06 a:hover { background-position: -175px -580px;}
#gNav ul li#gNav_07.active a,
#gNav ul li#gNav_07 a:hover { background-position: -175px -812px;}
#gNav ul li#gNav_08.active a,
#gNav ul li#gNav_08 a:hover { background-position: -175px -696px;}

/* ============================================
	gMenu
============================================ */
#gMenu {
	/*width: 0;*/
	width: 190px;
	height: 100%;
	min-height: 760px;
	text-align: left;
	float: left;
	/*position: absolute;*/
	top: 0;
	left: 175px;
	z-index: 10;
	background: url(../img/bg_gmenu.png) top right repeat-y;
	padding: 0 10px 0 0;
}
#gMenuIn {
	width: 180px;
	height: 100%;
	min-height: 760px;
	padding: 0 0 0 10px;
	background-color: #fff!important;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
	position: relative;
}
.tenpo {
	width: 170px;
	position: absolute;
	/*top: 20px;*/
	top: 0;
	/*left: 10px;*/
	text-align: center;
	background-color: #fff!important;
	/*zoom: 1;*/
	display: none;
}
.bg_now {
	position: absolute;
	left: -25px;
	/*left: 160px;*/
}
#osaka .bg_now	{ top: 43px;}
#hakata .bg_now	{ top: 159px;}
#oyodo .bg_now	{ top: 275px;}
#miyachiku .bg_now	{ top: 391px;}
#apas .bg_now	{ top: 507px;}
#agrina .bg_now		{ top: 623px;}

#gMenuIn .titTenpo {
	padding: 20px 0 18px;
	font-weight: bold;
}
.fairArea {
	width: 170px;
	min-height: 218px;
	margin: 0 0 14px;
	background: url(../img/bg_fair.png) 0 40px no-repeat;
}
.fairArea span {
	margin: 8px 15px 0;
	text-align: left;
	display: block;
}
.gMenuList {
	width: 151px;
	margin: 0 0 15px 10px;
	border-top: solid 1px #b07e09;
}
.gMenuList li {
	text-indent: -9999px;
}
.gMenuList li a {
	width: 151px;
	height: 40px;
	background: url(../img/bg_gmenu_list201909.png) no-repeat;
	display: block;
}

#agrina.gMenuList li a {
	width: 151px;
	height: 40px;
	background: url(../img/bg_agrina_list.png) no-repeat;
	display: block;
}

.gMenuList li.mGwlunch a { background-position: 0 0;}
.gMenuList li.mGwdinner a { background-position: 0 -40px;}
.gMenuList li.mHdlunch a { background-position: 0 -560px;}
.gMenuList li.mHddinner a { background-position: 0 -600px;}


.gMenuList li.mallmenu a { background-position: 0 0;}
.gMenuList li.mLunch a { background-position: 0 -40px;}
.gMenuList li.mDinner a { background-position: 0 -80px;}
.gMenuList li.mDrink a { background-position: 0 -120px;}
.gMenuList li.mStore a { background-position: 0 -160px;}
.gMenuList li.mShop a { background-position: 0 -200px;}
.gMenuList li.mGentei a { background-position: 0 -240px;}
.gMenuList li.mPremium a { background-position: 0 -280px;}
.gMenuList li.mNewyearlunch a { background-position: 0 -320px;}
.gMenuList li.mNewyeardinner a { background-position: 0 -360px;}
.gMenuList li.mKiwami a { background-position: 0 -400px;}
.gMenuList li.mTanpin a { background-position: 0 -640px;}
.gMenuList li.mLunchCourse a { background-position: 0 -440px;}
.gMenuList li.mGwlunch a { background-position: 0 -480px;}
.gMenuList li.mGwdinner a { background-position: 0 -520px;}
.gMenuList li.mSimibi a { background-position: 0 -680px;}
.gMenuList li.mGrand a { background-position: 0 -720px;}
.gMenuList li.mPlatinum a { background-position: 0 -760px;}


.gMenuList li.mGwlunch.active a,
.gMenuList li.mGwlunch a:hover { background-position: -152px 0;}
.gMenuList li.mGwdinner.active a,
.gMenuList li.mGwdinner a:hover { background-position: -152px -40px;}
.gMenuList li.mHdlunch.active a,
.gMenuList li.mHdlunch a:hover { background-position: -152px -560px;}
.gMenuList li.mHddinner.active a,
.gMenuList li.mHddinner a:hover { background-position: -152px -600px;}


.gMenuList li.mallmenu.active a,
.gMenuList li.mallmenu a:hover { background-position: -152px 0;}

.gMenuList li.mLunch.active a,
.gMenuList li.mLunch a:hover { background-position: -152px -40px;}
.gMenuList li.mDinner.active a,
.gMenuList li.mDinner a:hover { background-position: -152px -80px;}
.gMenuList li.mDrink.active a,
.gMenuList li.mDrink a:hover { background-position: -152px -120px;}
.gMenuList li.mStore.active a,
.gMenuList li.mStore a:hover { background-position: -152px -160px;}
.gMenuList li.mShop.active a,
.gMenuList li.mShop a:hover { background-position: -152px -200px;}
.gMenuList li.mGentei.active a,
.gMenuList li.mGentei a:hover { background-position: -152px -240px;}
.gMenuList li.mPremium.active a,
.gMenuList li.mPremium a:hover { background-position: -152px -280px;}
.gMenuList li.mNewyearlunch.active a,
.gMenuList li.mNewyearlunch a:hover { background-position: -152px -320px;}
.gMenuList li.mNewyeardinner.active a,
.gMenuList li.mNewyeardinner a:hover { background-position: -152px -360px;}
.gMenuList li.mKiwami.active a,
.gMenuList li.mKiwami a:hover { background-position: -152px -400px;}
.gMenuList li.mTanpin.active a,
.gMenuList li.mTanpin a:hover { background-position: -152px -640px;}
.gMenuList li.mLunchCourse.active a,
.gMenuList li.mLunchCourse a:hover { background-position: -152px -440px;}
.gMenuList li.mGwlunch.active a,
.gMenuList li.mGwlunch a:hover { background-position: -152px -480px;}
.gMenuList li.mGwdinner.active a,
.gMenuList li.mGwdinner a:hover { background-position: -152px -520px;}
.gMenuList li.mSimibi.active a,
.gMenuList li.mSimibi a:hover { background-position: -152px -680px;}
.gMenuList li.mGrand.active a,
.gMenuList li.mGrand a:hover { background-position: -152px -720px;}
.gMenuList li.mPlatinum.active a,
.gMenuList li.mPlatinum a:hover { background-position: -152px -760px;}

/* test */
#gMenuIn ul.testList {
	border-top: solid 1px #999;
	font-size: 140%;
}
#gMenuIn ul.testList li a {
	padding: 10px;
	border-bottom: solid 1px #999;
	display: block;
}
#gMenuIn ul.testList li.active a {
	background-color: #fcc;
}

/* ============================================
	content
============================================ */
#content {
	width: 560px;
	height: 100%;
	min-height: 760px;
	padding: 0 15px 0 30px;
	text-align: left;
	float: left;
	left: 375px;
	background: url(../img/bg_content.png) top left repeat-y;
}
.contentIn {
	width: 561px;
	height: 100%;
	min-height: 760px;
	overflow: scroll;
	text-align: left;
}
#loader {
	display: none;
	position: absolute;
	top: 45%;
	left: 670px;
}
#loadBox {
	width: 540px !important;
}
#conFoot {
	height: 40px;
	background-color: #f00;
}

/* Long Type */
.fixPage #content {
	width: 760px;
	background: url(../img/bg_content_long.png) top left repeat-y;
}
.fixPage  .contentIn {
	width: 760px;
}
.fixPage  #loadBox {
	width: 720px !important;
}
.sp {
	display: none;
}

/* ============================================
	footer
============================================ */
#footer {
	width: 100%;
	height: 34px;
	color: #fff;
	text-align: left;
	background-color: #000;
	filter: alpha(opacity=88);
	-moz-opacity: 0.88;
	opacity: 0.88;
	z-index: 100;
	/*position: relative;*/
	clear: both;
	/*position: fixed;*/
	left: 0;
	bottom: 0;
}
#footer ul {
	padding: 10px 0 0 30px;
}
#footer ul li {
	margin: 0 45px 0 0;
	float: left;
}
#footer div {
	margin: 0 20px 0 0;
	text-align: right;
}

/* ============================================
	tab
============================================ */
.tabWrap {
	/*position: relative;*/
	margin: 0 0 25px;
	clear: both;
}
.tabTit {
	border-bottom: solid 2px #e0e0e0;
	float:  left;
	cursor: pointer;
}
.tabTit.opened,
.tabTit:hover {
	border-bottom: solid 3px #830606;
}
.mr03 { margin-right: 3px !important;}
.ml03 { margin-left: 3px !important;}
.tabBox {
	/*position: absolute;*/
	top: 50px;
	left: 0;
	clear: both;
}
.thumb,
.noSelect { cursor: pointer; user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/* ============================================
	ニュースウインドウ
============================================ */
.newsdata2 {}
.newsdata3 {
	font-size:18px;
	font-weight:bold;
	border-bottom:1px dotted #b07f0c;
	padding-bottom:1px;
	margin-bottom:15px;
}
.newsdata4 {
	line-height:1.4;
}

/* ============================================
	ページ内アイコン
============================================ */
.downArrow a span {
	background: url(../../osaka/img/anchor_bottom.png) no-repeat left center;
	background-size: 18px 18px;
	display: inline-block;
	padding: 0 0 0 25px;
}
.downArrow a:hover {
	color: #830606;
}
.downArrow li {
	line-height: 1.8;
	font-weight: bold;
	font-size: 143%;
}
.topArrow a span {
	background: url(../../osaka/img/anchor_top.png) no-repeat left center;
	background-size: 18px 18px;
	display: inline-block;
	padding: 0 0 0 25px;
}
.topArrow a:hover {
	color: #830606;
}
.topArrow p {
	line-height: 1.8;
	font-weight: bold;
	font-size: 143%;
}


/* ============================================
	お盆とかの赤枠
============================================ */
.akawaku {
	padding: 0.5em;
	border: 1px solid #f00;
	font-size: 14px;
	font-weight: bold;
	color: #cc0000;
	margin-bottom: 1em;
	background: #fee;
	text-align: center;
	line-height: 2;
}

/* ============================================
	お知らせ枠
============================================ */
.oshirasewaku {
	padding: 0.5em;
	border: 1px solid #755029;
	font-size: 14px;
	color: #755029;
	margin-bottom: 1em;
	text-align: center;
	line-height: 2;
}


/* ============================================
	外国人のお客様へ
============================================ */
.foreign {
	padding: 10px 20px 50px;
}
.foreign ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1em;
	line-height: 2;
	margin-bottom: 2em;
	font-size: 16px;
}
.foreignLink {
	text-align: center;
	margin-bottom: 1.5em;
}
.foreignLink.foreign_countries {
	display: none;
}

/* ============================================
	ENGLISH MENU
============================================ */
.englishMenuBtns {
	padding:1em 1em 3em;
}
.englishMenuBtns span {
	display: block;
	width: 70%;
	/*float: left;*/
	padding:1em;
	margin: 0 auto;
}
.englishMenuBtns span a {
	display: block;
	border: 2px solid #AC7A09;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding: 1.2em 1em;
	text-decoration: none;
	font-size: 120%;
	font-weight: bold;
	background: url(../img/pdf.png) 98% center no-repeat;
}
.englishMenuBtns span a:hover {
	color: #fff;
	background-color: #AC7A09;
}

.englishMenuBtns.side {}
.englishMenuBtns.side span {
	width: 100%;
	padding:0;
}
.englishMenuBtns.side span a {
	background: none;
	padding: 10px;
}
.englishMenuBtns.side span a:hover {
	color: #fff;
	background-color: #AC7A09;
}



/* ============================================
	スペシャルメニュー見出し画像からの脱却テスト
============================================ */
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
.serifTitle {
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 24px;
	color: #262626;
	word-spacing: 0;
}