@charset "utf-8";

/*============================================================
	- 移植エレメント
============================================================*/
/* -body
----------------------------------------------------------- */
	body {
/*		font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;	*/
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	}


/* -#pankuzu
----------------------------------------------------------- */
	#pankuzu {
		font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
		font-size:10px;
		width:950px;
		text-align:left;
		padding:3px 0 12px 0;
		margin:0 auto;
	}



/* -.pagetop
----------------------------------------------------------- */
	.pagetop { 
		width:950px;
		margin:0 auto;
		}
		.pagetop p {
			float:right;
			width:63px;
			height:17px;
			padding:0px 10px 0 0;
		}
			.pagetop p a {
				width:63px;
				height:17px;
				display:block;
				font-size:0.1em;
				text-decoration:none;
				text-indent:-9999px;
				background: url(/images/common/bt_pagetop.jpg) no-repeat 0 0;
			}





/*============================================================
	-layout
============================================================*/
/* -#layout_col_1
----------------------------------------------------------- */
	#layout_col_1 {
	}


	/* -#area_contents
	----------------------------------------------------------- */
		#layout_col_1 #area_contents {
		}

		/* -area_contents_main
		----------------------------------------------------------- */
		#layout_col_1 #area_contents_main {
			width:950px;
			margin:0 auto;
			text-align: left;
		}


/* -#layout_col_2
----------------------------------------------------------- */
	#layout_col_2 {
	}

	/* -#area_contents
	----------------------------------------------------------- */
		#layout_col_2 #area_contents {
			width:950px;
			margin:0 auto;
			zoom:1;
		}
		#layout_col_2 #area_contents:after {
			content:"";
			display:block;
			clear:both;
		}

		/* -area_contents_main
		----------------------------------------------------------- */
		#layout_col_2 #area_contents_main {
			float:left;
			width:780px;
			text-align:left;
		}

		/* -area_contents_side
		----------------------------------------------------------- */
		#layout_col_2 #area_contents_side {
			float:right;
			width:150px;
			text-align:left;
		}
		

/* -#layout_popup
----------------------------------------------------------- */
	#layout_popup > .inner {
		width: 800px;
		margin: 0 auto;
		padding:5px 0px;
		text-align: center;
	}



/*============================================================
	-element
============================================================*/

/* -.elem_heading_lv2
----------------------------------------------------------- */
	.elem_heading_lv2 {
		border-top: 2px solid #ce3f29;
		padding-top: 10px;
		margin-bottom: 25px;
		line-height: 1.3;
		zoom: 1;
	}
	.elem_heading_lv2:after {
		content: "";
		display: block;
		clear: both;
	}
		.elem_heading_lv2 img.heading {
			float: left;
			margin-right: 10px;
		}
		.elem_heading_lv2 span.title {
			float: left;
			width: 712px;
			margin: 7px 0 0 0;
			font-size: 18px;
		}


/* -.elem_heading_lv2_img
----------------------------------------------------------- */
	.elem_heading_lv2_img {
		margin-bottom: 30px;
	}


/* -.elem_heading_lv3
----------------------------------------------------------- */
	.elem_heading_lv3 {
		margin-bottom: 10px;
	}
		.elem_heading_lv3 h3 {
		}

	/* -.elem_heading_lv3.recipe */
	.elem_heading_lv3.recipe {
			background: #f3eee6;
			border-top: 1px solid #c5b391;
			margin-bottom: 25px;
			padding: 10px 0;
	}
		.elem_heading_lv3.recipe h3 {
			color: #7f693f;
			font-size: 16px;
			vertical-align: middle;
			line-height: 1.3;
			border-left: 4px solid #7f693f;
			padding: 2px 0 2px 15px;
		}
		.elem_heading_lv3.recipe.pickup h3 {
			line-height: 1;
			border-left: none;
			background: url(/common_cs/images/elem_heading_lv3/star.gif) no-repeat 0 2px;
			padding: 0 0 0 53px;
			margin: 5px 0 4px 10px;
		}
		.elem_heading_lv3.recipe.pickup h3 span {
			display: inline-block;
			background: url(/common_cs/images/elem_heading_lv3/star.gif) no-repeat 100% 2px;
			padding-right: 50px;
		}


/* -.elem_heading_lv4
----------------------------------------------------------- */
	.elem_heading_lv4 {
		margin-bottom: 10px;
	}
		.elem_heading_lv4 h4 {
		}


/* -.elem_paragraph
----------------------------------------------------------- */
		.elem_paragraph {
		}
			.elem_paragraph p {
				padding-bottom: 10px;
				line-height: 1.8;
			}
			.elem_paragraph p.small {
				font-size: 10px;
			}
				.elem_paragraph p strong{
					color: #ee430b;
				}


/* -elem_text_list
----------------------------------------------------------- */
.elem_text_list {
	margin: 0 0 25px 0;
}
	.elem_text_list ul {
	}
		.elem_text_list ul li {
			background: url(/common_cs/images/elem_text_list/bg.gif) no-repeat 0 0.6em;
			padding: 0 0 5px 10px;
		}


