/* CSS Document */
/* ベース
------------------------------------------------------------*/
.static-orijinal-container {
margin:10px 0;
}
.static-orijinal-container h2 {
width:490px;
height:38px;
margin:10px 0;
padding:0;
background:url(../../img/static/profile/titile.jpg) no-repeat left center;
text-indent:-9999em;
font-size:0.85em;
color:#333333;
}
.static-orijinal-container h2 a {
width:490px;
height:38px;
margin:0;
padding:0;
background:url(../../img/static/profile/titile.jpg) no-repeat left center;
text-indent:-9999em;
font-size:0.85em;
color:#333333;
text-decoration:none;
display:block;
}
/* 共通
------------------------------------------------------------*/
.static-orijinal-box {
width:520px;
margin:0 20px;
}
.static-orijinal-box p {
font-size:0.75em;
color:#333333;
line-height:150%;
}
.static-orijinal-box h3 {
clear:both;
margin:40px 0 10px 0;
padding:2px 0;
font-size:1em;
color:#000066;
line-height:125%;
border-bottom:#000066 solid 1px;
}

/* カバー部分
------------------------------------------------------------*/
.profile-cover {
width:520px;
height:400px;
margin:0;
padding:0;
background:url(../../img/static/profile/cover.jpg) no-repeat 0 -1px;
}
.profile-cover h3 {
margin:0;
padding:0;
text-indent:-9999em;
font-size:12px;
color:#333333;
line-height:100%;
border:none;
}
.profile-cover-in {
width:270px;
margin:80px 0 0 18px;
}
.profile-cover-in p {
margin:0 0 10px 0;
padding:0;
font-size:0.85em;
color:#FFFFFF;
letter-spacing:1px;
}
.profile-read {
clear:both;
position:relative;
margin:20px 0;
}
.profile-read-p{
float:left;
width:300px;
margin:0;
padding:0;
}

.flash p {
float:right;
width:197px;
height:184px;
margin:0;
padding:0;
background:url(../../img/static/profile/flash.jpg) no-repeat 0 0;
text-indent:-9999em;
}
.flash p a {
width:197px;
height:184px;
margin:0;
padding:0;
background:url(../../img/static/profile/flash.jpg) no-repeat 0 0;
text-decoration:none;
display:block;
}
.flash p a:hover {
width:197px;
height:184px;
margin:0;
padding:0;
background:url(../../img/static/profile/flash.jpg) no-repeat 0 -184px;
text-decoration:none;
display:block;
}
/* 料理について
------------------------------------------------------------*/
.ryouri-box {
clear:both;
position:relative;
width:520px;
margin:20px 0;
padding:0;
    overflow: hidden;
}

.ryouri-box:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .ryouri-box {
    height: 1em;
    overflow: visible;
}
/**/
.ryouri-box p {
margin:0 0 10px 0;
padding:0;
}
.ryouri-box img {
float:left;
margin:0 20px 0 0;
padding:0;
border:none;
}
/* 絶景旅館
------------------------------------------------------------*/
.zekkei-box {
clear:both;
width:480px;
margin:20px 0;
padding:20px;
background:#000000 url(../../img/static/profile/sasie02.jpg) no-repeat 385px center;
}
.zekkei-box h4 {
margin:0 0 15px 0;
padding:2px 0;
font-size:0.85em;
color:#FF9900;
border-bottom:#996600 solid 1px;
}
.zekkei-box h4 a {
margin:0;
padding:0;
color:#FF9900;
}
.zekkei-box p {
width:380px;
margin:5px 0 10px 0;
padding:0;
color:#FFFFFF;
}
/* 温泉について・落ち着いた建物
------------------------------------------------------------*/
.cloum2box-container {
clear:both;
position:relative;
width:520px;
margin:20px 0;
padding:0;
    overflow: hidden;
}

.cloum2box-container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .cloum2box-container {
    height: 1em;
    overflow: visible;
}
/**/
.cloum2box-container h3 {
margin:5px 0;
padding:2px;
color:#000066;
font-size:0.85em;
}
.cloum2box-container .onsen {
float:left;
width:250px;
margin:0 10px 0 0;
padding:0;
}
.cloum2box-container .onsen-in {
margin:10px 10px 0 0;
padding:10px 0 130px 0;
background:url(../../img/static/profile/sasie03.jpg) no-repeat right bottom;
}
.cloum2box-container .onsen-in p {
width:180px;
line-height:165%;
}
.cloum2box-container .tatemono {
float:left;
width:250px;
margin:0;
padding:0;
}
.cloum2box-container .tatemono img {
margin:0;
padding:15px;
border:none;
background:#000000;
}
/* お部屋、十室十様
------------------------------------------------------------*/
.heya10 {
clear:both;
position:relative;
width:510px;
margin:10px 0;
padding:20px 0;
background:url(../../img/static/profile/heya10.jpg) no-repeat 0 0;
border:#660000 solid 1px;
}
.heya10 p {
margin:10px 20px 0 290px;
padding:0;
}
p.heya10-btn {
width:139px;
height:29px;
margin:20px 0 20px 320px;
padding:0;
background:url(../../img/static/profile/heya10btn.jpg) no-repeat 0 0;
text-indent:-9999em;
text-decoration:none;
}
p.heya10-btn a {
width:139px;
height:29px;
margin:0;
padding:0;
background:url(../../img/static/profile/heya10btn.jpg) no-repeat 0 0;
display:block;
}
p.heya10-btn a:hover {
width:139px;
height:29px;
margin:0;
padding:0;
background:url(../../img/static/profile/heya10btn.jpg) no-repeat 0 -29px;
display:block;
}
/* 紹介下部のおもてなし
------------------------------------------------------------*/
p.omotenasi-btn {
width:483px;
height:48px;
margin:0;
padding:0;
background:url(../../img/static/profile/omote-btn.jpg) no-repeat 0 0;
text-indent:-9999em;
}
p.omotenasi-btn a {
width:483px;
height:48px;
margin:0;
padding:0;
background:url(../../img/static/profile/omote-btn.jpg) no-repeat 0 0;
display:block;
text-decoration:none;
}
p.omotenasi-btn a:hover {
width:483px;
height:48px;
margin:0;
padding:0;
background:url(../../img/static/profile/omote-btn.jpg) no-repeat 0 -48px;
display:block;
}
/* おもてなしページ
------------------------------------------------------------*/
.omote-cover h3 {
width:520px;
height:170px;
margin:0 0 20px 0;
padding:0;
background:url(../../img/static/profile-omote/cover.jpg) no-repeat left center;
text-indent:-9999em;
}
.omote-cover p {
font-size:0.85em;
}

