@charset "UTF-8";

/*
=================contents=================

	all		=全体に適応しているCSS
	wrapper	=全体レイアウト
	navi	=ナビゲーション関連
	contents=コンテンツ関連
	footer  =フッター関連

	IE		=Internet Explorer用設定
	Mozilla	=Mozilla関連用設定

==========================================
*/


/*===========all===========*/

body{
	text-align: center;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding: 0;
	background-color: #000;
	color: #ffffff;
	font-size: 12px;
	line-height: 17px;
}

img{
	border-style: none;
	margin: 0px;
	padding: 0px;
}

a:link{
	color: #ffffff;
	text-decoration:underline;
}
a:visited{
	color: #ffffff;
	text-decoration:underline;
}
a:hover{
	color: #ffffff;
	text-decoration:none;
}
a:active{
	color: #ffffff;
	text-decoration:none;
}

form{
	margin: 0px;
	padding: 0px;
}


/*---Mozilla---*/
ul{
	margin: 0px;
	padding: 0px;
}
/*---IE---*/
*html ul{
	margin: 0px;
	padding: 0px;
}

li{
	display: list-item;
}

/*======wrapper=======*/
.wrapper{
	text-align: center;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	width: 750px;
}

/*カテゴリの画像を枠の中に入れる*/
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}

.clearfix{
	display: inline-table;
}

/*Hides from IE-mac/*/
*html .clearfix{height: 1%;}
.clearfix{ display: block;}
/*End Hide from IE-mac*/



.content{
	margin: 0px auto;
	padding: 0px;
	padding-bottom:30px;
	clear:both;
	text-align:left;
	position:relative;
}

*html .layaut{
	position:relative; top:-6px; left:0px;
}


/*---アクセス用のナビ---*/
/*---Mozilla---*/
.navi_a{
	margin: 0px;
	padding: 0px;
	width: 750px;
	float: left;
}

.navi_a li {
	margin: 0px;
	padding: 0px;
	float: left;
}

/*---IE---*/
*html .navi_a{
	margin: 0;
	padding: 0px;
	width: 750px;
	float: left;
}

*html .navi_a li {
	margin: 0px;
	padding: 0px;
	float: left;
}


/*======consept======*/
#concept{
	width:680px;
	margin: 0px;
	margin-left:35px;
	padding: 0px;
	font-size: 12px;
	text-align: left;
}
#concept p{ margin-top:3px;}
.box_left{
	margin: 0;
	padding: 0px;
	width: 440px;
	float: left;
}

.box_right{
	margin: 0;
	padding: 0px;
	width: 220px;
	float: right;
}
.box_leftMdl{
	margin: 0;
	padding: 0px;
	width: 250px;
	position:absolute;
	top:-36px;
}
.box_rightMdl{
	margin: 0px;
	padding: 0px;
	width: 410px;
	float:right;
}



/*======staff======*/

.staff{
	width: 680px;
	margin: 0px;
	margin-left:35px;
	padding: 0px;
	clear:both;
}
.staff p{
	padding-top:5px;
	line-height:180%;
}
.staff p.staff_img{
	margin:0px;
	padding:0px;
	line-height:100%;
	float:left;
	width:330px;
	display:inline;
	margin-right:15px;
}

/*======contents======*/

h1{
	margin: 0;	
	padding: 0;
}


/*======pagetop======*/

.pagetop{
	padding: 0px;
	text-align:right;
}

/*======menu page======*/

#foodMenu_header{
	width:680px;
	margin-left:35px;
}
#foodMenu_header ul li{
	float:left;
}
.foodMenu_footer{
	clear:both;
	width:502px;
	padding-top:30px;
}
.foodMenu_footer ul li{
	float:left;
	list-style-type:none;
}

