@charset "UTF-8";
/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
}
img, div { 
	behavior: url(files/iepngfix.htc) 
}
body {
	height:100%;
	background-color: #310d00;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(http://www.harem.co.jp/files/gfx/bg_loop.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;	
}
#bg_image {
	position:absolute; 
	left:-430px; 
	top:0px; 
	width:1166px; 
	height:883px; 
	background-image: url(files/gfx/bg_image.png);
	z-index:1;
}
#bg_image_slideshow {
	position:absolute;
	left:-430px;
	top:0px;
	width:1166px;
	height:883px;
	background-image: url(files/gfx/bg_image.jpg);
	z-index:1;
}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color: #CCC;
}
a:active {
	text-decoration: none;
}
#container {
	width: 955px;
	position: relative;
	top: 0px;
	margin-right: auto;
	margin-left: auto;
	z-index:2;
}
#logo {
	position: relative;
	left: 0px;
	top: 147px;
	z-index:2;
}
#online_reservation {
	position: absolute;
	left: 3px;
	top: 492px;
	width: 150px;
	font-size: 13px;
	color: #CCC;
	visibility: visible;
	z-index:2;
}
#menu {
	position: absolute;
	left: 3px;
	top: 310px;
	width: 133px;
	font-size: 13px;
	color: #CCC;
	visibility: visible;
	z-index:2;
}
#menu_level2 {
	position: absolute;
	left: 150px;
	top: 160px;
	width: 65px;
	font-size: 12px;
	color: #CCC;
	visibility: visible;
	z-index:2;
}
.menu_level3 {
	position: absolute;
	left: 231px;
	top: 160px;
	width: 150px;
	font-size: 12px;
	color: #CCC;
	visibility: hidden;
	z-index:2;
}
.menu_level4 {
	position: absolute;
	left: 381px;
	top: 160px;
	width: 150px;
	font-size: 11px;
	color: #CCC;
	visibility: hidden;
	z-index:2;
}
#address_box {
	position: absolute;
	top: 550px;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c0b7b0;
	left: 3px;
	width: 133px;
	padding-left: 17px;
	visibility: visible;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index:2;
}
#address_box_blog {
	position: absolute;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c0b7b0;
	left: 3px;
	width: 133px;
	padding-left: 17px;
	visibility: visible;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index:2;
}
#notice_eng {
	position: absolute;
	font-size: 12px;
	text-align: right;
	top: 150px;
	width: 350px;
	left: 243px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc5bf;
	height: 150px;
	padding-right: 10px;
	visibility: visible;
	z-index:2;
}
#notice_jp {
	position: absolute;
	font-size: 12px;
	text-align: right;
	top: 150px;
	width: 340px;
	left: 603px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccc5bf;
	height: 150px;
	padding-right: 10px;
	visibility: visible;
	z-index:2;
}
#notice_jp a{
	font-weight: bold;
}
#page {
	font-size: 12px;
	width: 952px;
	position: absolute;
	left: 3px;
	top: 150px;
	visibility: visible;
	z-index:2;
}
#text_eng {
	position: absolute;
	font-size: 12px;
	top: 0px;
	width: 340px;
	left: 230px;
	padding-left: 10px;
	padding-right: 10px;
}
#text_jp {
	position: absolute;
	font-size: 12px;
	top: 0px;
	width: 340px;
	left: 590px;
	padding-left: 10px;
	padding-right: 10px;
}
#column_1 {
	height: 150px;
	width: 1px;
	left: 149px;
	top: 163px;
	background-color: #c7bfb9;
	position: absolute;
}
#column_2 {
	height: 150px;
	width: 1px;
	left: 230px;
	top: 163px;
	background-color: #c7bfb9;
	position: absolute;
}
#column_3 {
	height: 150px;
	width: 1px;
	left: 590px;
	top: 163px;
	background-color: #c7bfb9;
	position: absolute;
}
#column_4 {
	height: 150px;
	width: 1px;
	left: 950px;
	top: 163px;
	background-color: #c7bfb9;
	position: absolute;
}
#column_5 {
	height: 150px;
	width: 1px;
	left: 380px;
	top: 163px;
	background-color: #c7bfb9;
	position: absolute;
	visibility: visible;
}
.indicator {
	background-color: #FFF;
	height: 3px;
	width: 15px;
	position: absolute;
	visibility:hidden; 
	float:left; 
	margin-top:5px;
	z-index:2;
}
.indicator_sub {
	background-color: #FFF;
	height: 3px;
	width: 10px;
	position: absolute;
	visibility:hidden; 
	float:left; 
	margin-top:5px;
}
.menu_links {
	position: absolute;
	width: 115px;
	left: 18px;
	cursor: hand;
	z-index:2;
}
.menu_links_sub {
	position: absolute; 
	width: 130px;
	left:13px;	
	cursor: hand;
}
#gallery_container {
	position: absolute;
	left: 170px;
	top: 0px;
	width: 780px;
	height: 400px;
}
#food_container {
	position: absolute;
	left: 380px;
	top: 0px;
	width: 565px;
	font-size: 12px;
	color: #CCC;
}
.foodtitle {
	font-size: 14px;
}
.foodsub {
	font-size: 10px;
}
.fooddesc {
	font-size: 12px;
}
.food_image {
	width:150px;
	padding-top: 20px;
	vertical-align: top;
}
.food_image_large {
	height:300px; 
	width:570px; 
	position:absolute; 
	background:#836f68; 
	visibility:hidden;
}
.food_text {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c7bfb9;
	padding-top: 20px;
	padding-bottom: 20px;
}
#image_button_close {
	position: absolute;
	left: 460px;
	top: 0px;
}
.map {
	position: absolute;
	left: 250px;
	top: 10px;
}
#access_notice {
	position: absolute;
	width: 340px;
	left: 350px;
	top: 330px;
}
.divider {
	width:340px;
	height:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c7bfb9;
}
.search_button { 
	margin-top: 3px;
	text-align: left;
	padding-left: 18px;
	width: 150px;
	height: 20px;
	background-color: #a79c90; 
	border: 0px; 
}
.search_box {
	width: 150px;
	height: 20px;
	background-color: #8d7d70;
	border: 0px; 
	border-bottom: 1px solid #decfc0;
}
#gallery_controller {
	z-index: 10;
	position: absolute;
	left: 100px;
	top: 0px;
	width: 70px;
	height: 20px;
}