@charset"EUC-JP";

/* [CSS設定目次]------------------------------------------------------------------------------------

■topicPath
■contents
■pageIMG
■rightBox
■localNavi
■pageTop
■main
■vegeIMG（野菜紹介ページ：野菜画像）
■vegeRecipe（野菜紹介ページ：料理）
■vrInner（野菜紹介ページ：料理の内部）
■print（レシピページ：プリントボタン）
■ingredients・howtomake（レシピページ：材料・作り方）
■vegeSet（野菜セットのご購入：野菜セット一覧）
■form（野菜セットのご購入：ご注文フォーム）
■link
■data（栽培管理記録表）
■outline
■footer

------------------------------------------------------------------------------[CSS設定目次]終わり */


/* [topicPath]----------------------------------------------------------------------------------- */

div#topicPath {
	margin: 5px 0 1em;
	padding-bottom: 0.5em;
	background: url("../images/page/topicpath_line.gif") no-repeat bottom;
}

div#topicPath ul li {
	display: inline;
}

div#topicPath ul li a {
	padding-right: 13px;
	background: url("../images/page/topicpath_arrow.gif") no-repeat right center;
}

/* -----------------------------------------------------------------------------[topicPath]終わり */


/* [pageIMG]------------------------------------------------------------------------------------- */

div#pageIMG {
	width: 770px;
	margin: 0 auto 17px;
}

/* ------------------------------------------------------------------------------[rightBox]終わり */

/* [rightBox]------------------------------------------------------------------------------------ */

div#rightBox {
	float: right;
	width: 547px;
	margin-right: 5px;
}

div#rightBox p {
	text-align: justify;
	text-justify: auto;
}

/* 画像中央揃え------------------------------------------ */

div#rightBox .imgC {
	display: block;
	text-align: center;
	margin: 0 auto;
}
/* -----------------------------------------/画像中央揃え */

/* 画像右揃え-------------------------------------------- */

div#rightBox .imgR {
	display: block;
	text-align: right;
}

/* -------------------------------------------/画像右揃え */

/* 矢印付きリンク---------------------------------------- */

div#rightBox .arrow {
	padding-left: 25px;
	background: url(../images/point/arrow_01.gif) no-repeat left 1px;
}

/* ---------------------------------------/矢印付きリンク */

/* 黒丸リスト-------------------------------------------- */

div#rightBox ul.stdList li {
	padding-left: 13px;
	margin: 0 0 0.5em 0.5em;
	background: url(../images/point/circle_02.gif) no-repeat 0 6px;
}

/* -------------------------------------------/黒丸リスト */

/* ------------------------------------------------------------------------------[rightBox]終わり */


/* [localNavi]----------------------------------------------------------------------------------- */

div#localNavi {
	float: left;
	width: 205px;
	background: url(../images/local_navi/bg.gif) no-repeat bottom;
	padding-bottom: 35px;
	margin-bottom: 2em;
}

div#localNavi ul {
	width: 175px;
	margin: 0 auto;
}

div#localNavi ul li {
	background: url(../images/local_navi/li_bg.gif) no-repeat top;
	padding: 13px 0 10px 35px;
}

div#localNavi ul li.lNaviVis {
	background: #ffd007 url(../images/local_navi/visited_bg.gif) no-repeat top;
	font-weight: bold;
	padding: 13px 2px 5px 35px;
	margin-bottom: 5px;
}

/* -----------------------------------------------------------------------------[localNavi]終わり */


/* [pageTop]------------------------------------------------------------------------------------- */

div#pageTop {
	float: right;
	clear: both;
}

div#pageTop p {
	margin: 3em 10px 2em 0 ;
}

/* -------------------------------------------------------------------------------[pageTop]終わり */


/* [main]---------------------------------------------------------------------------------------- */

div#main h3 {
	font-weight: bold;
	font-size: 1.5em;
	color: #897007;
	height: 50px;
	background: url(../images/page/subtitle_bg.gif) no-repeat;
	padding: 10px 0 0 50px;
}

/* ----------------------------------------------------------------------------------[main]終わり */


/* [vegeIMG]------------------------------------------------------------------------------------- */

ul#vegeIMG {
	margin-top: 2em;
}

ul#vegeIMG li {
	float: left;
	text-align: center;
	width: 273px;
	
}

