/* CSS Document */

h2.food-i {
width:400px;
height:39px;
margin:0 0 10px 0;
padding:0;
text-indent:-9999em;
font-size:10px;
line-height:100%;
background:url(../img/food/page-maintitle.jpg) no-repeat 0 0;
display:block;
}
h2.food-i a {
width:400px;
height:39px;
margin:0;
padding:0;
text-indent:-9999em;
font-size:10px;
line-height:100%;
background:url(../img/food/page-maintitle.jpg) no-repeat 0 0;
display:block;
}
p.chousyoku {
width:520px;
height:249px;
margin:20px 0;
padding:0;
background:url(../img/food/chousyoku.jpg) no-repeat center left;
text-indent:-9999em;
}


/* food-i
-------------------------------------------*/
h3.food-bar {
background:url(../img/food/food-i/food-i-title.jpg) no-repeat 0 0;
width:520px;
height:32px;
margin:0 0 10px 0;
padding:0;
color:#ffffff;
text-indent:-9999em;
}
.gray{
width:478px;
margin:0 0 20px 0;
padding:20px 20px 15px 20px;
height:auto;
border:1px #666 solid;
overflow: hidden;
}
.gray:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .gray {
height: 1em;
overflow: visible;
}
/**/
.gray img{
float:left;
width:168px;
height:125px;
margin:0;
padding:0;
border:none;
}
.gray-in {
float:right;
width:290px;
margin:0;
padding:0;
}
p.new{
background:url(../img/food/food-i/new-btn.jpg) no-repeat 0 0;
width:226px;
height:55px;
margin:0 0 10px 0;
padding:0;
display:block;
text-indent:-9999em;
}
p.new a{
background:url(../img/food/food-i/new-btn.jpg) no-repeat 0 0;
width:226px;
height:55px;
margin:0;
padding:0;
display:block;
}
p.new a:hover{
background:url(../img/food/food-i/new-btn.jpg) no-repeat 0 -56px;
width:226px;
height:55px;
}
h4.ti {
margin:0 0 7px 0;
padding:0;
font-size:0.8em;
color:#663333;
font-weight:normal;
}
h4.ti a {
margin:0;
padding:0;
color:#663333;
font-weight:normal;
}
h4.ti a:hover {
margin:0;
padding:0;
color:#FF9900;
font-weight:normal;
}
.kako-foodbox {
width:520px;
margin:0 0 20px 0;
padding:0;
    overflow: hidden;
}

.kako-foodbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .kako-foodbox {
    height: 1em;
    overflow: visible;
}
/**/
.kakotuki {
float:left;
width:122px;
margin:0 8px 15px 0;
}
.kakotuki img {
width:122px;
height:84px;
margin:0 0 10px 0;
padding:0;
border:none;
}




/*-------------s---------*/
.nb{
width:520px;
margin:0 0 20px 0;
padding:0;
overflow: hidden;
}
.nb:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .nb {
height: 1em;
overflow: visible;
}
/**/
.nb h3 {
margin:0 0 10px 0;
padding:0;
font-size:0.85em;
line-height:135%;
color:#333333;
}
.nb img{
float:left;
margin:0;
}
.nb-in {
float:right;
width:310px;
margin:0;
padding:0;
}

p.new1{
width:222px;
height:115px;
margin:20px auto 5px auto;
padding:0;
background:url(../img/food/food-a/new-btn.jpg) no-repeat 0 0;
text-indent:-9999em;
display:block;
}
p.new1 a{
background:url(../img/food/food-a/new-btn.jpg) no-repeat 0 0;
width:222px;
text-indent:-9999em;
height:115px;
display:block;
}
p.new1 a:hover{background:url(../img/food/food-a/new-btn.jpg) no-repeat 0 -116px;
width:222px;
height:115px;
display:block;
}
.ryouriplan {
clear:both;
width:520px;
margin:0 0 30px 0;
padding:0;
    overflow: hidden;
}

.ryouriplan:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .ryouriplan {
    height: 1em;
    overflow: visible;
}
/**/

h3.t1{
background:url(../img/food/food-a/title01.jpg) no-repeat 0 0;
width:519px;
height:104px;
margin:10px auto;
padding:0;
text-indent:-9999em;
}

