@charset "utf-8";

body{
	background-image: url(top07/bg.jpg);
	background-color:#000;
	color: #333;
	font: medium/1.2 "メイリオ","�E��E� ゴシチE��",sans-serif;
	margin: 0;
	text-align:center;
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
a{
color: #069;
text-decoration: underline;
}
a:hover{
color: #069;
text-decoration: none;
}
img{
border: 0;
margin: 0;
}
#bg-top{
	margin: 0 ;
	padding: 0;
	background-image: url(top07/top-bg-middle.jpg);
	width: 840px;
	text-align:center;	
}
#bg-top img{
	margin: 0;
}
#wrap{
margin: 0 0 0 0px;
background-color:#FFF;
width: 800px;
	text-align:left;
}
p{
margin: 0;
}
table{
border-collapse: collapse;
font-size:13px;
line-height:18px;
}
td{
vertical-align: top;
}
ul{
font-size:15px;
line-height:32px;
letter-spacing: -0.1em;
}
h1,h2,h3,h4{
margin: 0;
}
h2{
font-size: 14px;
}
.hidden{
display: none;
}
#google{
text-align: right;
}
#main th,
#main td{
padding: 5px;
}
.l{
text-align: left;
}
.r{
text-align: right;
}
.style3 {
font-size: 14px;
line-height:1.5em;
color: #333;
}

#footer { 
text-align: center;
color: gray;
font-size: 14px;
background-color: #fff;
clear: both;
padding-top: 7px;
padding-bottom: 6px;
border-top: 1px solid #ccc;
}



/*▼ヘッダ*/
#header #logo {
	width:47%;
	height:74px;
	float:left;
	padding-top:0px;
	font-size: 9px;
	text-align: left;
	vertical-align: bottom;
	display: block;
}

#header #submenu {
	width:45%;
	float:right;
	font-size: 12px;
	margin: 0;
	padding-right: 10px;
	vertical-align: bottom;
	display: block;
}
#header #submenu a{
color: #000;
text-decoration: none;
}
#header #submenu a.current{
	color: #f00;
	text-decoration: underline;
}
#header #submenu a:hover{
color: #000;
text-decoration: underline;
}
#header h1{
clear: both;
color: #730;
font-family: "�E��E� 明朝",serif;
font-size: 9px;
margin-bottom: 0;
padding: 0 0 0 0;
text-indent: -999em;
text-indent: -999em;
}

#header h2{
clear: both;
color: #333;
font-family: "メイリオ","�E��E� ゴシチE��",serif;
text-align: left;

}

#nav {
clear:both;
font-family: "メイリオ","�E��E� ゴシチE��",serif;
margin:0px 0px 2px 0px;
font-size:14px;
}

#nav ul{
	border: dotted #630;
	border-width: 1px 0;
	background-color:#000;
	list-style: none;
	margin: 2px 0px 4px 0px;
	padding: 2px 0px 5px 0px;
	text-align: center;
	line-heighst:10px;
	color: #fff;
}

#nav li{
display: inline;
}
#nav a{
color: #fff;
text-decoration: none;
}
#nav a.current{
	color: #fff;
	border-color: #f00;
	border: dotted 2px;
	margin: 2px 0px 4px 0px;
	padding: 0px 4px 0px 4px;
}
#nav a:hover{
color: #fff;
text-decoration: underline;
}

/************* relatedLinks styles **************/

.relatedLinks{
	border-style: none none none dashed;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
	font-size: 14px;
	border: 1px #630;	
}

.relatedLinks h3{
	background-color:#FFFCE3;
	color: #630;
	font-size: 14px;
	margin: 2px 0px 0px 0px;
	padding: 3px 4px 0px 4px;
	text-align: left;
	border-top: solid 1px;
	border-left: solid 1px;
	font-family: "メイリオ","�E��E� ゴシチE��",serif;

}

.relatedLinks a{
	margin: 3px;
	color: #630;
	text-decoration: none;
	display: block; 
}
.relatedLinks a.current{
	margin: 3px;
	color: #630;
	border-color: #f00;
	border: dotted 2px;
	display: block;
	font-style: normal;
}
.relatedLinks a:hover{
	margin: 3px;
color: #630;
text-decoration: underline;
}

/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 3px 0px 0px 5px;
	font-size: 12px;
	color: #630;
}