/* -elem_text_list_note
----------------------------------------------------------- */
	.elem_text_list_note {
		margin: -7px 0 0 0;
		padding: 0 0 21px 0;
	}
	.elem_text_list_note.small {
		font-size: 10px;
		line-height: 1.5;
	}
		.elem_text_list_note strong {
			color: #ee430b;
		}

	.elem_paragraph .elem_text_list_note {
		margin: -17px 0 0 0;
	}
		.elem_text_list_note table {
		}
			.elem_text_list_note table th {
				padding: 5px 2px 0 0;
				text-align: right;
				width: 1%;
				font-weight: normal;
				vertical-align: top;
			}
			.elem_text_list_note table td {
				padding: 5px 0 0 0;
				width: 99%;
			}


/* -#elem_local_navi
----------------------------------------------------------- */
	#elem_local_navi {
		border-top: 2px solid #ce3f29;
		margin-bottom: 30px;
	}
		#elem_local_navi .heading {
			padding: 9px 0 0;
		}
		#elem_local_navi .body {
		}
			#elem_local_navi .body ul {
				padding-left: 7px;
			}
				#elem_local_navi .body ul li {
					padding:10px 0 0 15px;
					background:url(/common_cs/images/area_local_navi/arrow_lv_1.gif) 0 1.3em no-repeat;
				}
					#elem_local_navi .body ul li a {
						color:#1d1d1d;
					}
					#elem_local_navi .body ul li.current a {
						color:#ce3f29;
					}

				#elem_local_navi .body ul li ul {
					padding-left: 4px;
				}
					#elem_local_navi .body ul li ul li {
						padding:6px 0 0 9px;
						background:url(/common_cs/images/area_local_navi/arrow_lv_2.gif) 0 1.0em no-repeat;
					}
					#elem_local_navi .body ul li.current ul li a {
						color: #1d1d1d;
					}
					#elem_local_navi .body ul li ul li.current a {
						color: #ce3f29;
					}


/* -.elem_banner
----------------------------------------------------------- */
	.elem_banner {
	}
		.elem_banner ul {
			margin-bottom: 23px;
		}
			.elem_banner ul li {
				margin-bottom: 7px;
			}
				.elem_banner ul li a {
				}
					.elem_banner ul li a:hover img {
						opacity: 0.7;
						filter: alpha(opacity=70);
						-ms-filter: "alpha( opacity=70 )";
						background: #fff;
					}


/* -.elem_cooking_icon
----------------------------------------------------------- */
			.elem_cooking_icon {
			}
				.elem_cooking_icon ul {
					zoom: 1;
				}
				.elem_products_list .elem_cooking_icon ul {
					height: 46px; /* heightLine.jsにて上書き */
				}
				.elem_cooking_icon ul:after {
					content: "";
					display: block;
					clear: both;
				}
					.elem_cooking_icon ul li {
						display: inline-block;
						float: left;
						vertical-align: middle;
						padding-bottom: 5px;
					}
					.elem_cooking_icon ul li.text {
						display: inline;
						padding: 10px 10px 5px 0;
						float: left;

					}
					.elem_cooking_icon ul li.boiling_water {
						color: #fd4f1a;
					}


/* -.elem_products_main_img
----------------------------------------------------------- */
	.elem_products_main_img {
		margin-bottom: 20px;
	}
		.elem_products_main_img p.link {
		}
			.elem_products_main_img p.link a {
			}
				.elem_products_main_img p.link a img {
				}
				.elem_products_main_img p.link a:hover img {
					opacity: 0.7;
					filter: alpha(opacity=70);
					-ms-filter: "alpha( opacity=70 )";
					background: #fff;
				}
		.elem_products_main_img div.link {
			position: relative;
			margin: 0;
		}
			.elem_products_main_img div.link > div {
				position: absolute;
				display: block;
				top: -88px;
				right: 1px;
			}
			.elem_products_main_img div.link ul {
				zoom: 1;
			}
			.elem_products_main_img div.link ul:after {
				content: "";
				display: block;
				clear: both;
			}
				.elem_products_main_img div.link ul li {
					display: block;
					float: left;
					width: 106px;
					margin-right: 10px;
					padding-bottom: 8px;
					background: url(/products/images/shadow.png) no-repeat 50% 100%;
				}
					.elem_products_main_img div.link ul li.guide {
						background-image: none;
					}
				.elem_products_main_img div.link ul li.guide {
					width: 77px;
				}
					.elem_products_main_img div.link ul li img {
					}
						.elem_products_main_img div.link ul li a:hover img {
							opacity: 0.7;
							filter: alpha(opacity=70);
							-ms-filter: "alpha( opacity=70 )";
						}
					.elem_products_main_img div.link ul li.guide img {
						margin-top: 14px;
					}


