* {
	margin:0;
	padding:0;
}

body {
	text-align:center;
	color:#333;
	background:url(../img/background.gif) repeat-y center top #0F0000;
}

a img {
	border:none;
}

a:link,a:visited,a:active {
	color:#844C22;
	text-decoration:none;
	background:transparent;
}

a:hover {
	color:#F00;
	text-decoration:underline;
	background-color:transparent;
}

/************** レイアウト枠 ***************/

#layout {
	margin:0 auto;
	width:800px;
	height:auto;
	color:#333;
	background:#E9E2C8;
	text-align:left;
}

.clear {
height:1%;
}

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

/************** ヘッダー ***************/

#headerBox {
	width:800px;
	height:80px;
	color:#333;
	background:url(../img/header-background.gif) no-repeat;
	clear:both;
}

#headerTop {
	width:800px;
	height:20px;
	clear:both;
}

#h1Box{
	padding-right:5px;
	float:right;
}

h1 {
	padding:2px 0 0 0;
	color:#FFF;
	letter-spacing:1px;
	font:12px/120% "ＭＳ Ｐゴシック";
	background:transparent;
	float:left;
}

#headerTop p{
	padding:2px 0 0 0;
	color:#FFF;
	letter-spacing:1px;
	font:12px/120% "ＭＳ Ｐゴシック";
	background:transparent;
	float:left;
}

h2{
	width:340px;
	height:60px;
	float:left;
}

#headerRight {
	width:338px;
	height:25px;
	padding-top:35px;
	float:right;
}

#headerMail{
	width:200px;
	height:19px;
	float:left;
	padding:3px 0 0 0;
}

#headerMail p a{
	color:#E9E2C8;
	letter-spacing:1px;
	font:bold 12px/120% "Century Gothic";
	text-decoration:none;
	background:transparent;
}

#headerMail a:hover{
	color:#FFF;
	text-decoration:underline;
	background:transparent;
}

#headerJan{
	width:68px;
	height:19px;
	text-align:center;
	padding:3px 0 0 0;
	float:left;
}

#headerJan p a{
	color:#351800;
	text-decoration:none;
	font:bold 12px/120% "Century Gothic";
	background:transparent;
}

#headerJan p a:hover{
	color:#F00;
	text-decoration:none;
	background:transparent;
}


#headerEng{
	width:60px;
	height:19px;
	float:left;
	text-align:center;
	padding:3px 0 0 0;
}

#headerEng p a{
	color:#351800;
	text-decoration:none;
	font:bold 12px/120% "Century Gothic";
	background:transparent;
}

#headerEng a:hover{
	color:#F00;
	text-decoration:none;
	background:transparent;
}

/************** グローバルメニュー ***************/

#mainNavi {
	width:800px;
	height:22px;
	list-style:none;
}

#home {
	width:200px;
	height:22px;
	float:left;
}

.center {
	width:100px;
	height:22px;
	float:left;
}

.center span{
	padding-top:4px;
	text-align:center;
	display: block; 
}

.center a:link, .center a:visited {
	width:100px;
	height:22px;
	display:block;
	color:#FFF;
	letter-spacing:1px;
	font:10px/120% "ＭＳ Ｐゴシック";
	overflow:auto;
	background:url(../img/button_center.gif) top left no-repeat;
}

.center a:hover{
	color:#FFF;
	letter-spacing:1px;
	text-decoration:none;
	font:bold 10px/120% "ＭＳ Ｐゴシック";
	background-image:url(../img/button_center.gif);
	background-position:0px -22px;
}

#right {
	width:100px;
	height:22px;
	float:left;
}

#right span{
	padding-top:4px;
	text-align:center;
	display:block;
}

#right a:link, #right a:visited{
	width:100px;
	height:22px;
	display:block;
	background:url(../img/button_right.gif) top left no-repeat;
	color:#FFF;
	letter-spacing:1px;
	font:10px/120% "ＭＳ Ｐゴシック";
}

#right a:hover{
	color:#FFF;
	letter-spacing:1px;
	text-decoration:none;
	font:bold 10px/120% "ＭＳ Ｐゴシック";
	background-image:url(../img/button_right.gif);
	background-position:0px -22px;
}

/************** 左コンテンツ ***************/

#leftBox {
	width:210px;
	height:auto;
	color:#333;
	background:transparent;
	float:left;
}

#reservationBox_s {
	width:200px;
	height:auto;
	margin:20px 0 0 17px;
	clear:both;
}

#reservationBox_s p{
	width:190px;
	height:auto;
	margin:3px 0 0 0;
	clear:both;
	text-align:right;
	font-size:12px;
}

#menuBox-top {
	width:210px;
	height:40px;
	margin-top:20px;
	background:url(../img/menuBack_1.gif) no-repeat top right;
	clear:both;
}

#menuBox {
	width:210px;
	height:auto;
	background : url(../img/menuBack_2.gif) repeat-y top right;
	float:left;
}

#menuBox img {
	margin-left:24px;
	clear:both;
}

#menuBox h3 {
	width:190px;
	height:auto;
	text-align:center;
	padding:0 0 3px 16px;
	font:bold 12px/140% "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;
}

#menuBox-under {
	width:210px;
	height:15px;
	margin-bottom:30px;
	background:url(../img/menuBack_3.gif) no-repeat top right;
	clear:both;
}

.bannerBox {
	width:210px;
	height:auto;
	padding:10px 0 0 16px;
	clear:both;
}

.bannerBox img{
	margin-bottom:5px;
}

/************** 右コンテンツ ***************/

#rightBox {
	width:550px;
	height:auto;
	margin:10px 0 0 20px;
	text-align:left;
	background:transparent;
	float:left;
}
.titleBar {
	width:540px;
	height:28px;
	margin-bottom:10px;
	border-bottom:2px solid #351800;
	text-align:left;
	color:#333;
	background:transparent;
	clear:both;
}

.titleInfo{
	width:535px;
	height:auto;
	margin-left:10px;
	letter-spacing:1px;
	color:#333;
	font:12px/150% "ＭＳ Ｐゴシック";
	background:transparent;
}





/************** フッター ***************/

#footerBox {
	width:800px;
	height:80px;
	padding-top:50px;
	clear:both;
}

#footerLink {
	width:800px;
	height:20px;
	text-align:center;
	float:left;
}

#footerLink p {
	color:#351800;
	letter-spacing:1px;
	font:12px/120% "ＭＳ Ｐゴシック";
	margin-bottom:5px;
	background:transparent;
	vertical-align:bottom;
}

#footerLink img {
	display:inline;
	vertical-align:bottom;
}

#footerAddress {
	width:800px;
	height:60px;
	text-align:left;
	color:#333;
	background:url(../img/footer-background.gif) repeat-y;
	float:left;
}

#address {
	color:#FFF;
	letter-spacing:1px;
	font:12px/120% "ＭＳ Ｐゴシック";
	background:transparent;
	position:relative;
	top:28px;
	left:10px;
}

#address a:link {
	color:#FFF;
	text-decoration:none;
	background:transparent;
}

#address a:visited {
	color: #FFF;
	text-decoration:none;
	background:transparent;
}
#address a:hover {
	color:#F00;
	text-decoration:underline;
	background-color:transparent;
}

#copyright {
	margin:0;
	width:350px;
	color:#9D754D;
	letter-spacing:1px;
	font:10px/120% "ＭＳ Ｐゴシック";
	background:transparent;
	position:relative;
	top:14px;
	text-align:right;
	left:440px;
}