@charset 'shift_jis';
	
/* *************************************************************************
		
	COMMON
	
************************************************************************** */
	
body{
	margin:0;
	padding:0;
	color:#555;
	background:url(/common/img/bg_all.gif) center top repeat-y #FFF;
	text-align:center;
}

hr{
	display:none;
	height:0;
}

.non{
	display:none;
}

.clear{
	clear:both;
	height:0;
	margin:0;
	padding:0;
	font-size:0;
	_font-size:0;
	line-height:0;
	_line-height:0;
}

p,ul,ol,td,th,dd,dt{
	font-size:12px;
	_font-size:75%;
	line-height:140%;
}

*{
	font-family:'Osaka','‚l‚r ƒSƒVƒbƒN','‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
}

p,img,h1,h2,h3,h4,h5,h6,ul,ol,li,td,th,form,dl,dd,dt{
	margin:0;
	padding:0;
}

img {
	border:none;
}


/* ********************************************
	Link color
********************************************* */
	
a:link{
	color:#7f8b21;
	text-decoration:none;
}

a:active{
	color:#7f8b21;
	text-decoration:none;
}

a:visited{
	color:#7f8b21;
	text-decoration:none;
}

a:hover{
	color:#003e00;
	text-decoration:none;
}


/* ********************************************
	Layout
********************************************* */

div#all{
	width:800px;
	margin:0 auto;
	_margin:0 0 0 1px;
	text-align:left;
	overflow:hidden
}

div#contents{
	width:800px;
}

div#contents #left{
	width:525px;
	float:left;
}

div#contents #right{
	width:234px;
	float:right;
	margin:0 20px 0 0;
	_margin:0 10px 0 0;
	padding:24px 0 0 0;
}


/* ********************************************
	Header
********************************************* */
	
div#header{
	width:800px;
	height:165px;
}

div#header p.mainimg{
	width:800px;
	height:;
}

/* ********************************************
	Header Menu
********************************************* */

div#header div#menu{
	background:url(/common/img/bg_menu.gif) left top repeat-x;
	width:800px;
	height:25px;
}

div#header div#menu ul{
	list-style:none;
	width:534px;
	height:25px;
	font-size:0;
}

div#header div#menu ul li{
	list-style:none;
	background:url(/common/img/menu_item.gif) no-repeat left top;
	height:25px;
	font-size:0;
	float:left;
}

div#header div#menu ul li a{
	display:block;
	background:url(/common/img/menu_item.gif) no-repeat left top;
	height:25px;
	font-size:0;
}

/* Menu 01 TOP*/

div#header div#menu ul li.menu-01,
div#header div#menu ul li.menu-01 a{
	width:91px;
	background-position:0 0;
}

#top div#header div#menu ul li.menu-01 a,
div#header div#menu ul li.menu-01 a:hover{
	background-position:0 -25px;
}

/* Menu 02 CONCEPT*/

div#header div#menu ul li.menu-02,
div#header div#menu ul li.menu-02 a{
	width:101px;
	background-position:-91px 0;
}

#concept div#header div#menu ul li.menu-02 a,
div#header div#menu ul li.menu-02 a:hover{
	background-position:-91px -25px;
}

/* Menu 03 MENU*/

div#header div#menu ul li.menu-03,
div#header div#menu ul li.menu-03 a{
	width:82px;
	background-position:-192px 0;
}

#dinemenu div#header div#menu ul li.menu-03 a,
div#header div#menu ul li.menu-03 a:hover{
	background-position:-192px -25px;
}

/* Menu 04 ACCESS*/

div#header div#menu ul li.menu-04,
div#header div#menu ul li.menu-04 a{
	width:88px;
	background-position:-274px 0;
}

#access div#header div#menu ul li.menu-04 a,
div#header div#menu ul li.menu-04 a:hover{
	background-position:-274px -25px;
}

/* Menu 05 CONTACT*/

