@charset "utf-8";

body {
	font-family: "MS UI Gothic", sans-serif;
	font-size: 80%;
	color: #000;
	background: #fff;
	margin: 0;
	padding: 0;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

/*header*/

div.header {
	text-align: left;

background: #bf0000;


}

div.header h1 {
	float: left;
	margin: 0;
	padding: 0;
}

div.header p {
	margin: 0;
	padding: 0;
}

div.search {


	margin: 0 0 0 210px;
	padding: 1em;

}

div.search form, div.search p {
	margin: 0;
	padding: 0;
}

div.search label {
color: #fff;
}

/*For IE*/
body.toppage {
	text-align: center;
}



/*toppage*/
div.categories {
	text-align: left;
	width: 60.5em;
	margin: 2em auto 1em;
}

div.inn {
	text-align: left;
	width: 60.5em;
	margin: 2em auto 1em;
}


div.ranking {
	text-align: center;
	width: 60.5em;
	margin: 2em auto 1em;
}

div.popular {
	text-align: center;
	width: 60.5em;
	margin: 2em auto 1em;
}

div.popular p {
	width: 500px;
}


div.ranking iframe {
margin: .5em;
}

div.ranking p {
text-align: right;

}

div.categories h2, div.ranking h2, div.popular h2, div.inn h2 {
text-align: left;
font-size: 150%;
padding-left: .2em;
border-left: solid 1em #bf0000;
}





div.category {
	width: 30em;

float: left;
margin-bottom: 1em;
}



div.category h3 {
	font-size: 110%;
	margin: 0 1em;
}

div.categories div.category p {
	margin: .5em 2em;
}

/*navi*/
div.navi {
	text-align: left;
	margin: .5em;
	width: 15em;
	border: solid 1px #d9d9d2;
	position: absolute;
top: 70px;
	clear: both;

background: #fefefe;
}

div.navi h2 {
	text-align: center;
	font-size: 100%;
	color: #333;
background: #fffacd;
	border-bottom: solid 1px #d9d9d2;
	padding: .3em 0;
	margin: 0;
}

div.navi ul {
padding: .5em .5em .5em 2em;
margin: 0;

}


div.navi li {
color: #333;
list-style: url("/image/list.gif") none;
line-height: 150%;
padding: 0;
margin: 0;
}

/*areanavi*/
div.areanavi {
	text-align: left;
	margin: .5em;
	width: 15em;
	border: solid 1px #d9d9d2;
	position: absolute;
top: 70px;
	clear: both;

background: #fefefe;
}

div.areanavi h2 {
	text-align: center;
	font-size: 100%;
	color: #333;
background: #fffacd;
	border-bottom: solid 1px #d9d9d2;
	padding: .3em 0;
	margin: 0;
}

div.areanavi dl {
padding: .5em;
margin: 0;

}


div.areanavi dd {
color: #333;
background: url("/image/list.gif") no-repeat 0% 5px transparent;
padding-left: 13px;
line-height: 150%;

margin: 0;
}

div.ie_width {
	width: 100%;
}

/*item*/
div.contents {
	text-align: left;
	padding: 5px 0 0 16em;

margin: 0 .2em;


}



p.nothing {
	text-align: left;
	text-indent: 1em;
}

div.item {
	text-align: left;
/*border: solid 1px #d9d9d2;*/
	margin: 2px;
margin: .5em 0;
border: solid 1px #d9d9d2;

}

div.hotel {
	text-align: left;
	border: solid 1px #d9d9d2;
	margin: 2px;
	float: left;
	width: 49%;
	height: 160px;
	overflow: auto;
}



div.item h3, div.hotel h3 {
font-size: 1.2em;
color: #333;
background: url("/image/item_title.gif") no-repeat 5px 50%;
padding: .5em .5em .5em 28px;
margin: 0 0 .5em 0;

}

div.item ul {
	margin: 0 1em;
	padding: 0;
}

div.item li {
	text-align: left;
list-style: none;
line-height: 150%;
}

li.comment {
margin: 1em;
color: #708090;

}


div.item p.image, div.hotel p.image {
	float: left;
	padding: 0 .5em;
	margin: 0;
}

p.image img {
	color: #333;
	background: transparent;
	border: none;

}

span.price {
font-weight: bold;
color: #f00;
background: transparent;
}


span.category {
	text-align: left;
	padding: 0 .5em;
}


div.item p {
	clear: both;
padding: 0 1em;
}

/*page*/

div.page {
	margin-top: .5em;
	clear: both;
}

div.page p {
	text-align: right;
	width: 99%;
	margin: 0;
	padding: 0;
}

/**anchor**/


a:link, a:visited {
	color:#00f;
	background: transparent;
}

a:hover {
	color: #ff8c00;
	background: transparent;
}


/*footer*/

div.footer {
clear: both;
margin-top: 1em;
background: #bf0000;
color: #fff;
padding: .5em;
}

div.footer p {
	text-align: center;
	margin: 0;
	padding: 0;
}

div.footer a:link, div.footer a:visited {
	color:#fff;
	background: transparent;
}

div.footer a:hover {
	color: #ff8c00;
	background: transparent;
}


div.banner p {
position: absolute;
top: 0;
right: 0;
}


