@charset "utf-8";


/* @group content */


/* @group mainarea（メインエリア　一覧／1コラム） ===============================================*/

#mainarea {
	float:left;
	width:958px;
}

#mainarea .column#leadAreaNoline {
	border-bottom: 0;
	margin-bottom: 0;
}

#mainarea .column#leadAreaNoline h2.nophoto {
	padding-bottom: 0;
	margin-bottom: 0;
}

/* @end */

/* @group プラン一覧 -----------------------------*/

#plan {
	border-bottom:solid 1px #dfdfdf;
	padding: 0 30px 30px;
	margin-bottom: 30px;
}

#plan .thumb {
	float:left;
	width:346px;
}

#plan .title {
	float:right;
	width:533px;
	font-size: 124%;
	font-weight:bold;
}

#plan dt {
	float:right;
	width:533px;
	padding:0 0 10px;
	font-weight:bold;
}

#plan dd img.ov {
	margin-right:10px;
	margin-top:10px;
}

/* @end */


/* @group 情報テーブル -----------------------------*/

#info {
	padding:0 0 5px;
	margin-top: 20px;
	width: 533px;
	float:right;
}

#info dt {
	float: left;
	width: 53px;
	padding: 0 0 5px;
	display:block;
	font-size:inherit;
}

#info dd {
	float: right;
	width: 480px;
	padding: 0 0 5px;
	font-size:inherit;
}

#info dd.price {
	color: #CC0033
}

#info dd.desc {
	float: left;
	width: 533px;
	padding: 5px 0 0;
	font-size:inherit;
}

#info dd.btn {
	float: left;
	width: 533px;
	padding: 10px 0 0;
}

/* @end */

/* @group メインエリア下部予約エリア -----------------------------*/

#mainarea #reservationArea {
	padding:8px 0 8px 30px;
	background:url(../../common/images/bottom_reserve_bg.gif);
}

#mainarea #reservationArea dt,
#mainarea #reservationArea dd {
	float:left;
}

#mainarea #reservationArea dt {
	width:216px;
}

#mainarea #reservationArea dd.btn {
	width:345px;
}

/* @end */

/* @end */



/* @group mainarea（メインエリア　詳細／2コラム） ===============================================*/

/* @group 詳細ページ　タイトルエリア -----------------------------*/

#title {
	padding: 0 30px 10px;
}

#title h2 {
	padding: 5px 0 5px;
	font-size: 139%;
	font-weight: bold;
}

#title p {
	padding: 5px 0 10px;
}

#title .btn {
	margin: -30px 0 10px;
	text-align: right;
}

/* @group 詳細ページ　画像エリア -----------------------------*/

#leftPhoto {
	float:left;
	position:relative;
	padding-left:30px;
	width:346px;
}

#leftPhoto img {
	margin: 0 0 30px;
}

/* @end */


/* @group 詳細ページ　テキストエリア -----------------------------*/

#detail {
	float:right;
	position:relative;
	width:528px;
	padding:0 30px 20px 0;
}

#detail dt {
width:30%;
text-align:center;
background-color:#828282;
border:double #B4B4B4;
/*margin-bottom:-1px;  does work with Mac Safari, Firefox but not on WIN  */
color:#FFF;
font-weight:bold;
}

#detail dd {
border-top:1px solid #828282;
padding:10px 0;
margin:0;
}

#detail .bg {
color:#fff;
background-color:#828282;
padding:3px 10px;
display:block;
}

#detail dd.menu {
	padding: 10px 0 5px;
	border:none;
}

#detail li {
	padding-left:15px;
	background:url(../images/rsvn_infopoint.gif) 4px 6px no-repeat;
}

#detail p.menuTitle {
	font-weight:bold;
}

#detail p.menuRemark {
	padding-left:15px;
}

/* @end */

/* @group メインエリア下部予約エリア -----------------------------*/

#rsvn {
	float:left;
	width:958px;
	text-align:right;
	margin:0;
}

#rsvn .btn {
	margin-right:30px;
	text-align: right;
}

/* @end */

/* @group メインエリアページ遷移部分 -----------------------------*/

#rsvn .pagenation {
	margin:15px 0 30px;
	padding:5px 10px;
}

#rsvn .pagenation li {
	line-height:1.1;
}

#rsvn .pagenation .prev {
	float:left;
	padding:0 17px;
	background:url(../../common/images/arrow_listarea_prev.gif) left center no-repeat;
}

#rsvn .pagenation .next {
	float:right;
	padding:0 17px;
	background:url(../../common/images/arrow_listarea_next.gif) right center no-repeat;
}

/* @end */

/* @group clearfix=================================================================== */
#info dl:after,
#rsvn:after,
#plan:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:".";
}

#info dl,
#rsvn,
#plan {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html #info dl,
* html #rsvn,
* html #plan {
	height:1%;
}

#info dl,
#rsvn,
#plan {
	display:block;
}
/* End hide from IE-mac */
/* @end */