ul#vegeIMG img {
	margin-bottom: 2em;
}

/* -------------------------------------------------------------------------------[vegeIMG]終わり */

/* [vegeRecipe]---------------------------------------------------------------------------------- */

div#vegeRecipe {
	clear: both;
	background: #fff url(../images/vegetables_bg.gif) no-repeat bottom;
	display: inline-block; /* IE6・IE7向け */
	/padding-bottom: 1em; /* IE6・IE7用 */
}

div#vegeRecipe h4 {
	margin-bottom: 1em;
}

div#vegeRecipe:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}

/* ----------------------------------------------------------------------------[vegeRecipe]終わり */


/* [vrInner]------------------------------------------------------------------------------------- */

div#vrInner {
	padding: 0 15px 10px 15px;
}

div#vrInner p {
	padding-bottom: 0.8em;
	background: #fff url(../images/vegetables_line.gif) no-repeat bottom;
}

div#vrInner ul li {
	float: left;
	margin-right: 5px;
	margin-bottom: 1em;
}

div#vrInner dl dd {
	text-align: center;
}

/* -------------------------------------------------------------------------------[vrInner]終わり */


/* [print]--------------------------------------------------------------------------------------- */

div#print p a {
	display: block;
	width: 188px;
	height: 29px;
}

div#print p {
	overflow: hidden;
	text-indent: -9999px;
	float: right;
	width: 188px;
	background: url(../images/recipe_print_01.jpg) no-repeat 0 0;
}

div#print p a:hover {
	background: url(../images/recipe_print_02.jpg) no-repeat 0 0;
}

/* ---------------------------------------------------------------------------------[print]終わり */


/* [ingredients・howtomake]---------------------------------------------------------------------- */

div#ingredients h4,div#howtomake h4 {
	height: 27px;
	font-size: 1.2em;
	font-weight: bold;
	color: #897007;
	background: url(../images/page/subtitle_bg02.gif) no-repeat 0 1px;
	padding-left: 30px;
	margin: 1.5em 0 0.8em 0;
}

div#ingredients {
	width: 535px;
}

div#ingredients .ingreL {
	float: left;
	margin-left: 0.5em;
}

div#ingredients .ingreR {
	float: right;
	margin-right: 0.5em;
}

div#ingredients dl {
	width: 247px;
	margin-bottom: 1.5em;
}

div#ingredients dl dt,div#ingredients dl dd {
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

div#ingredients dl dt {
	width: 145px;
	float: left;
	border-bottom: 1px dashed #ccc;
	clear: both;
}

div#ingredients dl dd {
	width: 100px;
	float: right;
	text-align: right;
	border-bottom: 1px dashed #ccc;
}

div#howtomake  ol {
	margin: 0 0.5em;
}

div#howtomake  ol li {
	text-indent: -0.8em;  
	padding-left: 0.8em;  
	margin-bottom: 0.3em;
}

/* ----------------------------------------------------------------[ingredients・howtomake]終わり */


/* [vegeSet]------------------------------------------------------------------------------------- */

div#vegeSet {
	margin: 1.5em 0.5em 0;	
}

div#vegeSet dl.floatL,div#vegeSet dl.floatR {
    clear:both;
	width: 250px;
}

div#vegeSet dl.floatL {
	float: left;
}

div#vegeSet dl.floatR {
	float: right;
}

div#vegeSet dl dt {
	font-weight: bold;	
	padding-left: 20px;
	margin-bottom: 0.3em;
	background: url(../images/shopping_set_title_point.gif) no-repeat left 1px;
}

div#vegeSet dl {
	margin-bottom: 0.5em;
}

/* -------------------------------------------------------------------------------[vegeSet]終わり */


/* [form]---------------------------------------------------------------------------------------- */

div#form {
	margin: 0 0.5em;
}

div#form table {
	width: 535px;
	/*margin-bottom: 1em;*/
	margin-bottom: 5px;
}

div#form table th,div#form table td {
	vertical-align: top;
	border: 1px solid #ccc;
	padding: 8px;
}

div#form .sample {
	color: #afa57d
}

div#form table ul.goods li {
	margin-bottom: 0.5em;
}

div#form table ul.goods input.gds {
	width: 2em;
}

/* ----------------------------------------------------------------------------------[form]終わり */


