@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 auto;
    padding: 0;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
}


a {
    color: #FFF; 
}

body {
    color: #FFF;
    background: #f49e10;
    text-align: center;

}

.normal {
    font-size: 80%;
    line-height: 1.3;
    font-weight: normal;
    font-family: sans-serif;
    color: #000; 
}

img {
    border: 0;
}

div#main-container {
    width: 800px;
    position: relative;
    height: auto;
    margin:auto;
}
.clear {
    clear: both;
}

/*
header
*/

div#header {
    width: 800px;
    height: 180px;

}

h1#logo {
   position: absolute;
   top: 20px;
   left: 0px;

}

div#header p.notice {
    position: absolute;
    width: 358px;
    left: 0px;
    top:55px;
    font-family: sans-serif;
    color:#F00;
    font-size: 12px;
    line-height:1.5;
    text-align: center;
}

div#header h2#head {
    position: absolute;
    left: 400px;
    top:20px;
    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: 140px;
}

div#navi a {
    display: block;
    background-repeat: no-repeat;
    float: left;
}

div#navi a:hover,
div#navi a.selected {
    background-position: 0 -35px;
}

div#navi a span {
    display: none;
}

div#navi div#navi-top a {
    width: 160px;
    height: 35px;
    background-image: url(../img/g_top.png);
}

div#navi div#navi-menu a {
    width: 160px;
    height: 35px;
    background-image: url(../img/g_menu.png);
}

div#navi div#navi-party a {
    width: 160px;
    height: 35px;
    background-image: url(../img/g_party.png);
}

div#navi div#navi-shop a {
    width: 160px;
    height: 35px;
    background-image: url(../img/g_shop.png);
}

div#navi div#navi-coupon a {
    width: 160px;
    height: 35px;
    background-image: url(../img/g_coupon.png);
}

/*
top
*/

div#contents {
    width: 800px;
    height: auto;
    padding-bottom:20px;
    padding-top:20px;
}

div#top_banner {
   float: left;
   width:580px;
   height:auto;
   text-align:left;
   padding-top:20px;
}

div#top_sub_navi {
   float: left;
   width:219px;
   height:auto;
   text-align:left;
   padding-top:20px;
}

div#top_sub_navi a {
    display: block;
    background-repeat: no-repeat;
    margin-bottom:10px;
}

div#top_sub_navi a:hover,
div#top_sub_navi a.selected {
    background-position: 0 -25px;
}

div#top_sub_navi a span {
    display: none;
}

div#top_sub_navi div#navi-deli a {
    width: 219px;
    height: 25px;
    background-image: url(../img/sub_deli.png);
}
div#top_sub_navi div#navi-blog a {
    width: 219px;
    height: 25px;
    background-image: url(../img/sub_blog.png);
}
div#top_sub_navi div#navi-staff a {
    width: 219px;
    height: 25px;
    background-image: url(../img/sub_staff.png);
}
div#top_sub_navi div#navi-photo a {
    width: 219px;
    height: 25px;
    background-image: url(../img/sub_photo.png);
}
div#top_sub_navi div#navi-baitoru a {
    width: 219px;
    height: 25px;
    background-image: url(../img/banner_baitoru.png);
}

table.banner {
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: left;
}

table.banner td {
    font-family: sans-serif;
   font-size: 75%;
   text-align: center;
}
table.banner td.center {
    font-family: sans-serif;
   font-size: 75%;
   text-align: center;
}

div#foot_banner {
   width: 800px;
   height: 160px;
   padding-top: 15px;
}

div#foot_banner img.left {
    display: inline;
    float: left;
    vertical-align: top;
}

div#foot_banner img.right {
    display: inline;
    float: right;
    vertical-align: top;
}


/*
footer
*/

div#footer{
   width:800px;
   padding-top: 20px;
   padding-bottom: 20px;
}

div#footer ul{
   width: 800px;
   border-top: 1px solid #fff;
   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#top_banner img{
   margin-bottom: 8px;
}  

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: 1430px;
   line-height:left;
   background-image: url(../img/staffinfo2.jpg);

}
div#staff_blog {
   position:relative;
   top:360px;
   left:-350px;
}

div#blog {
   padding:10px 0 10px 0;
}

.top_blog {
   float:left;
   margin-right:20px;
}

.top_course {
   margin-bottom:10px;
}