@charset "utf-8";

/*
--------------------------------------------------------
base
--------------------------------------------------------
*/
div#wrapper{
background:#fff none;
}
div#header{
height:420px !important;
background:url(../img/index_header_background.gif) no-repeat 50% 100%;
}
div#header ul.navigation{
bottom:25px;
}
div#body{
background:none;
}
div.news{
float:left;
width:510px;
padding:0 5px 0 10px;
}
div.news h2{
background:none;
margin:0 0 -0.5em -5px;
padding:0;
}
div.news dl{
margin:1em 0 2em;
background-color: #ffffff;
}
div.news dl dt{
font-weight:normal;
width:5em;
padding:0.2em 0 0.2em 0.5em;
}
div.news dl dd{
padding:0.2em 0 0.2em 5.8em;
border-bottom:1px dashed #c1c0c0;
layout-grid-line:1.4;
}
div.news dl dd img{
vertical-align: middle;
}


/* banner */
/*
div.news p.bn
			{
			float:right;
			}
*/
div.news ul.bn
			{
				margin:0 -19px 0 0;
			}
			
div.news ul.bn li
			{
				float:left;
				height:90px;
				margin:0;
				padding:5px 2px 2px 0;
				background:none;
			}

div#contents ul.navigation
			{
				list-style:none;
				padding:0;
				margin:1em 10px;
				}
div#contents ul.navigation li
				{
					float:left;
					padding:0;
				}


/* recipe */
div.recipe{
					position:relative;
					float:right;
					clear:none;
					width:210px;
					padding:0;
					margin:0 -5px 1em 0px;
					background:url(../img/recipe_background2.gif) repeat-y 0 0;
					background:url(../img/recip-back.gif) repeat;

					}

div.recipe h2{
					margin:0;
					padding:6px 5px 1px;
					height:60px;
					background:url(../img/recipe_background1.gif) no-repeat 0 0;
					line-height:40px;
					}
div.recipe p.navigation{
					width:auto;
					margin:0;
					padding:0;
					height:8px;
					background:url(../img/recipe_background3.gif) no-repeat 0 100%;
					}
div.recipe p.navigation a
					{
					display:none;
					}

div.recipe p.comment{
					margin:0;
					padding:5px 10px;
					background:url(../img/recipe_background2.gif) repeat-y 0 0;
					font-size:84%;
					}
div.menu{
					position:relative;
					width:186px;
					margin:0 auto 20px;
					padding:10px 0 0;
					background:url(../img/recipe_menu_background1.png) no-repeat 50% 0;
					}
div.menu p{
					margin:0;
					padding:0 13px;
					}
div.menu p.pict{
					margin:0 0 2px;
					}
div.menu p.detail{
					position:relative;
					top:4px;
					height:30px;
					background:url(../img/recipe_menu_background2.png) no-repeat 50% 100%;
					}
div.menu p.detail a{
					position:absolute;
					top:0;
					right:8px;
					}