#breadCrumb a{
	color: #630;
}

#breadCrumb a:hover{
	color: #630;
	text-decoration: underline;
}

/*▼index*/

#index{
font-size: 14px;
}

#index h3{
	background-color:#FFFCE3;
	color: #630;
	font-size: 14px;
	margin: 2px 0px 0px 0px;
	padding: 3px 4px 0px 4px;
	text-align: center;
	border-top: solid 1px;
	border-left: solid 1px;

}


#index h4{
	background-color:#FFFCE3;
	color: #630;
	font-size: 14px;
	margin: 2px 0px 0px 0px;
	padding: 3px 4px 0px 4px;
	text-align: left;

}


#index #left{
float: left;
background: #fff;
width: 230px;
margin :0px;
padding:0px 5px 0px 0px;
}

#index #left ul{
font-size:13px;
line-height:18px;
}

#index #center{
float: left;
background: #fff;
width: 315px;
margin :0px;
padding:0px 5px 0px 0px;
}

#index #right{
float: left;
background: #fff;
width: 240px;
margin :0px;
padding:0px 0px 0px 0px;
}

#index .box{
border: dotted 2px #333;
background: #fff;
color: #000;
font-size: 12px;
line-height:1.5em;
margin: 5px;
padding: 2px;
}

#index .anqbox{
background: #fff;
background-image: url(top07/top-bg-middle.jpg);
width: 540px;
font-size: 14px;
text-align: left;
line-height:1.5em;
margin: 0px;
padding: 20px 150px 20px 150px;
}


#index .box-noborder{
background: #fff;
color: #000;
font-size: 12px;
line-height:1.5em;
margin: 5px;
padding: 2px;
}

#index .box-hitou{
background: #fff;
color: #000;
font-size: 12px;
line-height:1.5em;
margin: 3px;
padding: 2px;
}
#index .box-link{
border-top: solid 1px;
margin: 0 10px 1em;
padding-top: 10px;
}
#index .new{
	border-bottom: dotted 1px #666;
}


/*▼top*/

#top #colum{
	width: 645px;
	background-image:url(top07/top-bg.jpg);
	padding:5px 5px 5px 150px;
	font-size:14px;
	background-repeat: no-repeat;
	color: #FFFFFF;
}

/*▼spa*/
#spa #menu{
float: right;
width: 250px;
text-align: left;
background: #fff;
}
#spa #right{
background: #fff;
float: right;
width: 250px;
}
#spa #right .main{
border: solid 1px #333;
background: #e0e0e0;
font-size:14px;
line-height:1.5em;
text-align: left;
margin: 3px;
padding:5px;

}

#spa .box{
border: dotted 1px #333;
background: #fff;
color: #000;
font-size: 12px;
line-height:1.5em;
margin: 1px;
padding: 4px;
}

#spa .box2{
border: dotted 1px #333;
background: #fff;
color: #000;
font-size: 14px;
line-height:1.5em;
margin: 1px 10px 1px 10px;
padding: 3px;
}

#spa .new{
	border-bottom: dotted 1px #666;
}

#spa #left{
float: left;
background: #fff;
width: 550px;
}

#spa #left .main{
font-size:12px;
line-height:1.5em;
text-align: left;
margin: 3px;
padding:5px;
}

#spa h3{
background-color:#FFFCE3;
color: #630;
font-size: 14px;
margin: 2px 0px 0px 0px;
padding: 3px 4px 0px 4px;
text-align: left;
border-top: solid 1px;
border-left: solid 1px;
}

#spa h4{
color: #630;
font-size: 14px;
margin: 2px 0px 0px 0px;
padding: 3px 4px 0px 4px;
text-align: left;
border-bottom: solid 1px;
border-top: solid 1px;
background-color:#FFFCE3;
}

#spa .anqbox{
background: #fff;
background-image: url(top07/top-bg-middle.jpg);
width: 540px;
font-size: 14px;
text-align: left;
line-height:1.5em;
margin: 0px;
padding: 20px 150px 20px 150px;
}



/*▼Facilities*/

#fac #main{
float: left;
width: 520px;
padding:0;
background: #fff;
}
#fac #menu{
float: right;
text-align: left;
width: 280px;
padding:0px;
background: #fff;
}

