@charset "utf-8";

/* 
 * Content CSS
 * 
 * 0 Global Modules
 * 1 Sections
 * 2 Headings
 * 3 Paragraphs
 * 4 Lists
 * 5 Inlines
 * 6 Tables
 * 7 Forms
 * 
 */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	0 Global Modules

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* small */
.small {
	font-size: 0.77em;
	line-height: 1.6;
	color: #9b8a81;
}

/* float */
.left {float: left; margin-right: 15px;}
.right {float: right; margin-left: 15px;}

/* inlineBgFix */
.inline-bg-fix {padding: 0 !important; background: none !important;}
.inline-bg-fix .bg-l {margin-right: -0.3em;}
.inline-bg-fix .bg-r {margin-left: -0.3em;}

/* clearfix */
.group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.group {display: inline-block;}
/* Hides from IE-mac \*/
* html .group {height: 1%;}
.group {display: block;}
/* End hide from IE-mac */

/* backTop */
#backTop{
	display:block;
	width:656px;
	text-align:right;
	margin:30px 0 0 0;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	1 Sections

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Content Header */
.content-header {
	height: 191px;
	background: #19130f url(/img/common/content-header-bg.jpg) no-repeat 0 133px;
}
.content-header .content-heading {
	margin: 0 0 27px;
}
.content-header .crumbs {
	font-size: 0.77em;
	margin: 0;
}
.content-header .crumbs a {
	color: #c7792d;
}
.content-header .crumbs .current {}

/* Content Body */
.content-body {
	padding: 15px 22px;
	border-top: 2px solid #3c2e27;
}
.content-body h2 {
	position: relative;
	font-family: "メイリオ", "Meiryo", sans-serif;
	font-size: 1.39em; /* 19px */
	font-weight: normal;
	padding: 0 8px 11px;
	margin: 0 -8px 30px;
	background: url(/img/common/h3-bg.png) repeat-x 0 100%;
	color: #998982;
}

/* Section */
.section {
	position: relative;
	width: 100%;
	padding: 27px 22px 0;
	margin: 30px -22px 0;
	background: url(/img/common/section-bg.png) repeat-x 0 0;
}
.section h3 {
	font: bold 1.16em/1.2 "Helvetica", "Arial", sans-serif;
	margin: 0 0 15px;
	color: #a69389;
}
.section h4 {
	padding: 0 0 0 15px;
	margin: 1.4em 0 0;
	background: url(/img/common/h4-bg.png) no-repeat 0 50%;
}
.section h4.FirstOfType {
	margin: 0;
}

/* Section Inside */
.section.inside {
	padding-top: 15px;
	background: none;
}
.section.inside h3 {
	font-size: 1.0em;
	padding: 8px;
	background: #211a16;
	color: #998982;
}

/* TOC */
.toc {
	z-index: 1;
	position: relative;
	overflow: hidden;
	width: 656px;
	padding: 20px 0 0;
	margin: 30px -22px -32px;
	border: solid #3c2e27;
	border-width: 2px 0 0;
	background: #19130f;
	list-style: none;
}
.toc li {
	position: relative;
	float: left;
	width: 110px;
	padding: 0 0 0 1px;
	margin: 0 0 0 -2px;
	background: #19130f;
}
.toc li a {
	display: block;
	padding: 0 2px 0 0;
	background: #3c2e27;
}
.toc li:hover a {
	background: #28201c;
}
.toc li:first-child {
	width: 111px;
	padding: 0;
	margin: 0;
}
.toc li:first-child a {
	padding-left: 1px;
}

/* Cafe Menu */
.cafe-menu {
	position: relative;
	width: 100%;
	margin: 30px 0 0;
}
.cafe-menu .cafe-menu-cover {
	position: absolute;
	top: 0;
	left: 0;
}
.cafe-menu .cafe-menu-list {
	padding: 0 0 0 373px;
	list-style: none;
}
.cafe-menu .cafe-menu-list li {
	margin: 0 0 2px;
}
.cafe-menu .cafe-menu-list li a {
	display: block;
	position: relative;
	width: 129px;
	padding: 5px 5px 5px 105px;
	background: #28201c no-repeat 14px 10px;
}
.cafe-menu .cafe-menu-list li#cafe-menu-sweets a {background-image: url(/img/cafe/menu-sweets-ro.png);}
.cafe-menu .cafe-menu-list li#cafe-menu-ordercake a {background-image: url(/img/cafe/menu-ordercake-ro.png);}
.cafe-menu .cafe-menu-list li#cafe-menu-drink a {background-image: url(/img/cafe/menu-drink-ro.png);}
.cafe-menu .cafe-menu-list li#cafe-menu-food a {background-image: url(/img/cafe/menu-food-ro.png);}
.cafe-menu .cafe-menu-list li#cafe-menu-party a {background-image: url(/img/cafe/menu-party-ro.png);}
.cafe-menu .cafe-menu-list li a .pic {
	border: 2px solid #746b66;
}
.cafe-menu .cafe-menu-list li a:hover .pic {
	border-color: #643d10;
}
.cafe-menu .cafe-menu-list li a .label {
	position: absolute;
	top: 10px;
	left: 14px;
}
.cafe-menu li a:hover .label {
	visibility: hidden;
}

