@charset "utf-8";
/*-----------------------------------------------------
 style.css


 copyright(c) 2008,Tenderfeel.All Rights Reserved.

--------------------------------------------------------
Yahoo UI Library Fonts CSS
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/#default
Font-size Adjustment
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
------------------------------------------------------*/

* {
	margin:0;
	padding:0;
	font-style:normal;
	line-height:1;
	text-decoration:none;
	font-size:13px;
}
body {
	line-height:1.4;
	color:#3D3A39;
	font-size:93%;
	background:url(images/bg_body.png) repeat-x left top;
}
/* Sample Color & Border -------------------------*/

.company_info {border:solid 2px #ccc;}
.business_info {border:solid 1px #ccc;}
#footer {border-top:solid 1px #ccc;}
p.copyright {border-top:solid 1px #ccc;}
/*---------------------------------------------------
  Link
----------------------------------------------------*/
a img {	border:none; }
a:link {color:#0033CC;}
a:visited {color: #000066;}
a:active,a:hover {color:#0099CC;text-decoration:underline}
ul#menu a:link,
ul#menu a:visited,
ul#navigation a:link,
ul#navigation a:visited {color:#461009;}
ul#menu a:hover,
ul#navigation a:hover {
	text-decoration:none;
	color:#fed707;
}
/*--------------------------------------------------
  Text
--------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	margin:10px 0;
	line-height:1.4;
	color:#461009;
}
h1 {
	font-size:123.5%;
}
h2 {
	font-size:153.9%;
}
h3 {
	font-size:138.5%;
}
h1.title,
h2.title,
h3.title {
	border-bottom:solid 1px #461009;
	padding-bottom:5px;
	text-indent:-8989px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	color:#5E2809;
}
div.dinner h2,
div.teatime h2,
div.lunch h2,
div.concept h1,
div.staff h1,
div.contact h1,
div.reserved h1.title {
	height:36px;
	line-height:36px;
	background-position:left center;
	background-repeat:no-repeat;
	clear:both;
}
strong {color:#CC9933;}
p,li,dd,address { font-size:93%;line-height:1.5}
ul,ol,dl {margin:10px 0;}

.section p {
	margin:1em 0;
	line-height:1.6;
}
/*----------------------------------------------------
  Image
----------------------------------------------------*/

img {
	vertical-align: bottom;
}
a img { border:0;}

.aligncenter {
	text-align:center;
}
.alignleft{
	float:left;
	margin-right:10px;
}
.alignright {
	float:right;
	margin-left:10px;
}
/*-----------------------------------------------------
   Rayout
-----------------------------------------------------*/
#wrapper {
	position:relative;
}

#container {
	width:930px;
	margin:0 auto;
	clear:both;
	padding-top:10px;
	position:relative;
}
/*------------ ClearFix ----------------*/
#container:after,
ul#menu:after,
div.catalog:after,
div.section:after,
ul#drink_menu:after,
div.shop_info:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
#container,ul#menu,
div.catalog,div.section:after,
ul#drink_menu,div.shop_info { zoom:100%; }

hr.cl{
	clear:both;
	visibility:hidden;
}
/*--------------------------------------*/
#content{
	width:725px;
	float:left;
}
#sidebar {
	width:162px;
	float:right;
	margin-bottom:30px;
}
.section {
	margin-bottom:30px;
}
/* Shop info ----------------------------------------*/
div.shop_info{
	clear:both;
	border:solid 1px #A9805A;
	padding:10px;
}
div.shop_info address {
	float:left;
	white-space:nowrap;
}
div.shop_info address a img {
	margin-right:5px;
}
div.shop_info address strong {
	font-size:116%;
	color:#3D3A39;
}
div.shop_info ul {
	list-style:none;
	float:right;
	margin:0;
}
div.shop_info ul img {
	margin-top:10px;
}
/*-----------------------------------------------------
  Mainvisual
------------------------------------------------------*/
#mainvisual {
	margin:0 auto;
	text-align:center;
	background:url(images/bg_mainvisual.png) repeat-x left top;
	color:#fff;
}
#mainvisual .index {
	background-color:#000;
	min-width:930px;
}
#mainvisual h1 {
	margin:0;
	padding:0;
	line-height:1;
	text-indent:-8659px;
	height:110px;
}

