@charset "utf-8";

/*________________________________________________

	name:			food.css
	author:			kumi morita
	mail:			morimori@elf.coara.or.jp
	create Date:	2009-12-21
	lastmodified:	****-**-**
________________________________________________*/

  
/* Base Styles ===================================
 * (classes defined in the Markup Guide)
================================================*/
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */


/* ColorScheme====================================
	MainColor	=>	#333333
	SubColor	=>	#ffffff
	AccentColor	=>	#
================================================*/

/*--------------------------------------------------------------
#food
--------------------------------------------------------------*/
#food {
	display: block;
	clear: both;
	width: 590px;
	height: auto;
	margin: 0 auto 0 15px;
	padding: 0;
}
#food h3 {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background: #5e850c;
}
#food h3 span {
	padding-left: 10px;
	border-left: 5px #ffffff solid;
	color: #ffffff;
	font-weight: bold;
	font-size: medium;
}
#food ul {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 10px 0 10px 0;
	padding: 0;
}
#food li {
	display: block;
	clear: both;
	width: auto;
	height: auto;
	margin: 5px 0 5px 0;
	padding: 0 0 5px 0;
	color: #5a0b10;
	font-weight: bold;
	border-bottom: 1px #cccccc dashed;
	text-align: left;
}
#food li p {
	display: block;
	float: left;
	width: 267px;
	height: auto;
	margin: 0 auto 0 0;
	padding: 0;
	color: #5a0b10;
	font-weight: bold;
	text-align: left;
}
#food li p img {
	margin-bottom: 5px;
}
#food li p a img {
	margin: 5px 0 0 0;
}
#food li p.foodend {
	display: block;
	float: right!important;
	width: 267px;
	height: auto;
	margin: 0 0 0 auto!important;
	padding: 0;
	color: #5a0b10;
	font-weight: bold;
	text-align: left;
}

/*--------------------------------------------------------------
clearfix
--------------------------------------------------------------*/
ul, li, dl, dt, dd {
	display: inline-block;
	display: block;
	zoom: 100%;
}
ul:after, li:after, dl:after, dt:after, dd:after {
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	visibility: hidden;
	line-height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html ul, * html li, * html dl, * html dt, * html dd {
	height: 1%;
}
ul, li, dl, dt, dd {
	display: block;
}
/* End hide from IE-mac */