.cafe-menu-drink {
	width: 100%;
	margin: 1.3em 0;
}
.cafe-menu-drink th,
.cafe-menu-drink td {
	border-color: #241c18;
}
.cafe-menu-drink th {
	background: #181411;
}
.cafe-menu-drink td {
	width: 40%;
	text-align: center;
}
/*
.cafe-menu-drink {
	padding: 0;
	list-style: none;
}
.cafe-menu-drink li {
	overflow: hidden;
	position: relative;
	width: 100%;
	border-bottom: 2px dotted #ffffff;
}
.cafe-menu-drink li .name {
	bottom: -6px;
	background: #14100d;
}
.cafe-menu-drink li .price {
	position: absolute;
	right: 0;
	bottom: -6px;
	background: #14100d;
}*/


/* Shop Info */
.box-shopinfo {
	overflow: hidden;
	width: 606px;
	padding: 3px;
	margin: 0 0 1.5em;
	background: #3c2e27;
}
.box-shopinfo .txt {
	float: left;
	width: 300px;
	padding: 15px 10px;
}
.box-shopinfo .txt h3 {
	margin: 0 0 1.0em;
}
.box-shopinfo .pic {
	float: right;
	margin: 0;
}
.box-shopinfo .map {
	margin: 0;
	text-align: right;
}
.box-shopinfo .map small {
	display: block;
	font-size: 0.77em;
	line-height: 1.6;
	padding: 3px;
}

/* cols */
.cols {
	overflow: hidden;
	width: 100%;/**/
}
.cols .col {
	float: left;
}
.cols.cols-3 {
	margin: 0 0 15px;
}
.cols.cols-3 .col {
	width: 45%;
}
.cols.cols-3 .col.span-2 {
	width: 55%;
}

/* downloads */
.downloads {
	padding: 0;
	list-style: none;
}
.downloads li {
	padding: 8px 16px;
	margin: 0 0 1px;
	background: #211a16;
}
.downloads li a,
.downloads li a .bg-l {
	padding: 0 0 0 24px;
	background: url(/img/common/icon-pdf.png) no-repeat 0 50%;
	color: #c7792d;
}

/* Button */
.btn-entry {
	padding: 35px 0;
	background: #211a16;
	text-align: center;
}

/* Site Map */
.sitemap {
	padding: 0;
}
.sitemap li {
	list-style: none;
}
.sitemap li a {
	color: #a69389;
}
.sitemap li a:hover {
	color: #c7792d;
}
.sitemap li a.first {
	display: block;
	width: 548px;
	padding: 8px 32px;
	margin: 0 0 2px;
	background: #46362f url(/img/common/icon-raquo.png) no-repeat -25px 0;
	font-weight: bold;
}
.sitemap li a.first:hover {
	background-position: 0 -24px;
}
.sitemap li ul {
	padding: 15px 32px;
	margin: 0 0 2px;
	background: #211a16;
}
.sitemap li ul li {
	padding: 0.3em 0;
}

/* Mail Magazine */
.mailmagazine {
  font-family: monospace;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/*
.section {
	padding: 15px 17px;
	border-top: 2px solid #3c2e27;
}
.section.section-mid {
	padding-bottom: 25px;
	background: url(/img/common/section-mid-bg.png) repeat-x 0 100%;
}
*/

/* Back to Top */
.backToTop {
	position: absolute;
	bottom: 0;
	right: 30px;
	width: 656px;
	padding: 19px 0 17px;
	margin: 0;
	background: url(/img/common/backtotop-bg.png) no-repeat 100% 0;
	text-align: right;
}
.section-backToTop {
	position: absolute;
	right: 0;
	bottom: -32px;
	width: 81px;
	margin: 0;
}

/* Home > Banners */
#home-banners {
	padding: 0;
	margin: 0 0 10px;
	background: #19130f;
}
#home-banners ul {
  position: relative;
  overflow: hidden;
  width: 668px;
	padding: 0;
  margin: 0 -12px 0 0;
  list-style: none;
}
#home-banners ul li {
	float: left;
	margin: 0 12px 0 0;
}

/* Home > Online Shop */
#home-onlineshop {
	width: 612px;
	padding: 0 20px 15px;
	margin: 0 0 10px;
	border: 2px solid #3c2e27;
	background: #16110e;
}
#home-onlineshop h2 {
	margin: 0 0 5px -20px;
}
#home-onlineshop h3 {
	font-size: 0.85em;
	color: #71665f;
	text-transform: uppercase;
}