.foodMenu_01,
.foodMenu_02,
.foodMenu_03{
	width:182px;
	height:180px;
	/* \*/overflow:hidden;/* */
}
.foodMenu_01 a,
.foodMenu_02 a,
.foodMenu_03 a{
	display:block;
	width:180px;
	padding-top:180px;
}
.foodMenu_01 a{ background:url(../muku/images/foodMenu_01.jpg) no-repeat left top;}
.foodMenu_02 a{ background:url(../muku/images/foodMenu_02.jpg) no-repeat left top;}
.foodMenu_03 a{ background:url(../muku/images/foodMenu_03.jpg) no-repeat left top;}
.foodMenu_04{
	width:134px;
	height:180px;
	/* \*/overflow:hidden;/* */
}
.foodMenu_01 a:hover,
.foodMenu_02 a:hover,
.foodMenu_03 a:hover{ background-position:0px -180px;}
.foodMenu_04 a{
	display:block;
	width:134px;
	padding-top:180px;
	background:url(../muku/images/foodMenu_04.jpg) no-repeat right top;
}
.foodMenu_04 a:hover{ background-position:4px -180px;}
.foodMenu_05 span,
.foodMenu_06 span{
	width:180px;
	height:180px;
	display:block;
	margin-right:2px;
	/* \*/overflow:hidden;/* */
}
.foodMenu_05 span a,
.foodMenu_06 span a{
	display:block;
	width:180px;
	padding-top:180px;
}
.foodMenu_05 span a{ background:url(../muku/images/foodMenu_05.jpg) no-repeat left top;}
.foodMenu_06 span a{ background:url(../muku/images/foodMenu_06.jpg) no-repeat left top;}
.foodMenu_07 span{
	width:130px;
	height:180px;
	display:block;
	/* \*/overflow:hidden;/* */
}
.foodMenu_07 span a{
	display:block;
	width:130px;
	padding-top:180px;
	background:url(../muku/images/foodMenu_04.jpg) no-repeat left top;
}
.foodMenu_05 span a:hover,
.foodMenu_06 span a:hover,
.foodMenu_07 span a:hover{ background-position:0px -180px;}


.content_menu{
	width: 520px;
	margin: 0px;
	padding: 0px;
	float:right;
}
.foodMenuList{
	width:680px;
	clear:both;
	margin-left:35px;
	margin-top:70px;
}
.foodMenuList .pagetop{
	border-bottom:1px dotted #535353;
	margin-bottom:0px;
}
.foodCatImg{
	float:left;
	width:130px;
}
.timeTitle{
	padding-bottom:4px;
	margin-bottom:30px;
	border-bottom:1px solid #666666;
}
.menuOption{
	font-weight:bold;
	color:#FF9933;
	margin-bottom:7px;
}

#dinner .content_menu .price{
	margin-bottom:10px;
	width:360px;
}
#dinner .content_menu .price strong{ width:260px;}
#dinner .content_menu .price p{ width:100px;}



/*写真付きメニュー部分*/
.menubox{
	padding-right:10px;
	clear:both;
	margin-bottom:20px;
}
.menubox_left{
	margin: 0px;
	padding: 0px;
	width: 240px;
	float: left;
	text-align: left;
}

.menubox_center{
	margin: 0px;
	padding: 0px;
	width: 240px;
	float: left;
	text-align: left;
}

.menubox_right{
	margin: 0px;
	padding: 0px;
	width: 240px;
	float: right;
	text-align: left;
}

.box_2_left{
	margin: 0;
	padding: 0px;
	width: 320px;
	float: left;
}

.box_2_right{
	margin: 0;
	padding: 0px;
	width: 320px;
	float: right;
}
.price{
	margin:0px;
	padding: 0px;
	clear:both;
	text-align: left;
}

.price strong{
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-size: 12px;
	font-weight:bold;
	float: left;
	width: 190px;
}

.price p{
	margin: 0px;
	padding: 0px;
	color: #F1CE68;
	font-size: 12px;
	font-weight:bold;
	float: right;
	width:40px;
	text-align:right;
}

.menu_c{
	font-size: 10px;
	letter-spacing:1px;
	display:block;
	clear:both;
}


/*その他メニュー部分*/

.price_2{
	margin-bottom:5px;
	padding: 0px;
	width: 320px;
	text-align: left;
	clear:both;
}

.price_2 strong{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight:normal;
	float: left;
	width: 270px;
}

.price_2 p{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	float: right;
	width: 50px;
}
.courseDeta{
	clear:both;
	text-align:right;
	padding-top:10px;
}

/*======access page======*/

.logo{
	width:125px;
	height:118px;
	float: left;
}

.header_right{
	width:625px;
	float: right;
	padding: 90px 0px 0px 0px;
	text-align:right;
}

.button{
	width:100px;
	background-color: #000;
	border: 1px solid #999999;
	font-size: 12px;
	color: #ffffff;
	padding: 2px 0px 0px 0px;
}


/*---アクセスページ用のフッター---*/
.footer_a{
	clear: both;
	width: 680px;
	text-align: center;
	margin: 0px auto;
	padding: 20px 0px 0px 0px;
	font-size: 12px;
}

.footer_a a{
	margin: 0px 5px;
}

.footer_a a:link{
	color: #ffffff;
	text-decoration:underline;
}
.footer_a a:visited{
	color: #ffffff;
	text-decoration:underline;
}
.footer_a a:hover{
	color: #ffffff;
	text-decoration:none;
}
.footer_a a:active{
	color: #ffffff;
	text-decoration:none;
}

/*---IE---*/

*html .footer_a{
	clear: both;
	width: 680px;
	text-align: center;
	margin: 0px auto;
	padding: 15px 0px 15px 0px;
	font-size: 12px;
}