/* -.elem_category_list
----------------------------------------------------------- */

	.elem_category_list {
		padding-top: 10px;
	}
		.elem_category_list .title {
			background:url(/common_cs/images/elem_category_list/bg.gif) repeat-x 0 100%;
			padding: 0 0 5px 0;
			margin-bottom: 20px;
		}
			.elem_category_list .title h3 {
				font-size: 16px;
				font-weight: bold;
				border-left: 4px solid #ed4006;
				padding: 1px 0 0 10px;
				line-height: 1.2;
			}
		.elem_category_list .list {
		}
			.elem_category_list .list ul {
				margin: 0 -10px 20px 0;
				zoom: 1;
			}
			.elem_category_list .list ul:after {
				content: "";
				display: block;
				clear: both;
			}
				.elem_category_list .list ul li {
					float: left;
					width: 385px;
					margin: 0 10px 10px 0;
				}
				.elem_category_list .list ul li a {
				}
					.elem_category_list .list ul li a img {
					}
					.elem_category_list .list ul li a:hover img {
						opacity: 0.7;
						filter: alpha(opacity=70);
						-ms-filter: "alpha( opacity=70 )";
						background: #fff;
					}


/* -.elem_products_list
----------------------------------------------------------- */
	.elem_products_list {
		width: 802px;
		margin: 0 -12px 18px 0;
		zoom: 1;
	}
	.elem_products_list:after {
		content: "";
		display: block;
		clear: both;
	}
		.elem_products_list div.outer {
			float: left;
			width: 186px;
			margin: 0 12px 12px 0;
			padding-top: 2px;
		}
			.elem_products_list div.outer > div {
				border: 1px solid #dfdfdf;
				padding-top: 20px;
				padding-bottom: 2px;
			}
			.elem_products_list div.outer div.tag {
				position: relative;
				margin: 0;
				z-index: 5;
			}
				.elem_products_list div.outer div.tag img {
					position: absolute;
					display: block;
					top: -15px;
					left: 5px;
				}
			.elem_products_list div.outer div.img {
					height: 155px;
					padding: 0 20px;
					margin-bottom: 10px;
					text-align: center;
					background: url(/common_cs/images/elem_products_list/bg01.gif) repeat-x bottom;
			}
				.elem_products_list div.outer div.img p {
						position: relative;
						margin: 0;
						height: 144px;
				}
					.elem_products_list div.outer div.img p a {
							position: absolute;
							display: block;
							left: 0;
							bottom: 0;
							width: 144px;
					}
						.elem_products_list div.outer div.img p a img {
							margin: 0 auto;
							z-index: 1;
							max-height: 144px;
							max-width: 144px;
							background-color: #fff;
						}
						.elem_products_list div.outer div.img p a:hover img {
							opacity: 0.7;
							filter: alpha(opacity=70);
							-ms-filter: "alpha(opacity=70)";
						}
			
			.elem_products_list div.outer div.js_text {
				height: 200px; /* heightLine.jsにて上書き */
				padding: 0 10px 10px;
				line-height: 18px;
				zoom: 1;
			}
			.elem_products_list.end div.outer div.js_text {
				height: 60px; /* heightLine.jsにて上書き */
			}
				.elem_products_list div.outer div.js_text div.in_tag {
					margin: 0 0 8px 0;
				}
					.elem_products_list div.outer div.js_text div.in_tag ul {
						zoom: 1;
					}
					.elem_products_list div.outer div.js_text div.in_tag ul:after {
						content: "";
						display: block;
						clear: both;
					}
						.elem_products_list div.outer div.js_text div.in_tag ul li {
							float: left;
							vertical-align: middle;
						}
							.elem_products_list div.outer div.js_text div.in_tag ul li img {
								margin: 0 5px 2px 0;
							}
				.elem_products_list div.outer div.js_text h3 {
					font-size: 12px;
					font-weight: bold;
					margin-bottom: 5px;
				}
					.elem_products_list div.outer div.js_text h3 a {
						color: #ec5f2a;
					}
				
				.elem_products_list div.outer div.js_text a.notice,
				.elem_products_list div.outer div.js_text p.notice {
					background: #8f5d28;
					display: inline-block;
					margin-bottom: 2px;
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					border-radius: 2px;
					behavior: url(/common_cs/css/PIE.htc);
					position: relative;
					z-index: 1;
				}
				
				.elem_products_list div.outer div.js_text a.notice:hover {
					color: #fff;
					text-decoration: none;
				}
					.elem_products_list div.outer div.js_text a.notice span,
					.elem_products_list div.outer div.js_text p.notice span {
						color: #fff;
						padding: 2px 6px;
						font-size: 10px;
						line-height: 1.35;
						display: block;
					}
				
		.elem_products_list div.outer .elem_cooking_icon {
			padding: 0 10px 8px;
		}
			.elem_products_list div.outer .elem_cooking_icon ul {
				padding: 2px 0 0 2px;
			}
				.elem_products_list div.outer .elem_cooking_icon ul li {
						padding: 0 2px 2px 0;
				}


