@charset "shift_jis";


/* common */

html, body, h1, h2, h3,
div, p, ul, ol, li, dl, dt, dd,
table, th, td, form {
	margin: 0;
	padding: 0;
	line-height: 1.0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul li, ol li {
	list-style-type: none;
}

img {
	border: 0;
	vertical-align: bottom;
}

input, select, textarea {
	vertical-align: middle;
}

/* For vertical-scrollbar issue */
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
}

/* For IE7 hasLayout issue */
*:first-child+html * {
	letter-spacing: 0;
}

.clfix {
	display: inline-block;
}  
 
.clfix:after {
  	content: "."; 
  	display: block; 
  	height: 0; 
  	clear: both; 
  	visibility: hidden;
}

* html .clfix {
	height: 1%;
}

.clfix {
	display: block;
}


/* layout */
/* =========================================================== */
body {
	text-align: left;
}

#contents {
	width: 1024px;
	background: url(../images/line01.gif) no-repeat 1024px 0 #333;
}

#contents #flash {
	float: left;
	width: 800px;
}

#contents #sideBar {
	float: right;
	width: 214px;
}

#contents #sideBar div.topArea {
	height: 85px;
}

#contents #sideBar div.topArea h1 {
	margin: 0 0 0 4px;
}

#contents #sideBar div.topArea h2 {
	margin: 0 0 0 4px;
}

#contents #sideBar div.column {
	height: 410px;
}

#contents #sideBar div.column p.mainTxt {
	width: 205px;
	margin: 0 0 8px 0;
	color: #CCC;
	font-size: 10px;
	line-height: 1.5;
}

#contents #sideBar div.column div.hotelInfo {
	height: 90px;
	width: 205px;
	background-color:#FFFFFF;
}

#contents #sideBar div.column p.hotelName {
	width: 205px;
	margin: 0 0 2px 5px;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
}
#contents #sideBar div.column p.hotelName a {
	color: #000000;
}

#contents #sideBar div.column p.hotelRating {
	width: 205px;
	margin: 0 0 2px 5px;
	font-weight: bold;
	color: #ff8c00;
	font-size: 12px;
	line-height: 1.5;
}
#contents #sideBar div.column p.hotelPrice {
	width: 205px;
	margin: 0 0 2px 5px;
	color: #000000;
	font-size: 12px;
	line-height: 1.5;
}


#contents #sideBar div.column ul.banner li {
	margin: 0 0 10px 0;
}

#contents #sideBar div.column div.frame {
	width: 205px;
}

#contents #sideBar div.column div.frame iframe {
	width: 100%;
	height: 320px;
	border: none;
}

#contents #sideBar table.bottomLink {
	width: 214px;
	border-collapse: collapse;
	border: none;
}

#contents #sideBar table.bottomLink td {
	height: 105px;
	border-collapse: collapse;
	border: none;
	text-align: left;
	vertical-align: bottom;
}

#contents #sideBar table.bottomLink td ol.link {
	width: 117px;
	margin: 0 0 15px 0;
}

#contents #sideBar table.bottomLink td ol.link li {
	font-size: 10px;
	line-height: 1.5;
}

#contents #sideBar table.bottomLink td ol.link li a {
	padding: 0 0 0 7px;
	background: url(../images/arw_white.gif) no-repeat 0 0.4em;
}

#contents #sideBar table.bottomLink td ol.link li a:link,
#contents #sideBar table.bottomLink td ol.link li a:visited {
	color: #99f;
	font-size: 10px;
	text-decoration: underline;
}

#contents #sideBar table.bottomLink td ol.link li a:hover,
#contents #sideBar table.bottomLink td ol.link li a:active {
	color: #99f;
	text-decoration: none;
}

#contents #sideBar table.bottomLink td div.logo {
	width: 93px;
	margin: 0 0 15px 0;
}