div#header div#menu ul li.menu-05,
div#header div#menu ul li.menu-05 a{
	width:99px;
	background-position:-362px 0;
}

#contact div#header div#menu ul li.menu-05 a,
div#header div#menu ul li.menu-05 a:hover{
	background-position:-362px -25px;
}

/* Menu 06 BLOG */

div#header div#menu ul li.menu-06,
div#header div#menu ul li.menu-06 a{
	width:73px;
	background-position:-461px 0;
}

#blog div#header div#menu ul li.menu-06 a,
div#header div#menu ul li.menu-06 a:hover{
	background-position:-461px -25px;
}


/* ********************************************
	Footer
********************************************* */
	
div#footer{
	width:760px;
	margin:50px 0 20px 20px;
	padding:12px 0 0 0;
	border-top:1px solid #6f6e6d;
}

div#footer p{
	width:183px;
	height:8px;
	float:right;
	background:url(/common/img/copyright.gif) left top no-repeat;
}


/* ********************************************
	Right 
********************************************* */
	
/* ****************************
	Blog
***************************** */

div#contents #right p.blog{
	width:234px;
	height:60px;
	background:url(/common/img/side_banner_blog.gif) left top no-repeat;
	margin:0 0 18px 0;
}

#top div#contents #right p.blog{
	margin:0 0 34px 0;
}

div#contents #right p.blog a{
	width:234px;
	height:60px;
	background:url(/common/img/side_banner_blog.gif) left top no-repeat;
	display:block;
}

div#contents #right p.blog a:hover{
	background-position:0 -60px;
}


/* ****************************
	Access
***************************** */

div#contents #right p.access{
	width:87px;
	height:16px;
	background:url(/common/img/side_btn_access.gif) left top no-repeat;
	margin:0 0 23px 144px;
}


div#contents #right p.access a{
	width:87px;
	height:16px;
	background:url(/common/img/side_btn_access.gif) left top no-repeat;
	display:block;
}

div#contents #right p.access a:hover{
	background-position:0 -16px;
}


/* ****************************
	Address
***************************** */

div#contents #right p.address{
	margin:0 0 15px 1px;
}


/* ****************************
	TEL
***************************** */

div#contents #right p.tel{
	margin:0 0 27px 1px;
}


/* ********************************************
	Left
********************************************* */

/* ****************************
	Index Flash
***************************** */

div.flash{
	width:800px;
	height:300px;
}

/* ****************************
	Index News
***************************** */

div#contents #left p.news_title{
	margin:21px 0 20px 27px;
}

div#contents #left dl.news_entry{
	margin:20px 0 20px 27px;
	width:460px;
}

div#contents #left dl.news_entry dt{
	width:74px;
	_width:92px;
	clear:both;
	float:left;
	padding:0 0 0 18px;
	background:url(/common/img/arrow_top_news.gif) left center no-repeat;
	margin:0 0 7px 0;
	font-size:10px;
	_font-size:65%;	
}

div#contents #left dl.news_entry dd{
	width:368px;
	margin:0 0 7px 0;
	float:right;
	font-size:10px;
	_font-size:65%;	
}

div#contents #left dl.news_entry dd.clear{
	height:0;
	font-size:0;
	line-height:0;
}


/* ****************************
	Text common
***************************** */

div#contents #left p.t-normal{
	width:auto;
	margin:0 0 0 20px;
	line-height:150%;
}

div#contents #left p.t-right{
	width:auto;
	text-align:right;
	margin:0 0 0 20px;
}

div#contents #left p.margin-tb10{
	margin-top:10px;
	margin-bottom:10px;
}

div#contents #left p.margin-tb20{
	margin-top:20px;
	margin-bottom:20px;
}

div#contents #left p.margin-t60{
	margin-top:60px;
}

div#contents #left p.margin-r20{
	margin-right:20px;
}

div#contents #left p.small{
	font-size:10px;
	_font-size:65%;
}

div#contents #left p.large{
	font-size:14px;
	_font-size:90%;
}


