@charset "utf-8";

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

	Title: home.css
	Created: 2009-6-20
	Created: 2009-6-21
	
=========================================================== */
/*
	
	homestyle
	mainVisual
	planBox
	bannerL
	dateBox
	bannerR
	newsBox
	
=========================================================== */
/*

	homestyle
	
=========================================================== */

h2 {
	margin: 0;
}

div#columnL {
	float: left;
	width: 330px;
}

div#columnR {
	float: right;
	width: 340px;
}

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

	mainVisual
	
=========================================================== */

div#mainVisual {
	width: 100%;
	height: 350px;
	background: #e9c7c9;
	text-align: center;
}

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

	planBox
	
=========================================================== */

div#planBox {
	background: url(/image/planbox_bg.gif) repeat-y;
	width: 330px;
	margin: 0 0 15px;
	border-bottom: solid 4px #953146;
}

div#planBox div.section {
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #953146;
	margin: 0 0 0 4px;
	padding: 5px 0 0;
	width: 322px;
}

div#planBox div.section div.article {
	display: inline;
	float: left;
	width: 200px;
	margin: 0 0 5px 6px;
}

div#planBox div.section div.article p {
	margin: 0 0 2px;
	line-height: 1.4;
}

div#planBox div.section div.article div.catch {
	color: #CC9900;
}

div#planBox div.section div.article h3 {
	margin: 0 0 2px;
	border: none;
	color: #942f45;
	padding: 0;
	line-height: 1.4;
}

div#planBox div.section div.article h3 a:link,
div#planBox div.section div.article h3 a:visited {
	text-decoration: none;
	color: #942f45;
	font-weight: bold;
}

div#planBox div.section div.article h3 a:hover {
	text-decoration: underline;
	color: #0000ee;
	font-weight: bold;
}

div#planBox div.section div.img {
	display: inline;
	float: right;
	width: 100px;
	margin: 0 6px 5px 0;
}

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

	bannerL
	
=========================================================== */

div#bannerL dl {
	margin: 0;
}

div#bannerL dl dt {
	margin: 0 0 2px;
}

div#bannerL dl dt img {
	vertical-align: bottom;
}

div#bannerL dl dd {
	margin: 0 0 10px;
}

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

	dateBox
	
=========================================================== */

div#dateBox {
	background: url(/image/datebox_bg.gif) repeat-y;
	width: 340px;
	margin: 0 0 15px;
	border-bottom: solid 4px #d34564;
}

div#dateBox h2 {
	margin: 0 0 6px;
}
div#dateBox table {
	width: 340px;
	margin: 0;
	border:none;
}

/* 検索テーブルのラベル列と入力列 */
div#dateBox form {
	margin: 0px;
}
div#dateBox table th,
div#dateBox table td{
	border:none;
}

div#dateBox table th{
	display: none;
}

div#dateBox table td{
	width: 100%;
	padding: 0;
	border:none;
}

/* 年月セレクト */
div#dateBox .year_month_489ban{
	float: left;
	margin: 3px 0 5px 9px;
	widows: 120px;
}

/* 日セレクト */
div#dateBox .day_489ban{ 
	float: left;
	margin: 3px 0 5px 3px;
	width: 50px
}

/* 検索ボタン */
div#dateBox #search_button_489ban{
	float: right;
	display: block;
	background: url(/common/image/sub_search_bt.gif) no-repeat;
	width: 155px;
	height: 25px;
	margin: 0 9px 5px 0;
	text-indent: -9999px;
	border: none;
}

 /* 泊数の行 */
div#dateBox #tr_stay_489ban{ float: left; display:block; margin: 3px 0 5px 3px; width: 50px}

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

	bannerR
	
=========================================================== */

div#bannerR ul {
	margin: 0;
}

div#bannerR ul li {
	margin: 0 0 10px;
}

div#bannerR ul li img {
	vertical-align: bottom;
}

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

	newsBox
	
=========================================================== */

div#newsBox {
	background: url(/image/newsbox_bg.gif) repeat-y;
	width: 340px;
	height: 500px;
	margin: 0 0 15px;
	border-bottom: solid 4px #f0a0a6;
}

div#newsBox h2 {
	margin: 0 0 10px;
}

div#newsBox dl {
	margin: 0 10px;
}

div#newsBox dl dd {
	margin: 0 0 10px;
}