div.visual-concept h1{background:url(images/concept_mainimg.jpg) no-repeat center top;}
div.visual-contact h1{background:url(images/contact_mainimg.jpg) no-repeat center top;}
div.visual-info h1{background:url(images/shopinfo_mainimg.jpg) no-repeat center top;}
div.visual-lunch h1{background:url(images/lunch_mainimg.jpg) no-repeat center top;}
div.visual-reserved h1{background:url(images/reserved_mainimg.jpg) no-repeat center top;}
div.visual-staff h1{background:url(images/staff_mainimg.jpg) no-repeat center top;}
div.visual-teatime h1{background:url(images/teatime_mainimg.jpg) no-repeat center top;}
div.visual-dinner h1{background:url(images/dinner_mainimg.jpg) no-repeat center top;}
div.visual-macrobi h1{background:url(images/macrobi_mainimg.jpg) no-repeat center top;}
div.visual-party h1{background:url(images/party/mainimg.jpg) no-repeat center top;}
div.visual-partymenu h1{background:url(images/partymenu/mainimg.jpg) no-repeat center top;}
/*-----------------------------------------------------
  Header
------------------------------------------------------*/
#header {
	width:930px;
	margin:0 auto;
}
#header h1 {
	font-size:77%;
	font-weight:normal;
	margin:0;
	text-align:right;
	line-height:20px;
	color:#ffffff;
}
#header p {
	text-align:center;
	margin:10px 0;
}
/*-----------------------------------------------------
  Menu
------------------------------------------------------*/
ul#menu {
	list-style:none;
	margin:0;
	height:1%;
}
ul#menu li{
	float:left;
	height:26px;
	margin-left:5px;
	line-height:0;
}
ul#menu li a {
	display:block;
	font-family:Arial, sans-serif, Verdana, "Lucida Sans";
	text-align:center;
	line-height:26px;
	text-indent:-9521px;
	overflow:hidden;
	margin-right:35px;
}
ul#menu li a:link,
ul#menu li a:visited {
	background-repeat:no-repeat;
	background-position:center -26px;
}
ul#menu li a:hover {
	text-decoration:none;
	background-position:center 0px;
}
ul#menu a.home {
	background-image:url(images/menu/home.png);
	width:54px
}
ul#menu a.concept {
	background-image:url(images/menu/concept.png);
	width:62px
}
ul#menu a.info {
	background-image:url(images/menu/shopinfo.png);
	width:79px
}
ul#menu a.lunch {
	background-image:url(images/menu/lunch.png);
	width:97px
}
ul#menu a.party {
	background-image:url(images/menu/teatime.png);
	width:62px
}
ul#menu a.partymenu {
	background-image:url(images/menu/dinner.png);
	width:104px
}
ul#menu a.staff {
	background-image:url(images/menu/staff.png);
	width:48px
}
ul#menu a.contact {
	background-image:url(images/menu/contact.png);
	width:70px;
	margin-right:0;
}
/*------------------------------------------------
  GlovalNavigation
------------------------------------------------*/
#navigation {
	clear:both;
	list-style:none;
	text-align:center;
}
#navigation li {display:inline;}
#navigation li a {
	padding:0 1em;
	border-left:solid #ccc 1px;
	font-family: "Times New Roman", Times, serif;
}
#navigation li a.home {
	border-left:none;
}

/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#footer {
	clear:both;
	margin:10px 0;
}
#footer address {
	padding:10px 0;
	line-height:1.3;
	width:840px;
	margin:0 auto;
}
#footer p {
	line-height:1.3;
}
#footer img.rogo {
	float:left;
	margin-right:10px;
}
p.copyright {
	font-size:77%;
	text-align:center;
	line-height:20px;
	background:#461009;
	color:#fff;
	font-family: Geneva, Arial, Helvetica, Vardana, sans-serif;
}
p.copyright a {
	color:#666;
	font-size:100%;
}
/*-----------------------------------------------------
 　Sidebar
------------------------------------------------------*/
#sidebar .wrap {
	margin-bottom:15px;
	background-color:#ECE9E0;
	border:solid 1px #A9805A;
}
#sidebar .blog {
	text-align:center;
	margin-bottom:15px;
}
#sidebar ul {
	list-style:none;
}
#sidebar #links{
	margin:10px 0;
}
#sidebar #links li {
	margin-top:5px;
	height:1%;
	text-align:center;
}
p#side_return {
	position:absolute;
	bottom:0;
	right:0;
	width:162px;
}
p#side_return a {
	background: url(images/returntop_side.png) no-repeat left top;
	display:block;
	height:37px;
	text-indent:-9887px;
	overflow:hidden;
}

