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

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

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

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

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

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

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

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

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

div#main {
height: 553px;
margin: 0;
padding: 0;
}

div#main p#aboutText{
color: #FFFFFF;
float: left;
margin: 0;
padding: 40px 25px 0 16px;
line-height: 175%;
text-align: left;
}

div#main p#aboutText span.thead{
float: left;
color: #FFFFFF;
margin: 3px 6px 0 0;
font-size: 35px;
}

div#main p#aboutName{
float: right;
color: #FFFFFF;
margin: 0;
padding: 5px 27px 0 0;
line-height: 175%;
text-align: right;