@charset "utf-8";
/*フルリセット*/
* {
	margin:0px;
	padding:0px;
	font-size:100%;
}

/*基本タグ*/
body {
	background-color: #f0f0e0;
	font-size:85%;
	line-height : 1.5;
	font-family : 'ＭＳ Ｐゴシック','Arial';
	color:#333;
}

img {
	border:0px;
}
img.border{
	border:1px solid #999;
}

p {
	margin: 0.5em 0px;
}

h1 {
	font-size: 200%;
	margin: 1em 0 0 0;
	text-align: center;
}
h2 {
	margin-top: 1.5em;
	padding: 0 8px;
	font-size: 150%;
	font-weight: bold;
	border-left: 18px solid #666;
}
h2.vegetable {border-color: #557766;}
h2.fruit {border-color: #BB7700;}
h2.fish {border-color: #556688;}
h2.marine {border-color: #667777;}
h2.others {border-color: #998866;}
h2.recipe {border-color: #cc9999;}
h3 {
	margin: 12px 0 8px 0;
	padding: 4px 12px;
	font-weight: bold;
	border-radius: 12px;
}
h3.vegetable { background-color: #557766; color: #fff; }
h3.fruit     { background-color: #BB7700; color: #fff; }
h3.fish      { background-color: #556688; color: #fff; }
h3.marine    { background-color: #667777; color: #fff; }
h3.others    { background-color: #998866; color: #fff; }

em {
	font-weight:bold;
	font-style:normal;
}

table.calendar,
th,tr,td {
	border-collapse: collapse;
	border: 0px solid #ccc;
	text-align: left;
	vertical-align: middle;
	padding: 4px 1em;
}
td{
	border-bottom: 1px dotted #ccc;
}

.pagenavi {
	margin: 24px 0;
	text-align: center;
}
.pagenavi a {
	white-space: nowrap;
	line-height: 2.5;
	border: 1px solid #ccc;
	padding: 8px 12px;
}
.pagenavi a:hover {
	background: #6c3;
	color: #ffffff;
}
.pagenavi b {
	border: 1px solid #ccc;
	background: #6c3;
	padding: 8px 12px;
}

a:link {color: #336666;}
a:visited {color: #334444;}
a:hover {color: #ff6600;}
a:active {}

.right{float:right;}
.left{float:left;}
.center{text-align:center;}
.large{font-size:150%;}
.red{color:#900;}

/*テンプレート*/
#main{
	margin: 0px auto;
	padding: 0 2%;
	max-width: 980px;
	background-color: #fff;
}
#headline {
	background-color: #e0ddbb;
	padding: 12px 8px 12px 8px;
	overflow: hidden;
}
#header_menu {
	float: right;
	text-align: right;
	font-size: 85%;
}
.qr {
	width: 120px;
	text-align: right;
	float: right;
	font-size: 80%;
}
.pan {
	font-size: 100%;
	font-weight: bold;
	margin: 8px 2px;
}
#footer {
	padding: 32px 0;
	text-align: center;
	font-size: 90%;
	background-color: #e0ddbb;
}
#overlay {
	width: 100%;
	position: fixed;
	text-align: center;
	bottom: 0px;
	left: 0px;
	background: #333;
	z-index: 1000;
}
.menu {
	margin-top: 1em;
	padding: 8px 0;
	border-bottom: 1px dotted #999;	
}
.more {
	text-align: right;
	font-size: 85%;
	clear: both;
}

/*カレンダー*/
table.calendar {
	margin: 0px auto;
	width: 100%;
}
tr.vegetable {background-color: #f3fff3;}
tr.fruit {background-color: #fff9f3;}
tr.fish {background-color: #f3f6ff;}
tr.marine {background-color: #f3f3f6;}
tr.others {background-color: #f3f3f0;}
td.name {
	width: 20%;
	border-right: 1px dotted #ccc;
	line-height: 1.2;
}
td.othername {
	width: 10%;
	border-right: 1px dotted #ccc;
	font-size: 85%;
}
td.month {
	width: 1.5em;
	color: #ccc;
	padding: 4px;
	text-align: center;
}
td.note {
	border-left: 1px dotted #ccc;
}
td.recipelink {
	text-align: right;
	white-space: nowrap;
	border-left: 1px dotted #ccc;
}
td.recipelink span { font-size: 70%; }
span.syun{
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	background-color: #557766;
	color:#fff;
}
table.vegetable span.syun{background-color: #557766;}
table.fruit span.syun{background-color: #BB7700;}
table.fish span.syun{background-color: #556688;}
table.marine span.syun{background-color: #667777;}
table.others span.syun{background-color: #998866;}
table.vegetable span.syun_usu{background-color: #bbddcc;}
table.fruit span.syun_usu{background-color: #ffdd66;}
table.fish span.syun_usu{background-color: #bbccee;}
table.marine span.syun_usu{background-color: #ccdddd;}
table.others span.syun_usu{background-color: #ffeecc;}

/*レシピ*/
.recipebox{
	float: left;
	position: relative;
	width: 300px;
	height: 92px;
	margin: 4px 6px 8px 6px;
	overflow: hidden;
	border-bottom: 1px dotted #999;
}
.recipebox .title {
	font-size: 125%;
	line-height: 1.2;
	margin-bottom: 6px;
}
.recipebox .trim {
	display: block;
	float: left;
	position: relative;
	margin-right: 6px;
	overflow: hidden;
	width: 80px;
	height: 80px;
}
.recipebox .trim img.wlong { width: auto; height: 100%; }
.recipebox .trim img.hlong { width: 100%; height: auto; position: absolute; top: -50%; }
.recipebox .photo{
	float: left;
	margin-right: 6px;
	width: 64px;
	height: 64px;
}
.recipebox .zairyo{
	font-size: 90%;
	color: #c96;
}
.recipebox .zairyo a {
	color: #c96;
	text-decoration: none;
}
.recipebox .zairyo a:hover {
	text-decoration: underline;
}
.recipebox .source{
	text-align: right;
	position: absolute;
	font-size: 90%;
	color: #999;
	right: 0;
	bottom: 6px;
	background: #fff;
}

/*単独ページ*/
#syokuzai_single h1 {
	text-align: center;
}
#syokuzai_single table.calendar {
	margin: 24px auto 0px auto;
	width: auto;
}
#syokuzai_single p {
	max-width: 372px;
	font-size: 120%;
	line-height: 2;
	padding: 1em 6px;
	margin: 4px auto;
}
#syokuzai_single .recipe_list {
	max-width: 640px;
	margin: 4px auto;
	overflow: hidden;
}
.center_more { text-align: center; clear: both; }
.center_more a { font-size: 150%; font-weight: bold; }

/*レシピページ*/
#logo_recipe_sh {
	max-width: 80%;
	margin: 32px 0;
}
form.search {
	max-width: 400px;
	margin: 36px auto;
}
form.search .keywords {
	font-size: 150%;
	vertical-align: middle;
	height: 32px;
	padding: 0 4px;
	border: 1px solid #ccc;
	width: 70%;
}
form.search .button_search {
	cursor: pointer;
	vertical-align: middle;
	width: 60px;
	height: 32px;
}
.facet form.search {
	margin: 4px 0;
}
#recipe_index {
	max-width: 480px;
	margin: 4px auto;
}
#recipe_index p {
	font-size: 85%;
}
#recipe_index .facet {
	padding: 12px;
	line-height: 1.7;
	background: #fff0e0;
}
#recipe_index .facet a {
	white-space: nowrap;
}
#recipe_index .recipebox {
	width: auto;
	height: 86px;
	max-width: 100%;
	float: none;
}
#recipe_index .recipebox .trim {
	display: block;
	float: left;
	margin-right: 6px;
	overflow: hidden;
	width: 108px;
	height: 80px;
}