@charset "utf-8";




#content h1 {
    margin: 0 0 30px 0;
}
body#index #content h1 {
    margin: 0 0 14px 0;
}



/* Index */
/* -------------------------------------------- */

body#index #content .explain {
    width: 570px;
    margin: 0 0 0 8px;
}
body#index #content .explain .left {
    float: left;
    width: 270px;
}
body#index #content .explain .right {
    float: right;
    width: 270px;
}

body#index #content .explain ul {
    margin: 0;
    list-style: none;
}
body#index #content .explain ul li {
    padding: 0 0 0 14px;
    background: url("../img/bl_explain.gif") 0 3px no-repeat;
}

body#index #content .column {
    width: 586px;
    margin: 30px 0 0 0;
    background: url("../img/column_manager_body.gif") left repeat-y;
}
body#index #content .column .top {
    float: left;
    width: 586px;
    height: 5px;
    line-height: 0;
    font-size: 1px;
    background: url("../img/column_manager_top.gif") left repeat-y;
}
body#index #content .column .bottom {
    float: left;
    width: 586px;
    height: 6px;
    line-height: 0;
    font-size: 1px;
    background: url("../img/column_manager_bottom.gif") left repeat-y;
}

body#index #content .column .body {
    float: left;
    width: 566px;
    margin: 8px 0 4px 8px;
}
body#index #content .column .text {
    float: left;
    width: 300px;
}
body#index #content .column .pic {
    float: right;
    width: 240px;
}

body#index #content .column .text h2 {
    margin: 0 0 16px 0;
}
body#index #content .column .text img.manager {
    float: left;
    margin: 0 10px 6px 0;
}
body#index #content .column .text p {
    clear: none;
    width: auto;
    margin: 0 0 4px 0;
}
body#index #content .column .text p .rec {
    font-size: 85%;
}
body#index #content .column .text p .name {
    font-size: 120%;
    font-weight: bold;
    line-height: 1.3;
}

body#index #content .column .pic p {
    margin: 10px 0 0 0;
    font-size: 65%;
    text-align: center;
}



/* Menu */
/* -------------------------------------------- */

body#menu #content .standard {
    margin: 0 8px;
}

body#menu #content h2 {
    clear: both;
    margin: 50px 0 10px 0;
}
body#menu #content h2.best3 {
    margin: 30px 0 10px 0;
}
body#menu #content h2.popular2 {
    margin: 30px 0 10px 0;
}
body#menu #content h2.none {
    display: none;
}

body#menu #content .standard h3 {
    clear: both;
    margin: 30px 0 0 0;
    padding: 4px 10px;
    background: #eee;
    color: #222;
    font-weight: bold;
    font-size: 75%;
}

body#menu #content .best {
    width: 531px;
    margin: 0 0 15px 0;
    padding: 0 0 0 55px;
    background: url("../img/line_menu.gif") left bottom repeat-x;
}

body#menu #content .best img.pic {
    float: left;
}

body#menu #content .best .text h3 {
    margin: 0 0 2px 0;
    padding: 0 0 0 0;
    font-weight: bold;
}
body#menu #content .best .text p {
    margin: 10px 0 0 0;
}
body#menu #content .best .text p.price {
    margin: 0;
}
body#menu #content .best .text p.none {
    display: none;
}

body#menu #content #best1 {
    margin: 35px 0 15px 0;
}
body#menu #content #best1 .text {
    float: right;
    width: 266px;
    font-size: 100%;
}
body#menu #content #best2 .text,
body#menu #content #best3 .text {
    float: right;
    width: 324px;
}
body#menu #content #best2 .text h3,
body#menu #content #best3 .text h3 {
    width: 230px;
    font-size: 85%;
}
body#menu #content #best2 .text p.price,
body#menu #content #best3 .text p.price {
    width: 230px;
    font-size: 75%;
}

body#menu #content .popular {
    width: 531px;
    margin: 0 0 15px 0;
    padding: 0 0 0 10px;
/*    background: url("../img/line_menu.gif") left bottom repeat-x;	*/
}

body#menu #content .popular img.pic {
    float: left;
}

body#menu #content .popular .text h3 {
    margin: 0 0 2px 0;
    padding: 0 0 0 0;
    font-weight: bold;
}

