@charset "utf-8";
/*******************************************************************************
見出し
*******************************************************************************/
h2 {
	margin-bottom: 30px;
}
/*******************************************************************************
■top page
*******************************************************************************/

#top #mainvisual {
	position: relative;
	height: 360px;
	width: 700px;
	text-align: left;
	overflow: hidden;
}
#top #mainvisual img {
	position: absolute;
	left: 0;
	top: 0;
}


/*******************************************************************************
■top page- 201607
*******************************************************************************/

#hero {
	position: relative;
	height: 460px;
	width: 914px;
	margin:40px auto 60px;
}
 #hero img {
	position: absolute;
	left: 0;
	top: 0;
}


/*****************************************
新着情報
*****************************************/
#news_area {
	width: 700px;
	height: auto;
	margin: 0 auto 90px;
}
ul.topnews {
	width: 734px; /*右マージン含む子ボックス合計幅*/
	margin: 0 -34px 45px 0; /*親ボックスからのはみ出しぶんをずらしとく*/
}
ul.topnews li {
	width: 210px;
	float: left;
	margin: 0 34px 0px 0;
	position: relative;
}

.topimage{
	height: 160px; 
	overflow: hidden;
	margin-bottom: 15px;
}
.topimage img{ /*新着記事画像*/
	max-width:210px;
}

ul.topnews li span {/*カテゴリー名表示*/
	position: absolute;
	top: 0px;
	right: 0;
	background-color: rgba(80,80,90,0.7);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#7050505a,EndColorStr=#7050505a);/*IE8以下用*/
	color: #fff;
	padding: 0px 6px;
	font-size: 10px;
}
ul.topnews li p.update {
	font-size: 13px;
	color: #999;
	margin-bottom: 15px;
}
ul.topnews li p.news_title {
	font-weight: bold;
	margin-bottom: 15px;
}
ul.topnews li p.news_text {
	margin-bottom: 10px;
	line-height: 24px;
	color: #3f3f3f;
}
ul.topnews li p.news_text a:link {
	text-decoration: underline;
}
ul.topnews li p.news_text a:hover {
	text-decoration: none;
}
p.news_link {
	text-align: right;
}
/*****************************************
店舗について
*****************************************/
.shop_area {
	margin: 0;
}
.shop_area img {
	float: left;
	margin: 0;
}
.shop_text {
	width: 100%;
	float: right;
}
/*****************************************
料理教室のご案内
*****************************************/

.cook_text {
	margin-bottom: 50px;
}
.cook_area {
	margin: 0;
}
.cook_area img {
	float: left;
	margin: 0;
}
.cook_area p {
	width: 460px;
	float: right;
}
/*******************************************************************************
■ミツバチ食堂について
*******************************************************************************/
#about p {
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "MS PMincho", "MS 明朝", serif;
	line-height: 34px;
	margin-bottom: 30px;
}
/*******************************************************************************
■ミツバチ食堂のごはん
*******************************************************************************/
#menu p {
	margin-bottom: 90px;
}
#menu h3 {
	margin-bottom: 60px;
}
#menu .menu_area {
	margin-bottom: 50px;
}
#menu .menu_text {
	float: left;
	width: 320px;
	margin: 0 0 90px;
}
#menu .menu_text p {
	margin-bottom: 50px;
	line-height: 24px;
}
#menu .menu_text .subtext {
	color: #737373;
}
#menu .menu_text ul.menu_list {
	background: url(../img/menu/bg_kakko_03.gif) no-repeat;
	margin: -20px 0 20px;
}
#menu .menu_text ul.menu_list li {
	padding: 5px 0 0 30px;
}
#menu .menu_image {
	float: right;
	width: 300px;
}
#menu .menu_image img {
	margin: 60px 0 25px;
}
/*******************************************************************************
■店頭販売について
*******************************************************************************/
#store p {
	margin-bottom: 90px;
}
#store .text_area {
	margin-bottom: 150px;
}
#store .text_area h3 {
	margin-bottom: 30px;
}
#store .text_area img.floatleft {
	margin-right: 35px;
}
#store .text_area img.floatright {
	margin-left: 35px;
}
/*******************************************************************************
■畑のこと
*******************************************************************************/
#farm p {
	margin-bottom: 50px;
}
#farm .text_area {
	margin-bottom: 120px;
}
#farm .text_area h3 {
	margin-bottom: 20px;
}
#farm .text_area p {
	margin-bottom: 15px;
}
#farm .text_area img {
	margin-bottom: 15px;
}

/*******************************************************************************
■404 not found
*******************************************************************************/
#nt section{
	margin-top:80px;}
	
#nt section p{
	margin-top:20px 0;}
	
#nt h3{
	font-size:22px;
	padding-bottom:10px;
		background: url(../img/blog/border.jpg) bottom repeat-x;
		margin-bottom:30px;
}