@charset "UTF-8";

/* ========BASIC======== */
* {
     font-family:Verdana, Helvetica, sans-serif;
     color:#fff;
}

body {
     margin:0;
     padding:0;
     letter-spacing:1px;
     background:#a50600;
     font-size:16px;
}

br {
     letter-spacing:normal;
}

a {
     color:#fff;
}

a:hover {
     color:#a50600;
     text-decoration:none;
}

img {
     border:0;

}

h1,h2,h3,h4,h5,h6 {
     margin:0;
}

/* ========TEMPLATE LAYOUT======== */
div#top {
     width:800px;
     margin:0 auto;
     border-left:1px solid #000;
     border-right:1px solid #000;
}
div#logo{
     background:url(../images/headerlogo.gif);
     height:50px;
     width:800px;
}
div#headerimg {
     width:800px;
     height:219px;
     background:url(../images/tenanmon.jpg);
}
div#headerimg_service {
     width:800px;
     height:220px;
     background:url(../images/service/service.jpg);
}
div#headerimg_concept {
     width:800px;
     height:220px;
     background:url(../images/concept/concept.jpg);
}
div#headerimg_party {
     width:800px;
     height:220px;
     background:url(../images/party/party.jpg);
}
div#headerimg_menu {
     width:800px;
     height:220px;
     background:url(../images/menu/menu.jpg);
}
div#headerimg_restaurant {
     width:800px;
     height:220px;
     background:url(../images/restaurant/restaurant.jpg);
}
#headnavi{
     height:38px;
     width:800px;
     background:#a50600;
}

div#contents {
     background-color:#fff;
     width:800px;
     margin-top:3px;
}

div#contents_menu {
     width:800px;
     margin-top:3px;
     background:url(../images/menu/menuback.png) repeat-y;

}

div#topleft-part {
     float:left;
     width:580px;
}
div#left-part {
    float:left;
    width:620px;
}
div#topmain {
    background:url(../images/home/topback.gif);
    height:750px;
    padding:0 5px;
    }
div#main {
    background-image:url(../images/common/line_pt.gif);
    background-repeat:repeat-y;
    background-position:750px 0px;
}

div#topsub {
    float:left;
    width:220px;
}
div#right-part {
    float:left;
    width:180px;
}
div#subcontents{
    background:#fff;
    height:750px;
}
div#menucategory{
    background:#bc3831;
    height:750px;
}
div#topsub p{
    font-size:12px;
    color:#333;
}
div#sub2 {
    float:left;
    padding-left:7px;
    width:180px;
}



div#footer {
    position:relative;
    clear:both;
    width:800px;
    background:#000;
    padding-top:20px;
}

/* 回り込み解除 */
div#contents:after,div#contents_menu:after {
    content:"";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/* ========HEADER CUSTOMIZE======== */
div#header h1 {
    margin:0;
    padding:0 10px;
    font-size:2em;
    color:#000;
    line-height:80px;
}

div#header h1 a {
    color:#000;
}

div#menu img{
    display:block;
    margin-left : auto ; 
    margin-right : auto ;
}


/* ========MENU CUSTOMIZE======== */
div#headnavi ul {
    margin:0;
    padding:0;
}

div#headnavi li {
    float:left;
    list-style-type:none;
}

div#headnavi li a{
     display:block;
     width:109px;
     height:40px;
}

div#headnavi li a span{
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:0;
    overflow:hidden;
}

div#headnavi li a#navi01{
     background-image:url(../images/common/navi_01.gif);
}
div#headnavi li a#navi02{
     background-image:url(../images/common/navi_02.gif);
}
div#headnavi li a#navi03{
     background-image:url(../images/common/navi_03.gif);
}
div#headnavi li a#navi04{
     background-image:url(../images/common/navi_04.gif);
}
div#headnavi li a#navi05{
     background-image:url(../images/common/navi_05.gif);
}
div#headnavi li a#navi06{
     background-image:url(../images/common/navi_06.gif);
}
div#headnavi li a:hover#navi01,
                a:hover#navi02,
                a:hover#navi03,
                a:hover#navi04,
                a:hover#navi05,
                a:hover#navi06{
     background-position:0px 2px;
}


/* 回り込み解除 */
div#menu ul:after{
    content:"";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/* ========MAIN CONTENTS CUSTOMIZE======== */

div#main a {
    color:#fff;
}

div#main h2 {

}

div#main h3 {
}

div#main h4 {
    margin-bottom:2px;
    font-size:0.75em;
    line-height:1.4;
}


div#main p{
    margin:0 0 1em 0;
    font-size:0.75em;
    line-height:1.4;
}
#l1{
    margin-top:10px;
    margin-left:10px;
    margin-bottom:10px;
}
#c1{
    margin-left:30px;
}
#bus{
    margin:10px 0;
}
#topics{
    width:540px;
    height:116px;
    background:url(../images/home/topics.jpg) no-repeat;
}
#list{
    margin-left:50px;
    padding-top:30px;
}
#topics ul{
    margin:0;
    padding:0;
    width:482px;
    height:70px;
    overflow:auto;
}
#topics li{
    font-size:0.9em;
    list-style-type:none;
    color:#333;
}
#topics a {
    color: #666600;
}
#topics a:hover {
    color:#a50600;
    text-decoration:none;
}
.rightline{
    background-image:url(../images/common/line_pt.gif);
    background-repeat:repeat-y;
    background-position:750px 0px;
}