.omote-container {
clear:both;
position:relative;
width:520px;
margin:20px 0 20px 0;
padding:10px 0 0 0;
border-top:#CCCCCC solid 1px;
    overflow: hidden;
}

.omote-container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .omote-container {
    height: 1em;
    overflow: visible;
}
/**/

.omote01 {
float:left;
width:259px;
height:231px;
margin:0;
padding:0;
background:url(../../img/static/profile-omote/omote01.jpg) no-repeat 0 0;
border-bottom:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
}
.omote01 p {
width:180px;
margin:50px 10px;
}
/* -------------------------------*/
.omote02 {
float:left;
width:259px;
height:231px;
margin:0;
padding:0;
background:url(../../img/static/profile-omote/omote02.jpg) no-repeat 0 0;
border-bottom:#CCCCCC solid 1px;
}

.omote02 p {
width:110px;
margin:50px 10px 0 140px;
}
/* -------------------------------*/
.omote03 {
float:left;
width:259px;
height:231px;
margin:0;
padding:0;
background:url(../../img/static/profile-omote/omote03.jpg) no-repeat 0 0;
border-bottom:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
}

.omote03 p {
width:120px;
margin:60px 10px 0 10px;
}
/* -------------------------------*/
.omote04 {
float:left;
width:259px;
height:231px;
margin:0;
padding:0;
background:url(../../img/static/profile-omote/omote04.jpg) no-repeat 0 0;
border-bottom:#CCCCCC solid 1px;
}

.omote04 p {
width:120px;
margin:55px 10px 0 130px;
}
/* -------------------------------*/
.omote05 {
float:left;
width:259px;
height:231px;
margin:0;
padding:0;
background:url(../../img/static/profile-omote/omote05.jpg) no-repeat 0 0;
border-bottom:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
}

.omote05 p {
width:120px;
margin:80px 10px 0 120px;
}
/* -------------------------------*/
.omote06 {
float:left;
width:259px;
height:231px;
margin:0;
padding:0;
background:url(../../img/static/profile-omote/omote06.jpg) no-repeat 0 0;
border-bottom:#CCCCCC solid 1px;
}

.omote06 p {
width:120px;
margin:50px 10px 0 10px;
}
/* -------------------------------*/
.omote07 {
float:left;
width:259px;
height:231px;
margin:0;
padding:0;
background:url(../../img/static/profile-omote/omote07.jpg) no-repeat 0 0;
border-bottom:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
}

.omote07 p {
width:120px;
margin:50px 10px 0 0px;
}
/* -------------------------------*/
.omote08 {
float:left;
width:259px;
height:231px;
margin:0;
padding:0;
background:url(../../img/static/profile-omote/omote08.jpg) no-repeat 0 0;
border-bottom:#CCCCCC solid 1px;
}

.omote08 p {
width:115px;
margin:50px 10px 0 135px;
}
/* -------------------------------*/
.omote09 {
float:left;
width:259px;
height:231px;
margin:0;
padding:0;
background:url(../../img/static/profile-omote/omote09.jpg) no-repeat 0 0;
border-bottom:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
}

.omote09 p {
width:110px;
margin:80px 10px 0 130px;
}
/* -------------------------------*/
.omote10 {
float:left;
width:259px;
height:231px;
margin:0;
padding:0;
background:url(../../img/static/profile-omote/omote10.jpg) no-repeat 0 0;
border-bottom:#CCCCCC solid 1px;
}

.omote10 p {
width:180px;
margin:50px 10px 0 15px;
}
/* -------------------------------*/
.omote11 {
float:left;
width:259px;
height:231px;
margin:0;
padding:0;
background:url(../../img/static/profile-omote/omote11.jpg) no-repeat 0 0;
border-bottom:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
}

.omote11 p {
width:90px;
margin:100px 10px 0 155px;
}


.bottombox {
clear:both;
margin:40px 0;
}
/* Flashページ
------------------------------------------------------------*/
#flash {
width:560px;
margin:0 0 50px 0;
padding:0;
overflow:scroll;
}









