/* CSS Document */

/* @charaset "UTF-8"; */

@import url(styles.css);
@import url(header.css);
@import url(footer.css);

/*全体のコンテナ（div#container）*/

div#container{
background: #000000 url(../images/background_food.jpg);
width: 895px;
height: 675px;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
}

/*インフォメーショントップ（div#topinfo）*/

div#topinfo{
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
height: 22px;
background: url(../images/headerinfo_food.jpg) no-repeat center top;
}

/*ナビゲーション（div#navi）*/

div#navi ul li.about a{
background: url(../images/bt_about_food.jpg) no-repeat left top;
}
div#navi ul li.about a:hover{
background: url(../images/btover_about_food.jpg) no-repeat left top;
}

div#navi ul li.food {
background: url(../images/btover_food_food.jpg) no-repeat left top;
}
div#navi ul li.food a{
background: url(../images/bt_food_food.jpg) no-repeat left top;
}
div#navi ul li.food a:hover{
background: url(../images/btover_food_food.jpg) no-repeat left top;
}

div#navi ul li.drink a{
background: url(../images/bt_drink_food.jpg) no-repeat left top;
}
div#navi ul li.drink a:hover{
background: url(../images/btover_drink_food.jpg) no-repeat left top;
}

div#navi ul li.staff a{
background: url(../images/bt_staff_food.jpg) no-repeat left top;
}
div#navi ul li.staff a:hover{
background: url(../images/btover_staff_food.jpg) no-repeat left top;
}

div#navi ul li.gallery a{
background: url(../images/bt_gallery_food.jpg) no-repeat left top;
}
div#navi ul li.gallery a:hover{
background: url(../images/btover_gallery_food.jpg) no-repeat left top;
}

div#navi ul li.weblog a{
background: url(../images/bt_weblog_food.jpg) no-repeat left top;
}
div#navi ul li.weblog a:hover{
background: url(../images/btover_weblog_food.jpg) no-repeat left top;
}

/*コンンテンツ部分（div#main）*/

div#main {
height: 553px;
margin: 0;
padding: 0;
text-align: left;
}

/*ドリンクカテゴリ（div#under_navi）*/

div#upper_navi{
float: left;
margin: 0;
paddin: 0;
white-space: nowrap;
clear: both;
}

div#upper_navi h3{
height: 0;
text-indent: -9999px;
display: none;
}

div#upper_navi ul{
margin: 20px 0 0 20px;
padding: 0;
}

div#upper_navi ul li{
font-size: 10px;
color :#FF3333;
margin: 0 20px 0 0;
padding: 0;
font-weight: bold;
list-style: none;
display: inline;
}

div#upper_navi ul li a{
color: #FFFFFF;
font-weight: normal;
}

div#upper_navi ul li a:hover{
color: #448866;
font-weight: normal;
text-decoration: underline;
}

/*ドリンクリスト（div#drinklist）*/

div#drinklist{
float: left;
color: #FFFFFF;
margin: 20px 0 0 0;
padding: 0 0 0 20px;
white-space: nowrap;
clear: both;
}

div#drinklistNext{
float: right;
color: #FFFFFF;
margin: 20px 0 0 0;
padding: 0 0 0 20px;
white-space: nowrap;
clear: both;
}

div#drinklist span{
color: #FFFFFF;
font-size: 10px;
margin: 0;
padding: 0;
}

div#mdrinklist ul{
float: left;
margin: 0;
padding: 0;
}

div#drinklist ul li{
color: #FFFFFF;
line-height: 125%;
list-style: none;
margin: 0;
padding: 0 0 10px 20px;
}

div#drinklist ul li.dTitle{
margin: 0 0 10px 0;
padding: 0;
color: #FFFFFF;
font-weight: bold;
}