@charset "SHIFT-JIS";

/* ---------------------------------------------------------------------

TITLE    : イーツアー 海外ホテル コンテンツ CSS
DATE     : 2008/8/5
URL      : 

--------------------------------------------------------------------- */

/* かんたんホテル検索
------------------------------------------------------- */
#HotelSearch{}

#HotelSearch td{
	padding:5px;
}
#HotelSearch p{
	font-size:12px;
}
.HotelSearchEx{
	text-align:right;
}

#HotelSearch p.HotelSearchEx , p.HotelSearchEx {
	color:#666666;
	font-size:10px;
	text-align:right;
}

#HotelSearch p.HotelSearchNotes {
	color:#c00;
	font-size:10px;
	text-align:center;
}

#HotelNews iframe {border:1px solid #999999;}

.ProcedureNo { font-weight:bold; font-family:Verdana, Arial,sans-serif; font-size:12pt; color:#390; }

/* 都市別おすすめホテル
------------------------------------------------------- */
#HotelEachcity{
	width:570px;
	font-size:12px;
	margin-bottom:16px;
}
#HotelEachcity dl{
	float:left;
	width:92px;
	margin:0 0 5px 6px;
	padding:5px;
	background-color:#E4FFDF;
	border:1px solid #C1ECBD;
}
#HotelEachcity dt{
	padding:3px 3px 3px 10px;
	font-weight:bold;
	background:#ffffff url(../images/ico01.gif) no-repeat 2px 4px;
}
#HotelEachcity dd{
	float:left;
	padding:3px;
}
#HotelEachcity dd.JALMap {
	margin-left:5px;
}
#HotelEachcity #EachOthers {
	padding:3px 55px 3px 3px;
	background:#f2f2f2 url(../images/ico02.gif) no-repeat 524px 5px;
	text-align:right;
}

/* その他のホテル予約サービス
------------------------------------------------------- */
#OtherHotelService{
}

ul.HotelSites { margin:0 0 0 40px; font-size:12px;}
ul.HotelSites li {list-style:none; background:url(../img/arrow_s_gr.gif) no-repeat left 4px; padding:3px 10px }

#OtherHotelService h4{
	font-size:12px;
	font-weight:bold;
	height:18px;
	width:734px;
	margin-bottom:6px;
	padding:4px 4px 4px 12px;
	background:url(../images/bg_otherhotel_title.gif) repeat-x 0 0;
	border:1px solid #999999;
}
#OtherHotelService dt{
	font-size:12px;
	font-weight:bold;
}
#OtherHotelService dd{
	font-size:12px;
	margin-bottom:5px;
}
#OtherHotel01, #OtherHotel02, #OtherHotel03, #OtherHotel04, #OtherHotel05{
	width:750px;
	margin-bottom:12px;
}
/*みゅう*/
#OtherHotel01 .OtherHotelColumn01{
	float:left;
	width:320px;
}
#OtherHotel01 .OtherHotelColumn02{
	float:right;
	width:420px;
}
/*BANCOTEL*/
#OtherHotel02 .OtherHotelColumn01{
	float:left;
	width:348px;
}
#OtherHotel02 .OtherHotelColumn02{
	float:right;
	width:392px;
}
/*JHC*/
#OtherHotel03 .OtherHotelColumn01{
	float:left;
	width:337px;
}
#OtherHotel03 .OtherHotelColumn02{
	float:right;
	width:403px;
}
/*欧州エクスプレス*/
#OtherHotel04 .OtherHotelColumn01{
	float:left;
	width:300px;
}
#OtherHotel04 .OtherHotelColumn02{
	float:right;
	width:440px;
}
/*e-china*/
#OtherHotel05 .OtherHotelColumn01{
	float:left;
	width:221px;
}
#OtherHotel05 .OtherHotelColumn02{
	float:right;
	width:519px;
}

/*clearfix---------------------------------------*/
#OtherHotel01, #OtherHotel02, #OtherHotel03, #OtherHotel04{
    zoom:1;/*for IE 5.5-7*/
}
#OtherHotel01:after, #OtherHotel02:after,
#OtherHotel03:after ,#OtherHotel04:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html #OtherHotel01, * html #OtherHotel02,
* html #OtherHotel03, * html #OtherHotel04{
	display:inline-table;
	/*\*/display:block;/**/
}

