@charset "utf-8";

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

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

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

/* メインエリア設定
=============================================== */
#main{
	width: 100%;
	padding-bottom: 16px;
}
#main .col_l{
	width: 540px;
	height: 220px;
}

/*-- スペシャル --*/
#main .col_r{
	width: 260px;
	height: 220px;
	background: url("../../img/mainTopics/special/bg.jpg") 0 0 no-repeat;
	text-align: center;
}
#main .col_r h3{
	margin-bottom: 28px;
}
#main .col_r h3 span{
	display: none;
}
#main .col_r h3 a{
	width: 100%;
	height: 124px;
	text-indent: -99999px;
	display: block;
	background: url("../../img/mainTopics/special/specialBtn.jpg") center bottom no-repeat;
}
#main .col_r h3 a:hover{
	background: url("../../img/mainTopics/special/specialBtn_on.jpg") center bottom no-repeat;
}

/*--デフォルト
#main .col_r{
	width: 260px;
	height: 220px;
	background: url("../../img/mainTopics/bg.jpg") 0 0 no-repeat;
}
#main .col_r .box{
	padding: 15px 15px 0 15px;
}
#main .col_r h3,
#main .col_r .box .tx{
	display: none;
}
#main .col_r .box .listBtn{
	text-align: right;
	padding-bottom: 15px;
}
#main .col_r .box ul{
	padding-top: 36px;
}
#main .col_r .box li{
	padding-top: 6px;
}
--*/


/* コンテンツエリア設定
=============================================== */
#TOP #CONTENTS{
	background: url("../img/conBg.jpg") right 0 repeat-y;
}
#TOP #CONTENTS02{
	width: 100%;
	background: url("../img/sideBg.jpg") right bottom no-repeat;
}
#TOP #MAIN_COL{
	width: 570px;
	float: left;
	position:relative;
}
#TOP #SIDE_COL{
	width: 200px;
	float: right;
	background: url("../img/sideBg.jpg") 0 top no-repeat;
	padding-top: 50px;
}
/* メインカラム要素
=============================================== */
/*-- タイトル ------------------------*/
#MAIN_COL h3{
	padding-bottom: 10px;
}
/*-- イチオシ ------------------------*/
#MAIN_COL #pickup{
	width: 100%;
}
#MAIN_COL #pickup .item{
	width: 184px;
	float: left;
	margin-right: 9px;
	margin-bottom: 12px;
	background: url("../../img/itemBg01.jpg") 0 0;
}
#MAIN_COL #pickup .last{
	margin-bottom: 0px;
}
#MAIN_COL #pickup .itemR{
	float: right;
	margin-right: 0px;
}
#MAIN_COL #pickup .itemBox{
	margin: 3px;
	padding: 6px;
	padding-bottom: 8px;
	line-height: 1.3;
	background: #F6F6EC
}
#MAIN_COL #pickup .itemBox:hover{
	cursor: pointer;
}
#MAIN_COL #pickup .itemBox dl{
	width: 100%;
	margin-bottom: 8px;
	letter-spacing: 0px;
}
#MAIN_COL #pickup .itemBox dt{
	border-left: 2px solid #98281E;
	padding-left: 6px;
	color: #98281E;
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 8px;
}
#MAIN_COL #pickup .itemBox dd{
	padding-left: 6px;
	border-left: 2px solid #98281E;
}
#MAIN_COL #pickup .itemBox dd a,
#MAIN_COL #pickup .itemBox dt a{
	color: #98281E;
}
#MAIN_COL #pickup .itemBox dd a:hover,
#MAIN_COL #pickup .itemBox dt a:hover{
	text-decoration: none;
}
#MAIN_COL #pickup .itemBox .img{
	padding-bottom: 8px;
}
#MAIN_COL #pickup .itemBox .tx{
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2;
	background: url("../../img/itemArrow.gif") right bottom no-repeat;
}
#MAIN_COL #pickup .itemBox .tx a{
	color: #98281E;
}
#MAIN_COL #pickup .itemBox .tx a:hover{
	text-decoration: none;
}
/* サイドカラム要素
=============================================== */
/*-- 最新情報 --*/
#SIDE_COL #topics{
	margin-bottom: 17px;
}
#SIDE_COL #topics .title a{
	background: url("../img/sideArrow01.jpg") 0 center no-repeat;
}
#SIDE_COL #topics li{
	background: url("../img/solid01.gif") 0 bottom repeat-x;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
#SIDE_COL #topics li span{
	display: block;
}



/* 正月
=============================================== */
#syougatu{
	width: 100%;
	padding-bottom: 20px;
}
/*-- 人気宿泊ランキング ------------------------*/
#rankingBox{
	width: 377px;
	float:left;
	background: url("../../img/syougatu/pt01.jpg") 0 0;
	padding: 3px 0;
}
#rankingBox02{
	margin: 0 3px;
	background: #fff;
}
#rankingBox02 .item{
	width:343px;
	margin: 0 14px;
	padding-bottom: 10px;
	margin-top: 10px;
	background: url("../img/solid01.gif") 0 bottom repeat-x;
}
#rankingBox02 .item .title{
	padding-bottom: 10px;
}
#rankingBox02 .item .col_l{
	width:210px;
	line-height: 1.8;
}
#rankingBox02 .item .col_l p{
padding-left: 10px;
}
#rankingBox02 .item .col_r{
	width: 123px;
}
#rankingBox02 .item .btn{
	width: 100%;
	clear: both;
	padding-top: 10px;
}
/*-- 今月のおすすめ ------------------------*/
#syogatyPickup{
	width: 183px;
	float:right;
	background: url("../../img/syougatu/pt02.jpg") 0 0;
	padding: 3px 0;
}
#syogatyPickup02{
	margin: 0 3px;
	background: #fff;
}

#syogatyPickup  .item{
	background: url("../img/solid01.gif") 0 bottom repeat-x;
	padding-bottom: 8px;
	margin-top: 8px;
}
#syogatyPickup  dl{
	padding: 8px;
	padding-top: 0;
}
#syogatyPickup  dt{
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 4px;
	line-height: 1.3;
}
#syogatyPickup  dt a{
	color: #d49f1b;
}
#syogatyPickup  dd a:hover,
#syogatyPickup  dt a:hover{
	text-decoration: none;
}
#syogatyPickup  .img{
	text-align: center;
	padding-bottom: 8px;
}
#syogatyPickup  .tx{
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 8px 8px;
	margin-right: 8px;
	line-height: 1.2;
	background: url("../../img/syougatu/itemArrow.gif") right bottom no-repeat;
}
#syogatyPickup .tx a{
	color: #d49f1b;
}
#syogatyPickup .itemBox .tx a:hover{
	text-decoration: none;
}