@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/sitemap/img/200910_sitemap_bg_title.gif) repeat-x 0 100% #fff; margin: 0 0 24px 0; padding: 20px 0 14px 0; }
div#contents h2{ color: #f90; background: url(/recipe-webapp/sitemap/img/bg_subtitle.gif) repeat-x bottom; margin: 0 ; padding:0 0 16px 0; }
div#contents p{ color: #4d4d4d; line-height: 1.6; }

div#main{width:715px; margin:0 0 0 50px; }
div#main div.box{width:315px; margin:0 40px 0 0; float:left; }

div#main div.box ul a{color: #4d4d4d; font-size:.8em; }
div#main div.box ul a:link{text-decoration:none; }
div#main div.box ul a:visited {text-decoration:none; }
div#main div.box ul a:hover {text-decoration:underline; }
div#main div.box ul.contentsname {list-style: inside url(/recipe-webapp/sitemap/img/im_listmark1.gif) ; margin:0 0 30px 0;}
div#main div.box ul.contentsname li {margin:0 0 10px 0; padding:0 0 14px 10px; background: url(/recipe-webapp/sitemap/img/bg_dotline.gif) repeat-x bottom; }
div#main div.box ul.contentsname ul  {margin:.4em 0 0 0;}
div#main div.box ul.contentsname ul li {margin:0 0 .2em 0; line-height:.8;background: none; list-style: inside url(/recipe-webapp/sitemap/img/im_listmark2.gif) ; padding: 0 0 0 20px;}


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