@charset "UTF-8";

div#contents{ width: 950px; text-align: left; background: url(img/200810_side_bg.gif) repeat-y; margin: 0 auto 38px auto; }
div#contentsInner{ min-height: 1%; background: url(img/200810_side_bg_foot.gif) no-repeat 0 100%; }
div#contentsInner:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
* html div#contentsInner{ height: 1%; }
/*\*//*/
* html div#contentsInner{ height: inherit; display: inline-table; }
/**/
div#ecookhead{ background: #fff; padding: 11px 0; }
div#contents h1 {padding:0;}
div#leftside{ width: 165px; float: left; background: url(img/200810_side_bg_head.gif) no-repeat; padding: 12px 0; }
div#leftside ul.menu{ background: url(img/200810_side_bg_list_head.gif) no-repeat #fff; margin: 4px 16px 0 12px; padding: 10px 0 0 0; }
div#leftside ul.menu li{ list-style-type: none; background: url(img/200810_side_bg_list_line_dotted.gif) no-repeat 50% 100%; margin: 0 0 10px 0; padding: 0 5px 10px 5px; line-height: 1.6; }
div#leftside ul.menu li.last{ background: url(img/200810_side_bg_list_foot.gif) no-repeat 0 100%; }
div#leftside ul.menu li span{ display: block; background: url(img/200810_side_icon_list.gif) no-repeat 0 .2em; padding: 0 0 0 20px; }
div#leftside ul.menu li.open span{ background: url(img/200810_side_icon_list_on.gif) no-repeat 0 .2em; }
div#leftside ul.menu li a{ color: #ff6c00; }
div#leftside ul.menu li ul.sub, div#leftside ul.menu li ul.sub li{ background: none; margin: 0; padding: 0; }
div#leftside ul.menu li ul.sub li{ padding: 0 5px 0 15px; }
* html div#leftside ul.menu li ul.sub li{ height: 1%; }
div#leftside ul.menu li ul.sub li span{ background: url(img/200810_side_icon_list.gif) no-repeat 0 .2em; }

div#main{ width: 768px; float: right; }
div#main div#pagetitle{ margin: 0 0 20px 0; }
div#main table#tubmenutb{ width: 768px; background: url(img/200810_contents_bg_main.gif) repeat-y; }
div#main table#tubmenutb tr td.bgtitle{ background: url(img/200810_contents_bg_main_head.gif) no-repeat; padding: 30px 0 35px 28px; }
div#main table#tubmenutb tr td.bgtitle ul li{ display: inline; list-style-type: none; }
div#main table#tubmenutb tr td.bgcolorange{ background: url(img/200810_contents_bg_main_foot.gif) no-repeat 0 100%; padding: 0 0 20px 60px; }
div#main table#tubmenutb tr td.bgcolorange a{ color: #ff8400; }

div#main table#tubmenutb tr td.bgcolorange div.section{ min-height: 1%; margin: 0 0 40px 0; }
div#main table#tubmenutb tr td.bgcolorange div.section:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
* html div#main table#tubmenutb tr td.bgcolorange div.section{ height: 1%; }
/*\*//*/
* html div#main table#tubmenutb tr td.bgcolorange div.section{ height: inherit; display: inline-table; }
/**/
div#main table#tubmenutb tr td.bgcolorange div.section div.item{ width: 331px; min-height: 1%; float: left; }
div#main table#tubmenutb tr td.bgcolorange div.section div.item:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
* html div#main table#tubmenutb tr td.bgcolorange div.section div.item{ height: 1%; }
/*\*//*/
* html div#main table#tubmenutb tr td.bgcolorange div.section div.item{ height: inherit; display: inline-table; }
/**/

div#main table#tubmenutb tr td.bgcolorange div.section div.item div.notes{ width: 250px; float: right; }
div#main table#tubmenutb tr td.bgcolorange div.section div.item div.notes h2{ font-weight: bold; margin: 0 18px .5em 0; }
div#main table#tubmenutb tr td.bgcolorange div.section div.item div.notes p.movie{ background: #f4f0ea; margin: 0 18px 0 0; padding: 8px 10px; }
div#main table#tubmenutb tr td.bgcolorange div.section div.item div.notes p.movie img{ vertical-align: middle; }
div#main table#tubmenutb tr td.bgcolorange div.section div.item p.photo{ width: 80px; float: left; }



body#ecookToppage div#main table#tubmenutb tr td.bgcolorange div.section { margin: 0 0 1.6em 0;}
body#ecookToppage div#main table#tubmenutb tr td.bgtitle { padding: 30px 0 0 28px;}
body#ecookToppage div#main table#tubmenutb tr td.bgcolorange{ background: url(img/200810_contents_bg_main_foot.gif) no-repeat 0 100%; padding: 0 0 20px 37px; }
body#ecookToppage div#main table#tubmenutb tr td.bgcolorange h2.text { background: url(/img/recipeone/line.jpg) repeat-x bottom; padding: 0 0 18px 0; margin: 0 25px 0.5em 0;}
body#ecookToppage div#main table#tubmenutb tr td.bgcolorange div.section div.item{ width: 359px; min-height: 1%; float: left; }
body#ecookToppage div#main table#tubmenutb tr td.bgcolorange div.section div.item p.photo{ width: 143px; float: left; }
body#ecookToppage div#main table#tubmenutb tr td.bgcolorange div.section div.item div.notes{ width: 204px; float: right; }
body#ecookToppage div#main table#tubmenutb tr td.bgcolorange div.section div.item div.notes p { margin: 0 25px 0 0; font-size: .9em;}

body#ecookToppage div#main table#tubmenutb tr td.bgcolorange div.section div.item p.info{ clear:both; font-size: .9em; padding:1.4dm 0 0 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%; }

for MacIE hack ( for float )
/*\*//*/
* html div#test{ height: inherit; display: inline-table; }
/**/


*/