#sidebar .mobile h3 {
	background:url(images/mobile_title.png) no-repeat center top;
	height:37px;
	margin:0;
	text-indent:-9856px;
}
#sidebar .mobile p {
	margin:1em 0;
	text-align:center;
}
#sidebar .mobile strong {
	font-weight:normal;
	font-family:"Lucida Grande",Arial,Helvetica,Verdana,sans-serif;
}
/* Topics --------------------------------------------*/

#sidebar h3.topics {
	background:url(images/topics_title.png) no-repeat center top;
	height:37px;
	margin:0;
	text-indent:-9856px;
}
div#topics dl {
	margin:10px 0;
}
div#topics dt {
	background-color:#d0c6b1;
	text-indent:10px;
	line-height:1.6;
}
div#topics dd {
	margin:5px 10px;
}

/*-----------------------------------------------------
	HOME
------------------------------------------------------*/

div.home h1.title {
	background:url(images/welcome.png) no-repeat left top;
	height:28px;
}
div#top-left {
	border:1px solid #A9805A;
	width:348px;
	float:left;
}
div#top-left h2 {
	background:url(images/top_info.png) no-repeat left top;
	text-indent:-9874px;
	height:37px;
	margin:0;
}
div#top-right {
	border:1px solid #A9805A;
	width:348px;
	float:right
}
div#top-right h2 {
	background:url(images/hn_visiters.png) no-repeat left top;
	height:37px;
	text-indent:-9874px;
	margin:0;
}

.wedding {
	color:#C66;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif
}

.important {
	font-weight:bold;
	color:#900;
	letter-spacing:0.1em
}

.message {
	margin:10px 15px;
	list-style:none;
}
* html .message {
	margin:10px 12px;
	border:solid 1px #fff;
}
.message p,
.message p {
	margin-top:0;
}

/*-----------------------------------------------------
	Shop Information
------------------------------------------------------*/
div.shopinfo h1.title {
	background:url(images/shopinfo_title.png) no-repeat left center;
	height:38px;
}
div.shopinfo h2.catchcopy {
	background:url(images/shopinfo_copy.png) no-repeat left center;
	height:28px;
	text-indent:-8985px;
	clear:both;
}
h3.map {
	background:url(images/map_title.png) no-repeat left center;
	height:38px;
	clear: both;
}
div#shop_image {
	float:left;
	margin-bottom:20px;
	display:block;
}
div#shop_image .cl {
	clear:both;
	text-align:right;
}
div#shop_image #view {
	width:580px;
	float:left;
	padding-right:6px;
}
div#shop_image div#myMes {
	background:url(images/shopinfo_bg.jpg) no-repeat center center;
	margin:10px 0;
	height:170px;
}
div#shop_image p.comment {
	color:#330000;
	padding:20px 30px;
}
div#shop_image p.comment strong {
	color:#663300;
	display:block
}
div#shop_image ul {
	list-style:none;
	float:right;
	margin:0;
}
div#shop_image li {
	margin:0px;
	line-height:0;
}
div#shop_image li img {
	cursor:pointer;
	border:solid 2px #fff;
}
div#gmap {
	height:300px;
	background-color:#CCCCCC;
	margin-bottom:20px;
}
/*-----------------------------------------------------
	Common styles for Menus
------------------------------------------------------*/

div.catalog {
	margin-bottom:20px;
}
div.catalog dl {
	width:233px;
	float:left;
}
div.catalog dl.center {
	margin:10px 13px;
}
div.catalog dt {
}
div.catalog dt strong {
	background:url(images/ico_diamond.png) no-repeat left top;
	color:#461009;
	padding-left:15px;
	display:block;
	margin-top:5px;
	line-height:16px;
}
div.catalog dt strong img {
	margin-left:5px;
}
div.catalog dd {
	height:5em;
	line-height:1.4;
}
div.catalog dd.price {
	text-align:right;
	height:auto;
}
.price {
	color:#461009;
	border-bottom:dotted 1px #461009;
	line-height:1.6;
	font-weight:bold;
}

/*-----------------------------------------------------
	Lunch Time Menu
------------------------------------------------------*/
div.lunch {
	position:relative;
	color:#461009;
}
h2.macrobi_l {background-image:url(images/lunch/hn_macrobi.png);}
h2.pasta_l {background-image:url(images/lunch/hn_pasta.png);}
h2.asian_l {background-image:url(images/lunch/hn_asian.png);}
h2.drink {background-image:url(images/lunch/hn_drink.png);
margin-top:40px;}

