@charset "utf-8";


.allclear {
clear:both;
}

.vspace_10 {
max-width: 300px;
margin: 0 auto;
height: 10px;
}

.vspace_15 {
max-width: 300px;
margin: 0 auto;
height: 15px;
}

.vspace_20 {
max-width: 300px;
margin: 0 auto;
height: 20px;
}

.vspace_30 {
max-width: 300px;
margin: 0 auto;
height: 30px;
}

.vspace_40 {
max-width: 300px;
margin: 0 auto;
height: 40px;
}

.vspace_50 {
max-width: 300px;
margin: 0 auto;
height: 50px;
}

.center {
text-align: center;
}

header {
width: 100%;
max-width: 1000px;
margin: 0px auto;
text-align: center;
}

header .logo-box {
width: 100%;
max-width: 720px;
margin: 0px auto;
padding: 10px 0px 10px 0px;
text-align:center;
}

header .logo-box img{
width: 100%;
margin: 0px auto;
cursor: pointer;
}

header .top-title {
width: 100%;
max-width: 1000px;
margin: 0px auto;
padding: 5px 10px 20px 10px;
text-align:center;
}

header .top-title h2{
font-size: 16px;
font-weight: normal;
color: #530707;
letter-spacing: 3px;
}

.topmenu {
width: 100%;
max-width: 1000px;
margin: 0px auto;
padding: 10px;
overflow: auto;
font-size: 15px;
color: #f0ef8f;
background:#972d4a;
text-align:center;
}

.topmenu_640 {
display: none;
}

.topmenu li {
display: inline-block;
padding: 0px 10px;
}

.topmenu a {
font-size: 15px;
color: #f0ef8f;
font-weight: bold;
text-decoration:none;
}

.topmenu a:hover {
color: #ffffff;
text-decoration: none;
}

.top_photo {
width: 100%;
max-width: 1000px;
margin: 0px auto;
padding: 0px;
text-align:center;
}

.contents {
width: 100%;
max-width: 1000px;
margin: 0px auto;
overflow: hidden;
padding: 20px 0px 0px 0px;
background-image: url(../images/yun.png);
background-color: #ffffff;
background-repeat: no-repeat;
background-position: right 0px bottom 0px;
text-align:center;
}

.contents_left {
float: left;
display: block;
width: 300px;
padding: 0px 30px;
text-align:center;
valign: top;
overflow:hidden;
}

.contents_left .menu-box {
width: 100%;
margin: 10px auto;
padding: 10px;
border : solid 5px #fbebe9;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
text-align:center;
}

.contents_left .menu-box ul {
list-style: none;
}

.contents_left .menu-box ul li {
font-size: 13px;
line-height: 150%;
color: #333333;
padding: 0px 0px 5px 0px;
}

.contents_left .menu-box .s-title{
font-size: 14px;
font-weight: bold;
color: #333333;
padding: 0px 0px 5px 0px;
}

.contents_right {
margin: 0px 0px 0px 300px;
padding: 0px 20px 0px 30px;
text-align: left;
valign: top;
}

.contents_right h3 {
font-size: 22px;
line-height: 160%;
color: #ff6ba3;
margin : 10px 0px 20px 0px;
}

.contents_right p {
font-size: 14px;
line-height: 160%;
color: #333333;
margin: 0px 15px 15px 0px;
}

.contents_right .room_photo {
max-width: 550px;
}

.contents_right .room_photo img{
width: 100%;
margin: 0px auto;
}

footer {
width: 100%;
max-width: 1000px;
margin: 0px auto;
text-align: center;
background: #ffb1c3;
}

.copyright {
font-size: 13px;
color: #CC0033;
padding: 15px 10px 60px 10px;
}

footer .line_1 {
width: 100%;
height: 3px;
background-color: #777777;
}

footer .line_2 {
width: 100%;
height: 3px;
background-color: #aaaaaa;
}

footer .line_3 {
width: 100%;
height: 3px;
background-color: #dddddd;
}

.contents_right .price-list {
margin: 0px auto;
border-collapse: collapse;
background: #ffffff;
}

.price-list tbody tr th {
font-size: 13px;
line-height: 150%;
color: #333333;
padding: 5px 10px 5px 10px;
border: 1px solid #999999;
text-align: left;
font-weight: normal;
vertical-align: middle;
}

.price-list tbody tr td {
font-size: 14px;
line-height: 150%;
color: #333333;
padding: 5px 10px 5px 30px;
border: 1px solid #999999;
text-align: right;
font-weight: normal;
vertical-align: middle;
}

.contents_right .massage_photo {
width: 100%;
max-width: 600px;
margin: 10px auto;
}

.contents_right .massage_photo img{
width: 100%;
margin: 0px auto;
}