@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-style: normal;
}

ul li {
	list-style-type: none;
}
img {
	border-style: none;
	font-size: 0px;
	line-height: 0px;
}
html {overflow-y: scroll;}
html, body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: "・?・ｩ・ｮ・?隗?・ｴ Pro W3", "Hiragino Kaku Gothic Pro", "・｡・､・ｪ・ｪ", Meiryo, Osaka, "・ｭ・ｳ ・ｰ・ｴ・ｷ・?・ｯ", "MS PGothic", sans-serif;
	color: #666666;
	font-size: 12px;
	background-color: #FCF7EB;
	line-height: 18px;
	background: url(grade-green1.jpg) repeat-x center top fixed;
}
.clear {
	clear: both;
	float: none;
	font-size: 0px;
	line-height: 0px;
}
a {
	color: #3CA68E;
	overflow: hidden;
	text-decoration:underline;
}
a:hover{
	color: #FF6600;
	text-decoration: underline;
}
.cf:after {
  content: ".";  /* ・ｰ・?・?隕?邏・?菴?・? */
  display: block;  /* ・?・ｭ・?・ｯ・ｬ・?・ｫ隕?邏・ｫ */
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  min-height: 1px;
}

* html .cf {
  height: 1px;
  /*ﾂ･*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*----------------------------------
 #wrapper
------------------------------------*/
#wrapper {
	background-color: #FFFFFF;
	height: auto;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	color: #000000;
	text-align: left;
}

#header{
	background-image: url(header.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: auto;
	padding: 20px;
}

h1 {
	color: #333;
	font-size:25px;
	font-weight:bold;
	line-height:1.6;
}

h2 {
	color: #333;
	font-size:16px;
	font-weight:normal;
	line-height:1.6;
}


/*----------------------------------
 #main
------------------------------------*/
#main {
	margin-top: 10px;
}

/*----------------------------------
 #sidebar
------------------------------------*/
#sidebar {
	background-color:#FFF;
	height: 1850px;
	width: 199px;
	float: left;
}


#sidebar #menu{
	border:1px solid #8AD4C3;
	padding:0;
	margin:0 10px;
}

#sidebar #menu h1{
	background-color:#8AD4C3;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	font-size:15px;
}

#sidebar #menu p{
	margin:10px;
}

#sidebar #menu a{
	font-size:10px;
	line-height:1.2;
}


/*----------------------------------
 #sideBlock
------------------------------------*/
#sideBlock {
	position: relative;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
}
#sideBlock .logo a{
	background-image: url(logo.png);
	background-repeat: no-repeat;
	height: 88px;
	width: 189px;
	text-indent: -9999px;
	margin-bottom: 10px;
	display: block;
}
#sideBlock .information {
	background-image: url(information.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 340px;
	width: 189px;
}
/*----------------------------------
 #navigation
------------------------------------*/
#navigation {
	height: 196px;
	width: 189px;
}
#navigation {
	list-style: none;
}
#navigation li {
	text-indent:-9999px;
}
#navigation a {
	text-decoration:none;
	background:url(navigation.jpg) no-repeat scroll left top;
	overflow: hidden;
}
#nav01 a {background-position:0px 0px}
#nav02 a {background-position:0px -22px}
#nav03 a {background-position:0px -44px}
#nav04 a {background-position:0px -65px}
#nav05 a {background-position:0px -87px}
#nav06 a {background-position:0px -110px}
#nav07 a {background-position:0px -132px}
#nav08 a {background-position:0px -153px}
#nav09 a {background-position:0px -175px}

#nav01 a:hover {background-position:-189px 0px}
#nav02 a:hover {background-position:-189px -22px}
#nav03 a:hover {background-position:-189px -44px}
#nav04 a:hover {background-position:-189px -65px}
#nav05 a:hover {background-position:-189px -87px}
#nav06 a:hover {background-position:-189px -110px}
#nav07 a:hover {background-position:-189px -132px}
#nav08 a:hover {background-position:-189px -153px}
#nav09 a:hover {background-position:-189px -175px}

