@charset "utf-8";

/*-----------------------------
共通
------------------------------*/

body {
    font-family: 'Hiragino Mincho ProN', 'Yu Mincho', serif;
    color: #333333;
    font-size: 85%;
    line-height: 140%;
}

ul,
ol {
    list-style: none;
}


/*ヘッダー*/

#header {
    background: url("../images/header_back.gif") repeat-x;
}

#header .inner {
    width: 950px;
    height: 89px;
    margin: 0 auto;
}

#header .inner h1 {
    width: 370px;
    height: 89px;
    float: left;
}

#header .inner h1 a {
    display: block;
    width: 370px;
    height: 89px;
    background-image: url("../images/rogo01.gif");
    text-indent: -9999px;
}

#header .inner .yoyaku {
    width: 338px;
    float: left;
    margin: 15px 0 0 168px;
    line-height: 0;
    overflow: hidden;
}

#header .inner .yoyaku address {
    text-align: right;
}

#header .inner .yoyaku .net {
    float: left;
}

#header .inner .yoyaku ul {
    width: 283px;
    float: left;
}

#header .inner .yoyaku ul li {
    width: 139px;
    height: 29px;
    float: left;
}

#header .inner .yoyaku ul li a {
    display: block;
    width: 139px;
    height: 29px;
    text-indent: -9999px;
}

#header .inner .yoyaku ul li:nth-child(1) {
    margin: 0 5px 0 0;
}

#header .inner .yoyaku ul li:nth-child(1) a {
    background: url("../images/yoyaku_01_off.jpg") no-repeat;
}

#header .inner .yoyaku ul li:nth-child(1) a:hover {
    background: url("../images/yoyaku_01_on.jpg") no-repeat;
}

#header .inner .yoyaku ul li:nth-child(2) a {
    background: url("../images/yoyaku_02_off.jpg") no-repeat;
}

#header .inner .yoyaku ul li:nth-child(2) a:hover {
    background: url("../images/yoyaku_02_on.jpg") no-repeat;
}

#header .inner .mail {
    width: 51px;
    float: right;
    margin: 15px 0 0 0;
}

#header .inner .mail a {
    display: block;
    width: 51px;
    height: 58px;
    text-indent: -9999px;
    background: url("../images/yoyaku_mail_off.jpg") no-repeat;
}

#header .inner .mail a:hover {
    background: url("../images/yoyaku_mail_on.jpg") no-repeat;
}


/*グローバルナビゲーション*/

.gnav {
    clear: both;
    background: url("../images/gnav_back.gif") repeat-x center;
}

.gnav ul {
    width: 950px;
    height: 52px;
    margin: 0 auto;
}

.gnav ul li {
    float: left;
}

.gnav ul li a {
    display: block;
    width: 158px;
    height: 52px;
    text-indent: -9999px;
    background-repeat: no-repeat;
}

.gnav ul li:nth-child(1) a {
    background-image: url("../images/menu01_off.jpg");
}

.gnav ul li:nth-child(2) a {
    background-image: url("../images/menu02_off.jpg");
}

.gnav ul li:nth-child(3) a {
    background-image: url("../images/menu03_off.jpg");
}

.gnav ul li:nth-child(4) a {
    background-image: url("../images/menu04_off.jpg");
}

.gnav ul li:nth-child(5) a {
    background-image: url("../images/menu05_off.jpg");
}

.gnav ul li:nth-child(6) a {
    width: 160px;
    background-image: url("../images/menu06_off.jpg");
}

.gnav ul li:nth-child(1) a:hover {
    background-image: url("../images/menu01_on.jpg");
}

.gnav ul li:nth-child(2) a:hover {
    background-image: url("../images/menu02_on.jpg");
}

.gnav ul li:nth-child(3) a:hover {
    background-image: url("../images/menu03_on.jpg");
}

.gnav ul li:nth-child(4) a:hover {
    background-image: url("../images/menu04_on.jpg");
}

.gnav ul li:nth-child(5) a:hover {
    background-image: url("../images/menu05_on.jpg");
}

.gnav ul li:nth-child(6) a:hover {
    background-image: url("../images/menu06_on.jpg");
}


