/* 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_sub.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_sub.jpg) no-repeat center top;
}

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

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

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

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

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

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

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

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

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

/*ページリスト（div#pagelist）*/

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

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

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

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

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

div#pagelist ul li.third{
font-size: 10px;
margin: 4px 0 0 32px;
padding: 0;
line-height: 100%;
color: #FFFFFF;
}

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

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

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

div#footer ul li{
color: #FF3333;
}