/* 配色：#660, #630, #cc9 */
h1, h2, h3, p, dl, ul, ol{margin:0;padding:0;}
body{margin:0;padding:0;}
a:link, a:visited{
	text-decoration:none;
	color:#630;
}
a:active, a:hover{
	text-decoration:underline;
	color:#660;
}
#whole{
	width:800px;
	margin:10px;
	border:1px solid #333;
	background:#cc9;
}
#header{
	width:800px;
	height:80px;
	background:#660 url("images/logo.gif") no-repeat;
	border-top:10px solid #630;
}
#header h1{
	text-indent:-3000px;
}
#side{
	width:220px;
	color:#630;
	font-size:90%;
	border:0px solid #333;
	padding:20px;
	float:left;
}
#side ul{list-style:none;margin:0;padding:0;}
#side li{
	margin-bottom:10px;
}
#content{
	width:530px;
	background:#cc9;
	float:right;
}
#content p#kaisetu{
	font-size:90%;
	line-height:150%;
	margin:20px 40px;
}
#tako{
	border:1px solid #808080;
	margin:10px;
	padding:30px;
	padding-left:240px;
	font-size:90%;
	line-height:160%;
	background:url("images/tako.jpg") no-repeat left;
}
#kondate{
	clear:both;
	width:480px;
	margin:10px;
	padding:10px;
	font-size:95%;
	line-height:150%;
	background:url("images/set.jpg") no-repeat right top;
}
#kondate h2{margin-bottom:10px;}
#kondate li{
	list-style:none;
	background:url("images/link.gif") no-repeat left;
	padding-left:20px;
}
#eigyo{
	font-size:85%;
	line-height:150%;
}
#eigyo h2, #eigyo p{margin-bottom:10px;}
#footer{
	height:40px;
	line-height:40px;
	font-size:85%;
	text-align:center;
	background:#630;
	color:#cc9;
}

/* お献立 */
#courses{
	width:760px;
}
.course{
	width:200px;
	margin:10px 25px;
	float:left;
}
h2.menu{
	font-size:100%;
	text-align:center;
	margin:10px;
}
.course ul{list-style:none;margin:0;padding:0;}
.course dt{
	padding:5px;
	border:1px solid #630;
	border-left:10px solid #630;
	margin-bottom:8px;
}
#courses table{
	width:400px;
	margin:10px auto;
	border:1px solid #333;
}
#courses table td{
	font-size:90%;
	border-bottom:1px dashed #dcdcdc;
}
.grey{
	color:#808080;
	font-size:85%;
	text-align:center;
	width:80px;
}
td.name{
	width:180px;
	padding:10px;
}
.special{
	font-size:85%;
	color:#630;
}