/*フッター*/

#footer {
    background: url("../images/footer_back.gif") repeat-x top center;
    padding: 45px 0 12px 0;
}

#footer .inner {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
}

#footer .inner .add {
    width: 694px;
    float: left;
}

#footer .inner .add address {
    font-style: normal;
    color: #FEF9EF;
    margin: 0 0 5px 0;
}

#footer .inner .add address a {
    color: #FEF9EF;
	text-decoration: none;
}

#footer .inner .add address span {
    margin: 0 1em 0 0;
}

#footer .inner .snav {
    width: 246px;
    float: right;
}

#footer .inner .snav ul {
    overflow: hidden;
    margin: 0 0 10px 0;
}

#footer .inner .snav ul li {
    float: left;
}

#footer .inner .snav ul li a {
    display: block;
    width: 123px;
    height: 25px;
    text-indent: -9999px;
    background-repeat: no-repeat;
}

#footer .inner .snav ul li:nth-child(1) a {
    background-image: url("../images/footmenu02_off.gif");
}

#footer .inner .snav ul li:nth-child(1) a:hover {
    background-image: url("../images/footmenu02_on.gif");
}

#footer .inner .snav ul li:nth-child(2) a {
    background-image: url("../images/footmenu03_off.gif");
}

#footer .inner .snav ul li:nth-child(2) a:hover {
    background-image: url("../images/footmenu03_on.gif");
}

#footer .inner .snav p {
    text-align: right;
}


/*Flash 代替えイメージ*/

#fla_png {
    display: none;
}


/*-----------------------------
トップ
------------------------------*/


/*トップページ Flash*/

#top_fla {
    background: #000000;
    text-align: center;
    height: 390px;
}
#top_fla .slide {
width: 1180px;
height: 390px;
margin-left: auto;
margin-right: auto;
}

/*トップページ ペットと泊まれる宿 */

#top_pet {
    background: url("../images/back02.jpg") repeat-x top center;
    overflow: hidden;
    padding: 0 0 10px 0;
}

#top_pet .inner {
    width: 950px;
    margin: 0 auto;
}

#top_pet .inner .dog {
    float: left;
}

#top_pet .inner section {
    width: 470px;
    float: left;
}

#top_pet .inner section p {
    margin: -5px 0 0 5px;
    color: #FEF9EF;
    font-size: 90%;
    line-height: 130%;
}

#top_pet .inner .top_spa {
    float: right;
}


/*トップページ コンテンツ */

#top_contents {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
}

#top_contents .blog {
    width: 300px;
    float: left;
}

#top_contents .bnr {
    width: 625px;
    float: right;
}

#top_contents .bnr ul li:nth-child(1) {
    float: left;
}

#top_contents .bnr ul li:nth-child(1) a {
    display: block;
    width: 346px;
    height: 163px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-image: url("../images/top/05_off.jpg");
}

#top_contents .bnr ul li:nth-child(1) a:hover {
    background-image: url("../images/top/05_on.jpg");
}

#top_contents .bnr ul li:nth-child(2),
#top_contents .bnr ul li:nth-child(3) {
    float: right;
}

#top_contents .bnr ul li:nth-child(2) a,
#top_contents .bnr ul li:nth-child(3) a {
    display: block;
    width: 254px;
    height: 79px;
    text-indent: -9999px;
    background-repeat: no-repeat;
}

#top_contents .bnr ul li:nth-child(2) a {
    background-image: url("../images/top/06_off.jpg");
}

#top_contents .bnr ul li:nth-child(2) a:hover {
    background-image: url("../images/top/06_on.jpg");
}

#top_contents .bnr ul li:nth-child(3) a {
    margin: 5px 0 0 0;
    background-image: url("../images/top/07_off.jpg");
}

#top_contents .bnr ul li:nth-child(3) a:hover {
    background-image: url("../images/top/07_on.jpg");
}

#top_contents .bnr aside {
    clear: both;
    padding: 40px 0 30px 0;
    text-align: right;
}


/*-----------------------------
サブページ共通
------------------------------*/

#sub h1 {
    width: 100%;
    height: 230px;
    text-indent: -9999px;
    background-color: #000000;
    background-repeat: no-repeat;
    background-position: center;
}

