@charset "UTF-8";

@import url("../../css/com_stay.css");

/* ======================================

 "stay/plan" index.html
 2008.3.9
 
 Color Cordination
 Key Color: #15252e(Dark Indigo)

======================================= */

/* ======================================

 contents

======================================= */

p.attention
{
	color: #c00;
	font-size: 84%;
}

/* ========== concept room ========== */


/* ========== プランメニュー ========== */

#plan_menu
{
	height: 67px;
	width: 638px;
	margin: 4px 4px 0;
	padding: 0;
	background: #fff;
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

#plan_menu ul
{
	height: 47px;
}
#plan_menu ul li
{
	float: left;
}

/* ========== concept room ========== */

#recommendPlan
{
	margin-bottom: 20px;
}

#planList p.lead
{
	margin: 5px 0;
	padding-left: 30px;
	background: url(../img/index/ico_search.gif) no-repeat left center;
	font-size: 84%;
}
#planList ul.tab
{
	height: 30px;
}
#planList ul.tab li
{
	float: left;
}
#planList div.tabContent
{
	width: 395px;
	border: 1px solid #d7d7d7;
	padding: 9px;
}

/* ========== search condition ========== */

#searchCondition
{
	width: 395px;
	margin-bottom: 10px;
	padding:0 0 5px;
	background: url(../img/index/bg_search_bottom.gif) no-repeat left bottom;
}
#searchCondition div.setBgBody
{
	width: 375px;
	padding: 0 10px 5px;
	background: url(../img/index/bg_search_body.gif) repeat-y left top;
}
#searchCondition table.conditions
{
	width: 375px;
	margin-bottom: 5px;
}
#searchCondition table.conditions th,
#searchCondition table.conditions td
{
	padding: 5px 0;
	background: url(../img/index/horizontal_rule.gif) no-repeat left bottom;
}
#searchCondition table.conditions td img
{
	vertical-align: middle;
}
#searchCondition ul.action
{
	height: 25px;
}
#searchCondition ul.action li
{
	float: left;
	padding-right: 10px;
}
#searchCondition ul.action li.lastChild
{
	padding-right: 0;
}

/* ========== search result container ========== */

#planList div.container
{
	clear: both;
	margin: 0 0 10px;
	padding: 10px 0 0;
	background: url(../../../img/common/dotted_line.gif) repeat-x left top;
}
#planList div.containerHead
{
	width: 395px;
	padding: 0 0 10px;
}
#planList div.containerHead h5
{
	display: block;
	float: left;
	width: 267px;
	height: 11px;
	padding: 6px;
	border: 1px solid #d7d7d7;
	background: #fffbef;
	font-size: 84%;
	font-weight: normal;
}
	* html #planList div.containerHead h5
	{
		padding: 5px 6px 6px;
	}
	
#planList div.containerHead ul.action
{
	float: right;
	width: 114;
}
#planList div.container div.thumb
{
	float: left;
	width: 140px;
}
#planList div.container div.notes
{
	float: right;
	width: 245px;
}
#planList div.container div.notes table.spec
{
	margin: 10px 0 0;
}
#planList div.container div.notes table.spec th,
#planList div.container div.notes table.spec td
{
	padding: 3px;
	font-size: 84%;
	border-bottom: 2px solid #fff;
}
#planList div.container div.notes table.spec th
{
	background: #e7e7e7;
}
#planList div.container div.notes table.spec tr.price th
{
	background: #c00;
	color: #fff;
}
#planList div.container div.notes table.spec tr.price td
{
	color: #c00;
}