@charset "UTF-8";

div#contents{ width: 768px; text-align: left; margin: 0 auto 38px auto; }
div#contents h1{ font-size: 16pt; color: #f90; background: url(/recipe-webapp/mobile/img/200810_mobile_bg_title.gif) repeat-x 0 100% #fff; margin: 0 0 24px 0; padding: 20px 0 14px 0; }
div#contents p{ color: #4d4d4d; line-height: 1.6; }
div#contents div.lead{ min-height: 1%; margin: 0 0 30px 0; }
div#contents div.lead:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
* html div#contents div.lead{ height: 1%; }
/*\*//*/
* html div#contents div.lead{ height: inherit; display: inline-table; }
/**/
div#contents div.lead div.notes{ width: 580px; float: left; }
div#contents div.lead div.notes h2, div#contents div.lead div.notes p{ margin: 0 0 20px 0; }
div#contents div.lead div.notes p.movie{ margin: 0 0 20px 95px; }
div#contents div.lead div.side{ width: 183px; float: right; background: url(/recipe-webapp/mobile/img/200810_mobile_bg_side_foot.gif) no-repeat 0 100% #ffebc8; }
div#contents div.lead div.side p{ font-size: .8em; color: #933a00; padding: 0 12px 10px 12px; }
div#contents div.lead div.side p.barcode{ text-align: center; background: url(/recipe-webapp/mobile/img/200810_mobile_bg_side_head.gif) no-repeat; padding: 10px 12px; }

div#main{ background: url(/recipe-webapp/mobile/img/200810_mobile_bg_main.gif) repeat-y; }
div#main h3{ height: 70px; text-indent: -10000px; background: url(/recipe-webapp/mobile/img/200810_mobile_bg_main_head.gif) no-repeat; }
div#main div.mainInner{ min-height: 1%; background: url(/recipe-webapp/mobile/img/200810_mobile_bg_main_foot.gif) no-repeat 0 100%; padding: 0 32px 45px 27px; }
div#main div.mainInner:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
* html div#main div.mainInner{ height: 1%; }
/*\*//*/
* html div#main div.mainInner{ height: inherit; display: inline-table; }
/**/
div#main div.mainInner div.notes{ width: 500px; float: left; padding: 0 0 18px 0; }
div#main div.mainInner div.notes h4{ margin: .5em 20px; }
div#main div.mainInner div.notes p{ margin: 0 0 2em 20px; }
div#main div.mainInner div.side{ width: 184px; float: right; padding: 0 0 18px 0; }

div#main div.mainInner div.guide{ float: none; clear: both; background: url(/recipe-webapp/mobile/img/200810_mobile_bg_guide.gif) no-repeat; margin: 0 0 20px 0; padding: 51px 0 0 104px; }
div#main div.mainInner div.guide h4{ position: absolute; top: 0; left: -10000px; }
div#main div.mainInner div.guide table tr th, div#main div.mainInner div.guide table tr td{ vertical-align: top; padding: 0 10px 6px 0; }
div#main div.mainInner div.guide table tr th.last, div#main div.mainInner div.guide table tr td.last{ padding: 0 0 6px 0; }
div#main div.mainInner div.guide table tr td{ font-size: .9em; line-height: 1.6; color: #4d4d4d; }
div#main div.mainInner div.notice{ background: #f2f2f2; padding: 8px 12px; }
div#main div.mainInner div.notice p{ margin: 0 0 1em 0; }

/*
for IE 7 only hack ( for float )
*:first-child+html div#test{ min-height: 1%; }

for Modern browser (FF Safari Opera NN...etc) ( for float )
div#test:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }

for IE6 IE5.5 IE5 hack ( for float etc... )
* html div#test{ height: 1%; }
*/