* {
	padding: 0px;
	margin: 0px;
	}

body {
	color: #444444;
	font-size: 12px;
	text-align: center;
	background: #f0eee7;
	padding: 0px 0px 20px 0px;
	}

#pagebody {
	width: 670px;
	text-align: left;
	background: url(../img/recipe_bk.gif) repeat-y left top;
	padding: 0px 0px 20px 0px;
	margin: 0px auto;
	}


img { border: 0px; }

p {
	line-height: 1.6;
	margin: 10px 0px;
	}

a:link { color: #8a5d32; }
a:visited { color: #8a3832; }


/* header
---------------------------------- */
#header {
	background: url(../img/recipe_hd.gif) no-repeat left top;
	padding: 20px 0px 20px 25px;
	position: relative;
	}

#header p.goTop {
	border-left: 3px solid #bcac74;
	left: 5px;
	_left: -20px;
	line-height: 1;
	padding-left: 5px;
	position: absolute;
	top: -23px;
	}

#header p.goTop a:link,
#header p.goTop a:visited {
	color: #bcac74;
	text-decoration: none;
	}

#header p.goTop a:hover,
#header p.goTop a:active {
	color: #8a5d32;
	text-decoration: underline;
	}


/* container
---------------------------------- */
#container {
	width: 620px;
	margin: 0px 0px 0px 25px;
	}

h1 {
	color: #bcac74;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	background: #f0eee7;
	padding: 4px 5px 0px 0px;
	}

.dishname { margin-bottom: 20px; }

img.photo {
	float: left;
	margin: 0px 15px 15px 0px;
	display: block;
	}


h2 { margin: 15px 0px 10px 0px; }
h2.ic02 { margin: 0px 0px 10px 0px; clear: both; width: 620px; }
h2.ic03 { width: 620px; clear: both; }

h3 {
	font-size:14px;
	margin: 15px 0px 10px 0px;
	}
.quantity {
	color: #8a5d32;
	text-align: right;
	margin-right: 5px;
	}

dl.ingredient {
	float: right;
	width: 345px;
	line-height: 1.6;
	margin: 0px 5px 15px 0px;
	}
dl.ingredient dt {
	float: left;
	}
dl.ingredient dd {
	text-align: right;
	background: url(../img/line01.gif) repeat-x left bottom;
	}
dl.ingredient dt.block {
	text-indent: 15px;
	}



#tool {
	clear: both;
	margin-bottom: 15px;
	}

#tool:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#tool {
  min-height: 1px;
}

* html #tool {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#print {
	float: left;
	margin-right: 10px;
	}

#qr {
	float: left;
	width: 170px;
	height: 74px;
	background: url(../img/qr_bk.gif) no-repeat left top;
	}
#qr img { margin: 4px 0px 0px 4px; }

#oven {
	float: left;
	height: 74px;
	margin-left: 10px;
	width: 260px;
	}

ul.bullet {
	line-height: 1.6;
	padding-left: 22px;
	margin: 10px 0px;
	}


ol.howto {
	list-style: none;
	line-height: 1.6;
	margin: 10px 0px;
	}
ol.howto li {
	background-position: 3px 3px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 22px;
	}
ol.howto li.li01 { background-image: url(../img/li_01.gif); }
ol.howto li.li02 { background-image: url(../img/li_02.gif); }
ol.howto li.li03 { background-image: url(../img/li_03.gif); }
ol.howto li.li04 { background-image: url(../img/li_04.gif); }
ol.howto li.li05 { background-image: url(../img/li_05.gif); }
ol.howto li.li06 { background-image: url(../img/li_06.gif); }
ol.howto li.li07 { background-image: url(../img/li_07.gif); }
ol.howto li.li08 { background-image: url(../img/li_08.gif); }
ol.howto li.li09 { background-image: url(../img/li_09.gif); }
ol.howto li.li10 { background-image: url(../img/li_10.gif); }
ol.howto li.li11 { background-image: url(../img/li_11.gif); }
ol.howto li.li12 { background-image: url(../img/li_12.gif); }
ol.howto li.li13 { background-image: url(../img/li_13.gif); }
ol.howto li.li14 { background-image: url(../img/li_14.gif); }
ol.howto li.li15 { background-image: url(../img/li_15.gif); }
ol.howto li.li16 { background-image: url(../img/li_16.gif); }
ol.howto li.li17 { background-image: url(../img/li_17.gif); }
ol.howto li.li18 { background-image: url(../img/li_18.gif); }
ol.howto li.li19 { background-image: url(../img/li_19.gif); }
ol.howto li.li20 { background-image: url(../img/li_20.gif); }

p.supervision{
	margin-left: auto;
	text-align: right;
	margin-right: 5px;
	}
p.point{
	color: #8a5d32;
	margin: 30px 0px 0px;
	}


/* recommendRecipe
---------------------------------- */
div.recommendRecipe {
	padding : 20px 0 10px;
	}
div.recommendRecipe ul {
	width: 640px;
	margin-right: -20px;
	}
div.recommendRecipe ul li{
	width: 128px;
	float: left;
	list-style: none;
	}
div.recommendRecipe ul dl{
	width: 108px;
	}
    
    
/* useTools
---------------------------------- */
div.useTools {
	padding : 20px 0 10px;
	}
div.useTools h2 {
    margin: 10px 0 !important;
    padding: 0;
	}
div.useTools p {
    margin-top: 0;
    margin-bottom: 10px;
    }
div.useTools ul {
	width: 640px;
    list-style-type: none;
	}
div.useTools ul li {
	width: 320px;
    float: left;
	}
div.useTools ul li dl {
	width: 300px;
    float: left;
	}
div.useTools ul li dl dt {
	width: 67px;
    min-height: 70px;
    _min-height: 70px;
    _padding-bottom: 10px;
	float: left;
	}
div.useTools ul li dl dd {
	width: 233px;
    float: left;
	}
div.useTools ul li dl dd p {
    line-height: 1.4;
    margin: 0;
    padding: 0;
	}
div.useTools ul li dl dd p.name {
    font-weight: bold;
	}
div.useTools ul li dl dd p.text {
    font-weight: normal;
	}
div.useTools ul li dl dd p.link {
    background-image: url("../../../shared/img/mark/site_arrow_red.gif");
    background-position: 0 0.28em;
    background-repeat: no-repeat;
    padding-left: 12px;
	}
div.useTools a.externalIcon {
    background-image: url("../../../shared/img/icon/external.gif");
    background-position: right 0.28em;
    background-repeat: no-repeat;
    padding-right: 18px;
	} 


/* footer
---------------------------------- */
#footer {
	width: 670px;
	background: url(../img/recipe_ft.gif) no-repeat left top;
	text-align: right;
	padding: 15px 0px;
	margin: 0px auto;
	}
#close { margin: 0px 5px 0px auto; }

address { margin: 20px 5px 0px auto; }



/* clearfix
---------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* a la carte
---------------------------------- */
.f-small { font-size: 10px; }