/* Home > Gallery */
#home-cafe,
#home-planning,
#home-shop {
	width: 616px;
	padding: 0 20px 15px;
	margin: 0 0 2px;
	background: #28201c;
}
#home-shop {
	margin-bottom: 10px;
}
#home-cafe h2,
#home-planning h2,
#home-shop h2 {
	margin: 0 0 5px -20px;
}
#home-cafe h3,
#home-planning h3,
#home-shop h3 {
	font-size: 0.85em;
	line-height: 1.6;
	margin: 0;
	text-transform: uppercase;
	color: #9b8a81;
}
#home-cafe p,
#home-planning p,
#home-shop p {
	font-size: 0.77em;
	line-height: 1.6;
	color: #9b8a81;
}
#home-cafe .gallery,
#home-planning .gallery,
#home-shop .gallery {
	margin: 0;
}

/* Home > Event */
#home-event {
	position: relative;
	width: 612px;
	padding: 0 20px 15px;
	margin: 0;
	border: 2px solid #3c2e27;
	background: #14100d;
}
#home-event h2 {
	margin: 0 0 5px -20px;
}
#home-event .more {
	position: absolute;
	top: 2px;
	right: 2px;
}

/* Event > Event */
/*
#event-event {
	position: relative;
	padding: 15px 15px 15px;
	border: 2px solid #3c2e27;
	background: #14100d;
	height:auto;
}
*/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	2 Headings

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	3 Paragraphs

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	4 Lists

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Cols */
.cols-caption {
	margin: 0 0 10px;
	font: bold 1.2em/1.2 "Helvetica", "Arial", sans-serif;
	color: #71665f;
	text-transform: uppercase;
}

/* Items */
.items {
	position: relative;
	overflow: hidden;
	font-size: 0.77em;
	line-height: 1.2;
	width: 620px;
	padding: 0;
	margin: 0 -8px 0 0;
	list-style: none;
}
.items li {
	float: left;
	width: 147px;
	margin: 0 8px 20px 0;
	text-align: center;
	cursor: pointer;
}
.items li.first-in-row {
	clear: left;
}
.items li.last-in-row {
  *float: none; /* for IE7 and below */
  -position: relative; /* for IE6 */
  -margin-right: -3px;
  -right: 3px;
}
.items li img {margin: 0 0 5px; border: 3px solid #3c2e27;}
.items li a {
	display: block;
}
.items li a:hover {
	color: #c7792d;
	text-decoration: none;
}
.items li a:hover img {
	border-color: #643d10;
}

/* gallery */
.gallery {
	overflow: hidden;
	width: 595px;
	padding: 15px 0 6px 17px;
	background: #28201c;
	list-style: none;
	*margin-bottom: 10px;
}
.gallery li {
	float: left;
	width: 58px;
	padding: 0 0 9px;
	margin: 0 7px 0 0;
}
.gallery li a img {border: 2px solid #746b66;}
.gallery li a:hover img {border-color: #643d10;}

/* Event */
.event {
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

#home-event .event dt,
#home-event .event dd {
	float: left;
	background: url(/img/common/bd-dot-x-gray.png) repeat-x 0 0;
}
#event-event .event dt,
#event-event .event dd {
	float: left;
	background: url(/img/common/bd-dot-x-gray.png) repeat-x 0px 26px;
}
.event dt {
	padding: 6px 0 5px 5px;
	margin: 0;
	width: 93px;
	font-weight: normal;
}
.event dd {
	padding: 6px 0 5px 12px;
	margin: 0;
	width: 502px;
	text-indent: -12px;
}
.event dd a,
.event dd a .bg-l {
	padding-left: 12px;
	background: url(/img/common/icon-arrow-r.png) no-repeat 0 50%;
}

/* Links */
.links {}

/* Notes */
.notes {
	font-size: 0.77em;
	line-height: 1.6em;
	padding: 0 0 0 1.0em;
	text-indent: -1.0em;
	list-style: none;
}

/* menu */
.menu {
	font-weight: bold;
}
.menu ul {
	padding: 0;
	font-weight: normal;
	list-style: none;
}
.menu ul.notes {
	padding: 0 0 0 1.0em;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	5 Inlines

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Pic */
.pic {}
.frame {
	border: 3px solid #3c2e27;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	6 Tables

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Num */
.num td, td.num {text-align: right;}

/* Hightlight */
.highlight th, th.highlight {}
.highlight td, td.highlight {}

/* Vertical-align */
.valign-top {vertical-align: top;}
.valign-middle {vertical-align: middle;}
.valign-bottom {vertical-align: bottom;}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	7 Forms

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */