/* ===============================================================
*** base ***
=============================================================== */
body {
    background: url(/cmn/img/cmn/bg_pattern.jpg),url(/cmn/img/cmn/bg_cotton.jpg);
    background-repeat: no-repeat,repeat;
    background-position: center top,center top;
    color: #6f7071;
    font-size: 14px;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.f-yellow {
    color: #CC9900;
}

.only-sp {
    display: none;
}

/* ===============================================================
*** container ***
=============================================================== */
#container {
    background: url(/cmn/img/cmn/bg_front.png);
    background-size: 100%;
    margin: 0 auto;
    padding: 0 80px;
    width: 1360px;
}


/* ===============================================================
*** header ***
=============================================================== */
.to-sp {
    background: #854A25;
    color: #fff;
    display: block;
    font-size: 20px;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
}

header {
    padding: 10px 10px 0;
}

.hdr-left {
    float: left;
}

.hdr-right {
    float: right;
}

.hdr-privacy {
    margin: 0 0 15px 0;
    text-align: right;
}

.hdr-privacy a {
    background: url(/cmn/img/cmn/arrow_pricvacy.png) no-repeat 0 3px;
    color: #6f7071;
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 0 16px;
    text-decoration: none;
}

.hdr-info {
    display: table;
    width: 440px;
}

.hdr-info > * {
    display: table-cell;
    vertical-align: middle;
}


.main-nav {
    margin: 0 0 20px 0;
}

.main-nav ul {
    border-left: 1px solid #6f7071;
    display: table;
    width: 100%;
}

.main-nav ul li {
    border-right: 1px solid #6f7071;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 87px;
}

.main-nav ul li:nth-child(7) {
    width: 100px;
}

.main-nav ul li:nth-child(2) span,
.main-nav ul li:nth-child(4) span,
.main-nav ul li:nth-child(5) span,
.main-nav ul li:nth-child(6) span,
.main-nav ul li:nth-child(8) span,
.main-nav ul li:nth-child(11) span {
    padding: 7px 0;
}

.main-nav ul li a {
    color: #6f7071;
    display: block;
    font-size: 10px;
    text-decoration: none;
}

.main-nav ul li a span {
    display: block;
}


/* ===============================================================
*** footer ***
=============================================================== */
footer {
    background: #200501;
    font-size: 12px;
    margin: 0 -6px;
    padding: 10px;
    text-align: right;
}

footer a {
    color: #d3d3d3;
}


/* ===============================================================
*** contents ***
=============================================================== */
#contents {
    padding: 0 0 50px 0;
}

/* ===============================================================
*** main ***
=============================================================== */
main {
    float: right;
    width: 800px;
}

.page-ttl img {
    width: 100%;
}

.page-catch {
    font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
    line-height: 2em;
    margin: 0 0 10px 0;
    text-align: center;
}

.cont-box {
    margin: 0 0 50px 0;
}

.special-box {
    padding: 25px 0 0 0;
}

.cont-ttl {
    background: url(/cmn/img/cmn/icon_ttl.png) no-repeat;
    border-bottom: 1px solid #6f7071;
    font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
    font-size: 18px;
    letter-spacing: 0.2em;
    margin: 0 0 10px 0;
    padding: 10px 0 2px 40px;
    position: relative;
}

.cont-ttl span {
    bottom: 2px;
    display: block;
    font-size: 12px;
    letter-spacing: 0em;
    position: absolute;
    right: 0;
}

/* ===============================================================
*** aside ***
=============================================================== */
aside {
    float: left;
    width: 300px;
}

.sub-nav ul {
    width: 225px;
    margin: 0 auto;
}

.sub-nav ul li a {
    background: url(/cmn/img/cmn/img_menu.png) no-repeat;
    display: block;
    text-indent: -9999px;
}

#sn-1 a {height: 50px;background-position:0px 0px;}
#sn-2 a{height: 40px;background-position:0px -50px;}
#sn-3 a{height: 44px;background-position:0px -90px;}
#sn-4 a{height: 40px;background-position:0px -134px;}
#sn-5 a{height: 41px;background-position:0px -174px;}
#sn-6 a{height: 43px;background-position:0px -215px;}
#sn-7 a{height: 42px;background-position:0px -258px;}
#sn-8 a{height: 42px;background-position:0px -300px;}
#sn-9 a{height: 46px;background-position:0px -342px;}
#sn-10 a{height: 42px;background-position:0px -388px;}
#sn-11 a{height: 44px;background-position:0px -430px;}
#sn-12 a{height: 48px;background-position:0px -474px;}

#sn-1 a:hover,#sn-1 a.on{background-position:-229px -0px;}
#sn-2 a:hover,#sn-2 a.on{background-position:-229px -50px;}
#sn-3 a:hover,#sn-3 a.on{background-position:-229px -90px;}
#sn-4 a:hover,#sn-4 a.on{background-position:-229px -134px;}
#sn-5 a:hover,#sn-5 a.on{background-position:-229px -174px;}
#sn-6 a:hover,#sn-6 a.on{background-position:-229px -215px;}
#sn-7 a:hover,#sn-7 a.on{background-position:-229px -258px;}
#sn-8 a:hover,#sn-8 a.on{background-position:-229px -300px;}
#sn-9 a:hover,#sn-9 a.on{background-position:-229px -342px;}
#sn-10 a:hover,#sn-10 a.on{background-position:-229px -388px;}
#sn-11 a:hover,#sn-11 a.on{background-position:-229px -430px;}
#sn-12 a:hover,#sn-12 a.on{background-position:-229px -474px;}

.bnr-list {
    text-align: center;
}

.bnr-list li {
    margin: 0 0 25px;
}

.bnr-list li img {
    width: 100%;
}

.aside-info {
    background: url(/cmn/img/cmn/aside/line_info.png) no-repeat left top;
    padding: 10px 0 0 10px;
    position: relative;
}

.ai-ttl {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.2em;
    position: absolute;
    right: 0;
}

.bbs {
    border-bottom: 1px solid #7d7c7b
}

.ai-address {
    padding: 3px 0;
}

.ai-access {
    background: #FF755C;
    color: #fff;
    display: block;
    font-size: 13px;
    padding: 3px 5px;
    text-decoration: none;
}

.aside-hotel {
    margin: 0 0 20px;
}

.ai-hotel {
    color: #222;
    font-size: 12px;
    font-weight: bold;
}

.hotel-list li a {
    color: #854a25;
    text-decoration: none;
}