body#menu #content .popular .text h4 {
    margin: 5px 0 2px 0;
    padding: 0 0 0 0;
    font-weight: bold;
    font-size: 11pt;
}
body#menu #content .popular .text p {
    margin:10px 0 0 0;
}
body#menu #content .popular .text p.price {
    margin: 0;
}
body#menu #content .popular .text p.double {
    margin: 10px 0 0 0px;
    font-size: 8pt;
}
body#menu #content .popular .text p.none {
    display: none;
}

body#menu #content #popular1 {
    margin: 35px 0 15px 0;
}
body#menu #content #popular1 .text {
    float: right;
    width: 324px;
}
body#menu #content #popular2 .text {
    float: right;
    width: 360px;
}
body#menu #content #popular2 .text h3 {
    width: 350px;
}
body#menu #content #popular2 .text p.price {
    width: 350px;
}
body#menu #content #popular3 {
    margin: 20px 0 15px 0;
}
body#menu #content #popular3 .text {
    float: right;
    width: 330px;
}
body#menu #content .line {
    height: 1px;
    margin: 15px 0 15px 0;
    background: url("../img/line_menu.gif") left bottom repeat-x;
    font-size: 1px;
    line-height: 0;
}

body#menu #content .gallery,
body#menu #content .gallery1,
body#menu #content .gallery2 {
    margin: 20px auto 0 auto;
    text-align: center;
}

body#menu #content .gallery img,
body#menu #content .gallery1 img,
body#menu #content .gallery2 img {
    border: 1px solid #ddd;
}

body#menu #content .col2 {
    width: 570px;
}
body#menu #content .col3 {
    width: 570px;
}

body#menu #content .gallery1 img {
    margin: 0 auto;
}

body#menu #content .col2 .cell {
    float: left;
    width: 285px;
}
body#menu #content .col3 .cell {
    float: left;
    width: 190px;
}

body#menu #content .gallery p.notes {
    margin: 4px 0 0 0;
    font-size: 65%;
}
body#menu #content .standard p.zoom {
    margin: 0 0 0 0;
    font-size: 65%;
    text-align: right;
}




/* Otoku */
/* -------------------------------------------- */

body#otoku p.gurunavi {
    background: url("../../img/bn_gurunavi.gif") right center no-repeat;
}

body#otoku #content div.gnavi {
    width: 510px;
    margin: 20px 0 0 40px;
    padding: 0 0 0 0;
}

body#otoku #content div.gnavi h3 {
    margin: 0 0 10px 0;
    padding: 2px 0 2px 14px;
    background: url("../img/arrow_01.gif") 0 2px no-repeat;
    font-size: 75%;
    font-weight: bold;
}

body#otoku #content div.gnavi dl.url {
    width: 390px;
    margin: 0 0 0 14px;
    padding: 0 0 0 0;
}
body#otoku #content div.gnavi dl.url dt {
    clear: both;
    float: left;
    width: 65px;
    margin: 0 0;
    padding: 2px 0;
    font-size: 75%;
    line-height: 1.3;
}
body#otoku #content div.gnavi dl.url dd {
    float: left;
    width: 305px;
    margin: 0 0;
    padding: 2px 5px;
    font-size: 75%;
    line-height: 1.3;
}

body#otoku #content div.gnavi p.qr {
    margin: 0 0 0 84px;
}



/* Shops */
/* -------------------------------------------- */

body#shops #content h2 {
    height: 26px;
    margin: 30px 0 0 0;
    color: #fff;
    font-weight: bold;
    font-size: 75%;
    background: #666;
}
body#shops #content h2 span {
    display: block;
    padding: 6px 0 0 10px;
}

body#shops #content dt {
    margin: 16px 0 0 0;
    padding: 0 7px 0 7px;
    font-size: 85%;
    font-weight: bold;
}
body#shops #content dt span.close {
    color: #e00;
    font-size: 90%;
    font-weight: normal;
}
body#shops #content dd {
    margin: 6px 0 0 0;
    padding: 0 7px 16px 7px;
    font-size: 75%;
    line-height: 1.5;
    background: url("../img/line_01.gif") left bottom repeat-x;
}


body#shops #content ul.index {
    margin: 0 7px 32px 7px;
    padding: 0;
}
body#shops #content ul.index li {
    float: left;
    width: 50px;
    margin: 0 0 16px 0;
    padding: 0 0 0 10px;
    background: url("../img/arrow_03.gif") 0 4px no-repeat;
    list-style: none;
}



