@charset "UTF-8";

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

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

 index.html
 
 Color Cordination
 Key Color: 

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

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

 main

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

#main
{
	padding: 20px;
}

#contents .container 
{
	margin: 0 0 15px;
}
#contents .container h2
{
	margin: 0 0 9px;
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
}
#contents .container h3
{
	margin: 0 0 10px;
}
#contents .container .wrapper
{
	padding: 9px;
	border: 1px solid #ccc;
}


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

 flash showcase

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

#flashShowcase
{
	width: 920px;
}

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

 search

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

#search
{
	float: left;
	width: 285px;
}
#search .wrapper
{
	background: #e3ebd8;
}
#search .form
{
	float: left;
	width: 180px;
}
#search .form .calendar
{
	margin: 10px 0 0;
}

#search .button
{
	float: right;
	width: 70px;
}
/* ----- banner version -----*/

#search .banner2
{
	border: 1px solid #ccc;
}

#search .banner
{
background:url(../img/index/search_bg.jpg) no-repeat;
height: 100px;
}

#search #year{
width: 60px;
}

#search #month{
width: 40px;
}

#search #day{
width: 40px;
}

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

 concierge

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

#concierge
{
	float: right;
	width: 285px;
}
#concierge .wrapper
{
	background: #f1e4eb;
}
#concierge .image
{
	float: left;
	width: 60px;
}
#concierge .image img
{
	border: 1px solid #ccc;
}
#concierge .note
{
	float: right;
	width: 195px;
}
#concierge .note p
{
	margin: 0 0 1px;
}
#concierge .note .button
{
	text-align: right;
}

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

 recommend

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

#recommend
{
	clear: both;
}
#recommend .head
{
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
}
#recommend .head .title
{
	float: left;
}
#recommend .head .button
{
	float: right;
}