#fac .anqbox{
background: #fff;
background-image: url(top07/top-bg-middle.jpg);
width: 540px;
font-size: 14px;
text-align: left;
line-height:1.5em;
margin: 0px;
padding: 20px 50px 20px 50px;
}


/*▼Cuisine*/

#cui #main{
float: left;
width: 545px;
font-size:14px;
padding:0;
background: #fff;
}
#cui #main .main-body{
border: 2px dotted #ccc;
font-size:14px;
line-height:1.5em;
text-align: left;
margin: 5px;
padding:5px;
clear : both;
}
#cui #main .fac-box{
	font-size:12px;
	line-height:1.5em;
	text-align: left;
	margin: 0px 5px 5px 310px;
	padding:5px;
	height: 140px;
}
#cui #main .cui-box{
	font-size:14px;
	text-align: left;
	margin: 0px 255px 5px 0px;
}

#cui #main .aki-box{
	font-size:12px;
	line-height:2em;
	margin: 0px;
	padding: 0px;
	text-align: left;
	height: 300px;
	background-color:#fff;
}

#cui #main .fuyu-box{
	font-size:12px;
	line-height:2em;
	margin: 0px;
	padding: 0px;
	text-align: left;
	height: 600px;
	background-color:#fff;
}

#cui #main #reserve table{
	fot-size:11px;
	line-height:13px;
	border-bottom-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-right-style: dotted;
	border-left-color: #FFFFFF;
	border-left-style: dotted;
	border-top-color: #FFFFFF;
}

#cui .new{
	border-bottom: dotted 1px #666;
}

#cui #menu{
float: right;
width: 250px;
text-align: left;
background: #fff;
}
#cui #menu .menu-body{
border: 2px dotted #ccc;
font-size:12px;
line-height:1.5em;
text-align: left;
margin:10px ;
padding:5px;
}

#cui h4{
color: #630;
font-size: 14px;
margin: 2px 0px 0px 0px;
padding: 3px 4px 0px 4px;
text-align: left;
border-bottom: solid 1px;
border-top: solid 1px;
background-color:#FFFCE3;
}
#cui h5{
color: #c00;
font-size: 1em;
padding:2px;
margin-top: 0;
}
#cui .box{
background: #fff;
color: #333;
font-size: 14px;
line-height:1.5em;
padding: 1px;
clear : both;
}

#cui .minibox{
background: #fff;
color: #666;
font-size: 12px;
line-height:18px;
padding: 4px;
}
#cui .box-qim{
width:520px ;
background: #fff;
color: #333;
font-size: 14px;
line-height:1.5em;
padding: 1px;
clear : both;
}
#cui .box-link{
border-top: solid 1px;
margin: 0 10px 1em;
padding-top: 10px;
}

#cui .box-noborder{
background: #fff;
color: #000;
font-size: 12px;
line-height:1.5em;
margin: 5px;
padding: 2px;
}

#cui .anqbox{
background: #fff;
background-image: url(top07/top-bg-middle.jpg);
width: 540px;
font-size: 14px;
text-align: left;
line-height:1.5em;
margin: 0px;
padding: 20px 150px 20px 150px;
}



/*▼kuri*/
#kuri #header form{
margin: 0;
text-align: right;
}
#kuri #header p{
float: left;
width: 300px;
text-align: left;
}
#kuri #main{
clear: both;
float: left;
width: 500px;
}
#kuri #main .ta1{
background: #ff6;
border: solid 1px #660;
}
#ryokin{
background: #fff;
border: dotted 2px #CCC;
margin: 0 auto;
text-align: center;
width: 480;
}
#ryokin td{
border: dotted 1px #ccc;
border-collapse: collapse;
}
#kuri #menu{
float: right;
text-align: center;
width: 290px;
}
#kuri #menu .menu-body{
border: solid 1px #c03;
text-align: left;
margin-bottom: 1em;
}
.style2 {
font-size: 24px;
color: lightseagreen;
}

/*▼rotenippai*/
#rotenippai #header form{
margin: 0;
text-align: right;
}
#rotenippai #header p{
float: left;
width: 300px;
text-align: left;
}
#rotenippai #main{
clear: both;
float: left;
width: 600px;
}
#rotenippai #menu{
float: right;
text-align: center;
width: 190px;
}
#rotenippai #menu .menu-body{
border: solid 1px #c03;
text-align: left;
margin-bottom: 1em;
}