@charset "utf-8";


#main h2 {
	margin-bottom: 26px;
	padding-bottom: 4px;
	border-bottom: 1px solid #a8a8a8;
	font-size: 0;
}

#main div#about {
	height: 1%;
	margin-bottom: 36px;
	overflow: hidden;
}
#main div#about div.title {
	position: relative;
}
#main div#about div.title h3 {
	height: 39px;
	font-size: 0;
}
#main div#about div.title p.pdf {
	position: absolute;
	top: 0;
	right: 130px;
}
#main div#about div.title p.print {
	position: absolute;
	top: 0;
	right: 0;
}
#main div#about p.pdf a,
#main div#about p.print a {
	height: 24px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#main div#about p.pdf a {
	width: 120px;
	background: url("../images_r/pdf.gif") no-repeat;
}
#main div#about p.print a {
	width: 115px;
	background: url("../images_r/print.gif") no-repeat;
}
#main div#about p.pdf a:hover,
#main div#about p.print a:hover {
	background-position: 0 -24px;
}
#main div#about div.description {
	width: 274px;
	min-height: 295px;
	height: auto !important;
	height: 295px;
	position: relative;
	float: left;
}
#main div#about div.description h4 {
	font-size: 114%;
}
#main div#about div.description p.add {
	margin: 5px 0 21px;
	font-weight: bold;
}
#main div#about div.description p.text {
	line-height: 14pt;
}
#main div#about div.description ul.image {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
#main div#about div.description ul.image li {
	width: 130px;
	margin-right: 14px;
	float: left;
	display: inline;
}
#main div#about div.description ul.image li.right {
	margin-right: 0;
}
#main div#about div.image {
	width: 295px;
	float: right;
}

/*-- 材料部分 --*/
#main div#ingredient {
	margin-bottom: 24px;
	position: relative;
}
#main div#ingredient p.add {
	position: absolute;
	top: 0;
	left: 50px;
}
#main div#ingredient h3 {
	margin-bottom: 11px;
	padding-bottom: 2px;
	border-bottom: 1px solid #a8a8a8;
	font-size: 0;
}
#main div#ingredient ul li {
	line-height: 14pt;
	padding-left: 10px;
	background: url("../images/list_img.gif") 2px 8px no-repeat;
}
#main div#ingredient div.list_01 {
	margin: 12px 0;
}
#main div#ingredient div.list_01 ul { /* clearfix */
}
#main div#ingredient div.list_01 ul li {
	width: 280px;
	margin-bottom: 6px;
	float: left;
}
* html #main div#ingredient div.list_01 ul li {
	width: 290px;
}
#main div#ingredient div.list_02 { /* clearfix */
	margin: 12px 0;
}
#main div#ingredient div.list_02 ul {
	width: 290px;
	float: left;
}
#main div#ingredient div.list_02 ul li {
	margin: 7px 0;
}

/*-- 作り方部分 --*/
#main div#make {
	margin-bottom: 36px;
}
#main div#make h3 {
	margin-bottom: 11px;
	padding-bottom: 2px;
	border-bottom: 1px solid #a8a8a8;
	font-size: 0;
}
#main div#make ol {
}
#main div#make ol li {
	line-height: 14pt;
	margin: 0 0 12px 25px;
	list-style-type: decimal;
	font-weight: bold;
}
*:first-child+html #main div#make ol li {
	margin-left: 32px;
}
* html #main div#make ol li {
	margin-left: 32px;
}
#main div#make ol li p {
	font-weight: normal;
}
#main div#make dl#tips {
	margin-top: 17px;
	background-color: #f2f2f2;
}
* html #main div#make dl#tips {
	height: 1%;
}
#main div#make dl#tips dd ul {
	padding: 4px 10px;
}
#main div#make dl#tips dd ul li {
	line-height: 14pt;
	padding-left: 10px;
	background: url("../images/list_img.gif") 2px 8px no-repeat;
}

/*-- このレシピに関連する商品部分 --*/
#main div#relate {
}
#main div#relate h3 {
	margin-bottom: 11px;
	padding-bottom: 2px;
	border-bottom: 1px solid #a8a8a8;
	font-size: 0;
}
#main div#relate ul { /* clearfix */
}
#main div#relate ul li {
	width: 139px;
	line-height: 1.4;
	margin-right: 9px;
	float: left;
	display: inline;
	text-align: center;
}
#main div#relate ul li.right {
	margin-right: 0;
}


/*=========================================================================================================*
 * clearfix
 *=========================================================================================================*/

#main div#ingredient div.list_01 ul,
#main div#ingredient div.list_02,
#main div#relate ul {
	height: 1%;
	display: inline-table;
}

/* Hides from IE-mac \*/
* html #main div#ingredient div.list_01 ul,
* html #main div#ingredient div.list_02,
* html #main div#relate ul {
	height: 1%;
}
#main div#ingredient div.list_01 ul,
#main div#ingredient div.list_02,
#main div#relate ul {
	display: block;
}
/* End hide from IE-mac */

#main div#ingredient div.list_01 ul:after,
#main div#ingredient div.list_02:after,
#main div#relate ul:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}