@charset 'UTF-8';

/** |READ ME| **************************************************************************************

『マルコメ株式会社』 - だしがら活用レシピ

Cascading Style Sheet Setting File
Ver.201603

---------------------------------------------------------------------------------------------------- */
.wrap {
	margin: 0 auto;
	width: 962px;
}
.wrap_inner {
	margin: 120px auto 0;
	width: 962px;
}
header {
	margin: 0 auto;
	overflow: hidden;
	padding: 10px;
	width: 960px;
}
header h1 {
	margin-bottom: 20px;
}
header p {
	font-size: 18px;
	line-height: 1.5em;
	margin-bottom: 20px;
}

.menu_area {
	background-image: url("../img/bg_konbu_menu.png");
	background-position: center top;
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 80px 10px 30px;
}
.menu_area ul {
	float: left;
	margin: 0 19px;
	width: 275px;
}

.cont_header {
	background-image: url("../img/bg_list_header.png");
	background-position: center top;
	background-repeat: no-repeat;
	height: 735px;
	overflow: hidden;
	padding: 35px;
}
h2.konbu_title {
	position: relative;
}
h2.konbu_title span {
	color: #5b3c2f;
	font-size: 24px;
	left: 0;
	position: absolute;
	top: 38px;
}
.item_img {
	float: left;
}
.item_right {
	float: right;
	width: 425px;
	text-align: left;
}
.item_right p {
	color:#5b3c2f;
	font-size: 18px;
	line-height: 1.5em;
	margin: 20px 0 25px;
}
.item_right dl {
	background-color: #86a569;
	border-radius: 3px;
	float: left;
	margin-bottom: 75px;
	margin-right: 10px;
	padding: 5px;
}
.item_right dl.last_dl {
	margin-right: 0;
}
.item_right dl dd {
	background-color: #ffffff;
	border-radius: 2px;
	font-size: 14px;
	padding: 10px;
	text-align: center;
}
.item_right .output {
	border: 5px solid #e5e5e5;
	clear: both;
	padding: 10px 20px;
}
.item_right .output .print{
	float: left;
}
.item_right .output li {
/*	display: inline-block;*/
	float: left;
	font-size: 11px;
	height: 26px;
	overflow: hidden;
	padding-left: 6px;
	/*width: 75px;*/
}
.item_right .output .share {
	float: right;
	margin: 12px 0 0;
}
.items_area {
	overflow: hidden;
	padding-top: 30px;
	width: 100%;
}
.item_title {
	background-color: #dddddd;
	font-size: 14px;
	margin-bottom: 20px;
	padding: 10px;
	text-align: left;
}
.item_left {
	float: left;
	width: 430px;
}
.item_right {
	float: right;
	width: 430px;
}
.item_left th,
.item_right th {
	border-bottom: 1px dotted #dddddd;
	font-size: 14px;
	padding: 0 0 10px;
	text-align: left;
}
.item_left th span,
.item_right th span {
	font-size: 14px;
}
.item_left td,
.item_right td {
	border-bottom: 1px dotted #dddddd;
	font-size: 19px;
	padding: 10px 0;
	text-align: left;
}
.item_left td.no_border,
.item_right td.no_border {
	border-bottom: none;
}
.item_left td span,
.item_right td span {
	font-size: 16px;
}
.item_left span,
.item_right span {
	float: right;
}

.cont_footer {
	background-image: url("../img/bg_list_footer.png");
	background-position: center top;
	background-repeat: no-repeat;
	height: 280px;
	overflow: hidden;
	padding: 35px;
}
.cont_footer.salad {
	background-image: url("../img/bg_list_footer272.png");
	height: 203px;
}
.cont_footer.tukudani,
.cont_footer.nametake {
	background-image: url("../img/bg_list_footer204.png");
	height: 135px;
}
.cont_footer.furikake {
	background-image: url("../img/bg_list_footer261.png");
	height: 193px;
}
.cont_footer.kinpira {
	background-image: url("../img/bg_list_footer302.png");
	height: 234px;
}
.cont_footer li {
	position: relative;
	font-size: 18px;
	line-height: 1.5em;
	margin-bottom: 15px;
	padding: 12px 0 0 40px;
	position: relative;
	text-align: left;
}
.cont_footer li img {
	left: 0;
	position: absolute;
	top: 0;
}

#incFavoriteButtonArea.recipe.misosoup{
	top: 22px;
	left: calc(50% + 510px);
	right: auto;
	z-index: 99999;
}