@charset "UTF-8";

div#contents{ width: 950px; text-align: left; margin: 0 auto 38px auto; padding: 15px 0 0 0; }
div#contents div.otonaHome{ width: 920px; height: 577px; position: relative; background: url(/recipe-webapp/otona/index/img/200810_bg_contents.jpg) no-repeat; margin: 0 15px 15px 15px; }
div#contents div.otonaHome h1, div#contents div.otonaHome h2,  div#contents div.otonaHome p{ position: absolute; top: 0; left: -10000px; }
div#contents div.otonaHome p.lead{ top: 115px; left: 22px; font-size: 14px; color: #262421; }
div#contents div.otonaHome div#quiz{
	position: absolute; top: 496px; left: 18px;
	width:454px;height:81px;
	background: url(/recipe-webapp/otona/index/img/200810_bg_quiz.jpg) no-repeat; 
 }
 
div#contents div.otonaHome div#quiz .quiz1{ top: 7px; left: 116px; }
div#contents div.otonaHome div#quiz .quiz2{ top: 7px; left: 279px; }
div#contents div.otonaHome ul li{ position: absolute; list-style-type: none; }
div#contents div.otonaHome ul.today li{ left: 22px; }
div#contents div.otonaHome ul.zissen li{ left: 321px; }
div#contents div.otonaHome ul.chishiki li{ left: 619px; }
div#contents div.otonaHome ul li.item1{ top: 154px; }
div#contents div.otonaHome ul li.item2{ top: 202px; }
div#contents div.otonaHome ul li.item3{ top: 250px; }
div#contents div.otonaHome ul li.item4{ top: 298px; }
div#contents div.otonaHome ul li.item5{ top: 346px; }
div#contents div.otonaHome ul li.item6{ top: 394px; }
div#contents div.otonaHome ul li.item7{ top: 442px; }

div#contents p.information{ text-align: right; margin: 0 20px; }
div#contents p.information a{ min-height: 1%; font-size: .9em; color: #f60; background: url(/recipe-webapp/otona/index/img/200810_icon_list.gif) no-repeat; padding: 0 0 0 18px; }
div#contents p.information a:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
* html div#contents p.information a{ height: 1%; }

* { margin: 0; padding: 0; }
a{ outline: none; }
img{ border: none; }
body#otonaHowto{ text-align: center; }
body#otonaHowto div#container{ width: 807px; text-align: left; margin: 0 auto; }
body#otonaHowto div#container div#main p.logo{ margin: 0 0 4px 0; padding: 4px 0 0 0; }
body#otonaHowto div#container div#main h1{ margin: 0 0 24px 0; }
body#otonaHowto div#container div#main h2{ margin: 0 0 20px 0; }
body#otonaHowto div#container div#main p.picture{ margin: 0 0 30px 0; }
body#otonaHowto div#container p.close{ text-align: right; border-top: 3px double #d9d9d9; padding: 20px 0 0 0; }
body#otonaHowto div#container p.copyright{ font-size: .9em; text-align: center; color: #8f7d63; margin: -20px 0 20px 0; }