@charset "UTF-8";
 
/* 基本
---------------------------------------------*/
a {
	color: #333333;
	text-decoration: underline;
}
a:hover,
a:focus {
	color: #3366CC;
}
a:active {
	color: #CC3300;
}
#wrapper {
	width: 804px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	position: relative;
}
 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
 
/* clearfix
---------------------------------------------*/
.clearfix {display: inline-table;}
 
/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 
/* グローバルナビゲーション＋ユーティリティナビ
---------------------------------------------*/
#globalNavigation .navChild {
	float: left;
	margin-right: 1px;
}
#globalNavigation #lastChild {
	float: left;
}
#utilityNavigation {
	position: absolute;
	top: 20px;
	right: 0px;
	width: 220px;
	font-size: 90%;
	line-height: 1.2;
}
#utilityNavigation li {
	position: absolute;
}
#utilityNavigation li#navCompany {
	right: 89px;
	width: 5em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}
#utilityNavigation li#navInquiry {
	right: 0px;
	width: 7em;
}
 
/* コンテンツ
---------------------------------------------*/
#contents {
	width: 100%;
	clear: both;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-position: bottom;
	padding-top: 10px;
	padding-bottom: 10px;
}
#contents .PageTitle {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9F1B23;
	padding-bottom: 5px;
	text-align: right;
	margin-bottom: 23px;
	width: 748px;
	margin-right: auto;
	margin-left: auto;
}
#contentsBgTop {
	margin-top: 10px;
}
#contentsBgBottom {
	margin-bottom: 10px;
}
#future {
	width: 744px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}
/* index.html utility
---------------------------------------------*/
#utility {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
#utility #news {
	width: 372px;
	float: left;
	height: 200px;
	background-image: url(../images/utility_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 15px;
}
h2#titleNews {
	background-image: url(../images/title_news.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 372px;
	text-indent: -9999px;
}
#news dl {
	margin-left: 12px;
	margin-top: 12px;
	margin-right: 12px;
	height: 160px;
	overflow: auto;
	padding-right: 5px;
	padding-left: 5px;
}
#news dt {
	font-weight: bold;
	color: #9F1B23;
}
#news dd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
#utility #info {
	width: 372px;
	float: right;
	height: 200px;
	background-image: url(../images/utility_bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 15px;
}
h2#titleInfo {
	background-image: url(../images/title_info.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 372px;
	text-indent: -9999px;
}
#utility #info dl {
	margin-top: 12px;
	margin-left: 12px;
}
#utility #info dt {
	font-size: 110%;
	font-weight: bold;
	color: #333333;
	margin-bottom: 5px;
}
#utility #info .Open {
	color: #9F1B23;
	margin-left: 5px;
}
#utility #info .ddChild {
	font-size: 110%;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
 
/* フッター
---------------------------------------------*/
#footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
#footerMenu {
	margin-top: 7px;
	float: left;
	font-size: 90%;
}
#footerMenu li {
	display: inline;
	margin-right: 6px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
}
#footerMenu .footerHome {
	padding-left: 0;
	border-left-style: none;
}
#SubLogo {
	float: right;
}
#copyright {
	clear: both;
	color: #999999;
	font-size: 80%;
}
 
/* access.html
---------------------------------------------*/
#ShopSection {
	width: 748px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	padding: 15px;
	border: 1px solid #666666;
}
#ShopSection #primary {
	float: left;
	width: 426px;
}
#ShopSection #secondary {
	float: right;
	width: 300px;
}
#primary .tel {
	font-size: 130%;
	font-weight: bold;
}
#primary .ShopInfo {
	margin-bottom: 15px;
}
#primary .Shop {
	margin-bottom: 5px;
}
#primary .ShopInfo li {
	line-height: 1.5em;
}
 
/* concept.html foodmenu.html drinkmenu.html recruit.html
------------------------------------------------------------*/
#section {
	width: 748px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
#LeftContents h3 {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}
#LeftContents {
	float: left;
	width: 480px;
}
#RightContents {
	float: right;
	width: 253px;
}
#LeftContents p {
	margin-bottom: 10px;
}
#LeftContents .RecruitTitle {
	font-size: 150%;
	color: #9F1B23;
}
#section .btnMenuTop {
	margin-bottom: 10px;
	text-align: right;
}
#section .btnMenuBottom {
	margin-bottom: 10px;
	text-align: center;
	margin-top: 10px;
}