div.lunch div.section {
	margin:15px 0;
}
div.lunch p {
	margin:1em 0;
}
div.lunch p.view {
	float:left;
	padding-right:10px;
	margin:0;
}
div.lunch .section ul {
	list-style:none;
	margin:0;
}
div.lunch .section li {
	background:url(images/ico_diamond.png) no-repeat left 0.25em;
	padding-left:15px;
	font-weight:bold;
}
div.lunch .section li.set {
	background-image:none;
	background-color:#461009;
	color:#fff;
	font-weight:bold;
}
div.lunch p.attention {
	text-align:right;
	font-size:85%;
	clear:both;
	color:#3D3A39;
	margin-bottom:0;
}
p.plus_menu {
	border:solid 1px #461009;
	padding:10px 15px;
	float:right;
	font-weight:bold;
	text-align:left;
}
div.lunch p.price {
	font-size:123.1%;
	margin:0;
}
div.lunch p.price strong {
	background-color:#461009;
	color:#fff;
	padding:0.2em 0.3em;
	margin-left:0.7em;
}
div.asian p.plus_menu {
	margin-top:2px;
	padding:8px 15px;
}
/* Lunth Monthly Menu List*/
table.monthly_menu {
	border-left:solid 1px #a9805a;
	border-right:solid 1px #a9805a;
	border-bottom:solid 1px #a9805a;
	margin:0;
}
table.monthly_menu th,
table.monthly_menu td {
	border:none;
	background-color:#fff;
	text-align:left;
}
table.monthly_menu th {
	background:url(images/ico_diamond.png) no-repeat 5px center;
	padding-left:20px;
}
table.monthly_menu caption {
	border:solid 1px #a9805a;
	background:url(images/lunch/hn_month.png) no-repeat left top;
	height:32px;
	margin:0;
	font-size:93%;
	text-indent:140px;
	text-align:left;
	line-height:32px;
	font-weight:normal;
	color:#201714;
	width:725px;
}

/* Lunch Dirnk Menu ---------------------------------------*/

ul#drink_menu {
	border:solid 1px #461009;
	padding:10px;
	list-style:none;
	margin-bottom:30px;
}
ul#drink_menu li {
	float:left;
	width:210px;
	display:block;
	background:url(images/ico_diamond.png) no-repeat left 0.25em;
	padding-left:15px;
}
/*-----------------------------------------------------
	Dinner Time Menu
------------------------------------------------------*/
h2.macrobiset {background-image:url(images/dinner/hn_macrobiset.png);}
h2.asianset {background-image:url(images/dinner/hn_asianset.png);}
h2.salad {background-image:url(images/dinner/hn_salad.png);}
h2.soup {background-image:url(images/dinner/hn_soup.png);}
h2.main {background-image:url(images/dinner/hn_main.png);}
h2.special {background-image:url(images/dinner/hn_special.png);}
h2.rice {background-image:url(images/dinner/hn_rice.png);}
h2.noodle {background-image:url(images/dinner/hn_noodle.png);}
h2.pasta {background-image:url(images/dinner/hn_pasta.png);}

/* セットメニュー */
div.set p.view {
	padding-right:10px;
}
div.set dl {
	width:235px;
	float:right;
}
div.set dt {
	background-color:#461009;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	padding:2px 5px;
}
div.set dd {
	margin-bottom:10px;
}
div.set dd ul {
	list-style-position:inside;
}
div.set .price {
	clear:both;
	text-align:right
}
div.set h2.drink {background-image:url(images/dinner/hn_drink.png);
margin-top:10px;}
/*-----------------------------------------------------
	Tea Time Menu
------------------------------------------------------*/
div.teatime {
	position:relative;
}
img#what_macrobi{
	position:absolute;
	top:20px;
	right:0;
}
h2.macrobi {background-image:url(images/teatime/hn_msweets.png)}
h2.asian {background-image:url(images/teatime/hn_asweets.png)}
h2.carry {background-image:url(images/teatime/hn_psca.png)}

dd.att1 { background:url(images/teatime/attention1.png) no-repeat left center;}
/*-----------------------------------------------------
	Concept
------------------------------------------------------*/

