/***************************/
/*宿泊プラン一覧*/
/***************************/


/* 部屋タイプ ********************************************************************************* */

h3#planlistTitle {
	font-size: 90%;
	vertical-align: middle;
	width: 900px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-bottom: 5px;
}
h3#plantopLine {
	font-size: 90%;
	background-image: url(../images/bg_planname.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: auto;
	background-color: #EAE5D4;
	text-indent: 1em;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	word-wrap: break-word;
}

dl#planDetail dd {
	word-wrap: break-word;
}

span.discountIcon {
	color: #FFFFFF;
	padding: 1px;;
	background-color:#CC0000;
	font-size: 65%;
	position:relative;
	bottom:4px;
	white-space: nowrap;
}
div.roomList{
	font-size: 82%;
	line-height: 1.3;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #666666;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}

div.roomList dl#planDetail {
	width			:870px;
	margin-right	:auto;
	margin-left		:auto;
	padding-left	:15px;
	padding-right	:15px;
}
div.roomList dl#planDetail dt {
	float:right;
}
div.roomList dl#planDetail dd {
	margin-bottom:1em;
}
div.roomList dl#planDetail dd dl#baseInfo {
	line-height:1.2;
	color: #006600;
}
div.roomList dl#planDetail dd dl#baseInfo dt {
	float:left;
}
div.roomList dl#planDetail dd dl#baseInfo dd {
	margin-bottom:0em;
}
ul.roomType {
	width			:870px;
	margin-right	:auto;
	margin-left		:auto;
	padding-left	:15px;
	padding-right	:15px;
	float			:right;

}
ul.roomType li {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #B7B7B7;
	padding-top: 1.5em;
}
ul.roomType li div.wrapInfo {
	width:300px;
	float:left;
	margin-bottom: 1em;
}
ul.roomType li p.planPhoto {
	float:left;
	margin-right:20px;
}
ul.roomType li h4 {
	font-size:100%;
	margin-bottom: 5px;
	word-wrap: break-word;
}

/* プラン内容 ************************************* */

ul.roomType li dl.roomDetail {
	margin-bottom: 1em;
	float: left;
}
ul.roomType li dl.roomDetail dt {
	float:left;
}

/* プランの部屋 ************************************* */
div.planroomList{
	font-size: 82%;
	line-height: 1.3;
	padding-top: 1px;
	padding-bottom: 10px;
	color: #666666;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}


div.planroomList dl#planDetail {
	margin-right	:auto;
	margin-left		:auto;
	float	:left;
	margin	:7px 0 10px;
	padding	:0 0 0 15px;
	width	:415px;
}

div.planroomList dl#planDetail dt {
	float:right;
}
div.planroomList dl#planDetail dd {
	margin-bottom:1em;
}
div.planroomList dl#planDetail dd dl#baseInfo {
	line-height:1.2;
	color: #006600;
}
div.planroomList dl#planDetail dd dl#baseInfo dt {
	float:left;
}
div.planroomList dl#planDetail dd dl#baseInfo dd {
	margin-bottom:0em;
}
/* 人数・料金 ******************************** */

ul.roomType li dl.roomPrice {
	float:right;
	width: 350px;
	margin-bottom: 1em;
}
ul.roomType li dl.chargeComment {
	clear:right;
	float:right;
	width: 350px;
	margin-bottom: 1em;
}
ul.roomType li dl.roomPrice dt {
	clear:left;
	float:left;
	white-space: nowrap;
	width:110px;
}
ul.roomType li dl.roomPrice dd {
	float:left;
	color: #CC0000;
	width:230px;
}

ul.roomType li dl.roomPrice dd span {
	margin-right:1em;
}

p.memberPrice {
	color: #CC0000;
	clear: both;
}

/* サブタイトル ******************************** */

div.subTitle {
	border-top-width: 2px;
	border-top-style: solid;
	margin-bottom: 1em;
	margin-top: 1em;
}
div.subTitle h3 {
	color: #FFFFFF;
	width: 60%;
	background-image: url(../images/bg_titletriangle.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 0.5em;
	padding-bottom:0.2em;
	font-size:100%;
}

/* 空室カレンダー枠 ******************************** */

div#calendar {
	width			:870px;
	margin-left		:auto;
	margin-right	:auto;
	clear			:both;
	}