/* -.elem_products_info
----------------------------------------------------------- */
	.elem_products_info {
		border-top: 1px solid #e69f94;
		background: #fcfaf4;
		padding: 10px 0 14px 0;
	}
		.elem_products_info h3 {
			margin-bottom: 19px;
		}
		.elem_products_info .link {
			padding: 0 47px;
		}
			.elem_products_info .link ul {
				margin: 0 -16px 0 0;
				zoom: 1;
			}
				.elem_products_info .link ul:after {
					content: "";
					display: block;
					clear: both;
				}
					.elem_products_info .link ul li {
						float: left;
						margin: 0 16px 16px 0;
					}
						.elem_products_info .link ul li a {
						}
							.elem_products_info .link ul li a img {
							}
								.elem_products_info .link ul li a:hover img {
									opacity: 0.7;
									filter: alpha(opacity=70);
									-ms-filter: "alpha( opacity=70 )";
									background: #fff;
								}


/* -.elem_recipe_list
----------------------------------------------------------- */
	.elem_recipe_list {
		margin-right: -52px;
		zoom: 1;
	}
	.elem_recipe_list:after {
		content: "";
		display: block;
		clear: both;
	}
		.elem_recipe_list div.outer {
			float: left;
			width: 155px;
			margin: 0 53px 0 0;
			padding: 2px 0 40px;
		}
		.elem_recipe_list div.outer h3 {
			background: #f3eee6;
			font-weight: normal;
		}
			.elem_recipe_list div.outer h3 a {
				font-size: 14px;
			}
				.elem_recipe_list div.outer h3 a img {
					border-bottom: 1px solid #fff;
				}
				.elem_recipe_list div.outer h3 a:hover img {
					opacity: 0.7;
					filter: alpha(opacity=70);
					-ms-filter: "alpha( opacity=70 )";
					background: #fff;
				}
				.elem_recipe_list div.outer h3 a span.js_text {
					display: block;
					color: #7f693f;
					padding: 10px;
					height: 34px; /* heightLine.jsにて上書き */
					cursor: pointer;
				}
				.elem_recipe_list div.outer h3 a:hover span.js_text {
					text-decoration: underline;
				}
				.elem_recipe_list div.outer h3 a span.js_text img.in_tag {
					display: block;
					border-bottom: none;
					margin: -2px 0 5px;
				}
		.elem_recipe_list div.outer p.push {
			position: relative;
			margin: 0;
		}
			.elem_recipe_list div.outer p.push img {
				position: absolute;
				display: block;
				left: -20px;
				top: -22px;
				z-index: 5;
			}


/* -.elem_recipe_pickup
----------------------------------------------------------- */

	.elem_recipe_pickup {
		color: #7f693f;
		margin-bottom: 30px;
	}
		.elem_recipe_pickup ul {
			margin: 0 -50px 20px 0;
			zoom: 1;
		}
		.elem_recipe_pickup ul:after {
			content: "";
			display: block;
			clear: both;
		}
			.elem_recipe_pickup ul li {
					float: left;
					width: 450px;
					margin: 0 50px 20px 0;
					background-color: #f3eee6;
					zoom: 1;
			}
			.elem_recipe_pickup ul li:after {
				content: "";
				display: block;
				clear: both;
			}
				.elem_recipe_pickup ul li div.img {
					float: left;
					width: 200px;
				}
					.elem_recipe_pickup ul li div.img a:hover img {
						opacity: 0.7;
						filter: alpha(opacity=70);
						-ms-filter: "alpha( opacity=70 )";
						background: #fff;
					}
				.elem_recipe_pickup ul li div.detail {
					float: left;
					width: 250px;
				}
				.elem_recipe_pickup ul li div.detail > div {
					padding: 15px;
				}
				.elem_recipe_pickup ul li h4 {
					line-height: 1.3;
					font-size: 16px;
					padding-bottom: 12px;
					margin-bottom: 15px;
					background: url(/common_cs/images/elem_recipe_pickup/bg02.gif) repeat-x bottom;
				}
					.elem_recipe_pickup ul li h4 a {
						color: #7f693f;
					}
				.elem_recipe_pickup ul li div.text {
				}
					.elem_recipe_pickup ul li div.text p {
						line-height: 1.5;
						padding-bottom: 10px;
					}


/* -.elem_lineup
----------------------------------------------------------- */
	.elem_lineup {
		clear: both;
		background: #f3eee6;
		border-top: 1px solid #c5b391;
		padding: 10px 0 20px;
		margin-bottom: 40px;
		zoom: 1;
	}
		.elem_lineup h3 {
			margin-bottom: 30px;
		}
		.elem_lineup div.list {
			width:910px;
			margin: 0 auto;
			background: #fff;
		}
			.elem_lineup div.list ul {
				margin: 0 20px;
				padding-top: 10px;
			}
				.elem_lineup div.list ul {
					zoom: 1;
				}
				.elem_lineup div.list ul:after {
					content: "";
					display: block;
					clear: both;
				}
					.elem_lineup div.list ul li {
						float: left;
						width: 145px;
						padding-bottom: 10px;
					}
						.elem_lineup div.list ul li a {
						}
							.elem_lineup div.list ul li a img {
							}
							.elem_lineup div.list ul li a:hover img {
								opacity: 0.7;
								filter: alpha(opacity=70);
								-ms-filter: "alpha( opacity=70 )";
								background: #fff;
							}
						