#sub_wrap {
    background: url("../images/back04.jpg") repeat-x;
    padding: 35px 0 0 0;
}

#sub_con {
    width: 950px;
    margin: 0 auto;
    background: url("../images/sub_con_back.gif") repeat-x;
    padding: 7px 0 20px 0;
    overflow: hidden;
}

#flash_sec {
    overflow: hidden;
    margin: 0 0 30px 0;
}

#flash_sec #FlashID {
    float: left;
}

#flash_sec .fla_com {
    width: 250px;
    min-height: 425px;
    padding: 0 20px 0 20px;
    float: right;
}

.streetview {
    margin: 0 0 20px 0;
	background: url("../images/access/n_back01.jpg.gif");
	padding: 10px;
}

.streetview iframe {
	display: block;
}


/*-----------------------------
客室と館内
------------------------------*/

.facilities h1 {
    background-image: url("../images/facilities/top_img.jpg");
}

.facilities #flash_sec .fla_com {
    background: url("../images/facilities/n_title01.gif") no-repeat;
}

.facilities #flash_sec .fla_com p {
    padding: 100px 0 0 0;
}

.facilities .shisetsu {
    background: #222222;
    color: #d9b38c;
    overflow: hidden;
	margin: 0 0 20px 0;
}

.facilities .shisetsu h2 {
    background: url("../images/facilities/n_title02.gif") no-repeat;
    height: 37px;
    text-indent: -9999px;
}

.facilities .shisetsu p {
    width: 492px;
    margin: 10px 10px 0 10px;
    float: left;
}

.facilities .shisetsu img {
    float: left;
    margin: -27px 5px 10px 0;
}


/*-----------------------------
名湯草津の湯
------------------------------*/

.spa h1 {
    background-image: url("../images/spa/top_img.jpg");
}

.spa #flash_sec .fla_com {
    background: url("../images/spa/n_title01.jpg") no-repeat;
}

.spa #flash_sec .fla_com p {
    padding: 110px 0 0 0;
}

.pet_bath {
    width: 66%;
    background-color: #1f1b1a;
    float: left;
    margin: 0 20px 20px 0;
}

.pet_bath h2 {
    background: url("../images/spa/n_title02.gif") no-repeat;
    height: 37px;
    text-indent: -9999px;
}

.pet_bath p {
    color: #FFF;
    margin-left: 10px;
    font-size: 90%;
    min-height: 45px;
}

.pet_bath_img img {
    margin-left: 10px;
}

.pet_bath p img {
    float: right;
    margin-right: 10px;
}

.charter_bath {
    background-color: #1f1b1a;
    width: 31%;
    float: right;
    margin: 0 0 20px 0;
}

.charter_bath h2 {
    background: url("../images/spa/n_title03.gif") no-repeat;
    height: 37px;
    text-indent: -9999px;
}

.charter_bath p {
    color: #FFF;
    margin-left: 10px;
    font-size: 90%;
    min-height: 45px;
}

.charter_bath_img img {
    margin-left: 10px;
}

.charter_bath p img {
    float: right;
    margin-right: 10px;
}

.spa_kounou {
    clear: both;
    background: url("../images/spa/03.jpg") no-repeat;
    height: 334px;
	margin: 0 0 20px 0;
}

.spa_kounou p {
    float: right;
    width: 325px;
    margin: 65px 0 0 0;
    color: #fff;
    font-size: 90%;
}

/*-----------------------------
和の味わい
------------------------------*/

.cuisine h1 {
    background-image: url("../images/cuisine/top_img.jpg");
}

.cuisine #flash_sec .fla_com {
    background: url("../images/cuisine/n_title01.jpg") no-repeat;
}

.cuisine #flash_sec .fla_com p {
    padding: 115px 0 0 0;
}

.cuisine .ryori {
    overflow: hidden;
    margin: 0 -19px 20px 0;
}

.cuisine .ryori img {
    float: left;
    margin: 0 19px 0 0;
}

.cuisine .betsu {
    overflow: hidden;
}

.cuisine .betsu {
    background: url("../images/cuisine/n_back01.gif");
	margin: 0 0 20px 0;
}