div#calendar table {
	width			:720px;
	border-collapse	:collapse;
	border			:1px solid #949A87;
	border-spacing	:0;
	empty-cells		:show;
	clear			:right;
	margin-left		:auto;
	margin-right	:auto;
}
div#calendar table tr td,
div#calendar table tr th {
	width:102px;
	text-align: center;
	border-collapse:collapse;
	border: 1px solid #949A87;
	color: #666666;
}
div#calendar table tr td#month {
	font-size: 115%;
	color: #333333;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url(../images/bg_planname.gif);
	background-repeat: repeat-x;
	background-color: #EAE5D4;
	width: 720px;
}
div#calendar table tr td.sun {
	background-color: #FFEBEB;
	height: 50px;
}
div#calendar table tr td.sat {
	background-color: #DBEDFF;
	height: 50px;
}
div#calendar table tr th {
	height: 12px;
}
div#calendar table tr th.weekday {
	background-color: #DCEBBE;
}
div#calendar table tr th.weeksat {
	background-color: #BFDFFF;
}
div#calendar table tr th.weeksun {
	background-color: #FFBFBF;
}
div#calendar table tr td ul {
	font-size:82%;
	text-align: center;
}
ul#navi {
	width			:720px;
	background-color:#E0E0E0;
	padding-top		:5px;
	padding-bottom	:5px;
	height			:1.5em;
	margin-top		:0px;
	margin-left		:auto;
	margin-right	:auto;
	}
ul li.previous {
	float: left;
	margin-left: 10px;
	background-image: url(../images/arrow_left.gif);
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: left center;
}
ul li.next {
	float: right;
	margin-right: 10px;
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	padding-right: 12px;
	background-position: right;
}
div#calendar dl#calDetail dt {
	font-weight:bold;
	font-size:115%;
	color: #333333;
	line-height: 1.2;
}
div#calendar dl#calDetail dd#capDiscount {
	color: #CC0000;
	font-weight: bold;
}
div#calendar dl#calDetail dd#capPeople {
	float:left;
	margin-top: 0.3em;
}
div#calendar dl#calDetail dd#capRoom {
	float:right;
	margin-top: 0.3em;
}

div#calendar2 table tr td,
div#calendar2 table tr th {
	border: none;
	text-align: left;
	width: 250px;
}

div#calendar2 table {
	border	:none;
}

/* カレンダー ******************************** */


div#calendar dl#calDetail table dl dt.today
{
color:#CC0000;
font-size:150%;
}


div#calendar dl#calDetail table dl dt {
	font-weight:bold;
	color: #666666;
}
div#calendar dl#calDetail table dl dd a {
	font-weight:bold;
	font-size:115%;
}

div#calendar ul.calAbt li {
background-image:url(../images/list_icon_dot.gif);
background-position:left 0.2em;
background-repeat:no-repeat;
margin-top:0.8em;
padding-left:1em;

}

/* プランイメージ */
div.planroomList dl.imageDetail {
	margin	:7px 5px 10px 0;
	padding	:0;
	width	:auto;
	float	:right;
}

div.planroomList dl.imageDetail dd ul li.RthLineClear {
	clear	:left;
}

div.planroomList dl.imageDetail dd ul li {
	border			:1px solid #CCCCCC;
	float			:left;
	height			:210px;
	list-style-type	:none;
	margin			:0 0 6px 6px;
	padding			:4px;
	text-align		:center;
	vertical-align	:middle;
	visibility		:hidden;
	width			:210px;
}

div.planroomList dl.imageDetail dd ul li img {
	max-height	:210px;
	max-width	:210px;
}

ul.calAbt {
	list-style-image		:none;
	list-style-position		:outside;
	list-style-type			:none;
	margin-left				:auto;
	margin-right			:auto;
}

element.style {
	margin-left	:-315px;
	margin-top	:-213px;
	width		:630px;
}

li.lnkHtlPrv {
    float: left;
    margin-right: 0.55em;
}
li.lnkHtlNxt{
    float: right;
}
li.lnkHtlPrv li.lnkHtlNxt{
    border-radius: 3px 3px 3px 3px;
    display: block;
    padding: 3px 0;
    text-align: center;
    text-decoration: none;
    list-style: none outside none;
    text-decoration: none;
}
div ul.paingSwtch li a{
    text-decoration: none;
}