/* -.elem_recipe_category_list
----------------------------------------------------------- */
	.elem_recipe_category_list {
	}
		.elem_recipe_category_list .list {
		}
			.elem_recipe_category_list .list ul {
				margin: 0 -50px 20px 0;
				zoom: 1;
			}
			.elem_recipe_category_list .list ul:after {
				content: "";
				display: block;
				clear: both;
			}
				.elem_recipe_category_list .list ul li {
					float: left;
					width: 450px;
					margin: 0 50px 30px 0;
				}
				.elem_recipe_category_list .list ul li a {
				}
					.elem_recipe_category_list .list ul li a img {
					}
					.elem_recipe_category_list .list ul li a:hover img {
						opacity: 0.7;
						filter: alpha(opacity=70);
						-ms-filter: "alpha( opacity=70 )";
						background: #fff;
					}


/* -.elem_page_navi
----------------------------------------------------------- */
	.elem_page_navi {
	}
		.elem_page_navi ul {
			margin: 0 0 40px;
			padding: 10px 10px 5px;
			background: #fff;
			text-align: center;
		}
			.elem_page_navi ul li {
				display: inline;
				margin: 0 2px;
				padding: 0;
			}
				.elem_page_navi ul li a {
					display: inline-block;
					border: 1px solid #fff;
					margin-bottom: 5px;
					padding: 5px 10px;
					text-decoration: none;
					vertical-align: middle;
					color: #333;
					font-weight: bold;
				}
				.elem_page_navi ul li a:hover {
					border: 1px solid #7f693f;
				}
				.elem_page_navi ul li a span {
					display: inline-block;
					padding: 5px 10px;
					margin: -5px -10px;
					background-color: #f3eee6;
					font-weight: normal;
					cursor: pointer;
				}
				
				/* li.arrow */
				.elem_page_navi ul li.arrow a {
					border: 1px solid #fff;
					background-color: #fff;
				}	
				.elem_page_navi ul li.arrow a:hover {
				}	
					.elem_page_navi ul li.arrow a:hover img {
						opacity: 0.7;
						filter: alpha(opacity=70);
						-ms-filter: "alpha( opacity=70 )";
						background: #fff;
					}


/* -.elem_relation
----------------------------------------------------------- */
	.elem_relation {
		margin-top: 30px;
	}
		.elem_relation h3 {
			font-size: 14px;
			background:url(/common_cs/images/elem_relation/bg01.gif) repeat-x bottom;
			padding-bottom: 15px;
			margin-bottom: 20px;
		}
			.elem_relation .box {
				border: 1px solid #f0f0f0;
				background: #fafaf5;
				padding: 18px 0 2px;
			}
				.elem_relation .box ul {
					zoom: 1;
					width: 702px;
					margin: 0 -16px 0 46px;
				}
				.elem_relation .box ul:after {
					content: "";
					display: block;
					clear: both;
				}
					.elem_relation .box ul li {
						float: left;
						width: 218px;
						display: block;
						margin: 0 16px 16px 0;
					}
						.elem_relation .box ul li a {
						}
							.elem_relation .box ul li a img {
								border: 1px solid #cdcdcd;
							}
							.elem_relation .box ul li a:hover img {
								opacity: 0.7;
								filter: alpha(opacity=70);
								-ms-filter: "alpha( opacity=70 )";
								background: #fff;
							}


/* -.elem_products_main_data
----------------------------------------------------------- */
	.elem_products_main_data {
	}
		.elem_products_main_data div.img {
			text-align: center;
			margin: 0 auto;
		}
			.elem_products_main_data div.img ul {
				margin: 0 0 20px;
				display: block;
				display: block\9; /* IE 8, 9用の指定 */
				width: 780px;
			}
				.elem_products_main_data div.img ul li {
					max-width: 216px;
					padding: 0 20px 0 20px;
					display: inline-block;
					vertical-align: middle;
					/display: inline;
					/zoom: 1;
				}
				.elem_products_main_data div.img ul li.second {
/*					background:url(/common_cs/images/elem_products_main_data/bg01.gif) repeat-y left;	*/
					padding: 0 0 0 20px;
				}
				.elem_products_main_data div.img ul li img {
					display: block;
					vertical-align: middle;
					max-width: 216px;
					max-height: 216px;
				}
		.elem_products_main_data .elem_heading_lv3 {
			margin-bottom: 15px;
		}
			.elem_products_main_data .elem_heading_lv3 h3 {
				color: #ee430b;
				font-size: 16px;
			}
		.elem_products_main_data .elem_paragraph {
			margin-bottom: 10px;
		}
			.elem_products_main_data .elem_paragraph p {
				margin-bottom: 7px;
			}


/* -#slider
----------------------------------------------------------- */
			#slider {
				zoom: 1;
				width: 708px;
			}
			#slider:after {
				content: "";
				display: block;
				clear: both;
			}
			#slider li {
				float: left;
				width: 157px;
			}


