/*
 * Rest Style by YUI
 *
 ---------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,
h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var { 
	font-style:normal;
	font-weight:normal;
}
ol,ul { 
	list-style:none; 
}
caption,th {
	text-align:left; 
}
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
}
q:before,q:after { 
	content:''; 
}
abbr,acronym {
	border:0;
}
/*
 * site style;
 *
 ---------------------------------*/
body{
	background:black url("images/background.gif");
	font-size:small;
}
div#continer{
	width:90%;
	background:white;
	margin:20px auto; 
}
div#header{
	padding:10px;
	margin:10px;
	border-bottom:2px solid #790000;
}
div#header h1{
	float:right;
}

div#navi{
	width:142px;
	float:left;
}

div#navi dl{
	margin:10px;
}
div#navi dt{
	text-align:center;
	padding:5px;
	background:#1D1B1B;
	color:white;
}



div#navi dl dd.discription{
	border:1px dotted #1D1B1B;
	border-top:none;
	padding:3px;
}
div#navi dl.search dd{
	border:1px dotted #1D1B1B;
	border-top:none;
	padding:3px;
	text-align:center;
}
div#navi dl.search dd input{
	width:90%;
}
div#navi dl dd ul li{
	border:1px dotted #1D1B1B;
	border-top:none;
}
div#navi dl dd ul li a{
	padding:5px;
	text-decoration:none;
	display:block;
	position:relative;
}
div#navi dl dd ul li strong{
	padding:5px;
	text-decoration:none;
	display:block;
	position:relative;
}
div#navi dl dd ul li a:hover{
	background:#CCC;
}
div#main{
	float:left;
	margin:0 -152px;
	width:100%;
}
div#main-inner{
	margin:0 152px;
}
div#main-inner h2{
	border-bottom:2px solid #790000;
	border-left:5px solid #790000;
	clear:both;
	font-size:15px;
	margin:10px 0;
	padding:3px 10px;;
}
div#main ul.products li{
	margin:10px;
	clear:both;
}
div#main ul.products li div.img{
	width:120px;
	margin:10px;
	text-align:center;
	float:left;
}
div#main ul.products li li{
	clear:none;
	display:inline;
}
div#navi2{
	width:142px;
	float:right;
}
div#navi2 dl{
	margin:10px;
}
div#navi2 dt{
	text-align:center;
	padding:5px;
	background:#1D1B1B;
	color:white;
}
div#navi2 dd{
	padding:10px;
	
	border:1px dotted #1D1B1B;
}
div#footer{
	clear:both;
}
div#footer address{
	padding:10px;
	margin:0 auto;
	border-top:2px solid #790000;
	width:95%;
	text-align:center;
	color:#666;
}
div#footer address a{
	text-decoration:none;
	color:#666;
}
/*over ride*/

ul#area ul{
	display:none;
	width:120px;
	background:white;
}
ul#area li.middleClass{
	position:relative;
	padding:5px;
}
ul#area li.middleClass ul.smallClass{
	position:absolute;
	left:120px;
	top:0;
	border-top: 1px dotted #000;
}
ul#area li.middleClass ul.smallClass li.smallClass{
	position:relative;
}
ul#area li.middleClass ul.smallClass li.smallClass ul.detailClass{
	position:absolute;
	left:118px;
	top:0;
	border-top: 1px dotted #000;
}
span.detailClass{
	display:block;
	padding:5px;
}
.thumbnail_wrap{
	width:100px;
	height100px;
	margin:10px;
	text-align:center;
}
.hotel_list{
	width:100%;
	border-bottom: 1px dotted #000;
}
.detail_img li{
	display:inline;
}
.hotel_detail	dt{
	font-weight:bold;
}
p.to_rakuten{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	margin:10px;
}