@charset "utf-8";

/*
--------------------------------------------------------
base
--------------------------------------------------------
*/
div#wrapper
					{
					background:#fff none;
					}
					
div#header
						{
						height:420px !important;
						/*background:url(../img/index_header_background2.gif) no-repeat 0 0;*/
						}

div#header ul.navigation
						{
						bottom:25px;
						}

ul.toppict
						{
						list-style:none;
						position:absolute;
						top:90px;
						width:800px !important;
						height:200px !important;
						margin:0;
						padding:0;
						overflow:none;
						}
ul.toppict li{
						position:absolute;
						left:0;
						top:0;
						margin:0;
						padding:0;
						}
div#header ul.toppict li img
						 {
						position: absolute;
						top:0;
						left:0;
						clip:rect(0 800px 250px 0);
						}

div#header p.topmessage
						{
						position:absolute;
						z-index:100;
						top:180px;
						right:0;
						}

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;
						}

div.news p
						{
						font-size: 120%;
						width: 80%;
						align: left;
						margin-left:35px;
						}
div.news img
						{
						align: left;
						}
		
/* banner */
/*
div.news p.bn
			{
			float:right;
			}
*/
div.news ul.bn
			{
				margin:0 -19px 0 0;
			}
			
div.news ul.bn li
			{
				float:left;

				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-back.jpg) 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;
					}