@charset "SHIFT-JIS";

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

TITLE    : イーツアー 海外ホテル 都市・スポットページ CSS
DATE     : 2008/10/9
URL      : 

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

/* Title
------------------------------------------------------- */
div#PageDescription {
}

div#PageDescription h1 {
	font-weight:normal;
	font-size:11px;
	color:#333;
	margin-bottom:8px;
}

div#PageDescription div#PageTitle {
	margin: 0 0 10px;
	padding: 2px 0 2px 3px;
	border: 1px solid #ccc;
	background: url(/images/common/h3_bg.gif) repeat-x bottom;
}

div#PageDescription div#PageTitle h2 {
	margin: 0;
	padding: 4px 0 1px 6px;
	color: #333;
	border-left: 6px solid #62b811;
	font-size: 12pt;
	font-weight:bold;
	background-image: none;

}

h4.ListTitle {
	padding:4px 0 2px 4px;
	font-weight:bold;
	font-size:12px;
	border-top: 4px solid #9c3;
}

div.H4ListTitle  {
	margin: 10px 0 5px;
	border: 1px solid #ccc;
	background: url(/images/common/h3_bg.gif) repeat-x bottom;
}

div.H4ListTitle  img {
	height:12px;
	width:18px;
	vertical-align:middle;
}

h5.ListTitle {
	font-weight:bold;
	font-size:12px;
	padding:0 4px 4px;
}


/* Map
------------------------------------------------------- */
div.MapBox {
	margin-top:8px;
	width: 556px;
	border: 1px solid #ccc;
}

div#MapCanvas {
	height: 280px;
}

div.MapResize {
	text-align:center;
	background:#ddd url(/img/img_pkg/line2.gif);
	font-size:8pt;
}

div.Column2Sub .Top {
	margin-top:0;
}


