@charset "utf-8";
/* ===================================================================
CSS information

 file name  :hotel_list.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */

/* -----------------------------------------------
	#main
	メインコンテンツ（左カラム）
----------------------------------------------- */
/* ページタイトル
----------------------------------- */
#hotel_list #main h3{
	width: 590px;
	height: 40px;
	margin: 0 0 20px;
	text-indent:-9999px;
	clear: both;
}

#hotel_list #main h3#st_hotel_list{
	margin: 0 0 15px;
	background: url(../hotel_list/images/st_hotel_list.gif) left top no-repeat;
}

/* 各地域タイトル
----------------------------------- */

/*名古屋・尾張*/
#hotel_list #main h3#st_nagoya{
	background: url(../hotel_list/images/st_nagoya.gif) left top no-repeat;
}

/*知多半島*/
#hotel_list #main h3#st_chita{
	background: url(../hotel_list/images/st_chita.gif) left top no-repeat;
}

/*豊田・西三河*/
#hotel_list #main h3#st_toyota{
	background: url(../hotel_list/images/st_toyota.gif) left top no-repeat;
}

/*湯谷・奥三河*/
#hotel_list #main h3#st_yutani{
	background: url(../hotel_list/images/st_yutani.gif) left top no-repeat;
}

/*蒲郡・三河湾*/
#hotel_list #main h3#st_gamagori{
	background: url(../hotel_list/images/st_gamagori.gif) left top no-repeat;
}


/* エリアマップ
----------------------------------- */
#hotel_list #areamap {
	width: 590px;
	margin: 0 0 20px;
}

#hotel_list #areamap p{
	width: 590px;
	margin: 0 0 15px;
}

#areamap ul {
	width: 590px;
	height: 240px;
	position:relative;
	background: url(../hotel_list/images/img_map.gif) right top no-repeat;
}

#areamap li {
	width:220px;
	height:36px;
	margin: 0 0 10px;
	text-indent: -9999px;
}

#areamap li a {
	width:220px;
	height:36px;
	display: block;
	overflow: hidden;
}


/*ボタン｜名古屋・尾張*/
#areamap li#nagoya a {
	background: url(../hotel_list/images/bt_nagoya.gif) left top no-repeat;
}

#areamap li#nagoya a:hover {
	background: url(../hotel_list/images/bt_nagoya.gif) 0 -36px;
}

/*ボタン｜知多半島*/
#areamap li#chita a {
	background: url(../hotel_list/images/bt_chita.gif) left top no-repeat;
}

#areamap li#chita a:hover {
	background: url(../hotel_list/images/bt_chita.gif) 0 -36px;
}

/*ボタン｜豊田・西三河*/
#areamap li#toyota a {
	background: url(../hotel_list/images/bt_toyota.gif) left top no-repeat;
}

#areamap li#toyota a:hover {
	background: url(../hotel_list/images/bt_toyota.gif) 0 -36px;
}

/*ボタン｜湯谷・奥三河*/
#areamap li#yutani a {
	background: url(../hotel_list/images/bt_yutani.gif) left top no-repeat;
}

#areamap li#yutani a:hover {
	background: url(../hotel_list/images/bt_yutani.gif) 0 -36px;
}

/*ボタン｜蒲郡・三河湾*/
#areamap li#gamagori a {
	background: url(../hotel_list/images/bt_gamagori.gif) left top no-repeat;
}

#areamap li#gamagori a:hover {
	background: url(../hotel_list/images/bt_gamagori.gif) 0 -36px;
}



/*　span(地図画像) の表示設定*/

#areamap li#nagoya a span,
#areamap li#chita a span,
#areamap li#toyota a span,
#areamap li#yutani a span,
#areamap li#gamagori a span {
	display: none;
}

/*　span(地図画像) のオンマウス設定*/
#areamap li#nagoya a:hover span,
#areamap li#chita a:hover span,
#areamap li#toyota a:hover span,
#areamap li#yutani a:hover span,
#areamap li#gamagori a:hover span{
	position: absolute;
	top: 0;
	left: 235px;
	width:355px;
	height:240px;
	display: block;
}

/*地図｜名古屋・尾張*/
#areamap li#nagoya a:hover span {
	background:url(../hotel_list/images/img_map_nagoya.gif) no-repeat right top;
}

/*地図｜知多半島*/
#areamap li#chita a:hover span {
	background:url(../hotel_list/images/img_map_chita.gif) no-repeat right top;
}

/*地図｜豊田・西三河*/
#areamap li#toyota a:hover span {
	background:url(../hotel_list/images/img_map_toyota.gif) no-repeat right top;
}

/*地図｜湯谷・奥三河*/
#areamap li#yutani a:hover span {
	background:url(../hotel_list/images/img_map_yutani.gif) no-repeat right top;
}

/*地図｜蒲郡・三河湾*/
#areamap li#gamagori a:hover span {
	background:url(../hotel_list/images/img_map_gamagori.gif) no-repeat right top;
}

/* 詳細エリアリンク
----------------------------------- */
ul.area_textlink{
	width: 590px;
	margin: 0 0 20px;
	line-height: 2;
	color: #0a4d79;
	clear: both;
	overflow: hidden;
}

ul.area_textlink li{
	float: left;
	margin: 0 15px 0 0;
	white-space : nowrap;
}

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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}