@charset "Shift_JIS";

/* レシピ紹介適用 CSS ------------------

	Last update:: 2009. 12. 18 

 ------------------------------------ */


/* ------------------------------------
	レシピ以下共通
------------------------------------ */
.contents_header p { background-image: url(/products/recipe/images/category_recipe.gif); }

#recipe h2 {
	background: #FFF url(/products/recipe/images/title_01.gif) no-repeat center top !important;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	height: 115px;
	text-indent: -9999px;
	}

#recipe p {	font-size: 100%; }
#recipe p.intro { margin-bottom: 1em; }

/* recipe Banner */
#recipe .bottom_banner {
	clear: both;
	background: #e6e6e6;
	padding: 5px 3px;
	margin-bottom: 10px;
	}

#recipe .bottom_banner h5 {
	font-size: 85%;
	margin-bottom: 5px;
	}

/* ------------------------------------
	レシピ - トップ
	/priducts/recipe/index.html
------------------------------------ */
#recipe .index,
#recipe .backnumber {
	padding: 0 20px;
	}

#recipe .backnumber ul {
	background: url(/products/recipe/images/top_bg.gif) no-repeat top right;
	min-height: 330px;
	height: auto;
	* height: 330px;
	}

#recipe .index .fl-left {
	width: 420px;
	}

#recipe .index .fl-right {
	margin-top: 40px;
	width: 280px;
	background-color: #f5f2ed;
	}

#recipe .index .fl-right .inner {
	margin: 5px;
	border: 1px solid #d7c5ac;
	background-color: #FFF;
	}

#recipe .index .fl-right .inner h3 {
	background: url(/products/recipe/images/web_catalog_h3_01.gif) no-repeat top center;
	height: 40px;
	text-indent: -9999px;
	}

#recipe .index .fl-right .inner dl {
	clear: both;
	padding: 0 15px 15px;
	position: relative;
	}

#recipe .index .fl-right .inner dl dt {
	float:left;
	}

#recipe .index .fl-right .inner dl dd {
	margin-left: 120px;
	}

#recipe .index .fl-right .inner dl dd a {
	display: block;
	width: 120px;
	height: 30px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/products/recipe/images/btn_view_catalog.gif) no-repeat top center;
	position: absolute;
	bottom: 20px;
	}
	
#recipe .index h3 {
	margin: 0px 0px 20px 0px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #CCC;
	}

#recipe .index ul,
#recipe .backnumber ul {
	list-style-type: none;
	margin-bottom: 30px;
	}

#recipe .index ul li,
#recipe .backnumber ul li {
	font-size: 93%;
	line-height: 1.4;
	padding: 3px 0px 3px 20px;
	background: url(/products/recipe/images/list_bg.gif) no-repeat center left;
	}

/* ------------------------------------
	レシピ - 詳細
	/priducts/recipe/01/~
------------------------------------ */
#recipe .column  {
	margin: 0px;
	}

#recipe .column p {
	font-size: 93%;
	margin-bottom: 1em;
	}

#recipe .column .recipe_title {
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	padding: 5px;
	margin-bottom: 0;
	text-align: center;
	}

#recipe .column h3 {
	margin: 15px 0px; 
	}

#recipe .column h4 {
	margin: 10px 0px; 
	}

/* ----- 材料 ----------------------- */
#recipe .column #material {
	float: left;
	width: 250px;
	border-right: 1px dotted #CCC;
	}
	
#recipe .column #material h3 {
	text-indent: -9999px;
	background: url(/products/recipe/images/program_h3_01.gif) no-repeat center top;
	height: 20px;
	}

#recipe .column #material dl {
	border-top: 1px dotted #CCC;
	margin-bottom: 10px;
	}

#recipe .column #material dl dt {
	float: left;
	padding: 3px 1em 3px 0px;
	clear: both;
	font-size: 77%;
	}

#recipe .column #material dl dd {
	border-bottom: 1px dotted #CCC;
	padding: 3px 0px 3px 0px;
	font-size: 77%;
	}
	
#recipe .column #material #ph_main2 {
	margin-top: 10px;
	}

#recipe .column #material dl.photo {
	border-top: none;
	}

#recipe .column #material dl.photo dt {
	float: none;
	}


#recipe .column #material dl.photo dd {
	border-top: none;
	}

/*----- 作り方 ----------------------- */
#recipe .column div#process {
	width: 510px;
	float:right;
	}

* html #recipe .column div#process {
	width: 490px;
	}

#recipe .column div#process table {
	border-top: 2px solid #CCC;
	border-left: 2px solid #CCC;
	width: 100%;
	}
	
#recipe .column div#process table th {
	padding: 5px;
	border-right: 2px dotted #CCC;
	border-bottom: 2px solid #CCC;
	font-size: 77%;
	}

#recipe .column div#process table td {
	padding: 5px;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	line-height: 1.5;
	font-size: 77%;
	}

#recipe .column div#process table img {
	vertical-align: middle;
	margin-right: 3px;
	 }
	 
#recipe .column div#process h3 {
	text-indent: -9999px;
	background: url(/products/recipe/images/program_h3_02.gif) no-repeat center top;
	height: 20px;
	}

#recipe .column div#process ol {
	margin-left: 10px;
	list-style-type: armenians;
	list-style-position: outside;
	margin-bottom: 1em;
	margin-left: 3em;
	}
	
#recipe .column div#process ol li {
	font-size: 85%;
	margin-bottom: 0.5em;
	line-height: 1.4;
	}

#recipe .column div#process ol li strong {
	color: #e3812e;
	}

#recipe .column .photos dl {
	float: left;
	margin-right: 5px;
	}

#recipe .column .photos dl dd {
	text-align: center;
	font-size: 85%;
	}

#recipe .column .point {
	clear: both;
	margin: 30px 0px;
	}

#recipe .column .point h5 {
	font-size: 93%;
	margin-bottom: 10px;
	}

#recipe .column .point p {
	font-size: 85%;
	}

#recipe .column .point ul {
	list-style-type: none;
	margin-left: 2em;
	}

#recipe .column .point li {
	font-size: 85%;
	line-height: 1.6;
	margin-bottom: 0.5em;
	padding-left: 1em;
	text-indent: -1em;
	}

div.inner_box {
	padding: 10px;
	}

.column_nav {
	clear:both;
	padding: 10px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 30px;
	}

.column_nav ul {
	list-style-type: none;
	
	}

.column_nav ul li {
	width:350px;
	font-size: 85%;
	color: #999;
	}

.column_nav ul li a,
.column_nav ul li a:visited {
	color: #999;
	}

.column_nav ul li.prev {
	float: left;
	text-align: right;
	}

.column_nav ul li.next {
	float: right;
	text-align: left;
	}
	
p#btn_top {
	clear: both;
	margin: 30px auto;
	text-align: center;
	}

/* dx_steam */
#recipe .column .dx_steam {
	background: #FFF url(/products/recipe/images/recipe_title_bg_dxsteam.gif) no-repeat center right;
	}