/* 現地情報データ リスト
------------------------------------------------------- */
div.Column2Sub div.ListBox {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.ListBox ul {
	margin-left:2px;
	margin-bottom:4px;
	font-size:12px;
}

div.ListBox li {
	padding:3px 3px 3px 17px;
	list-style: none;
}

div.ListBox ul.SpotList li {
	background:url(../img/arrow_s_gr.gif) 3px 4px no-repeat;
}

div.ListBox ul.LinkListAir li {
	background:url(../img/arrow_s_or.gif) 3px 4px no-repeat;
}

li.Spot {
	background:url(../img/arrow_s_gr.gif) 3px 4px no-repeat;
}

li.Station {
	background:url(http://www.hotelskip.com/images/icon_station.gif) -2px top no-repeat;
}

li.Airport {
	background:url(http://www.hotelskip.com/images/icon_airport.gif) -2px top no-repeat;
}

div.ListBox div.SmallNotes {
	margin:8px 0 8px 6px;
	font-size:10px;
}

/* 現地情報データ
------------------------------------------------------- */
div.Column2Main div.InfoBox {
	padding:10px;
	text-align:left;
	font-size:10pt;
	background:#e4ffdf url(../img/info_bg.gif) left top no-repeat;
}

div.Column2Main div.InfoBoxArea {
	padding:10px;
	text-align:left;
	font-size:10pt;
	background-color:#e4ffdf;
}

div.Column2Main div.InfoBox img, div.Column2Main div.InfoBoxArea img  {
	vertical-align:middle;
	border:none;
}

div.Column2Main div.InfoBox div.Photo, div.Column2Main div.InfoBoxArea div.Photo  {
	margin-right:10px;
	padding:4px;
	border:1px solid #ccc;
	background-color:#fff;
	text-align:center;
	float:left;
}

div.Column2Main div.InfoBox div.Photo img, div.Column2Main div.InfoBoxArea div.Photo img  {
	width:230px;
}

div.Column2Main div.InfoBox div.Photo div.Copyright, div.Column2Main div.InfoBoxArea div.Photo div.Copyright  {
	font-size:7pt;
	font-family: Verdana, Arial, "ＭＳ Ｐゴシック", Osaka;
	text-align:right;
	color:#999;
}

div.Column2Main div.InfoBox div.DataDescription, div.Column2Main div.InfoBoxArea div.DataDescription  {
	margin-top:8px;
}

div.Column2Main div.InfoBox div.InfoList {
	position:relative;
	left:14px;
	top:8px;
	text-align:left;
	padding-right:20px;
}

div.Column2Main div.InfoList dl {
	height:124px;
}

div.Column2Main div.InfoList dt {
	width:45px;
	padding:2px 0;
	display:block;
	float:left;
	color:#555;
	font-size:8pt;
}

div.Column2Main div.InfoList dd {
	padding-bottom:1px;
}

/* Pager
------------------------------------------------------- */
div.PagerBox {
	margin-top:4px;
	font-size:12px;
}

div.PagerBox .FoundNo {
	text-align:left;
	margin-left:2px;
}

div.PagerBox .FoundNo .Number {
	margin-right:4px;
	font-size:16px;
	color:#c03;
	font-weight:bold;
	font-family: Verdana, Arial, "ＭＳ Ｐゴシック", Osaka;
}

div.PagerBox .Pager {
	padding:0 0 2px;
	text-align:right;
	line-height:190%;
}

div.PagerBox .PagerNumber .Here {
	padding:2px 4px;
	font-weight:bold;
}

div.PagerBox .PagerNumber a {
	padding:2px 4px;
	border:1px solid #ccc;
}

div.PagerBox .PagerNumber a:hover {
	color:#fff;
	background-color:#f93;
}

/* Sort
------------------------------------------------------- */
.SortBox {
	margin-bottom:6px;
	padding: 2px 10px 2px 6px;
	background-color:#ebe7e1;
	font-size:8pt;
}

.SortBox .Sort {
	width:410px;
	text-align:left;
	float:left;
}

.SortBox .Distance {
	width:80px;
	text-align:left;
	float:left;
}

.SortBox .Price {
	float:right;
	text-align:center;
}

.SortInfo {
	margin-left:2px;
	padding:0 0 0 2px;
	background-color:#ebe7e1;
}

.SortBox a.SortOn {
	background:url(http://www.hotelskip.com/images/icon_flag.gif) no-repeat right center;
	padding:0 12px 0 0;
}


/* HotelList
------------------------------------------------------- */
div.HotelListBox {
	font-size:12px;
}

div.HotelListBox.Recommended {
	background-color:#fdd794;
}

div.HotelListBox.Recommended .Notes {
	padding:3px 8px;
	font-weight:bold;
	background-color:#e4ffdf;
}

div.HotelListBox.Regular div.HotelList {
	margin-bottom:6px;
	padding:4px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#f8f5f0;
}

div.HotelListBox.Regular div.HotelList table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}

div.HotelListBox.Regular div.HotelList table td {
	vertical-align:top;
}

div.HotelList table td.MapNo {
	width:18px;
	text-align:center;
}

div.HotelList table td.Photo {
	width:86px;
	text-align:center;
}

div.HotelList .PhotoLink img {
	border:1px solid #ccc;
	width:68px;
	height:48px;
}
div.HotelList table .PhotoLink a:hover img {
	border:1px solid #f60;
}

div.HotelList table td.Description {
	width:300px;
	vertical-align:bottom;
}

div.HotelList td.Description div.Text {
	width:300px;
	height:28px;
	font-size:8pt;
	color:#333;
	line-height:120%;
	overflow:hidden;
}

div.HotelList td.Description div.Text div {
	padding:2px;
}

div.HotelList table td.Distance {
	width:60px;
	padding-top:2px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}

div.HotelList table td.HotelNameCell {
	width:290px;
	height:30px;
}

div.HotelList table td.HotelNameCell .NameText {
	padding:0 10px 8px 0;
	font-weight:bold;
	line-height:120%;
}
div.HotelList table td.PriceCell {
	text-align:right;
}
/* end HotelList using table */


div.HotelList .SeeDetails {
	margin-top: 2px;
}

div.HotelList .Recommend {
	padding-bottom:3px;
}

div.HotelList div.Distance {
	width:50px;
	text-align:left;
	float:left;
}

div.HotelList .RightBox {
	float:right;
	text-align:right;
	white-space:nowrap;
}

.Price {
	padding-top:2px;
	color:#c03;
}

.Unit {
	font-size:10pt;
}

.Amount {
	margin-left:4px;
	font-weight:bold;
}

div.HotelList .Price .Amount {
	font-size:12pt;
}

div.HotelList .SelectBtn a {
	visibility:hidden;
	color:#f8f5f0;
	cursor:default;
}

/* しばらく非表示
div.HotelList .SelectBtn a {
	margin-top:8px;
	float:right;
	padding:4px 6px;
	text-decoration: none;
	color: #fff;
	border-top: solid 2px #ffb87c;
	border-right: solid 2px #b26000;
	border-bottom: solid 2px #b26000;
	border-left: solid 2px #ffb87c;
	background-color:#f60;
}

div.HotelList .SelectBtn:visited {
	color: #fff;
}

div.HotelList .SelectBtn a:hover {
	color: #36c;
	border-top: solid 2px #E8B800;
	border-right: solid 2px #FFE47A;
	border-bottom: solid 2px #FFE47A;
	border-left: solid 2px #E8B800;
	background-color:#fc0;
}*/

a.LinkArrow {
	padding-left:10px;
	background:url(../img/arrow_s_gr.gif) top left no-repeat;
}

a.LinkPager {
	padding-right:10px;
	background:url(../img/arrow_s_gr.gif) top right no-repeat;
}

a.LinkPagerBack {
	padding-left:10px;
	background:url(../img/arrow_s_gr_bk.gif) top left no-repeat;
}

.Spacer {
	margin-top:8px;
}

/* FooterCopyright
------------------------------------------------------- */

.HS {
	text-align:center;
}