.cc{
clear:both;
width:519px;
margin:0 auto;
}
.cc:after {content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .cc {height: 1em;
overflow: visible;
}
/**/
.cc img{
float:left;
margin:0 10px 0 0;
}
p.t1b{
clear:both;
width:201px;
height:28px;
margin:10px 20px 0 300px;
padding:0;
text-indent:-9999em;
background:url(../img/food/food-a/box01-btn.jpg) no-repeat 0 0;
display:block;
}
p.t1b a{
width:201px;
height:28px;
margin:0;
padding:0;
background:url(../img/food/food-a/box01-btn.jpg) no-repeat 0 0;
display:block;
}
p.t1b a:hover{
width:201px;
height:28px;
margin:0;
padding:0;
background:url(../img/food/food-a/box01-btn.jpg) no-repeat 0 -28px;
display:block;
}

p.t2b{
clear:both;
width:201px;
height:29px;
margin:10px 20px 0 300px;
padding:0;
background:url(../img/food/food-a/box02-btn.jpg) no-repeat 0 0;
display:block;
text-indent:-9999em;
}
p.t2b a{
width:201px;
height:29px;
margin:0;
padding:0;
background:url(../img/food/food-a/box02-btn.jpg) no-repeat 0 0;
display:block;
}
p.t2b a:hover{
width:201px;
height:29px;
background:url(../img/food/food-a/box02-btn.jpg) no-repeat 0 -29px;
display:block;
}

p.t3b {
clear:both;
width:201px;
height:29px;
margin:10px 20px 0 300px;
padding:0;
background:url(../img/food/food-a/box03-btn.jpg) no-repeat 0 0;
display:block;
text-indent:-9999em;
font-size:12px;
line-height:100%;
}
p.t3b a {
width:201px;
height:29px;
margin:0;
padding:0;
background:url(../img/food/food-a/box03-btn.jpg) no-repeat 0 0;
display:block;
text-decoration:none;
}
p.t3b a:hover{
width:201px;
height:29px;
margin:0;
padding:0;
background:url(../img/food/food-a/box03-btn.jpg) no-repeat 0 -29px;
}

h3.t2{
background:url(../img/food/food-a/title02.jpg) no-repeat 0 0;
width:519px;
height:104px;
margin:10px auto;
text-indent:-9999em;
padding:0;
}

h3.t3{
background:url(../img/food/food-a/title03.jpg) no-repeat 0 0;
width:519px;
height:104px;
margin:10px auto;
text-indent:-9999em;
padding:0;
}

.ebox {
width:496px;
height:84px;
margin:40px auto 0 auto;
padding:0 0 20px 0;
background:url(../img/food/food-a/3yoko.jpg) no-repeat 0 0;
border:none;
    overflow: hidden;
}

.ebox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .ebox {
    height: 1em;
    overflow: visible;
}
/**/
.ebox ul{
width:488px;
margin:15px 0 0 8px;
padding:0;
list-style:none;
}
.ebox ul li{
float:left;
width:148px;
text-indent:-9999em;
}
li.l2{
width:148px;
height:52px;
margin:0 11px 0 0;
padding:0;
background:url(../img/food/food-a/3yoko.jpg) no-repeat -8px -15px;
display:block;
}
li.l2 a{
width:148px;
height:52px;
margin:0;
padding:0;
background:url(../img/food/food-a/3yoko.jpg) no-repeat -8px -15px;
display:block;
}
li.l2 a:hover{
width:148px;
height:52px;
margin:0;
padding:0;
background:url(../img/food/food-a/3yoko.jpg) no-repeat -8px -119px;
display:block;
}
li.l3 {
width:148px;
height:52px;
margin:0 21px 0 0;
padding:0;
background:url(../img/food/food-a/3yoko.jpg) no-repeat -167px -15px;
display:block;
}
li.l3 a{
width:148px;
height:52px;
margin:0;
padding:0;
background:url(../img/food/food-a/3yoko.jpg) no-repeat -167px -15px;
display:block;
}
li.l3 a:hover{
width:148px;
height:52px;
margin:0;
padding:0;
background:url(../img/food/food-a/3yoko.jpg) no-repeat -167px -119px;
display:block;
}
li.l4 {
width:148px;
height:52px;
margin:0 0 0 0;
padding:0;
background:url(../img/food/food-a/3yoko.jpg) no-repeat -336px -15px;
display:block;
}
li.l4 a{
width:148px;
height:52px;
margin:0;
padding:0;
background:url(../img/food/food-a/3yoko.jpg) no-repeat -336px -15px;
display:block;
}
li.l4 a:hover{
width:148px;
height:52px;
margin:0;
padding:0;
background:url(../img/food/food-a/3yoko.jpg) no-repeat -336px -119px;
display:block;
}



/*-e--*/
h3.title3{background:url(../img/food/food-e/food-e-title.jpg) no-repeat 0 0;
width:490px;
height:27px;
margin:10px 0;
padding:6px 0 0 30px;
color:#ffffff;
font-size:1em;
}

.osinabox {
width:500px; 
margin:0 auto;
padding:0;
text-align:center;
background:url(../img/food/food-e/kabe.gif) repeat-y 0 0;
}
.osinabox h3{
width:500px;
margin:0 0 25px 0;
padding:40px 0 0 0;
font-size:1em;
color:#775544;
background:url(../img/food/food-e/kazari_top.gif) no-repeat 0 0;
}
.osinabox h4{
font-weight:normal;
font-size: 13px;
font-style:italic;
margin:20px 0 10px 0;
color:#775544;
}
.osinabox p{
color:#775544;
}
.osinabox img {
margin:5px 0 20px 0;
}
p.bot{
background:url(../img/food/food-e/kazari_bottom.gif) no-repeat 0 0;
height:20px;
width:500px;
margin:40px 0 0 0;
padding:0;
text-indent:-9999em;
}


/*---------------*/
.plan {
clear:both;
width:500px;
border:1px #CC3300 solid;
background:url(../img/food/plan-title.jpg) no-repeat top center;
padding:40px 0 20px 0;
margin:10px auto;
overflow: hidden;
}
.plan:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .plan {
height: 1em;
overflow: visible;
}
/**/
.plan ul{
list-style:none;
padding:0;
width:470px;
height:auto;
margin:0 auto;
}

.p1{
background:url(../img/food/plan01-btn.jpg) no-repeat 0 0;
width:143px;
height:76px;
text-indent:-9999em;
float:left;
margin:0 20px 0 0;
}
.p1 a{background:url(../img/food/plan01-btn.jpg) no-repeat 0 0;
width:143px;
height:76px;
display:block;
float:left;
}
.p1 a:hover{background:url(../img/food/plan01-btn.jpg) no-repeat 0 -76px;
width:143px;
height:76px;
}

.p2{background:url(../img/food/plan02-btn.jpg) no-repeat 0 0;
width:143px;
height:76px;
text-indent:-9999em;
float:left;
margin:0;
}
.p2 a{background:url(../img/food/plan02-btn.jpg) no-repeat 0 0;
width:143px;
height:76px;
display:block;
float:left;
}
.p2 a:hover{background:url(../img/food/plan02-btn.jpg) no-repeat 0 -76px;
width:143px;
height:76px;
}

.p3{background:url(../img/food/plan03-btn.jpg) no-repeat 0 0;
width:143px;
height:76px;
text-indent:-9999em;
float:right;
}
.p3 a{background:url(../img/food/plan03-btn.jpg) no-repeat 0 0;
width:143px;
height:76px;
display:block;
float:right;
}
.p3 a:hover{background:url(../img/food/plan03-btn.jpg) no-repeat 0 -76px;
width:143px;
height:76px;
}
div.right{
margin-top:70px;
}
.right ul{margin:20px 0 20px 0;
padding:0 0 10px 0;
list-style:none;
border-bottom:1px #663333 solid;
}
.right ul li{background:url(../img/food/icon-squ.jpg) no-repeat 0 0;
color:#663333;
padding-left:20px;
margin:10px 0;
}
.right ul li a{
color:#663333;
text-decoration:none;
outline:none;
}
/* 単品
-------------------------------------------*/
.tanpin {
width:520px;
margin:50px 0 0 0;
padding:0;
}
.tanpin h3 {
width:520px;
height:40px;
margin:5px 0;
padding:0;
background:url(../img/food/food-i/tanpin-title.jpg) no-repeat left center;
text-indent:-9999em;
font-size:0.75em;
}
.tanpin-box {
width:520px;
margin:30px 0 10px 0;
padding:0;
}
.tanpin-box h4 {
margin:0 0 0 170px;
padding:50px 0 0 0;
font-size:0.85em;
color:#666666;
font-weight:normal;
}
.tanpin-box p {
margin:5px 0 0 170px;
padding:0;
font-size:0.85em;
color:#666666;
font-weight:normal;
}
.tanpin-hooba {
width:520px;
height:114px;
margin:0;
padding:0;
background:url(../img/food/food-i/hooba.jpg) no-repeat top left;
}
.tanpin-basashi {
width:520px;
height:114px;
margin:0;
padding:0;
background:url(../img/food/food-i/basashi.jpg) no-repeat top left;
}
.tanpin-ayu {
width:520px;
height:114px;
margin:0;
padding:0;
background:url(../img/food/food-i/ayu.jpg) no-repeat top left;
}