/* [link]---------------------------------------------------------------------------------------- */

div#link dl dt {
	font-weight: bold;
	padding-left: 25px;
	margin-bottom: 0.5em;
	background: url(../images/point/circle_01.gif) no-repeat left 2px;
}

div#link dl dd {
	margin-bottom: 1.5em;
	margin-left: 25px;
	padding-left: 25px;
	padding-bottom: 3px;
	background: url(../images/point/arrow_01.gif) no-repeat left 2px;
}

/* ----------------------------------------------------------------------------------[link]終わり */


/* [data]---------------------------------------------------------------------------------------- */
/* [data01,data02]------------------------------------------------------------------------------- */

div#data01 table,table#data02 {
	width: 535px;
	margin-bottom: 1em;
	letter-spacing: normal;
}

div#data01 table th,div#data01 table td,table#data02 th,table#data02 td {
	padding: 3px;
	vertical-align: top;
}

div#data01 table th,div#data01 table td {
	border: 1px solid #b79713;
}

table#data02 th,table#data02 td {
	border: 1px solid #DDC08E;
}

div#data01 table th {
	background: #e5d0a4;
	white-space: nowrap;
}

div#data01 table th.w50,table#data02 th.w50 {
	width: 50%;
}

table#data02 td {
	border-top: none;
	border-bottom: 1px solid #DDC08E;
}

table#data02 th {
	text-align: center;
	white-space: nowrap;
	border-top: 1px solid #DDC08E;
}

table#data02 th.plan {
	background: #fee6aa url(../images/th01bg.jpg) no-repeat 0 0;
	border-bottom: 0;
}

table#data02 th.results {
	background: #e6f598 url(../images/th02bg.jpg) no-repeat 0 0;
	border-bottom: 0;
}

table#data02 th.th0102 {
	border: 0;
	padding: 0;
	background: none;
}

table#data02 th.common {
	background: none;
	padding: 0;
	border-top: 1px solid #DDC08E;
	border-bottom: 1px solid #DDC08E;
	border-left:  1px solid #DDC08E;
	border-right:  1px solid #DDC08E;
}

table#data02 .rgtN {
	border-right:  1px solid #DDC08E;
}

table#data02 .lftN {
	border-left:  1px solid #DDC08E;
}

table#data02 .btm {
	border-bottom: 1px solid #DDC08E;
}

/* -------------------------------------------------------------------------[data01,data02]終わり */



/* [item]---------------------------------------------------------------------------------------- */

div#item h4 {
	height: 27px;
	font-size: 1.2em;
	font-weight: bold;
	color: #897007;
	background: url(../images/page/subtitle_bg02.gif) no-repeat 0 1px;
	padding-left: 30px;
	margin: 1.5em 0 0.8em 0;
}

div#item ul {
	width: 535px;
	margin: 0 auto 1em;
}

div#item ul li {
	width: 120px;
	float: left;
	padding-left: 13px;
	margin-bottom: 0.5em;
	background: url(../images/point/circle_02.gif) no-repeat 0 6px;
}

/* ----------------------------------------------------------------------------------[item]終わり */


/* [outline]------------------------------------------------------------------------------------- */

table#outline {
	width: 545px;
	margin: 0 0 1.5em;
}

table#outline th,table#outline td {
	border-bottom: 1px solid #b79713;
	padding: 8px;
}

/* -------------------------------------------------------------------------------[outline]終わり */


/* [footer]-------------------------------------------------------------------------------------- */

div#footer {
	clear:both;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 1em;
	background: #fff url(../images/footer_line.gif) no-repeat top;
}

div#textNavi,div#footer address {
	margin-bottom: 25px;
}

div#textNavi ul {
	margin-bottom: 10px;
}

div#textNavi ul li {
	display: inline;
	padding: 0px 20px 0px 20px;
	border-left: 1px solid #ccc;
}

div#textNavi ul li.first {
	border-left: none;
}

/* 著作権情報（コピーライト）---------------------------- */

div#footer address {
	color: #999;
	margin-top: 25px;
}

/* --------------------------------------------------------------------------------[footer]終わり */


/* [footer下部固定指定]-------------------------------------------------------------------------- */
/* --------------------------------------------------------------------[footer下部固定指定]終わり */