.cuisine .betsu h2 {
    background: url("../images/cuisine/n_title02.gif") no-repeat;
    height: 36px;
    text-indent: -9999px;
}

.cuisine .betsu div {
    margin: 10px 0 10px 24px;
    float: left;
    height: 334px;
}

.cuisine .betsu div p {
    text-align: center;
    margin: -35px 0 0 0;
}


/*-----------------------------
ペットと一緒
------------------------------*/

.pet01 h1 {
    background-image: url("../images/pet01/top_img.jpg");
}

.pet01 #flash_sec .fla_com {
    background: url("../images/pet01/n_title01.jpg") no-repeat;
}

.pet01 #flash_sec .fla_com p {
    padding: 160px 0 0 0;
}

.pet01 #flash_sec .fla_com > p + p {
    padding: 20px 0 0 0;
    color: #f00;
    font-weight: bold;
}

.pet01 .yakusoku h2 {
    background: url("../images/pet01/n_title02.gif") no-repeat;
    height: 42px;
    text-indent: -9999px;
}

.pet01 .yakusoku ul {
    background: url("../images/pet01/n_back01.gif") repeat-x;
    padding: 15px 10px 10px 10px;
    margin: 0 0 20px 0;
}

.pet01 .yakusoku ul li span {
    color: #f00;
    font-weight: bold;
}

.pet01 .omochi {
    background: url("../images/pet01/n_title03.gif") no-repeat;
    min-height: 98px;
}

.pet01 .omochi p {
    padding: 58px 0 0 15px;
    color: #FFCC99;
}

.pet01 .goyoi {
    background: url("../images/pet01/n_title04.gif") no-repeat;
    min-height: 90px;
}

.pet01 .goyoi p {
    padding: 45px 0 0 15px;
    color: #FFCC99;
}


/*-----------------------------
ペットとの道中
------------------------------*/

.pet02 h1 {
    background-image: url("../images/pet02/top_img.jpg");
}

.pet02 h2 {
    background: url("../images/pet02/n_title01.gif") no-repeat;
    height: 34px;
    text-indent: -9999px;
}

.pet02 .doitsumura {
    background: url("../images/pet02/n_photo01.jpg") no-repeat;
    min-height: 540px;
    padding: 0 20px 0 20px;
}

.pet02 .doitsumura p.honmon {
    width: 400px;
    padding: 150px 0 0 0;
    float: left;
}

.pet02 .doitsumura p.honmon img {
	display: none;
}

.pet02 .doitsumura p.hp {
    float: right;
    margin: 430px 0 20px 0;
}

.pet02 .doitsumura p.hp a {
    display: block;
    width: 204px;
    height: 37px;
    background: url("../images/pet02/05_off.jpg") no-repeat;
    text-indent: -9999px;
}

.pet02 .doitsumura p.hp a:hover {
    background: url("../images/pet02/05_on.jpg") no-repeat;
}

.pet02 .doitsumura dl {
    clear: both;
    overflow: hidden;
    font-size: 90%;
    line-height: 130%;
}

.pet02 .doitsumura dl dt {
    float: left;
    width: 150px;
    min-height: 25px;
    padding: 15px 0 0 0;
    background: #663300;
    color: #fff;
    text-align: center;
}

.pet02 .doitsumura dl dd {
    float: left;
    width: 740px;
    min-height: 33px;
    padding: 7px 20px 0 20px;
    background: #fff;
    text-align: left;
}

.pet02 .meiken {
    background: url("../images/pet02/02.jpg") no-repeat;
    min-height: 470px;
    padding: 0 20px 0 20px;
    margin: 0 0 20px 0;
}

.pet02 .meiken p.honmon {
    width: 400px;
    padding: 150px 0 0 0;
}

.pet02 .meiken p img {
	display: none;
}

.pet02 .meiken p.hp {
    margin: 58px 0 20px 0;
}

.pet02 .meiken p.hp a {
    display: block;
    width: 204px;
    height: 37px;
    background: url("../images/pet02/05_off.jpg") no-repeat;
    text-indent: -9999px;
}