/* 地図
------------------------------------------------------- */
.MapBox { text-align:center; }
.MapCanvasTop { width:542px; margin:0 auto 18px; }
.MapBorder { border:1px solid #ccc; }

/* エリアからホテルを探す
------------------------------------------------------- */
#HotelByArea { margin-left:8px; font-size:12px; width:700px;}
#HotelByArea ul { width:150px; margin-left:8px; float:left;}
#HotelByArea li {list-style:none; background:url(../img/arrow_s_gr.gif) no-repeat left center; padding:4px 10px;}

/* 人気国からホテルを探す
------------------------------------------------------- */
#HotelByCountry { margin-left:8px; font-size:12px; width:700px;}
#HotelByCountry ul { width:150px; margin-left:8px; float:left;}
#HotelByCountry li {list-style:none; background:url(../img/arrow_s_gr.gif) no-repeat left center; padding:4px 10px;}

/* 人気スポットからホテルを探す
------------------------------------------------------- */
#HotelBySpot { margin-left:28px; font-size:12px; width:750px;}
#HotelBySpot dt { background-repeat:no-repeat; background-position:left top; height:48px; width:150px; text-indent:-9999px; margin-bottom:8px; }
#HotelBySpot dt, #HotelBySpot dd { float:left;}
#HotelBySpot li {list-style:none; background:url(../img/arrow_s_gr.gif) no-repeat left center; padding:4px 10px;}
#HotelBySpot dt.Category1 {background-image:url(../img/spot_cat1.gif);}
#HotelBySpot dt.Category2 {background-image:url(../img/spot_cat2.gif);}
#HotelBySpot dt.Category3 {background-image:url(../img/spot_cat3.gif);}
#HotelBySpot dt.Category4 {background-image:url(../img/spot_cat4.gif);}
#HotelBySpot dt.Category5 {background-image:url(../img/spot_cat5.gif);}
#HotelBySpot dd { height:48px; width:245px; background-color:#e4ffdf;}
#HotelBySpot ul { margin-left:8px;}

/* ランキング
------------------------------------------------------- */
#Ranking { width:178px; margin-bottom:10px; padding:0; font-size:12px;}
#Ranking .Top20Title { background:url(../img/top20_title.gif) no-repeat left top; height:49px;text-indent:-9999px;}
#Ranking ul { border-left:1px solid #ccc; border-right:1px solid #ccc;}
#Ranking li { list-style:none; border-bottom:1px solid #ccc;background-repeat:no-repeat;}
#Ranking li.No1 { background-image:url(../img/no1.gif); background-position:4px 2px; padding:10px 0;font-size:16px; font-weight:bold; }
#Ranking li.No2 { background-image:url(../img/no2.gif); background-position:6px 2px; padding:8px 0;font-size:15px; font-weight:bold; }
#Ranking li.No3 { background-image:url(../img/no3.gif); background-position:9px 1px; padding:5px 0 7px;font-size:14px; font-weight:bold; }

#Ranking li.Number {  background-position:11px 3px; }
#Ranking li.Top10 { padding:5px 0; font-weight:bold;}
#Ranking li.Top20 { padding:3px 0; }
#Ranking li.No4 { background-image:url(../img/no4.gif); }
#Ranking li.No5 { background-image:url(../img/no5.gif); }
#Ranking li.No6 { background-image:url(../img/no6.gif); }
#Ranking li.No7 { background-image:url(../img/no7.gif); }
#Ranking li.No8 { background-image:url(../img/no8.gif); }
#Ranking li.No9 { background-image:url(../img/no9.gif); }
#Ranking li.No10 { background-image:url(../img/no10.gif); }
#Ranking li.No11 { background-image:url(../img/no11.gif); }
#Ranking li.No12 { background-image:url(../img/no12.gif); }
#Ranking li.No13 { background-image:url(../img/no13.gif); }
#Ranking li.No14 { background-image:url(../img/no14.gif); }
#Ranking li.No15 { background-image:url(../img/no15.gif); }
#Ranking li.No16 { background-image:url(../img/no16.gif); }
#Ranking li.No17 { background-image:url(../img/no17.gif); }
#Ranking li.No18 { background-image:url(../img/no18.gif); }
#Ranking li.No19 { background-image:url(../img/no19.gif); }
#Ranking li.No20 { background-image:url(../img/no20.gif); }

#Ranking li a { padding:2px 0 2px 52px; display:block; }
#Ranking li a:hover {background:url(../img/arrow_s_gr.gif) no-repeat left center;}