@charset "utf-8";

/*//////////////////////////////////////////////////*/
/*// 04.コンテンツ - 基本                         //*/
/*//////////////////////////////////////////////////*/

/* 基本段落 --------------------------------------- */
div.section {
clear: both;
overflow: hidden;
width: 100%;
margin: 0 0 50px 0;
}

/* タイトル --------------------------------------- */
h3 {
font-size: 14px;
line-height: 20px;
margin: 0 0 20px 0;
}

/* 本文 ------------------------------------------- */
.section p {
font-size: 13px;
line-height: 24px;
}

/* コンテンツ内容 囲い込み要素 -------------------- */
div.container {
margin: 20px 0;
}

/* コンテンツ内容 回り込み要素 -------------------- */
div.about {
width: 360px;
}

.about h4 {
margin: 20px 0;
}


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

/* 紹介文 ----------------------------------------- */
div.intro_01 {
width: 440px;
}

div.intro_02 {
width: 280px;
}

.intro_01 h4 , .intro_02 h4 {
margin: 20px 0;
}

/* 特色 ------------------------------------------- */
div.feature_outer {
width: 705px;
}

div.feature_outer:after {
display: block;
clear: both;
content: "";
}

div.feature {
position:relative;
width: 210px;
float: left;
margin: 0 25px 0px 0;
}

div.feature:hover {
position: relative;
width: 210px;
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}


ul.banner img:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}


p.feature_txt {
background-color: #000;
color: #FFF;
text-align: center;
font-size: 12px;
line-height: 18px;
padding: 5px 0 20px 0;
}

html > body p.linkarea a {
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
text-align: left;
text-indent: -999px;
background-color: #FFF;
opacity:0;
/*
-ms-filter: "alpha(opacity=0)"; 
filter: alpha(opacity=0);
*/
}


/* ブログ ----------------------------------------- */
.blognews {
border-top: 1px dotted #ADA3A2;
float: right;
width: 530px;
}

.blognews dl:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

.blognews dl {
display: inline-block;
}

.blognews dl {
border-bottom: 1px dotted #ADA3A2;
padding: 8px 0;
font-size: 13px;
line-height: 20px;
}

.blognews dt {
text-align: left;
font-weight: bold;
float: left;
width: 90px;
display: block;
}

.blognews dd {
color: #1C1A1B;
float: left;
display: block;
width: 420px;
}

/* Hides from IE-mac \*/
.blognews dl {height: 1%;}
.blognews dl {display: block;}



/*//////////////////////////////////////////////////*/
/*// 06.コンテンツ - その他                       //*/
/*//////////////////////////////////////////////////*/

/* 概要・詳細 タイトル（共通） -------------------- */
h5.detail_title {
margin: 0 0 20px 0;
}

/* 概要・詳細 画像（共通） ------------------------ */
img.detail_img {
margin: 0 0 20px 0;
}

/* 施設概要（幅 530px） --------------------------- */
.facility {
border-top: 1px dotted #ADA3A2;
float: right;
width: 530px;
margin: 0 0 20px 0;
}

.facility dl:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

.facility dl {
display: inline-block;
}

.facility dl {
border-bottom: 1px dotted #ADA3A2;
padding: 8px 0;
font-size: 13px;
line-height: 20px;
}

.facility dt {
text-align: left;
font-weight: bold;
float: left;
width: 110px;
display: block;
}

.facility dd {
color: #1C1A1B;
float: left;
display: block;
width: 400px;
}

/* Hides from IE-mac \*/
.facility dl {height: 1%;}
.facility dl {display: block;}

/* 施設概要（幅 530px） テキスト ------------------ */
p.facility_txt {
font-size: 13px;
line-height: 20px;
width: 530px;
margin: 0 0 20px 0;
}

p.gw {
font-size: 13px;
line-height: 20px;
width: 530px;
border-bottom: 1px dotted #ADA3A2;
padding: 8px 0;
}

/* 施設概要（幅 530px） 注意書き ------------------ */
p.attention {
font-size: 11px;
line-height: 20px;
width: 530px;
margin: 0 0 20px 0;
}

/* 詳細（幅 680px） ------------------------------- */
.detail {
border-top: 1px dotted #ADA3A2;
float: right;
width: 680px;
margin: 0 0 20px 0;
}

.detail dl:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

.detail dl {
display: inline-block;
}

.detail dl {
border-bottom: 1px dotted #ADA3A2;
padding: 8px 0;
font-size: 13px;
line-height: 20px;
}

.detail dt {
text-align: left;
font-weight: bold;
float: left;
width: 120px;
display: block;
}

.detail dd {
color: #1C1A1B;
float: left;
display: block;
width: 540px;
}

/* Hides from IE-mac \*/
.detail dl {height: 1%;}
.detail dl {display: block;}

/* 周辺観光 タイトル ------------------------------ */
h4.sightseeing_title {
background: url(../images/contents_img/bg_sightseeing_ttl.png) no-repeat left;
font-size: 16px;
line-height: normal;
padding: 0 0 0 20px;
margin: 10px 0;
}

p.sightseeing_info {
border-top: dotted 1px #999;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
}

/* 周辺観光 中の湯周辺 ---------------------------- */
div.view_outer {
width: 705px;
}

div.view_outer:after {
display: block;
clear: both;
content: "";
}

.view {
width: 210px;
float: left;
margin: 0 25px 25px 0;
}

/* アクセス 旅館名 -------------------------------- */
em {
font-size: 16px;
font-weight: bold;
}



/*//////////////////////////////////////////////////*/
/*// 07.コンテンツ - アートプレイス               //*/
/*//////////////////////////////////////////////////*/

/* バナー ----------------------------------------- */
.art_banner {
padding: 45px 0 0 0;
}

img.artplace:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

/* 詳細（幅 880px） ------------------------------- */
.detail_art {
border-top: 1px dotted #ADA3A2;
width: 880px;
margin: 0 40px 20px 40px;
}

.detail_art dl:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}

.detail_art dl {
display: inline-block;
}

.detail_art dl {
border-bottom: 1px dotted #ADA3A2;
padding: 8px 0;
font-size: 13px;
line-height: 20px;
}

.detail_art dt {
text-align: left;
font-weight: bold;
float: left;
width: 120px;
display: block;
}

.detail_art dd {
color: #1C1A1B;
float: left;
display: block;
width: 740px;
}

/* Hides from IE-mac \*/
.detail_art dl {height: 1%;}
.detail_art dl {display: block;}

/* コンテンツ内容 囲い込み要素 -------------------- */
div.art_container {
margin: 20px 40px;
}

/* コンテンツ内容 回り込み要素 -------------------- */
div.artist {
width: 620px;
}

/* アートプレイス タイトル ------------------------ */
.artist h4 {
background: url(../images/contents_img/bg_sightseeing_ttl.png) no-repeat left;
font-size: 16px;
line-height: normal;
padding: 0 0 0 20px;
margin: 10px 0;
}

.artist p {
border-top: dotted 1px #999;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
}

p.art_info {
text-align: center;
}

.art_info em {
font-size: 16px;
font-weight: bold;
font-style: normal;
}


/*//////////////////////////////////////////////////*/
/*// jquery                                       //*/
/*//////////////////////////////////////////////////*/

/* top slider */

#slides
	{
	border-top: solid 1px #D7D7D7;
	text-align: center;
	width: 1140px;
	margin: 0 auto;
	padding: 5px 0 0 0;
	}


    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    #slides .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }