@charset "utf-8";

/* CSS Document */

.foods {
	border: 1px solid #A1DD61;
	padding: 10px;
	margin:0 auto 30px auto;
	width:530px;
}

.foods .pic {
	border: 1px solid #A1DD61;
	width: 160px;
	height: 120px;
	background:url(../foods/img/img_imgblank.gif) center #FFFFFF;
	font-size:0;
}

.foods .recipes {
	width: 355px;
	float: right;
}

.foods ul {
	list-style: none;
	margin: 0px;
	line-height:1.3em;
}
.foods .more {
	clear: both;
	text-align: right;
}

.foods h5 {
	font-size:14px;
	border-bottom: dotted 1px #CCCCCC;
	padding-bottom:5px;
}


.cooking {
	border: 1px solid #00B6CA;
	background-color: #E5F8FA;
}
.cooking h5{
	color:#00B6CA;
}

.seasonal {
	border:1px solid #EA5452;
	background-color: #FDEEED;
}
.seasonal h5{
	color:#EA5352;
}


/* cooking */

.cook .other {
	text-align: right;
}

.cook .other span {
	float:left;
	display:block;
	text-align:left;
}

.cook .other a{
	text-decoration:none;
}

.cook h5 {
	font-size:14px;
	color: #666666;
	background: url(../foods/cooking/img/h5_cooking.gif) left no-repeat;
	padding: 5px;
	margin-bottom:15px;
	clear: both;
}
.cook h6 {
	font-size:12px;
	color: #008897;
	border-bottom: dotted 1px #999999;
	clear: both;
}
.cook .pic {
	border: 1px solid #00B6CA;
	width: 238px;
	height: 178px;
	margin: 0px 0px 15px 0px;
	background:url(../foods/img/img_imgblank.gif) center #FFFFFF no-repeat;
}
.cook table,.cook th,.cook td {
	border: 1px solid #00B6CA;
	border-collapse: collapse; 
	color: #008897;
	padding: 1px 5px;
	text-align:left;
}
.cook th {
	background-color: #E2F8FA;
}
.cook td {
	background-color: #F1FBFC;
}
.cook table {
	width: 100%;
	margin-bottom:15px;
}
.cook td {
	text-align: right;
}
.cook .left {
	width: 240px;
	float: left;
} 
.cook .left h6 {
	border: none;
} 
.cook .right {
	width:300px;
	float: right;
	margin-bottom:30px;
}
.cook dt{
	font-weight:bold;
	color: #066A38;
}
.cook dt,.cook dd {
	margin: 0px;
	padding: 0px;
}
.cook ul {
	list-style: none;
	margin: 0px 0px 30px 10px;
}
.cook-archive li {
	list-style:none;
}
.cook-archive li a {
	background: url(../../img_common/link_arrow.gif) left center no-repeat;
	padding-left: 15px;
}
.cook-archive li a:hover {
	background: url(../../img_common/link_arrow_o.gif) left center no-repeat;
}

/* 旬の食材
---------------------------------------------------- */

#food-vege .pic{
	float:left;
	border:#A1DD62 1px solid;
	width: 238px;
	height: 178px;
	margin-right:10px;
	background:url(../foods/img/img_imgblank.gif) center #FFFFFF no-repeat;
}
#vege{
	margin-top:20px;
}

#vege div{
	width:275px;
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 10px 0px 0px;
}
#vege div.box{
	width:100%;
	clear:both;
	margin:0px;
	padding:0px;
}
#vege h5{
	border-bottom:#066A38 dotted 1px;
	color:#066A38;
	font-size:1.1em;
}

#vege-bn div{
	width:265px;
	float:left;
	padding:5px;
	margin-right:8px;
	margin-bottom:10px;
	background-color:#FDEEED;	
}

#vege-bn div{
		border:#EA5452 1px solid;
}

#vege-bn div.box{
	width:100%;
	clear:both;
	margin:0px;
	padding:0px;
	background:#FFFFFF;
	border:none;
}
#vege-bn h5{
	border-bottom:#CCCCCC dotted 1px;
	margin-left:110px;
	color:#EA5352;
}

#vege-bn p{
	margin-left:110px;
}

#vege-bn .pic{
	border:#A1DD62 1px solid;
	padding:0px;
	width:100px;
	height:75px;
	margin:0px 10px 0px 0px;
	background:url(../foods/img/img_imgblank_s.gif) center #FFFFFF no-repeat;
}

.btn-bn{
	width:570px;
	text-align:right;
	padding-bottom:10px;
}




/* cooking　タイトル新規
----------------------------------------------------- */
h3.h3-cooking {
	margin:0;
}
h4.h4-cooking {
	background:url(../foods/cooking/img/h4_cooking.gif) no-repeat; 
	border:none;
	height:60px;
	line-height:42px;
	padding-left:15px;
	color:#666666;
	margin-bottom:0px;
	font-size:1.2em;
	padding-top:8px;
}


/* food　タイトル新規
----------------------------------------------------- */
h3.h3-food {
	margin:0;
}
h4.h4-food {
	background:url(../foods/food/img/h4_food.gif) no-repeat; 
	border:none;
	height:60px;
	line-height:42px;
	padding-left:15px;
	color:#666666;
	margin-bottom:0px;
	font-size:1.2em;
	padding-top:8px;
}

/* mame　ひとくちメモ
----------------------------------------------------- */
.box-mame{
	margin:30px 0 50px 0;
}
.box-mame h4{
	margin:0;
	background:none;
	border:none;
	padding:0;
}
.box-mame .box{
	padding:20px;
	border:1px solid #729416;
	background:#EDF7D2;
	min-height:200px;
	_height:200px;
}
.box-mame .pic{
	float:right;
	background:none;
	padding-left:15px;
	border:none;
	margin-top:-2em;
}
.box-mame .box h5{
	margin:0 0 10px 0;
	background:none;
	border:none;
	padding:0;
	font-size:medium;
	color:#729416;
}