/* -.elem_use_recipe
----------------------------------------------------------- */
	.elem_use_recipe {
		background: #f3eee6;
		border-top: 1px solid #c5b391;
		padding-top: 10px;
		margin-bottom: 30px;
	}
		.elem_use_recipe h3 {
			padding-bottom: 20px;
		}
		.elem_use_recipe .data {
			margin-left: 20px;
		}
		
		.elem_use_recipe .data ul.slider {
		}
			.elem_use_recipe .data ul.slider li {
				
			}
			.elem_use_recipe .data ul.slider li a {
				color: #fff;
				display: block;
				width: 155px;
				border: 1px solid #d2c4aa;
			}
				.elem_use_recipe .data ul.slider li a > img {
					color: #fff;
					display: block;
					width: 157px;
				}
				.elem_use_recipe .data ul.slider li a:hover > img {
					opacity: 0.7;
					filter: alpha(opacity=70);
					-ms-filter: "alpha( opacity=70 )";
					background: #fff;
				}
				.elem_use_recipe .data ul.slider li a > span {
					display: block;
					background: #fff;
					color: #7f693f;
					padding: 8px;
					margin-top: 1px;
				}
				.elem_use_recipe .data ul.slider li a:hover > span {
					text-decoration: underline;
				}

		.elem_use_recipe .button {
			position: relative;
			margin: 0;
			cursor: pointer;
		}
			.elem_use_recipe .button .left-button,
			.elem_use_recipe .button .right-button {
				position: absolute;
				display: block;
				top: 80px;
			}
			.elem_use_recipe .button .left-button {
				left: 0px;
			}
			.elem_use_recipe .button .right-button {
				right: 0px;
			}
			.elem_use_recipe .adjust {
				position: relative;
			}
				.elem_use_recipe .adjust span.adjust_parts {
					position: absolute;
					display: block;
					background: #f3eee6;
					height: 100%;
					width: 20px;
					right: 26px;
					z-index: 5;
				}


/* -.elem_category_link
----------------------------------------------------------- */
	.elem_category_link {
		background: #f3eee6;
		border-top: 1px solid #c5b391;
		padding-top: 10px;
		margin-bottom: 30px;
	}
		.elem_category_link div.list ul {
			padding: 17px 20px 0;
		}
			.elem_category_link div.list ul {
				margin-right: -20px;
				zoom: 1;
			}
			.elem_category_link div.list ul:after {
				content: "";
				display: block;
				clear: both;
			}
				.elem_category_link div.list ul li {
					float: left;
					width: 170px;
					margin-right: 20px;
					padding-bottom: 20px;
				}
					.elem_category_link div.list ul li a {
					}
						.elem_category_link div.list ul li a img {
						}
						.elem_category_link div.list ul li a:hover img {
							opacity: 0.7;
							filter: alpha(opacity=70);
							-ms-filter: "alpha( opacity=70 )";
							background: #fff;
						}


/* -.elem_products_detail_data
----------------------------------------------------------- */
	.elem_products_detail_data {
		border: 1px solid #dfdfdf;
		margin: 0 0 20px;
		padding: 19px;
	}
	.elem_products_detail_data .elem_heading_lv3 {
		font-size: 14px;
		margin: 0 0 5px -19px;
		padding: 5px 0 5px 16px;
		border-left: 3px solid #dfdfdf;
		zoom: 1;
	}
	.elem_products_detail_data .elem_heading_lv4 {
		font-size: 12px;
		margin: 8px 0 4px;
	}
	.elem_products_detail_data .elem_text_list_note {
		padding-bottom: 0;
	}


/* -.elem_table
----------------------------------------------------------- */
	.elem_table {
		padding-bottom: 20px;
	}
		.elem_table table {
			width: 100%;
			border-top: solid 1px #ccc;
			border-left: solid 1px #ccc;
			line-height: 1.5;
		}
			.elem_table table tr {
			}
				.elem_table table tr th,
				.elem_table table tr td {
					border-bottom: solid 1px #ccc;
					border-right: solid 1px #ccc;
					padding: 8px 10px;
				}
				.elem_table table tr th{
					background: #f5f4f4;
				}
				.elem_table table tr td{
				}

				/* .elem_table.basic */
				.elem_table.basic table tr th{
					width: 100px;
				}

				/* .elem_table.nutrition */
				.elem_table.nutrition table tr th,
				.elem_table.nutrition table tr td {
					width: 16%;
				}

				/* .elem_table.allergy */
				.elem_table.allergy table tr th,
				.elem_table.allergy table tr td {
					width: 14%;
					padding: 5px 0;
					text-align: center;
				}
				.elem_table.allergy table tr th {
					background: #f5f4f4;
				}
					.elem_table.allergy table tr th.focus {
						background: #faeecd;
					}
				.elem_table.allergy table tr td {
					color: #666;
				}

				/* .elem_table.locality */
				.elem_table.locality table tr th,
				.elem_table.locality table tr td {
					width: 33%;
				}


