﻿@charset "utf-8";

/* 全体*/ 

*{
margin:0;
padding:0;
}

body {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka,"メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
background:#FFFFFF;
padding:0;
margin:0;
font-size:11px;
line-height:120%;
color:#333333;
}

body.index {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka,"メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
background:#FFFFFF;
padding:0;
margin:0;
font-size:11px;
line-height:120%;
color:#333333;
background:#ffffff;
}

body.indexTEST {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka,"メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic", sans-serif;
background:#000000;
padding:0;
margin:0;
font-size:11px;
line-height:120%;
color:#333333;
background:#ffffff;
}

a:link{
color:#820000;
text-decoration:none;
}

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

a:hover{
color:#FF0000;
text-decoration:underline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td{
padding:2px;
}

.clear{
clear:both;
}


/* wrapper*/ 
#wrapper {
margin:0 auto;
padding:0;
width:585px;
height:auto;
}

#wrapper_top {
margin:0 auto;
padding:0;
width:653px;
height:auto;
}

/* ヘッダー*/ 
#header{
width:585px;
height:51px;
margin:0;
padding:50px 0 20px 0;
}

#header h1 a{
width:275px;
height:51px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(img/cmn/logo.jpg) no-repeat;
float:left;
}

/* メニュー*/
#menu{
width:310px;
height:51px;
margin:0;
padding:0;
float:left;
}

#menu ul {
width:280px;
height:21px;
margin:0;
padding:30px 0 0 20px ;
}

#menu li {
  margin:0;
  padding:0;
  list-style:none;
  text-indent:-9999px;
  text-decoration:none;
  float:left;
  }

/* メニュー(TOP)*/
#menu_top{
width:310px;
height:51px;
margin:0 auto;
padding:0;
}

#menu_top ul {
width:280px;
height:21px;
margin:0;
padding:10px 0 0 20px ;
}

#menu_top li {
  margin:0;
  padding:0;
  list-style:none;
  text-indent:-9999px;
  text-decoration:none;
  float:left;
  }

/*menu01*/

.menu01 {
  margin:0;
  padding:0;
  width:66px;
  height:13px;
  display:block;
  background:url(img/cmn/menu01_on.jpg) no-repeat;
  }
  
.menu01 a,.menu01 a:link,.menu01 a:visited {
  margin:0;
  padding:0;
  width:66px;
  height:13px;
  display:block;
  background:url(img/cmn/menu01.jpg) no-repeat;
  }

.menu01 a:hover,.menu01 a:active {
  margin:0;
  padding:0;
  width:66px;
  height:13px;
  display:block;
  background:url(img/cmn/menu01_on.jpg) no-repeat;
  
  }

/*menu02*/

.menu02 {
  margin:0;
  padding:0;
  width:65px;
  height:13px;
  display:block;
  background:url(img/cmn/menu02_on.jpg) no-repeat;
  }
  
.menu02 a,.menu02 a:link,.menu02 a:visited {
  margin:0;
  padding:0;
  width:65px;
  height:13px;
  display:block;
  background:url(img/cmn/menu02.jpg) no-repeat;
  }

.menu02 a:hover,.menu02 a:active {
  margin:0;
  padding:0;
  width:65px;
  height:13px;
  display:block;
  background:url(img/cmn/menu02_on.jpg) no-repeat;
  }

/*menu03*/

.menu03 {
  margin:0;
  padding:0;
  width:88px;
  height:13px;
  display:block;
  background:url(img/cmn/menu03_on.jpg) no-repeat;
  }
  
.menu03 a,.menu03 a:link,.menu03 a:visited {
  margin:0;
  padding:0;
  width:88px;
  height:13px;
  display:block;
  background:url(img/cmn/menu03.jpg) no-repeat;
  }

.menu03 a:hover,.menu03 a:active {
  margin:0;
  padding:0;
  width:88px;
  height:13px;
  display:block;
  background:url(img/cmn/menu03_on.jpg) no-repeat;
  }

/*menu04*/

.menu04 {
  margin:0;
  padding:0;
  width:61px;
  height:13px;
  display:block;
  background:url(img/cmn/menu04_on.jpg) no-repeat;
  }
  
.menu04 a,.menu04 a:link,.menu04 a:visited {
  margin:0;
  padding:0;
  width:61px;
  height:13px;
  display:block;
  background:url(img/cmn/menu04.jpg) no-repeat;
  }

.menu04 a:hover,.menu04 a:active {
  margin:0;
  padding:0;
  width:61px;
  height:13px;
  display:block;
  background:url(img/cmn/menu04_on.jpg) no-repeat;
  }


/* what'snew*/
#news{
width:280px;
height:auto;
margin:0 auto;
padding:0 0 0 20px;
}

#news dl{
width:280px;
margin:0;
padding:0;
}

#news dt{
width:60px;
margin:0;
padding:0;
float:left;
}

#news dd{
width:220px;
margin:0;
padding:0;
float:left;
}



/* フッター*/ 
#footer{
width:585px;
height:27px;
margin:10px 0 0 0;
padding:0;
background:url(img/cmn/footer.gif) no-repeat;
text-indent:-9999px;
clear:both;
}

#footer_top{
width:653px;
height:27px;
margin:10px 0 0 0;
padding:0;
background:url(img/cmn/footer.gif) no-repeat center;
text-indent:-9999px;
clear:both;
}

/* 料理のメニュー*/
#food_menu_box1{
width:585px;
height:auto;
margin:10px 0 20px 0;
padding:0;
}

#food_menu_box1:after{
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}

#food_menu_box1 td{
padding:2px;
}

#food_menu:after{
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}

#food_menu01{
width:285px;
height:auto;
margin:0;
padding:0;
float:left;
}

#food_menu02{
width:285px;
height:auto;
margin:0 15px 0 0;
padding:0;
float:left;
}

#food_menu_box2{
width:585px;
height:auto;
margin:0;
padding:0;
clear:both;
}

#food_menu_box2:after{
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}

#food_menu03{
width:290px;
height:auto;
margin:0 5px 0 0;
padding:0;
float:left;
}

#food_menu03 table{
border-right:dotted 1px #999999;
}

#food_menu03 td{
border-right:dotted 1px #999999;
padding:2px 5px 2px 2px;
}

#food_menu04{
width:290px;
height:auto;
margin:0;
padding:10px 0 0 0;
float:right;
}

#food_menu04 td{
padding:2px;
vertical-align:middle;
}

/* アクセス*/
#access01{
width:245px;
height:auto;
margin:0 5px 0 0;
padding:10px 0 0 10px;
float:left;
font-size:13px;
line-height:150%;
}

#access02{
width:295px;
height:auto;
margin:0;
padding:5px;
float:right;
font-size:13px;
line-height:150%;
}

/* フォント指定*/
.green{
color:#016C38;
}

.price{
color:#016C38;
font-weight:bold;
}

.hosoku{
width:585px;
font-size:12px;
font-weight:bold;
color:#016C38;
text-align:center;
clear:both;
margin:20px 0;
}

p.midasi{
padding-left:10px;
}

p.midasi2{
font-size:11px;
}

