@charset "utf-8";

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

種別 ： トップ専用css
適用 ： トップ固有スタイル

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


/* FLASH　エリア
=============================================== */
#FLASH_AREA{
	width: 684px;
	height: 355px;
}
#FLASH_AREA p{
	padding-top: 1em;
}
object{
	outline: none;
}

/* 左カラム内　箱設定
=============================================== */
#main_l{
	width:234px;
	float:left;
}
#main_r{
	width:428px;
	float:right;
}

/* 空室検索
=============================================== */
#search{
	width:234px;
	padding-top:12px;
	margin-bottom:20px;
	background: url("../img/dotted_x01.gif") 0 0 repeat-x;
}
#search2{
	font-family:verdana;
	background: url("../img/dotted_x01.gif") 0 bottom repeat-x;
}
#search dl#search_title{
	width: 215px;
	margin-left: 10px;
	padding-bottom: 12px;
	line-height: 1.4;
	text-align: center;
}

/*-- 予約番用　スタイル ------------------------------------*/
#form_box #search{
	padding-bottom: 6px;
	width: 215px;
	margin-left: 10px;
}
#search2 .search_div_489ban dl{
	padding-bottom: 6px;
	line-height: 1.2;
	font-family:Helvetica;
	padding-left: 1px;
}
#search2 .search_div_489ban dl dt{
	line-height: 1.8;
}
/*- 検索ボタン -*/
#search2 #search_button_489ban {
background:url("../img/search_button.jpg") 0 0 no-repeat;
border:0 none;
cursor:pointer;
display:block;
height:37px;
text-indent:-9999px;
width:215px;
margin-top: 6px;
}


/*-- フォーム部分（デフォルトスタイル） ----------------------*/
#search #form_box{
	padding-bottom: 6px;
	width: 215px;
	margin-left: 10px;
}
#search #form_box .form_select{
	padding-bottom: 6px;
	line-height: 1.2;
	padding-left: 1px;
}



/*-- 宿泊プラン部分 --*/
#search #goto_plan{
	padding-bottom:4px;
	line-height:1.4;
	margin-left:10px;
	text-align:center;
	width:215px;
}
#search #goto_plan dd{
	background: url("../img/plan_list_button.jpg") 0 0 no-repeat;
	width: 215px;
	height: 37px;
}
#search #goto_plan dd a{
	width: 210px;
	height: 24px;
	display:block;
	text-indent: -9999px;
}


/* ランキング
=============================================== */
#main_l #plan_ranking{
	/*width:218px;*/
	background-color:#AD6A57;
	padding: 12px 8px;
}
#main_l #plan_ranking .title{
}
#main_l #plan_ranking .item{
	padding-top:12px;
}
#main_l #plan_ranking .item .img{
	padding:6px 0 2px 0;
}
#main_l #plan_ranking .item dt{
	font-weight: bold;
	border-bottom: 1px solid #D5B4AB;
	padding: 2px 0;
	margin-bottom: 8px;
	line-height: 1.2;
}
#main_l #plan_ranking .item dt span{
	display: block;
	padding-left: 12px;
	background: url("../../img/icon1.gif") 0 2px no-repeat;
}
#main_l #plan_ranking .item dd{
	line-height: 1.4;
	font-size: 82%;
}
#main_l #plan_ranking .item dd span{
	display: block;
	padding-top: 3px;
}
#main_l #plan_ranking .item dd span strong{
	margin-left: 0.5em;
	font-size: 140%;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#main_l #plan_ranking .item .btn{
	text-align: right;
}
#main_r h3{
}

/* 旅プラン
=============================================== */
#main_r #paln_pickup{
	width: 408px;
	margin-left: 1px;
	padding-bottom: 14px;
}
#main_r #paln_pickup2{
	border:solid 1px #FFFFFF;
	padding: 7px;
}
/*-- プラン一個分 --*/
#main_r #paln_pickup .item{
	width:392px;
	line-height: 1.2;
	font-size: 90%;
	padding-bottom: 12px;
	margin-bottom: 8px;
	border-bottom: 1px solid #ccc;
}
#main_r #paln_pickup .last{
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none;
}
#main_r #paln_pickup .item .col_l{
	width:220px;
	float: left;
}
#main_r #paln_pickup .item .col_l .title{
	padding-bottom: 12px;
}
#main_r #paln_pickup .item .col_l .tx{
	padding-bottom: 6px;
	padding-right: 10px;
	padding-left: 2px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#main_r #paln_pickup .item .col_l .btn{
	text-align: right;
}
#main_r #paln_pickup .item .col_r{
	width:164px;
	float: right;
}

/* 歳時記
=============================================== */

#main_r #saiziki{
	width: 408px;
	margin-left: 1px;
	position: relative;
}
#main_r #saiziki2{
	border:solid 1px #FFFFFF;
	padding: 7px;
}
/*-- 一個分 --*/
#main_r #saiziki .item{
	width:392px;
	line-height: 1.2;
	font-size: 90%;
}
#main_r #saiziki .item .col_l{
	width:220px;
	float: left;
}
#main_r #saiziki .title{
	padding-bottom: 12px;
}
#main_r #saiziki .item .col_l .tx{
	padding-bottom: 6px;
	padding-right: 10px;
	padding-left: 2px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#main_r #saiziki .item .col_l .btn{
	text-align: right;
}
#main_r #saiziki .item .col_r{
	width:164px;
	float: right;
}
/*-- 開催日 --*/
#main_r #saiziki .date_tx{
	width: 406px;
	bottom: 1px;
	left: 1px;
	position: absolute;
	background: #000;
	text-align: center;
	padding-top: 2px;
}