@charset "shift_jis";

@import url("base.css");

body {
	margin: 10px;
	text-align: center;
}

div#header {
	background: url(../images/top-banner.gif);
	background-repeat: no-repeat;
	width: 786px;
	height: 200px;	
	margin: 0 auto;
}

div#header #update {
	float: left;
	width: 290px;
	height: 20px;
	margin-top: 40px;
	font-size: 11pt;
	text-align: center;
}

div#header #counter {
	float: right;
	width: 290px;
	height: 20px;
	margin-top: 38px;
	text-align: center;
}

div#container {
	background: url(../images/container.gif);
	background-repeat: no-repeat;
	width: 786px;
	height: 465px;
	margin: 0 auto;
	text-align: center;
}

div#sidebar {
	float: left;
	width: 180px;
	height: 400px;
	text-align: center;
}

div#content {
	float: right;
	width: 500px;
	text-align: center;
}

div#footer {
	clear: both;
	width: 786px;
	height: 50px;
	margin: 0 auto;
	font-size: 11pt;
	text-align: center;
}

div#menu {
	width: 128px;
	height: 240px;
	margin: 10px auto 0;
	padding: 0;
}

div#menu ul {
	margin: 0;
	padding: 0;
	width: 128px;
	background: url(../images/links-button.gif) no-repeat;
}

div#menu ul li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

div#menu ul li a {
	display: block;
	width: 128px;
	height: 40px;
	margin-bottom: 5px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

div#menu ul li.link_menu a:active,
div#menu ul li.link_menu a:focus,
div#menu ul li.link_menu a:hover {
	background: url(../images/links-button.gif) no-repeat -128px 0px;
}

div#menu ul li.link_lunch-time a:active,
div#menu ul li.link_lunch-time a:focus,
div#menu ul li.link_lunch-time a:hover {
	background: url(../images/links-button.gif) no-repeat -128px -45px;
}

div#menu ul li.link_guide a:active,
div#menu ul li.link_guide a:focus,
div#menu ul li.link_guide a:hover {
	background: url(../images/links-button.gif) no-repeat -128px -90px;
}

div#menu ul li.link_info a:active,
div#menu ul li.link_info a:focus,
div#menu ul li.link_info a:hover {
	background: url(../images/links-button.gif) no-repeat -128px -135px;
}

div#menu ul li.link_gallery a:active,
div#menu ul li.link_gallery a:focus,
div#menu ul li.link_gallery a:hover {
	background: url(../images/links-button.gif) no-repeat -128px -180px;
}

div#menu ul li.link_diary a:active,
div#menu ul li.link_diary a:focus,
div#menu ul li.link_diary a:hover {
	background: url(../images/links-button.gif) no-repeat -128px -225px;
}

div#menu ul li.link_owner a:active,
div#menu ul li.link_owner a:focus,
div#menu ul li.link_owner a:hover {
	background: url(../images/links-button.gif) no-repeat -128px -270px;
}

div#menu ul li.link_links a:active,
div#menu ul li.link_links a:focus,
div#menu ul li.link_links a:hover {
	background: url(../images/links-button.gif) no-repeat -128px -315px;
}