/* -.elem_recipe_heading
----------------------------------------------------------- */
	.elem_recipe_heading {
		color: #7f693f;
	}
		.elem_recipe_heading .title {
			background: #f3eee6;
			border-top: 1px solid #c5b391;
			margin-bottom: 25px;
			padding: 10px 0;
			zoom: 1;
		}
		.elem_recipe_heading .title:after {
			content: "";
			display: block;
			clear: both;
		}
			.elem_recipe_heading .title h3 {
				font-size:18px;
				line-height: 1.3;
				border-left: 4px solid #7f693f;
				float: left;
				width: 645px;
				padding: 3px 0 3px 15px;
			}
			.elem_recipe_heading .title p.print {
				float: right;
				width: 95px;
				margin-right: 8px;
			}
				.elem_recipe_heading .title p.print a {
				}
				.elem_recipe_heading .title p.print a:hover img {
						opacity: 0.7;
						filter: alpha(opacity=70);
						-ms-filter: "alpha( opacity=70 )";
						background: #f3eee6;
				}

		.elem_recipe_heading .caption {
			margin: -10px 0 20px 0;
			zoom: 1;
		}
		.elem_recipe_heading .caption:after {
			content: "";
			display: block;
			clear: both;
		}
			.elem_recipe_heading .caption .catch {
				display: inline;
				float: left;
				margin: 10px 10px 0 0;
				font-size: 16px;
				font-weight: bold;
				line-height: 1.37;
			}
			.elem_recipe_heading .caption .time {
				display: inline;
				float: right;
				margin: 10px 0 0 10px;
				font-weight: bold;
				font-size: 12px;
			}
			.elem_recipe_heading .caption .time img {
				margin: 0 4px 0 0;
			}
			.elem_recipe_heading .caption .time span {
				font-size: 20px;
				padding: 0 2px;
			}
			.elem_recipe_heading .caption .time_note {
				clear: right;
				display: inline;
				float: right;
				text-align: right;
				font-size: 10px;
			}


/* - .elem_recipe_main
----------------------------------------------------------- */
	.elem_recipe_main {
		zoom: 1;
		margin-bottom: 30px;
	}
	.elem_recipe_main:after {
		content: "";
		display: block;
		clear: both;
	}
		.elem_recipe_main .left_column {
			float: left;
			width: 310px;
		}
			.elem_recipe_main .left_column .img {
				margin-bottom: 35px;
			}
			.elem_recipe_main .left_column .point {
				background: #f3eee6;
				padding: 20px 20px 10px;
				line-height: 1.5;
			}
				.elem_recipe_main .left_column .point h4 {
					position: relative;
					margin: 0;
				}
					.elem_recipe_main .left_column .point h4 img {
						position: absolute;
						display: block;
						left: -20px;
						top: -35px;
					}
				.elem_recipe_main .left_column .point .text {
				}
					.elem_recipe_main .left_column .point .text h1,
					.elem_recipe_main .left_column .point .text h2,
					.elem_recipe_main .left_column .point .text h3,
					.elem_recipe_main .left_column .point .text h4,
					.elem_recipe_main .left_column .point .text h5,
					.elem_recipe_main .left_column .point .text h6 {
						font-size: 100%;
					}
					.elem_recipe_main .left_column .point .text a {
						color:#333333;
						text-decoration: underline;
					}
						.elem_recipe_main .left_column .point .text a:hover {
							text-decoration: none;
						}
					.elem_recipe_main .left_column .point .text p {
						margin: 0 0 1em 0;
					}
					.elem_recipe_main .left_column .point .text strong {
						font-weight: bold;
					}
					.elem_recipe_main .left_column .point .text em {
						font-weight: bold;
						font-style: normal;
					}
					.elem_recipe_main .left_column .point .text ul {
						margin: 0 0 1em 0;
					}
						.elem_recipe_main .left_column .point .text ul li {
							background: url(/common_cs/images/elem_text_list/bg.gif) no-repeat scroll 0 1em transparent;
							padding: 0.5em 0 0 9px;
						}
							.elem_recipe_main .left_column .point .text ul li ul {
								margin: 0;
							}
								.elem_recipe_main .left_column .point .text ul li ul li {
									padding: 0.5em 0 0 9px;
								}
					.elem_recipe_main .left_column .point .text ol {
						margin: 0 0 1em 0;
						padding-left: 15px;
					}
						.elem_recipe_main .left_column .point .text ol li {
							padding: 0.5em 0 0 0;
						}
							.elem_recipe_main .left_column .point .text ol li ul {
								margin: 0;
							}
								.elem_recipe_main .left_column .point .text ol li ul li {
									padding: 0.5em 0 0 9px;
								}

		.elem_recipe_main .right_column {
			float: right;
			width: 430px;
		}
			.elem_recipe_main .right_column .elem_paragraph {
				padding: 15px 8px 30px;
			}
				.elem_recipe_main .right_column .elem_paragraph p {
					padding-bottom: 5px;
				}
		.elem_recipe_main .right_column h4 {
			overflow: hidden;
			border-top: 1px solid #7f693f;
			padding-top: 10px;
			margin-bottom: 10px;
			zoom: 1;
		}
		.elem_recipe_main .right_column h4:after {
			content: "";
			display: block;
			clear: both;
		}
		.elem_recipe_main .right_column h4 img {
			float: left;
		}
			.elem_recipe_main .right_column h4 span {
				display: block;
				float: right;
				color: #7f693f;
			}
			.elem_recipe_main .right_column .note {
				margin-bottom: 40px;
			}
				.elem_recipe_main .right_column .note ul {
				}
					.elem_recipe_main .right_column .note ul li {
						overflow: hidden;
						border-bottom: 1px solid #f3eee6;
						padding: 9px 0;
					}
					.elem_recipe_main .right_column .ingredient ul li {
						padding: 3px 0;
					}
						.elem_recipe_main .right_column .note ul li span.name{
							float: left;
							display: inline;
							margin: 0 10px;
						}
						.elem_recipe_main .right_column .note ul li span.quantity{
							float: right;
							display: inline;
							margin: 0 10px;
							text-align: right;
						}
						.elem_recipe_main .right_column .note ul li .step {
							float: left;
							display: block;
							width: 40px;
						}
							.elem_recipe_main .right_column .note ul li .step img {
								margin: 1px 0 0 7px;
							}
					.elem_recipe_main .right_column .note ul li span.text {
						display: block;
						float: left;
						width: 380px;
						margin: 0 0 0 0;
					}
			.elem_recipe_main .right_column .using {
				background: #f3eee6;
				padding: 25px 20px 20px;
				line-height: 1.7;
			}
				.elem_recipe_main .right_column .using h4 {
					float: none;
					position: relative;
					margin: 0;
					padding: 0;
					border: none;
					overflow: visible;
				}
					.elem_recipe_main .right_column .using h4 img {
						float: none;
						position: absolute;
						display: block;
						left: -20px;
						top: -43px;
					}
				.elem_recipe_main .right_column .using .list {
				}
					.elem_recipe_main .right_column .using .list ul {
						zoom: 1;
						margin-right: -18px;
					}
					.elem_recipe_main .right_column .using .list ul:after {
						content: "";
						display: block;
						clear: both;
					}
						.elem_recipe_main .right_column .using .list ul li {
							float: left;
							display: block;
							width: 118px;
							margin-right: 18px;
						}
						.elem_recipe_main .right_column .using .list ul li a {
							color: #333;
							line-height: 1.5;
							text-decoration: underline;
						}
						.elem_recipe_main .right_column .using .list ul li a:hover {
							text-decoration: none;
						}
							.elem_recipe_main .right_column .using .list ul li a span {
								display: block;
								background: #fff;
								border: 1px solid #e1d8c7;
								width: 116px;
								height: 116px;
								text-align: center;
							}
								.elem_recipe_main .right_column .using .list ul li a span:before {
									content: '';
									display: inline-block;
									height: 100%;
									vertical-align: middle;
								}
							.elem_recipe_main .right_column .using .list ul li a span img {
								display: inline-block;
								max-width: 98px;
								max-height: 98px;
								margin:9px;
								vertical-align: middle;
								background: #fff;
							}
							.elem_recipe_main .right_column .using .list ul li a:hover span img {
								opacity: 0.7;
								filter: alpha(opacity=70);
								-ms-filter: "alpha( opacity=70 )";
							}


