@import url("base.css");
@import url("second.css");

/* ナビゲーション
----------------------------------------------------------------------------- */

#navi_garden{
	margin-right: 20px;
	border-top: 2px dotted #660000;
	list-style-type: none;
}

#navi_garden li{
	text-align: right;
	padding: 0.5em 0;
	border-bottom: 2px dotted #660000;
}

#navi_garden li.on{
	font-weight: bold;
}

#navi_garden a{
	color: #660000;
}

#navi_garden a:hover{
	color: #669900;
}

/* 見出し
----------------------------------------------------------------------------- */

#main h2{
	text-indent: -9999px;
	margin-top: 30px;
	height: 87px;
	width: 635px;
	background-image: url('../garden/img/title.gif');
}

#main h2.vol1{
	background-position: 0px 0px;
}
#main h2.vol2{
	background-position: 0px -87px;
}
#main h2.vol3{
	background-position: 0px -174px;
}
#main h2.vol4{
	background-position: 0px -261px;
}
#main h2.vol5{
	background-position: 0px -348px;
}
#main h2.vol6{
	background-position: 0px -435px;
}
#main h2.vol7{
	background-position: 0px -522px;
}
#main h2.vol8{
	background-position: 0px -609px;
}

#main h3{
	color: #660000;
	font-weight: bold;
	margin-bottom: 1em;
	padding-left: 1.5em;
	background-image: url('../garden/img/point.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

/* コンテンツ
----------------------------------------------------------------------------- */

#main p.main_txt{
	font-size: 110%;
	color: #339900;
}

#main div.box{
	clear: both;
}

#main div.block_r,
#main div.block_l{
	margin-bottom: 2em;
}

#main div.block_r{
	float: right;
	width: 400px;
}

#main div.block_l{
	float: left;
	width: 310px;
}

#main p{
	line-height: 200%;
}

#main p.txt_sub{
	color: #CC6600;
}

#main div.recipe_block{
	float: right;
	width: 395px;
	background-image: url('../garden/img/bg_recipe.gif');
	background-repeat: repeat-y;
}

#main div.recipe_block h4{
	margin-bottom: 1em;
	padding: 30px 0 0 20px;
	background-image: url('../garden/img/bg_recipe_top.gif');
	background-repeat: no-repeat;
	background-position: center top;
}

#main div.recipe_block table{
	margin: 0 20px;
}

#main div.recipe_block th{
	color: #FF9900;
	text-align: left;
}

#main div.recipe_block ul{
	margin: 0 0 1em 1.5em;
}

#main div.recipe_block ol{
	margin: 0 0 1em 2em;
}

#main div.recipe_block p.txt_sub{
	color: #669900;
	line-height: 150%;
}

#main div.recipe_block div.recipe_bottom{
	height: 20px;
	width: 395px;
	background-image: url('../garden/img/bg_recipe_bottom.gif');
	background-repeat: no-repeat;
	background-position: center center;
}

#f_navi{
	clear: both;
}