@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: 240px;
}

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

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

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

div#mainVisual {
	width: 100%;
	height: 350px;
	background:  #ffffff url(/common/image/main_bg.gif) top repeat-x;
	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_bg2.gif) repeat-y;
	width: 240px;
	margin: 0 0 15px;
	border-bottom: solid 4px #d34564;
}

div#dateBox h2 {
	margin: 0 0 6px;
}
div#dateBox table {
	width: 240px;
	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_bg2.gif) repeat-y;
	width: 240px;
	height: 500px;
	margin: 0 0 15px;
	border-bottom: solid 4px #f0a0a6;
	overflow: hidden;
}


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

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

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



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

	rankBox
	
=========================================================== */

div#rankBox1 {
	background: url(/image/rankbox_bg1.gif) repeat-y;
	width: 240px;
	height: 126px;
	margin: 0;
}

div#rankBox2 {
	background: url(/image/rankbox_bg2.gif) repeat-y;
	width: 240px;
	height: 126px;
	margin: 0;
}
div#rankBox3 {
	background: url(/image/rankbox_bg3.gif) repeat-y;
	width: 240px;
	height: 126px;
	margin: 0;
}

div#rankBox4 {
	background: url(/image/rankbox_bg4.gif) repeat-y;
	width: 240px;
	height: 126px;
	margin: 0;
}
div#rankBox5 {
	background: url(/image/rankbox_bg5.gif) repeat-y;
	width: 240px;
	height: 126px;
	margin: 0;
}

p.rankBox_txt {
	width: 165px;
	height: 65px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3;
	padding: 12px 0 0 55px;
	color: #d34564;
}

.rankBox_btn {
	width: 240px;
	text-align: center;
}


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

	recommendBox
	
=========================================================== */

div#recommendBox {
	background: url(/image/recommendbox_bg.gif) repeat-y;
	width: 440px;
	margin: 0 0 15px;
	border-bottom: solid 4px #953146;
	overflow: hidden;
}

p.recommendBox_midashi {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	color: #d34564;
}
p.recommendBox_txt {
	font-size: 12px;
	line-height: 1.3;
}

div#recommendBox dl {  
	width:430px;
}  
div#recommendBox dt {  
	float:left;  
	width:160px;
	height:107px;
	padding:10px 0 0 0;  
	margin:0;
}  
div#recommendBox dd {  
	width:260px;  
	margin-left:160px;  
	padding:10px 0 0 0;  
	text-align:left;
	font-size: 12px;
} 


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

	styleBox
	
=========================================================== */

div#styleBox {
	background: url(/image/stylebox_bg.gif) repeat-y;
	width: 440px;
	margin: 0;
	border-bottom: solid 4px #953146;
	overflow: hidden;
}

p.styleBox_midashi {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	color: #d34564;
}

p.styleBox_midashi2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8;
	color: #ffffff;
	width: 190px;
	background-color: #d34564;
	margin: 5px auto;
}



div#styleBox dl {  
	width:440px;
}  
div#styleBox dt {  
	float:left;  
	width:200px;
	height:107px;
	padding:10px 10px 0 0;  
	margin:0;
	text-align:center;
}  
div#styleBox dd {  
	width:217px;  
	margin-left:207px;  
	padding:10px 0 0 7px;  
	text-align:center;
	font-size: 12px;
} 

.marT10 {
	margin-top: 10px;
}