@charset "utf-8";

body, h1, h2, h3, h4, h5, h6,
table, th, td, div, p, form, ul, ol, li, dl, dt, dd, address, img {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
}


a {
    color: #FFF; 
}

body {
    color: #FFF;
    background: #ca0000;
    text-align: center;

}

img {
    border: 0;
}

div#main-container {
    width: 800px;
    position: relative;
    height: auto;
    margin:auto;
}
.clear {
    clear: both;
}

/*
header
*/

div#header {
    width: 800px;
    height: 150px;

}

h1#logo {
   position: absolute;
   top: 20px;
   left: 0px;

}

div#header p.notice {
    position: absolute;
    left: 300px;
    top:55px;
    font-family: sans-serif;
    color:#FFF;
    font-size: 10px;
    line-height:1.5;
    text-align: center;
}

div#header h2#head {
    position: absolute;
    left: 480px;
    top:25px;
    font-family: sans-serif;
    color:#FFF;
    font-size: 10px;
    line-height:1.5;
    text-align: left;
}

div#navi {
   width: 800px;
   height: 25px;
   position: absolute;
   left: 0px;
   top: 125px;
}

div#navi a {
    display: block;
    background-repeat: no-repeat;
    float: left;
}

div#navi a:hover,
div#navi a.selected {
    background-position: 0 -25px;
}

div#navi a span {
    display: none;
}

div#navi div#navi-top a {
    width: 200px;
    height: 25px;
    background-image: url(../img/g_top.png);
}

div#navi div#navi-menu a {
    width: 200px;
    height: 25px;
    background-image: url(../img/g_menu.png);
}

div#navi div#navi-photo a {
    width: 200px;
    height: 25px;
    background-image: url(../img/g_gallery.png);
}

div#navi div#navi-shop a {
    width: 200px;
    height: 25px;
    background-image: url(../img/g_shop.png);
}

div#navi div#navi-recruit a {
    width: 160px;
    height: 25px;
    background-image: url(../img/g_recruit.png);
}

/*
top
*/

div#top_contents {
    width: 800px;
    height: auto;
}

div#top_banner {
   background: #a7a6a6;
   width:800px;
   height:auto;
   text-align:left;
}

table.banner {
    text-align: center;
}

table.banner td {
    vertical-align: top;
    padding: 10px 4px 0px 4px;
    font-size: 12px;
}


div#blog {
    width: 400px;
    margin: 0 0 0 0px;
    position: relative;
    float: left;
    padding-top:10px;
}

div#blog img.blog {
    margin-top:10px;
}

div#right_block {
    float: left;
    width: 380px;
    height: 350px;
    text-align: center;
    padding:10px 0 0 20px;
}   

div#right_block div#tweet {
    padding:10px 0 0 0px;
}   

/*
footer
*/

div#footer{
   width:800px;
   padding-top: 10px;
   padding-bottom: 20px;
}

div#footer ul{
   width: 800px;
   padding: 10px 0;
}  

div#footer ul li {
   display: inline;
   list-style-type: none;
   font-size: 80%;
   margin: 0 10px;
}   

div#footer p {
   width: 800px;
   margin-top: -5px;
   margin-bottom: 30px;
   font-family: sans-serif;
   font-size: 75%;
}

/*
common
*/

div#top_sub_navi ul{
   margin: 10px 0;
}  

div#top_sub_navi ul li {
   list-style-type: none;
}   

div#menu_navi {
   width: 550px;
   height: 35px;
   line-height:left;
   padding-bottom:20px;
   background-image: url(../img/title.png);

}

div#menu_navi a {
    display: block;
    background-repeat: no-repeat;
    float: left;
}

div#menu_navi a:hover,
div#menu_navi a.selected {
    background-position: 0 -35px;
}

div#menu_navi a span {
    display: none;
}

div#menu_navi div#navi-drink a {
    width: 160px;
    height: 35px;
    background-image: url(../img/title_drink.png);
}

div#menu_navi div#navi-food a {
    width: 161px;
    height: 35px;
    background-image: url(../img/title_food.png);
}

div#menu_navi div#navi-party a {
    width: 160px;
    height: 35px;
    background-image: url(../img/title_party.png);
}

div#menu_navi div#navi-wedding a {
    width: 161px;
    height: 35px;
    background-image: url(../img/title_wedding.png);
}

p.partyinfo{
    font-size: 80%;
    line-height: 1.5;
    font-family: sans-serif;
    color: #000;
    padding-bottom: 20px;
}

p.midashi{
    font-size: 12px;
    line-height: 1.5;
    font-family: sans-serif;
    color: #2b324b;
    padding-bottom: 20px;
}

p.honbun{
    font-size: 80%;
    line-height: 1.5;
    font-family: sans-serif;
    color: #646464;
    padding-bottom: 20px;
}

.img_bottom {
    margin-bottom: 20px;
}

p.caution{
    font-size: 80%;
    line-height: 1.3;
    font-weight: bold;
    font-family: sans-serif;
    color: #ff992a;
    padding-bottom: 20px;
}

div#staff {
   width: 916px;
   height: 880px;
   line-height:left;
   background-image: url(../img/staffinfo.jpg);

}
div#staff_blog {
   position:relative;
   top:260px;
   left:-350px;
}

/*
menu
*/

div#contents img.margin {
    margin: 0 0 20px 0;
}

div#menu_navi {
   margin-top: 20px;
   width: 800px;
   height: 35px;
   line-height:left;
}

div#menu_navi a {
    display: block;
    background-repeat: no-repeat;
    float: left;
}

div#menu_navi a:hover,
div#menu_navi a.selected {
    background-position: 0 -35px;
}

div#menu_navi a span {
    display: none;
}

div#menu_navi div#navi_food a {
    width: 160px;
    height: 35px;
    background-image: url(../img/menu_navi_food.png);
}
div#menu_navi div#navi_izakaya a {
    width: 160px;
    height: 35px;
    background-image: url(../img/menu_navi_izakaya.png);
}
div#menu_navi div#navi_italian a {
    width: 160px;
    height: 35px;
    background-image: url(../img/menu_navi_italian.png);
}

div#menu_navi div#navi_course a {
    width: 160px;
    height: 35px;
    background-image: url(../img/menu_navi_course.png);
}

div#menu_navi div#navi_drink a {
    width: 160px;
    height: 35px;
    background-image: url(../img/menu_navi_drink.png);
}

/*
shop
*/

div#contents p.shop_name {
    text-align: left;
    margin: 20px 0 40px 0;
    font-size: 100%;
    font-style: normal;
    font-weight: bold;
    font-family: sans-serif;
    line-height: 1.6;
}

div#contents p.discription {
    text-align: left;
    margin: 0px 0 20px 0;
    font-size: 90%;
    font-style: normal;
    font-weight: bold;
    font-family: sans-serif;
    line-height: 1.6;
}

div#contents div#map {
    margin: 20px 0 20px 0;
    position: relative;
    float: left;
}

div#contents div#info {
    width: 380px;
    margin: 0 0 0 15px;
    position: relative;
    float: left;
}

div#link {
    width: 380px;
    margin: 0 0 0 20px;
    position: relative;
    float: left;
    padding-top:10px;
}

div#link td {
    font-size: 12px;
    vertical-align: top;
}