@import "base.css";

/* information ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#informationBody {
float:left;
margin-left: 10px;
width: 890px;
}
#informationBody h1 {
font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©",serif;
font-size: 20px;
line-height: 125%;
color: #CC3300;
margin-top: 20px;
padding: 5px;
}
#informationBody h2 {
margin: 20px 0px 0px;
font-size: 14px;
color: #FF9900;
}

#informationBody a {
background:url(../img/sankaku.gif) top left no-repeat;
padding-left: 15px;
}

/* restaurant ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#restaurantBody.heightLine-Restaurant {
float:left;
margin-left: 10px;
width: 670px;
background:#FFFFCC;
}
#restaurantRight.heightLine-Restaurant {
float:right;
margin-top: 50px;
padding: 10px;
width: 170px;
background: #eeeeee;
border: 1px solid #666666;
}
#restaurantRight li {
border-bottom: 1px dotted #999999;
padding: 5px 0px;
margin-bottom: 3px;
}
#restaurantRight li.end {
margin-bottom: 30px;
}
#restaurantRight div.shoplist {
margin: 0px -10px;
}

#restaurantBody dt {
width: 670px;
}
#restaurantBody dt {
float:left;
}
#restaurantBody dd {
float:right;
}



#restaurantBody h1 {
font-family: "ƒqƒ‰ƒMƒm–¾’© Pro W6","Hiragino Mincho Pro","HGS–¾’©E","‚l‚r ‚o–¾’©",serif;
font-size: 20px;
line-height: 125%;
color: #CC3300;
margin-top: 20px;
padding: 5px;
}








/* event ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#eventBody.heightLine-Event {
float:left;
margin-left: 10px;
width: 670px;
}
#eventRight.heightLine-Event {
float:right;
margin-top: 50px;
padding: 10px;
width: 170px;
background: #eeeeee;
border: 1px solid #666666;
}
#title {
width: 670px;
margin: 15px 0px 0px 0px;
}
#title p {
padding: 25px 50px 0px 50px;
}
#menuBox01 h3 {
clear:both;
margin: 30px 0px 15px;
padding: 5px 0px;
text-align: center;
color: #FF9900;
border-top: 1px dotted #0099FF;
border-bottom: 1px dotted #0099FF;
}
#menuBox01 {
clear:both;
}
#menuBox01 dl {
float:left;
width: 300px;
padding: 20px 10px 0px 20px;
}
#menuBox01 dt {
text-align: center;
}
#menuBox01 div {
width: 100%;
}
#menuBox01 dl.box2 {
clear:both;
width: 600px;
padding: 20px 10px 0px 20px;
}
#menuBox01 dl.box2 dt {
float:left;
text-align: center;
}
#menuBox01 dl.box2 dd {
float:left;
width: 300px;
padding: 80px 10px 0px 20px;
}
#menuBox01 dd.heightLine-Premium {
background: #FFDDAA;
margin-top: 10px;
padding: 10px;
}
#menuBox01 dd.heightLine-Remen {
background: #EEEEEE;
margin-top: 10px;
padding: 10px;
}
#menuBox01 dd.heightLine-Dessert,#menuBox01 dd.heightLine-Dessert01 {
background: url(../dessert/img/dessertBg.jpg);
margin-top: 10px;
padding: 10px;
}
#menuBox01 dd h2{
text-align:center;
font-size: 14px;
color: #CC3300;
}
#menuBox01 p.price{
text-align:center;
font-weight:bold;
color: #CC3300;
}
#menuBox01 p.restaurant{
padding: 3px;
margin-bottom: 3px;
background:#BBEEEE;
font-weight:bold;
text-align:center;
}
#menuBox01 p.chui {
clear:both;
margin: 5px 20px;
font-size: 10px;
color: #666666;
}
#menuBox01 dl.box2 dd h2,
#menuBox01 dl.box2 p.price {
text-align:left;
}
#info {
clear:both;
}
#info h2 {
padding: 5px;
margin: 20px 0px 10px;
font-size: 14px;
color: #FF9900;
border-bottom: 1px dotted #CC3300;
}
#info h3 {
padding: 5px;
font-size: 12px;
color: #009900;
border-bottom: 1px dotted #CC3300;
}
#info li {
border-bottom: 1px dotted #999999;
padding: 5px 0px;
margin-bottom: 3px;
}
#eventRight li {
border-bottom: 1px dotted #999999;
padding: 5px 0px;
margin-bottom: 3px;
}
#eventRight li.end {
margin-bottom: 30px;
}
#eventRight div.shoplist {
margin: 0px -10px;
}
/* event>special ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
h1.bonenkai {
padding: 5px;
margin: 10px 0px 0px;
font-size: 16px;
color: #CC3300;
text-align:center;
background: #FFeeCC;
}
#specialBox01 {
clear:both;
padding: 20px 10px 0px 20px;
}
#specialBox01 img {

float:left;
margin-right: 20px;
border: 1px solid #000000;
}
#specialBox01 dl {
float:left;
width: 460px;
}
#specialBox01 dl b {
color:#CC3300;
}
#specialBox01 dt {
clear:both;
float: left;
width: 65px;
padding: 2px;
margin: 2px 5px 0px 0px;
text-align:center;
font-size: 12px;
font-weight: bold;
border: 1px solid #666666;
}
#specialBox01 dt.gyo2 {
height: 35px;
}
#specialBox01 dt.gyo3 {
height: 55px;
}
#specialBox01 dt.gyo4 {
height: 75px;
}
#specialBox01 dt.gyo5 {
height: 95px;
}
#specialBox01 dt.gyo6 {
height: 110px;
}
#specialBox01 dd {
padding: 4px;
width:auto;
}
#specialBox01 h2 {
padding: 5px;
margin: 0px 0px 10px;
font-size: 14px;
color: #009900;
border-bottom: 1px dotted #CC3300;
}
div.specialShop {
clear:both;
background: #eeeeee;
margin: 5px 0px;
padding: 5px;
}
div.fadeIn {
position: fixed!important;
position: absolute;
text-align:center;
top:0;
left: 0;
width:100%;
height:100%;
z-index:100;
background-color:#000000;
-moz-opacity: 0.70;
opacity:.70;
filter: alpha(opacity=70);
}
div.fadeIn img {
background-color:#000000;
-moz-opacity: 5.00;
opacity:5.00;
filter: alpha(opacity=500);
}
div.fadeIn img.close {
background: #ffffff;
padding: 5px;
margin: 15px;
}



/*event>dressing ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#menuBox01.dressing {
background: #EEEEE6;
padding-bottom: 15px;
margin-top: 15px;
}
#menuBox01.dressing dl {
float:left;
width: 190px;
padding: 20px 10px 20px 20px;
}





/* recipe ////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#recipeBody.heightLine-Recipe {
float:left;
margin-left: 10px;
width: 670px;
}
#recipeRight.heightLine-Recipe {
float:right;
margin-top: 50px;
padding: 10px;
width: 170px;
background: #eeeeee;
border: 1px solid #666666;
}
#outline {
width: 670px;
margin: 15px 0px 0px 0px;
}
#outline div.copy {
float: right;
margin-top: 60px;
width: 270px;
}
#outline div.copy h1 {
font-size: 14px;
line-height: 150%;
padding-top: 25px;
color: #FF9900;
background: url(../recipe/img/recipeTitleLace.jpg) no-repeat left top;
}
#outline div.copy p {
padding-top: 45px;
background: url(../recipe/img/recipeTitleLace.jpg) no-repeat left top;
}
#outline img {
float: left;
width: 385px;
}
#material {
clear:both;
margin:20px 0px 0px 10px;
background: url(../recipe/img/materialBody.jpg) repeat-y left top;
width: 660px;
}
#material div.head {
height: 25px;
background: url(../recipe/img/materialHead.jpg) no-repeat left top;
}
#material div.body {
height: 120px;
padding: 0px 16px 0px 45px;
background: url(../recipe/img/materialTitle.jpg) no-repeat left top;
}
#material div.foot {
height: 20px;
background: url(../recipe/img/materialFoot.jpg) no-repeat left top;
}
#recipe {
clear:both;
margin:20px 0px 0px 10px;
background: url(../recipe/img/recipeBody.jpg) repeat-y left top;
width: 660px;
}
#recipe div.head {
height: 25px;
background: url(../recipe/img/recipeHead.jpg) no-repeat left top;
}
#recipe div.body {
padding: 0px 16px 0px 45px;
background: url(../recipe/img/recipeTitle.jpg) no-repeat left top;
}
#recipe div.foot {
height: 20px;
background: url(../recipe/img/recipeFoot.jpg) no-repeat left top;
}
#material h2,#recipe h2 {
font-size: 12px;
margin-bottom: 5px;
color: #FF9900;
}
#material img {
float:right;
border: 1px solid #000000;
}
#recipe li {
height: 120px;
padding: 10px 0px;
border-bottom: 3px dotted #9999FF;
}
#recipe li.end {
padding-bottom: 0px;
border-bottom: none;
}
#recipe img {
float:left;
border: 1px solid #000000;
margin-right: 15px;
}
#recipeRight div.cook,#recipeRight div.backNumber {
margin: 0px 5px 30px 5px;
}
#recipeRight h3 {
margin-bottom: 10px;
}
#recipeRight p.cookName {
font-weight: bold;
color: #FF6600;
}
#recipeRight li {
border-bottom: 1px dotted #999999;
padding: 5px 0px;
margin-bottom: 3px;
}