.pet02 .meiken p.hp a:hover {
    background: url("../images/pet02/05_on.jpg") no-repeat;
}

.pet02 .meiken dl {
    clear: both;
    overflow: hidden;
    font-size: 90%;
    line-height: 130%;
}

.pet02 .meiken dl dt {
    float: left;
    width: 150px;
    min-height: 50px;
    padding: 40px 0 0 0;
    background: #663300;
    color: #fff;
    text-align: center;
}

.pet02 .meiken dl dd {
    float: left;
    width: 225px;
    min-height: 83px;
    padding: 7px 20px 0 20px;
    background: #fff;
    text-align: left;
}

.pet02 .dogrun {
    float: left;
}

.pet02 .dogrun a {
    display: block;
    background: url("../images/pet02/03_off.jpg") no-repeat;
    width: 462px;
    height: 79px;
    text-indent: -9999px;
}

.pet02 .dogrun a:hover {
    background: url("../images/pet02/03_on.jpg") no-repeat;
}

.pet02 .bentou {
    float: right;
}

.pet02 .bentou a {
    display: block;
    background: url("../images/pet02/04_off.jpg") no-repeat;
    width: 462px;
    height: 79px;
    text-indent: -9999px;
}

.pet02 .bentou a:hover {
    background: url("../images/pet02/04_on.jpg") no-repeat;
}


/*-----------------------------
観光と交通
------------------------------*/

.access h1 {
    background-image: url("../images/access/top_img.jpg");
}

.access #flash_sec .fla_com {
    background: url("../images/access/n_title01.jpg") no-repeat;
    padding: 0 20px 0 20px;
}

.access #flash_sec .fla_com p {
    padding: 60px 0 0 0;
}

.access .yurai {
    background: #222222;
    margin: 0 0 20px 0;
}

.access .yurai h2 {
    background: url("../images/access/n_title02.gif") no-repeat;
    height: 37px;
    text-indent: -9999px;
}

.access .yurai p {
    color: #FFCC99;
    padding: 10px;
}

.access .googlemap {
    margin: 0 0 20px 0;
}

.access .googlemap h2 {
    background: url("../images/access/n_title03.gif") no-repeat;
    height: 38px;
    text-indent: -9999px;
}

.access .googlemap div{
    background: url("../images/access/n_back01.jpg.gif");
	margin: 0 0 10px 0;
	padding: 10px;
}

.access .googlemap div iframe {
	display: block;
}

.access .tokyo {
    background: url("../images/access/n_title04.gif") no-repeat;
    height: 35px;
    text-indent: -9999px;
}

.access .osaka {
    background: url("../images/access/n_title05.gif") no-repeat;
    height: 36px;
    text-indent: -9999px;
}

.access .nagano {
    background: url("../images/access/n_title06.gif") no-repeat;
    height: 36px;
    text-indent: -9999px;
}

.access .kanko {
    overflow: hidden;
    margin: 0 -14px 0 0;
    font-size: 90%;
    line-height: 130%;
}

.access .kanko h2 {
    background: url("../images/access/n_title07.gif") no-repeat;
    height: 36px;
    text-indent: -9999px;
}

.access .kanko dl {
    width: 227px;
    float: left;
    margin: 14px 14px 0 0;
}


/*-----------------------------
プライバシーポリシー
------------------------------*/

#privacy {
    background: url("../images/header_back.gif") repeat-x;
    font-size: 80%;
}

#privacy header {
    background: url("../images/back02.jpg") repeat-x;
    max-width: 600px;
    margin: 2em auto;
    padding: 1em 0;
}

#privacy header h1 {
    color: #FFFFCC;
    letter-spacing: .5em;
    text-align: center;
}

#privacy section {
    max-width: 600px;
    margin: 0 auto 2em;
    padding: 0 1em;
	color: #666;
}

#privacy section h1 {
    margin: 0 0 .5em;
}

#privacy section ol {
    list-style-type: decimal;
    padding: 0 1.5em;
}

#privacy footer {
    background: rgb(102, 102, 102);
    padding: 1em 0;
}

#privacy footer p {
    text-align: center;
}

#privacy footer p a {
    color: #FFFF33;
}