@charset "utf-8";
@import "cont.css";

/* clearfix
--------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}/*IE7用*/

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */


/* ホテルリスト
--------------------------------------------------------------------*/

#hotellist p.desc {
	padding-bottom: 10px;
}

#hotellist p.desc em {
	color: #c00;
	font-weight: bold;
}

#hotellist table {
	_border-collapse: collapse;
}

#hotellist{
	width:740px;
	padding:0 30px 10px;
	color:#333;
	font-size:1.2em;
}

#hotellist table{
	border:solid 2px #666;
	margin-bottom:10px;
	width:100%;
}

#hotellist table h5,
#hotellist table h6 {
	background-color:#666;
	border:solid 1px #FFF;
	padding:3px;
	color:#FFF;
	font-size:1em;
}

#hotellist table th h5 em{
	color:#FFC;
}

#hotellist table th{
	border-right:solid 1px #666;
	border-bottom:solid 1px #666;
	background-color:#EFEFEF;
	line-height:1.4;
}

#hotellist table td{
	border-bottom:solid 1px #666;
	padding:5px;
	width:555px;
	line-height:1.4;
}

#arealist li {
	display: inline;
	padding-right: 10px;
}

#arealist li a {
	display: inline-block;
	color: #333;
}

#arealist li a:hover {
	text-decoration: none;
}

#area table td {
	padding: 0;
}

#area table td div {
	width: 555px;
	padding-top: 10px;
	_padding-bottom: 10px;
}

#area dl {
	float: left;
	display: inline;
	background: url(img/hotellist-bg.jpg) repeat-x left top;
	margin: 0 10px 10px;
	padding: 5px;
	width: 155px;
}

#area dt {
	font-weight: bold;
}

#area dt a {
	color: #333;
}

#area dt a:hover {
	text-decoration: none;
}

#area dd {
	line-height: 1.2;
}