/* Shops(detail) */
/* -------------------------------------------- */

body#detail #content h1 {
    height: 42px;
    margin: 0 0 0 0;
    padding: 28px 0 0 110px;
    font-size: 110%;
    font-weight: bold;
}
body#detail #content h1 span {
/*  padding: 28px 0 0 4px;  */
}
body#detail #content h1 span.close {
    display: block;
    margin: 4px 0 0 0;
    color: #e00;
    font-size: 75%;
    font-weight: normal;
}
body#detail #content h2 {
    margin: 20px 0 6px 0;
    padding: 3px;
    font-size: 65%;
    background: #efefef;
}
body#detail #content h2.first {
    margin: 0 0 6px 0;
}
body#detail #content h2.access {
    width: 489px;
    margin: 30px 0 10px 90px;
}

body#detail #dataBox {
    width: 495px;
    margin: 30px 0 0 90px;
}
body#detail #dataBox div.data {
    width: 240px;
    float: left;
}
body#detail #dataBox img.pic {
    display: block;
    float: right;
    border: 1px solid #cdcdcd;
}
body#detail #dataBox .nopic {
    float: right;
    width: 240px;
    height: 240px;
}

body#detail #dataBox div.data p.tel {
    font-size: 120%;
    font-weight: bold;
}

body#detail div#extra {
    clear: both;
}
body#detail div#extra p {
    border-top: 1px solid #cdcdcd;
    margin: 20px 0 0 0;
    padding: 10px 0 0 0;
}
body#detail div#extra p.tblviking {
    display: none;
}

body#detail #gMap {
    width: 495px;
    height: 350px;
    margin: 0 0 0 90px;
    background: #eee;
}
body#detail #gMapEmpty {
    width: 495px;
    margin: 0 0 0 90px;
}

body#detail p.back {
    margin: 20px 0 0 0;
    text-align: right;
}
body#detail p.back a {
    padding: 0 0 0 14px;
    background: url("../img/arrow_04.gif") 0 2px no-repeat;
}

body#detail p.check {
    display: none;
    margin: 20px 0 0 90px;
}



/* Navigation(Local) */
/* -------------------------------------------- */

#sidebar .lNav {
    width: 195px;
    margin: 0 0 15px 0;
    padding: 2px;
    background: url("../img/bg_menu.gif") no-repeat;
}
#sidebar .lNav ul {
}
#sidebar .lNav ul li {
    height: 35px;
    margin: 0;
    line-height: 0;
    vertical-align: bottom;
}
#sidebar .lNav li a {
    display: block;
    width: 195px;
    height: 35px;
    font-size: 1px;
    line-height: 0;
    text-indent: -9999px;
    overflow: hidden;
}
* html #sidebar .lNav li a {
    float: left;
}

#sidebar .lNav ul li.shops {
    height: 34px;
}
#sidebar .lNav ul li.shops a {
    height: 34px;
}

body#shops #sidebar .lNav ul li.menu,
body#shops #sidebar .lNav ul li.otoku,
body#shops #sidebar .lNav ul li.shops {
    background-position: 0 -195px:
}

#sidebar .lNav ul li a:hover {
    background-position: -195px 0 !important;
}

#sidebar .cat {
    margin: 0 1px 15px 1px;
}

#sidebar .others {
    margin: 0 0 0 2px;
}
#sidebar .others li {
    height: 70px;
}
#sidebar .others li.csr {
    margin: 0 0 5px 0;
}

#sidebar a.business {
    display: block;
    width: 195px;
    margin: 15px 0 0 2px;
}


#sidebar ul li img {
    display: block;
    vertical-align: bottom;
}





/* clearfix */
/* -------------------------------------------- */

.gallery:after,
.explain:after,
.column:after,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 1px;
    line-height: 0;
}

/* (for IE7 and Mac IE5) */
.gallery,
.explain,
.column,
.clearfix {
    display: inline-block;
}

/* (for IE5-6) */
/* Hides from IE-mac \*/
* html .gallery,
* html .explain,
* html .column,
* html .clearfix {
    height: 1%;
}
.gallery,
.explain,
.column,
.clearfix {
    display: block;
}
/* End hide from IE-mac */