/* - .elem_recipe_main
----------------------------------------------------------- */



/* -elem_pan_social
----------------------------------------------------------- */

	.elem_pan_social {
		width:950px;
		margin: 0 auto;
		zoom: 1;
	}
	.elem_pan_social:after {
		content: "";
		display: block;
		clear: both;
	}
		.elem_pan_social #pankuzu {
			width: 680px;
			margin:0;
			float: left;
		}

		.elem_pan_social .social {
			width: 250px;
			padding: 7px 0 6px;
			float: right;
			text-align: right;
		}
			.elem_pan_social .social .twitter-share-button {
				width: 125px !important;
			}


/* -#publish_notice
----------------------------------------------------------- */

	#publish_notice {
		width:940px;
		margin: 0 auto 20px;
		padding: 10px 0;
		background-color: #f6f6f6;
		border: 4px solid #e3e3e3;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		behavior: url(/common_cs/css/PIE.htc);
		text-align:center;
	}
		#publish_notice p {
			font-size: 16px;
			line-height: 1.5;
		}
			#publish_notice strong {
				color: #ce3f29;
			}


/* -table
----------------------------------------------------------- */

	table {
	}
		table thead {
		}
			table thead th {
			}
			table thead td {
			}
		table tbody {
		}
			table tbody th {
				text-align: left;
				font-weight: normal;
			}
			table tbody td {
			}


/* -other
----------------------------------------------------------- */

.clearfix { zoom:1; }
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}


/* @media print
----------------------------------------------------------- */

@media print {

	#area_contents, x:-moz-any-link {
		width: 950px;
		margin: 0px auto;
		padding: 0;
		clear: both;
		overflow: auto;
		display: table !important;
	}

	#area_contents_main, x:-moz-any-link {
		width: 780px;
		height: auto;
		margin: 0;
		padding: 0;
		display: table-cell !important;
		float: none !important;
		vertical-align:top;
	}

	#area_contents_side, x:-moz-any-link {
		width: 150px;
		height: auto;
		margin: 0;
		padding: 0 0 0 20px;
		display: table-cell !important;
		float: none !important;
		vertical-align: top;
	}

}