#nav01 li,#nav01 a {
	width: 189px;
	height: 22px;
	display: block;
}
#nav02 li,#nav02 a {
	width: 189px;
	height: 22px;
	display: block;
}
#nav03 li,#nav03 a {
	width: 189px;
	height: 21px;
	display: block;
}
#nav04 li,#nav04 a {
	width: 189px;
	height: 22px;
	display: block;
}
#nav05 li,#nav05 a {
	width: 189px;
	height: 23px;
	display: block;
}

#nav06 li,#nav06 a {
	width: 189px;
	height: 22px;
	display: block;
}
#nav07 li,#nav07 a {
	width: 189px;
	height: 21px;
	display: block;
}
#nav08 li,#nav08 a {
	width: 189px;
	height: 22px;
	display: block;
}
#nav09 li,#nav09 a {
	width: 189px;
	height: 21px;
	display: block;
}

/*----------------------------------
 #contents
------------------------------------*/
#contents {
	background-color: ＃FFF;
	float: right;
	height: auto;
	width: 645px;
	background-image: url(bg_contents.jpg);
	background-repeat: repeat-y;
	margin-top:10px;
	margin-right:15px;
	color:#333;
}

#contents h3{
	border-bottom:1px solid #333;
	background-color: #8AD4C3;
	padding:13px;
	font-size:17px;
	font-weight:bold;
	margin-bottom:15px;
	color:#333;
}

#contents p{
	padding-left:10px;
	line-height:1.6;
	margin-bottom:10px;
}






/*----------------------------------
 #mainImage
------------------------------------*/
#mainImage {
	font-size: 0px;
	line-height: 0px;
}
/*----------------------------------
 #categoryBlock
------------------------------------*/
#categoryBlock {
	padding-right: 8px;
	padding-left: 8px;
}
/*----------------------------------
 #serviceTicket
------------------------------------*/
#serviceTicket {
	margin-top: 20px;
}
#serviceTicket h2 {
	background-image: url(title_service_ticket.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 30px;
	width: 644px;
	margin-bottom: 6px;
}
#serviceTicket dl {
}
#serviceTicket dt {
	margin-right: -8px;
}
#serviceTicket dt ul {
	float: left;
	margin-right: 8px;
}
#serviceTicket dd {

}
/*----------------------------------
 #menu
------------------------------------*/
#menu {
	margin-top: 20px;
}
#menu h2 {
	background-image: url(title_menu.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 88px;
	width: 644px;
	margin-bottom: 6px;
}

#menu dl {

}
#menu dt {
	float: left;
	width: 150px;
}


#menu .food {
	background-image: url(border.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
}
#menu .food dd {
	color: #990000;
	background-image: url(border_dot.png);
	background-repeat: no-repeat;
	background-position: 100px center;
	text-indent: 80px;
}

#menu .photo {
	position: absolute;
	top: 106px;
	left: 310px;
	width: 332px;
}
#menu .photo ul {
	float: left;
	margin-left: 6px;
}
#menu .photo li {
	text-align: center;
	width: 160px;
}
#menu .photo img {
	margin-top: 6px;
}
#menu .food .long {
	margin-bottom: 140px;
}

#menu .title_07 {
	background-image: url(main_food07.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 644px;
	text-indent: -9999px;
	padding-bottom: 10px;
}
#menu .title_08 {
	background-image: url(main_food08.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 644px;
	text-indent: -9999px;
	padding-bottom: 10px;
}
#menu .title_09 {
	background-image: url(main_food09.png);
	background-repeat: no-repeat;
	height: 29px;
	width: 644px;
	text-indent: -9999px;
	padding-bottom: 10px;
}
#menu .left {
	float: left;
}
#menu .right {
	float: left;
	margin-left: 40px;
}
#menu .set {
	background-image: url(set.jpg);
	background-repeat: no-repeat;
	height: 82px;
	width: 644px;
	text-indent: -9999px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#menu .party {
	background-image: url(party.png);
	background-repeat: no-repeat;
	height: 54px;
	width: 644px;
	text-indent: -9999px;
}
/*----------------------------------
 #footer
------------------------------------*/
#footer {
	background-color:#70CCB7;
	height: 32px;
	width: auto;
	color: #FFFFFF;
	margin-top: 20px;
	padding-top: 10px;
	text-align: right;
	padding-right: 10px;
	font-size: 10px;
	letter-spacing: 0.1em;
	font-family: Arial, Helvetica, sans-serif;
}