@charset "UTF-8"; /*全体を格納*/ #wrapper { text-align: center; width: 960px; margin: 0 auto; } /*ヘッダー*/ #header { height: 80px; font-size: 65%; } #header h1 { float: left; width: 550px; margin: 24px 10px 0; } #header h1 a { display: block; width: 550px; height: 37px; background: url(../img/logo_s.gif) no-repeat; text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; } #head-right { float: right; width: 385px; text-align: right; margin: 20px 0 0; padding: 20px 0 0; background: url(../img/head-tel.gif) no-repeat 193px 0; } #head-right p { display: none; } #head-navi { } #head-navi li { float: left; display: inline; text-indent:-9999px; } #head-navi li a { text-decoration:none; text-indent:-9999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; } #navi-home { } #navi-home a { display: block; width: 98px; height: 35px; background: url(../img/head-navi.gif) no-repeat 0 0; } #navi-home a:hover,#home #navi-home a { background-position: 0 -50px; } #navi-gallery { } #navi-gallery a { display: block; width: 95px; height: 35px; background: url(../img/head-navi.gif) no-repeat -98px 0; } #navi-gallery a:hover,#gallery #navi-gallery a { background-position: -98px -50px; } #navi-faq { } #navi-faq a { display: block; width: 96px; height: 35px; background: url(../img/head-navi.gif) no-repeat -193px 0; } #navi-faq a:hover,#faq #navi-faq a { background-position: -193px -50px; } #navi-contact { } #navi-contact a { display: block; width: 96px; height: 35px; background: url(../img/head-navi.gif) no-repeat -289px 0; } #navi-contact a:hover,#contact #navi-contact a { background-position: -289px -50px; } /*ボックス*/ #box { text-align: left; } /*グローバルナビ*/ #grobal-navi { margin: 0 0 13px; } #grobal-navi li { float: left; display: inline; } #grobal-navi li a { text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; } #navi-p_experience { } #navi-p_experience a { display: block; width: 138px; height: 47px; background: url(../img/navi.gif) no-repeat 0 0px; } #navi-p_experience a:hover,#navi-p_experience a#stay { background-position: 0 -50px; } #navi-p_general { } #navi-p_general a { display: block; width: 137px; height: 47px; background: url(../img/navi.gif) no-repeat -138px 0; } #navi-p_general a:hover,#navi-p_general a#stay{ background-position: -138px -50px; } #navi-guide { } #navi-guide a { display: block; width: 137px; height: 47px; background: url(../img/navi.gif) no-repeat -275px 0; } #navi-guide a:hover,#navi-guide a#stay{ background-position: -275px -50px; } #navi-spring { } #navi-spring a { display: block; width: 137px; height: 47px; background: url(../img/navi.gif) no-repeat -412px 0; } #navi-spring a:hover,#spring #navi-spring a { background-position: -412px -50px; } #navi-meal { } #navi-meal a { display: block; width: 137px; height: 47px; background: url(../img/navi.gif) no-repeat -549px 0; } #navi-meal a:hover,#meal #navi-meal a { background-position: -549px -50px; } #navi-sightseeing { } #navi-sightseeing a { display: block; width: 137px; height: 47px; background: url(../img/navi.gif) no-repeat -686px 0; } #navi-sightseeing a:hover,#sightseeing #navi-sightseeing a { background-position: -686px -50px; } #navi-camping { } #navi-camping a { display: block; width: 136px; height: 47px; background: url(../img/navi.gif) no-repeat -823px 0; } #navi-camping a:hover,#camping #navi-camping a { background-position: -823px -50px; } /*コンテンツエリア*/ #contents { float: right; width: 734px; } /*Panくずナビ*/ #pan { font-size: 65%; line-height: 130%; margin: 0 0 10px; } /*ローカルナビ*/ #local-navi { float: left; width: 218px; } #local-navi li { } #local-navi li a { text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; } #home-about { } #home-about a { display: block; width: 218px; height: 40px; background: url(../img/home-navi.gif) no-repeat 0 0; } #home-about a:hover,#about #home-about a { background-position: -300px 0; } #home-p_experience { } #home-p_experience a { display: block; width: 218px; height: 39px; background: url(../img/home-navi.gif) no-repeat 0 -40px; } #home-p_experience a:hover,#p_experience #home-p_experience a { background-position: -300px -40px; } #home-reserve { } #home-reserve a { display: block; width: 218px; height: 40px; background: url(../img/home-navi.gif) no-repeat 0 -79px; } #home-reserve a:hover,#reserve #home-reserve a { background-position: -300px -79px; } #home-price { } #home-price a { display: block; width: 218px; height: 40px; background: url(../img/home-navi.gif) no-repeat 0 -119px; } #home-price a:hover,#price #home-price a { background-position: -300px -119px; } #home-guide { } #home-guide a { display: block; width: 218px; height: 39px; background: url(../img/home-navi.gif) no-repeat 0 -159px; } #home-guide a:hover,#guide #home-guide a { background-position: -300px -159px; } #home-camping { } #home-camping a { display: block; width: 218px; height: 40px; background: url(../img/home-navi.gif) no-repeat 0 -198px; } #home-camping a:hover,#camping #home-camping a { background-position: -300px -198px; } #home-access { } #home-access a { display: block; width: 218px; height: 40px; background: url(../img/home-navi.gif) no-repeat 0 -238px; } #home-access a:hover,#access #home-access a { background-position: -300px -238px; } #home-sightseeing { margin: 0 0 20px; } #home-sightseeing a { display: block; width: 218px; height: 41px; background: url(../img/home-navi.gif) no-repeat 0 -278px; } #home-sightseeing a:hover,#sightseeing #home-sightseeing a { background-position: -300px -278px; } #bnr-skipack { margin: 0 15px 12px; } #bnr-skipack a { display: block; width: 185px; height: 54px; background: url(../img/link.jpg) no-repeat 0 0; } #bnr-staffblog { margin: 0 15px 12px; } #bnr-staffblog a { display: block; width: 185px; height: 54px; background: url(../img/link.jpg) no-repeat 0 -66px; } #bnr-camingblog { margin: 0 15px 12px; } #bnr-camingblog a { display: block; width: 185px; height: 54px; background: url(../img/link.jpg) no-repeat 0 -131px; } #bnr-mailmagazine { margin: 0 15px 12px; } #bnr-mailmagazine a { display: block; width: 185px; height: 53px; background: url(../img/link.jpg) no-repeat 0 -197px; } #bnr-shopping { margin: 0 15px 12px; } #bnr-shopping a { display: block; width: 185px; height: 54px; background: url(../img/link.jpg) no-repeat 0 -262px; } #bnr-bas { margin: 0 15px 12px; } #bnr-bas a { display: block; width: 185px; height: 54px; background: url(../img/link.jpg) no-repeat 0 -327px; } #bnr-link { margin: 0 15px 12px; } #bnr-link a { display: block; width: 185px; height: 54px; background: url(../img/link.jpg) no-repeat 0 -393px; } #bnr-gather { margin: 0 15px 12px; } #bnr-gather a { display: block; width: 185px; height: 258px; background: url(../img/link.jpg) no-repeat 0 -458px; } #bnr-qr { text-decoration:none; text-indent:-99999px; font-size: 1px; line-height: 1px; overflow: hidden; outline: none; margin: 0 15px 12px; display: block; width: 185px; height: 115px; background: url(../img/qr.gif) no-repeat 50% 0; } /*ページトップ*/ #pagetop { margin: 50px 0 30px 462px; } #pagetop a { display: block; width: 88px; height: 21px; text-decoration:none; text-indent:-99999px; font-size: 0; line-height: 0; background: url(../img/pagetop.gif) no-repeat; } /*フッター*/ #name-base { border-bottom: 15px solid #eee0c9; } #foot-name { text-align: center; width: 960px; margin: 0 auto; } #foot-name p { text-align: left; font-weight: bold; color: #333; margin: 6px 0; } #foot-name p span { font-size: 80%; font-weight: normal; color: #888; padding: 0 1em; } #footer-base { background: #eee0c9; } #footer { text-align: center; width: 960px; margin: 0 auto; } #foot-navi { text-align: left; background: url(../img/foot-bg.gif) repeat-y 50% 0; } .footnavi { float: left; width: 168px; font-size: 100%; text-align: left; color: #8a704b; margin: 0 12px 0 0; padding: 0 12px 0 0; } .footnavi dt { font-size: 90%; font-weight: bold; } .footnavi dd { font-size: 80%; } #foot-navi a { color: #8a704b; } #copyright { text-align: center; font-size: 65%; color: #333; margin: 60px 0 30px; }