div.concept h1.title {
	background-image:url(images/hn_concept.png);
}
div.concept em {
	font-weight:bold;
}
div.concept em.heart {
	color:#DD5E0E;
}
div.concept em.health {
	color:#719A2F
}
div.concept em.life {
	color:#0962A7
}
/*-----------------------------------------------------
	Staff
------------------------------------------------------*/
div.staff h1.title {
	background-image:url(images/hn_staff.png);
}
div.staffcomment {
clear:both;
}
div.staffcomment h2 {
	background-color:#461009;
	color:#fff;
	margin-left:211px;
	text-indent:10px;
	font-size:123.1%;
	line-height:1.7;
}
div.staffcomment p {
	margin-left:211px;
}
div.staffcomment p.view {
	float:left;
	background-color:#461009;
	padding:3px;
	margin:0;
}
/*-----------------------------------------------------
  macrobi
------------------------------------------------------*/

div.macrobi h1 {
	background:url(images/macrobi_title.png) no-repeat left top;
}
div.macrobi h2,dl.macrobi-trait dt {
	height:19px;
	line-height:19px;
	text-indent:-4569px;
}
div.macrobi div.section {
	margin:0 0 10px 0;
}
div.macrobi div.yinyan {
	width:350px;
	float:left;
	margin-bottom:20px;
}
div.yinyan h2 {
	background:url(images/macrobi_sub02.png) no-repeat left top;
}
div.yinyan thead th {
	background-color:#A9805A;
	color:#fff;
}
div.yinyan tbody th {
	background-color:#E3C7A8;
}
div.yinyan td {
	width:50%;
}
div.sindo {
	width:350px;
	float:right;
}
div.sindo h2 {
	background:url(images/macrobi_sub03.png) no-repeat left top;
}
dl.macrobi-trait {
	border:solid 1px #A9805A;
	padding:15px;
	clear:both;
	margin-bottom:30px;
}
dl.macrobi-trait dt {
	background:url(images/macrobi_sub04.png) no-repeat left top;
	margin-bottom:10px;
}
dl.macrobi-trait dd {
	line-height:1.8;
}
div.macrobi div.life h2 {
	background:url(images/macrobi_sub05.png) no-repeat left top;
}
/*-----------------------------------------------------
	Contact
------------------------------------------------------*/
div.contact h1.title {
	background-image:url(images/hn_contact.png);
}
table {
	border-collapse:collapse;
	width:100%;
}
table th {
	background-color:#ECE9E0;
	color:#461009;
}
table,th,td {
	padding:0.5em;
	border:solid 1px #A9805A;
}
td {
	line-height:1.4;
}
p.button {
	text-align:center;
}
p.button button {
	padding:0.2em 1em;
	line-height:1.5;
}

/*-----------------------------------------------------
   Reserved
------------------------------------------------------*/
div.reserved h1.title {
	background:url(images/hn_reserved.png) no-repeat left top;
}

/* Calendar */

table#calendar caption {
	padding:0.5em 0;
	background-color:#461009;
	color:#ffffff;
	font-size:108%;
}
table#calendar caption a {
	font-size:77%;
	color:#fff;
}
table#calendar caption a.next {
	padding-left:1em;
}
table#calendar caption a.back {
	padding-right:1em;
}
table#calendar th {
	width:103px;
	font-size:93%;
}
table#calendar td {
	height:7em;
	vertical-align:top;
	font-size:93%;
}
table#calendar td tt {
	font-weight:bold;
}
table#calendar td.sun tt {
	color:#FF6666;
}
table#calendar td.sat tt {
	color:#6699CC;
}
table#calendar td.today {
	background-color:#F5FFF0;
}
div#adminform {
	text-align:right;
	margin:1em 0 20px 0;
	clear:both;
}
#adminform input {
	color:#544545;
	width:50px;
	font-size:77%;
	background:#fff;
	border:solid  1px #333;
}
#adminform button {
	background:#abc;
	font-size:77%;
	border:solid  1px #333;
	line-height:1.4
}
/*-----------------------------------------------------
 　CSS Filter (for IE6)
------------------------------------------------------*/
* html body {
	text-align:center;
}
* html #header,
* html #content,
* html #sidebar,
* html #footer address {
	text-align:left;
}
* html ul#drink_menu {
	float:left;
	width:725px;
}
* html ul#drink_menu li {
	width:230px;
}
* html div.lunch .section ul {
	float:right;
	width:230px;
}