div#contents #left p.green{
	color:#7f8b21;
}

div#contents #left p.gray{
	color:#999;
}

div#contents #left p a.linkarrow{
	background:url(/common/img/arrow_link.gif) no-repeat left center;
	padding:2px 0 2px 20px;
}

div#contents #left p a:hover.linkarrow{
	background:url(/common/img/arrow_link_on.gif) no-repeat left center;
}



/* ********************************************
	Concept
********************************************* */

div#contents #left h1.concept{
	margin:31px 0 20px 20px;
}


/* ********************************************
	Access
********************************************* */

div#contents #left p.mapimg{
	margin:78px 0 35px 28px;
}

div#contents #left dl.address{
	margin:0 0 0 76px;
	width:435px;
	clear:both;
}

div#contents #left dl.address dt{
	width:73px;
	float:left;
	margin:0 0 10px 0;
}

div#contents #left dl.address dd{
	width:350px;
	float:right;
	margin:0 0 10px 0;
}


/* ********************************************
	Contact
********************************************* */

div#contents #left h1.contact{
	margin:28px 0 20px 20px;
	font-size:18px;
	_font-size:100%;
	
}

div#contents #left div#formmail{
	margin:30px 0 20px 20px;
}

div#contents #left div#formmail p.title{
	margin:0 0 3px 0;
	float:left;
	width:155px;
	padding:3px 0 0 0;

}

div#contents #left div#formmail .form_area{
	border:1px solid #555;
	width:210px;
	height:20px;
	padding:0 3px;
	margin:0 0 15px 0;
	float:left;
}

div#contents #left div#formmail .form_area.form_large{
	height:130px;
	font-size:12px;
}

div#contents #left div#formmail div#mail-form-footer{
	text-align:center;
	margin:0 0 0 0;
}


div#contents #left div#formmail p.alert{
	color:#FF0000;
}

div#contents #left div#formmail p.center{
	text-align:center;
}

div#contents #left div#formmail span.bold{
	font-weight:800;
}

div#contents #left div#formmail h2{
	font-size:12px;
	_font-size:75%;
	margin:0 0 15px 0;
}

div#contents #left div#formmail div.mail_confirm{
	margin:25px 0 30px 0;
}

div#contents #left div#formmail div.mail_confirm .mail_text{
	width:155px;
	float:left;
	margin:0 0 5px 0;
}

div#contents #left div#formmail div.mail_confirm .mail_confirmed{
	width:320px;
	float:left;
	margin:0 0 5px 0;
}


/* ********************************************
	Blog
********************************************* */

/* **********************
	Blog Right Menu
*********************** */

div#contents #right div.blog_box{
	width:234px;
	margin:0 0 15px 0;
}

div#contents #right div.blog_box p.title{
	margin:0 0 10px 0;
}

div#contents #right div.blog_box p.text{
	margin:0 0 7px 12px;
}

div#contents #right div.blog_box div.search{
	margin:20px 0 25px 13px;
}

div#contents #right div.blog_box div.search ul.search-options{
	list-style:none;
	margin:0;
	padding:0;
}

div#contents #right div.blog_box .searchbox{
	width:110px;	
}


div#contents #right div.blog_box div.feed{
	margin:8px 0 14px 12px;
}


/* **********************
	Blog Monthly Archive
*********************** */

div#contents #right div.blog_box div.side{
	margin:0 0 0 10px;
	width:200px;
}


div#contents #right div.blog_box div.side div{
	margin:0 0 4px 0;
	width:auto;
	clear:both;
	float:left;
}

div#contents #right div.blog_box div.side span.year{
	font-size:12px;
	_font-size:75%;
	line-height:120%;
}

div#contents #right div.blog_box div.side ul.tree {
	width:auto;
    margin: 0 0 4px 0;
    padding: 0;
    list-style: none;
	float:left;
}

