@charset "UTF-8";

div#contents{ width: 950px; text-align: left; margin: 0 auto 38px auto; }
div#contents h1{ font-size: 16pt; color: #fff; background: #f90; margin: 20px 0; padding: 6px 10px; }

div#main{ margin: 0 20px; }
div#main p{ color: #4d4d4d; line-height: 1.6; }
div#main p.lead{ margin: 0 0 2em 0; }
div#main div.section{ border: 1px solid #999; margin: 0 0 20px 0; }
div#main div.section h2{ font-size: 12pt; color: #fff; background: #999; margin: 0 0 .5em 0; padding: 6px 10px; }
div#main div.section p{ margin: 0 12px 1em 12px; }

div#main div.orange div.section{ border: 1px solid #f90; }
div#main div.orange div.section h2{ background: #f90; }
div#main div.sky div.section{ border: 1px solid #39c; }
div#main div.sky div.section h2{ background: #39c; }
div#main div.green div.section{ border: 1px solid #6c9; }
div#main div.green div.section h2{ background: #6c9; }

div#main table.spoon{ border-top: 1px solid #f90; border-left: 1px solid #f90; margin: 0 0 20px 0; }
div#main table.spoon td{ vertical-align: top; color: #4d4d4d; border-right: 1px solid #f90; border-bottom: 1px solid #f90; padding: 10px 20px; }
div#main table.spoon td.picture{ border-bottom: none; text-align: center; }
div#main p.ecookSchool{ text-align: right; }
div#main p.ecookSchool img{ margin: 6px 0; }
div#main p.recipeChart, div#main p.close{ text-align: center; margin: 20px 0; }



div#footers { width: 950px;}

/*
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%; }
*/