/*restaurant*/
#map{
    padding:10px 0 20px 10px;
}

#data{
    width:379px;
    height:289px;
    padding:25px 0 0 10px;
    background:url(../images/restaurant/back.gif) no-repeat;
}
#data span{
    font-size:12px;
    line-height:18px;
    color:#fff;
}
#data td{
    padding:2px;
    vertical-align:top;
}
/*menu*/
#menucategory img{
    margin-bottom:5px;
}
#menutitle, .title{
    padding:10px 0 30px 10px;
}

.menubox{
    margin:25px 14px;
    padding-bottom:20px;
    border-bottom:1px solid #bc3831;
}
.ippinmenubox{
    margin:8px 15px;
    padding-bottom:20px;
}
.menubox td, .ippinmenubox td{
    vertical-align:top;
}
.ippinmenubox .comment{
    clear:both;
    padding-top:8px;
    padding-left:35px;
    padding-bottom:12px;
}
.menubox img{
    padding-left:10px;
}
.menubox h2{
    color:#fff;
    font-size:15px;
    padding-bottom:30px;
    padding-left:30px;
    width:360px;
    background:url(../images/menu/osusume/line.gif) no-repeat bottom;
}
.osusume_price {
    text-align:right;
    font-size:15px;
    color:#fff;
    padding-right:10px;
    padding-bottom:10px;
}
.menubox p{
    padding-left:35px;
    color:#fff;
}
.menubox ul{
    margin:10px 20px;
    padding:10px 25px;
    background:#bc3831;
    font-size:0.9em;
    line-height:1.2em;
}
.menubox .pack{
    margin:10px 0 0 10px;
    line-height:1.5;
    padding:2px;
    text-align:center;
}
.menubox .drink{
    margin:140px 0 0 10px;
    line-height:1.2;
    padding:10px;
    font-size:0.9em;
    border:1px solid #a50600;
}
.menudata{
    width:400px;
    color:#fff;
    font-size:15px;
    clear:both;
    line-height:1.6;
}
.menudata span{
    display:block;
    float:left;
    color:#fff;
    padding-left:18px;
}
.menudata .price{
    display:block;
    float:right;
    color:#fff;
    
}

/*party*/
.koshitsu{
    margin-left:10px;
}
.koshitsu td{
    width:255px;
    vertical-align:top;

}
.koshitsu p{
    color:#a50600;
    padding:9px;
}


/* ========SUB2 CONTENTS CUSTOMIZE======== */

div .menunavi{
    text-align:center;
    line-height:3em;
    background:#a50600;
    margin:2px;
    color:#fff;
}

div#sidenavi{
    padding-top:10px;
}
div#sidenavi ul {
    margin:0;
    padding:0;
}

div#sidenavi li{
    font-size:0.8em;
    list-style-type:none;
}
div#sidenavi li a{
    display:block;
    height:41px;
    background:url(images/common/bg.gif) no-repeat;
}

div#sidenavi li span{
    margin-left:30px;
    line-height:40px;
}

div#sub2 .section {
  margin-top:200px;
}
div#sub2 .section img{
  margin-bottom:10px;
}
div#sub2 .section div{
  color:#999;
  font-size:0.8em;
  border-bottom:1px solid #999;
  margin-bottom:5px;
}

/* ========FOOTER CUSTOMIZE======== */
div#totop{
    position:relative;
    height:30px;
}

div#totop p{
    position:absolute;
    top:0;
    right:7px;
    margin:0;
    padding-left:8px;
    font-size:0.63em;
    color:#fff;
    background:#000 url(images/common/bg_totop.gif) 0 50% no-repeat;
}

#f{
    text-align:center;
    font-size:0.63em;
    color:#fff;
}

/* ========POPUP WINDOW======== */
dl#popup {
     width: 488px;
     position: absolute;
     right: 10px;
     top: 0;
     background-color: #333333;
     border: 1px solid #eeeeee;
     color: #808080;
}
dl#popup dt {
     padding: 3px;
}
dl#popup dd {
     margin: 0;
}
dl#popup dd#popup_body {
     height: 0;
     overflow: hidden;
}
dl#popup dd.footer {
     text-align: right;
     padding: 3px;
}
dl#popup a {
     color: #ffffff;
     text-decoration: none;
     background-color: #333333;
     border: 1px solid #ffffff;
     display: block;
     width: 70px;
     padding: 5px;
     margin-left: 400px;
     text-align: center;
}
dl#popup a:hover {
     text-decoration: none;
     background-color: #eeeeee;
     color: #303030;
}