div#contents #right div.blog_box ul.tree li {
    margin:0 0 3px 5px;
    padding: 0 0 0 5px;
	/*border-left:1px solid #CCC;*/
    list-style: none;
	line-height:120%;
}

/* **********************
	Blog Left Contents
*********************** */

#blog div#contents p.img_blog{
	margin:0 0 37px 0;
}

#blog div#contents h1{
	background:url(/common/img/img_blog_title.gif) no-repeat 8px center;
	padding:0 0 5px 30px;
	border-bottom:4px solid #b4bc5b;
	width:455px;
	_width:485px;
	margin:15px 0 0 20px;
	font-size:18px;
	_font-size:120%;
	color:#7f8b21;	
}

#blog div#contents h1.archive{
	margin:15px 0 25px 20px;	
}

#blog div#contents p.blog_meta{
	margin:3px 20px 20px 0;
	text-align:right;
	font-size:10px;
	_font-size:65%;
}


#blog div#contents div.archive_link{
	width:485px;
	margin:0 0 0 20px;
}

#blog div#contents p.archive_title{
	margin:10px 0 0 0;
	line-height:130%;
}

#blog div#contents p.archive_meta{
	text-align:right;
	font-size:10px;
	_font-size:65%;
	margin:1px 0 15px 0;
}

#blog div#contents p.blog_meta span{
	border-bottom:1px solid #aaaaaa;
	padding:0;
}


#blog div#contents div.blog_text{
	margin:20px 20px 30px 20px;
	width:485px;
	font-size:12px;
	_font-size:75%;
	line-height:160%;
}

#blog div#contents div.blog_text p{
	font-size:100%;
	line-height:160%;
}

#blog div#contents div.blog_text img{
	margin:15px 0;
}


/* ********************************************
	Search Result
********************************************* */

#blog div.search-results-container{
	margin:15px 0 0 20px;
	width:485px;
}

#blog div.search-results-container p.title{
	font-weight:800;
	margin:15px 0 3px 0;
}

#blog div.search-results-container p.text{
	margin:0 0 25px 0;
}

#blog p.text-result{
	margin:15px 20px 0 20px;
}


/* ********************************************
	Dining Menu
********************************************* */

div#contents #left p.dine{
	margin:15px 0 0 20px;
}

div#contents #left p.dine span{
	margin:0 15px 5px 0;
	float:left;
	white-space:nowrap;
	display:block;
}

/* **********************
	Dining Menu title
*********************** */

div#contents #left div.menu-title{
	width:485px;
	margin:0 0 0 20px;
	background:url(/common/img/bg_dining_title.gif) no-repeat left bottom;
}

div#contents #left div.menu-title p.top{
	width:485px;
	height:1px;
	line-height:0;
	font-size:0;
	background:url(/common/img/bg_dining_title.gif) no-repeat left top;
}

div#contents #left div.menu-title p.item{
	width:300px;
	line-height:140%;
	padding:4px 0 4px 8px;
	float:left;
}

div#contents #left div.menu-title p.pagetop{
	width:auto;
	line-height:140%;
	padding:4px 10px 4px 0;
	float:right;
}


/* **********************
	Dining Menu item
*********************** */

div#contents #left table.dining{
	width:485px;
	margin:15px 0 25px 20px;
	border-collapse:collapse;
	padding:0;
	border:none;
}

div#contents #left table.dining td{
	padding:3px 0;
}

div#contents #left table.dining td.check{
	width:35px;
}

div#contents #left table.dining td.menuitem{
	width:auto;
}

div#contents #left table.dining td.price{
	width:60px;
	text-align:right;
	vertical-align:top;
}

div#contents #left table.ingredients{
	width:485px;
	margin:15px 0 25px 20px;
	border-collapse:collapse;
	padding:0;
	border:none;
}

div#contents #left table.ingredients td.name{
	width:100px;
	vertical-align:top;
	padding:10px 0 10px 6px;
}

div#contents #left table.ingredients td.contents{
	width:auto;
	padding:10px 0;
}