﻿@charset "utf-8";

/*
===============================
宿泊専用
===============================
*/

/*---------------------------------------------ページタイトル*/
.index-titbg{
	height:162px;
	}

.room01-titbg,
.room02-titbg,
.room03-titbg,
.room04-titbg,
.room05-titbg,
.room06-titbg{
	height:202px;
	}
.room01-titbg p,
.room02-titbg p,
.room03-titbg p,
.room04-titbg p,
.room05-titbg p,
.room06-titbg p{
	font-size:75%;
	line-height:150%;
	color:#734c0f;
	width:208px;
	padding:15px 0 0 16px;
	}

/*ページタイトルタイトル背景*/
.index-titbg{
	background:url(../room/img/index_titbg.jpg) no-repeat left top;
	}
.room01-titbg{
	background:url(../room/img/room01_titbg.jpg) no-repeat left top;
	}
.room02-titbg{
	background:url(../room/img/room02_titbg.jpg) no-repeat left top;
	}
.room03-titbg{
	background:url(../room/img/room03_titbg.jpg) no-repeat left top;
	}
.room04-titbg{
	background:url(../room/img/room04_titbg.jpg) no-repeat left top;
	}
.room05-titbg{
	background:url(../room/img/room05_titbg.jpg) no-repeat left top;
	}
.room06-titbg{
	background:url(../room/img/room06_titbg.jpg) no-repeat left top;
	}

/*---------------------------------------------トップ*/
.room-index{
	margin:18px auto 25px auto;
	}
.room-index td{
	width:50%;
	padding:8px 13px 8px 6px;
	border:1px solid #d8b8ba;
	background:#f6f1ed;
	vertical-align:top;
	}
.room-index .pic{
	width:105px;
	float:left;
	}
.room-index h2{
	width:140px;
	text-align:left;
	padding:0 0 10px 0;
	float:right;
	}
.room-index p{
	width:140px;
	font-size:68.8%;
	line-height:135%;
	text-align:left;
	color:#666666;
	float:right;
	}

/*---------------------------------------------宿泊プラン */
.plan-area{
	margin:0 0 45px 24px;
}
.plan-top,
.plan-bottom,
.plan{
	width:537px;
	padding:12px 0 12px 0;
	border-bottom:2px solid #fcf8f4;
}
.plan-top{
	padding:3px 0 12px 0;
}
.plan-bottom{
    border:none;
}

.plan-top h3,
.plan-bottom h3,
.plan h3{
	font-size:87.5%;
    font-weight:bold;
	padding:1px 0 4px 18px;
    margin-left:8px;
	background-image: url(../img/icon02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.plan-top h3 a,
.plan-top h3 a:visited,
.plan-bottom h3 a,
.plan-bottom h3 a:visited,
.plan h3 a,
.plan h3 a:visited{
	color:#b33066;
}

.plan-top .plan-img,
.plan-bottom .plan-img,
.plan .plan-img{
    margin-right:8px;
    padding:7px 0;
	width:143px;
	background-color:#ffffff;
	border:1px solid #d8b8ba;
	text-align:center;
	float:right;
}

.plan-top .plan-txt,
.plan-bottom .plan-txt,
.plan .plan-txt{
	font-size:75%;
    line-height:150%;
	padding:0 8px 0 9px;
	color:#854649;
/*	float:left;*/
}

.plan-detail{
	margin:0 0 45px 24px;
    width:537px;
}
.plan-detail .body{
	margin:0 0 8px;
	line-height:1.5;
	font-size:75%;
}
.plan-detail .info{
	margin:0 0 19px;
	border-collapse:collapse;
    width:537px;
}
.plan-detail .info th,
.plan-detail .info td{
	padding:10px 15px;
	border:1px solid #b98588;
}
.plan-detail .info th{
	background-color:#eed6d0;
    color:#8b455a;
	font-size:75%;
    text-align:center;
}
.plan-detail .info td{
	background-color:#ffffff;
    color:#666666;
	font-size:75%;
}
.plan-detail .pic{
	margin:0 0 27px;
    width:537px;
	text-align:center;
}
.plan-detail .pic td{
	vertical-align:top;
    font-size:75%;
    font-weight:bold;
}
.plan-detail .pic .frame{
	margin:0 0 5px;
	text-align:center;
}
.plan-detail .pic .frame img{
	padding:3px;
    background-color:#FFFFFF;
}
.plan-detail .toiawase{
	padding:10px 0;
	background-color:#faefd8;
	border:4px double #d8bdba;
}
.plan-detail .toiawase th,
.plan-detail .toiawase td{
	padding:3px 20px;
    vertical-align:middle;
    line-height:1.5;
}
.plan-detail .toiawase th{
	color:#610029;
	border-right:1px solid #b98a8d;
    font-size:87.5%;
    font-weight:bold;
    white-space:nowrap;
}
.plan-detail .toiawase td{
	color:#610029;
    font-size:75%;
}

/*---------------------------------------------詳細*/
.room-detail .text-area01 p{
	font-size:75%;
	line-height:150%;
	}

.room-detail .detail-left{
	width:285px;
	float:left;
	}
.room-detail .detail-right{
	width:240px;
	text-align:right;
	float:right;
	}
