/* base layout 
----------------------------------------------- */
body { margin: 0px auto 10px auto; font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, arial, helvetica, sans-serif; 
       background:  url(img/bg.gif) repeat top left; text-align: center; }
	   
h1,h2,h3,h4,h5,h6,p,a,li,dl,strong { font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, arial, helvetica, sans-serif;
                      margin: 0px; padding: 0px; color: #111; line-height: 18px; }

h1 { margin: 3px; padding: 0px; font-size: 12px; font-weight: normal; } /* top on each pages only */
h2,h3,h4,h5,h6 { font-size: 12px; }
p { font-size: 12px; margin: 0px; padding: 0px; }
p.top { font-size: 12px; color: #333; margin: 5 0 0 5px; padding: 0px; }
p.set { clear: both; }
a { font-size: 12px; margin: 0px; padding: 0px; color: tomato; }
a.top:hover { font-size: 12px; margin: 0px; padding: 0px; color: tomato; background-color: #fdf5e6; text-decoration: none; }
span.x { font-size: 10px; color:#003333; margin: 5 0 0 0px; }
span.xx { font-size: 10px; color: #666; margin: 5 0 0 5px; padding: 0px; }
.em { color: olive; }
.name { color: olivedrab; font-size: 12px; }

dl { margin: 10px; font-size: 12px; } /* kyovegie */
dt { margin: 0px; padding: 0 0 0 20px; font-weight: bold; color: darkolivegreen; border-bottom: 1px solid #ccc;         
     background: url(img/arrow2.gif) no-repeat center left; }
dd { margin: 5 5 15 5px; border-bottom: 1px dotted #ccc; padding: 0 0 5 0px; }

#content #season dl { margin: 10px 20px 10px 20px; padding: 0px; } /* seasonal2 */
#content #season dt { font-weight: bold; color: #ff3300; margin: 10px 0px; padding: 0 0 0 20px; clear:both; }
#content #season dt.kyo { font-weight: bold; color: #556b2f; margin: 10 0 10 10px; padding: 0 0 0 20px; }
#content #season dd { margin: 10 10 0 15px; padding: 5 10px; line-height: 18px; border: 1px dotted #ccc; height: 50px; clear:both; }
img.contact { margin: 10 5px; }

/* wrap 
----------------------------------------------- */
#wrap { width: 735px; background-color: #ffffff; margin: 0px auto; }

/* global
----------------------------------------------- */
#global { hegiht: 17px; margin: 0px; padding: 0px; }
	#global h1 { /*display: inline;*/ float: left; }
	#global .navi { /*display: inline;*/ margin: 2 15 0 0px; float: right; }
	#global .navi a { font-size: 12px; color: #333; margin: 0 2px; padding: 0 5 0 5px; text-decoration: none; }

/* head 
----------------------------------------------- */
#head { margin: 0px; padding: 0px; }
	#head .top { background: url(img/top.jpg) no-repeat top left; width: 720px; height: 282px;}
	#head .second { background: url(img/contenthead.jpg) no-repeat top left; width: 704px; height: 184px; padding:8px 16px 0 0;}
	#head .third { background: url(img/contenthead2.jpg) no-repeat top left; width: 704px; height: 184px; padding:8px 16px 0 0;}
	#head .fourth { background: url(img/contenthead3.jpg) no-repeat top left; width: 704px; height: 184px; padding:8px 16px 0 0;}
	#head .fifth { background: url(img/contenthead4.jpg) no-repeat top left; width: 704px; height: 184px; padding:8px 16px 0 0;}
	#head .sixth { background: url(img/contenthead5.jpg) no-repeat top left; width: 704px; height: 184px; padding:8px 16px 0 0;}
	#head .seventh { background: url(img/contenthead8.jpg) no-repeat top left; width: 704px; height: 184px; padding:8px 16px 0 0;}
	#head .eighth { background: url(img/contenthead7.jpg) no-repeat top left; width: 704px; height: 184px; padding:8px 16px 0 0;}
	#head h2 { display: none; }

*html #head .second { background: url(img/contenthead.jpg) no-repeat top left; width: 720px; height: 192px; padding:8px 16px 0 0;}
*html #head .third { background: url(img/contenthead2.jpg) no-repeat top left; width: 720px; height: 192px; padding:8px 16px 0 0;}
*html #head .fourth { background: url(img/contenthead3.jpg) no-repeat top left; width: 720px; height: 192px; padding:8px 16px 0 0;}
*html #head .fifth { background: url(img/contenthead4.jpg) no-repeat top left; width: 720px; height: 192px; padding:8px 16px 0 0;}
*html #head .sixth { background: url(img/contenthead5.jpg) no-repeat top left; width: 720px; height: 192px; padding:8px 16px 0 0;}
*html #head .seventh { background: url(img/contenthead8.jpg) no-repeat top left; width: 720px; height: 192px; padding:8px 16px 0 0;}
*html #head .eighth { background: url(img/contenthead7.jpg) no-repeat top left; width: 720px; height: 192px; padding:8px 16px 0 0;}


	#head .second p.logo, #head .third p.logo, #head .fourth p.logo, #head .fifth p.logo, #head .sixth p.logo, #head .seventh p.logo, #head .eighth p.logo {
	text-indent:-9999px;
	width:281px;
	height:53px;
	float:left;
}

#head .second p.logo a, #head .third p.logo a, #head .fourth p.logo a, #head .fifth p.logo a, #head .sixth p.logo a, #head .seventh p.logo a, #head .eighth p.logo a {
	width:281px;
	height:53px;
	display:block;
	margin:63px 0 0 24px;
	outline:none;
}

#head .second p.to_form, #head .third p.to_form, #head .fourth p.to_form, #head .fifth p.to_form, #head .sixth p.to_form, #head .seventh p.to_form, #head .eighth p.to_form {
	text-indent:-9999px;
	width:366px;
	height:67px;
	float:right;
}

#head .second p.to_form a, #head .third p.to_form a, #head .fourth p.to_form a, #head .fifth p.to_form a, #head .sixth p.to_form a, #head .seventh p.to_form a, #head .eighth p.to_form a {
	width:366px;
	height:67px;
	display:block;
	outline:none;
}

#head .second p.to_form a:hover {
	background:url(img/contenthead_on.jpg) no-repeat;
}

#head .third p.to_form a:hover {
	background:url(img/contenthead2_on.jpg) no-repeat;
}

#head .fourth p.to_form a:hover {
	background:url(img/contenthead3_on.jpg) no-repeat;
}

#head .fifth p.to_form a:hover {
	background:url(img/contenthead4_on.jpg) no-repeat;
}

#head .sixth p.to_form a:hover {
	background:url(img/contenthead5_on.jpg) no-repeat;
}

#head .seventh p.to_form a:hover {
	background:url(img/contenthead8_on.jpg) no-repeat;
}

#head .eighth p.to_form a:hover {
	background:url(img/contenthead7_on.jpg) no-repeat;
}



/* navi 
----------------------------------------------- */
#navi { margin: 0px; padding: 0px; }
	#navi ul { margin: 0px; padding: 0px; list-style: none outside; text-align: left; clear: left; }
	#navi ul li { text-align: left; margin: 0px; text-indent: 25px; padding: 0px; }
	#navi ul li a { background: #f5fff0; width: 150px; text-align: left; border-top: 1px solid #edeee8;display: block;        	        border-bottom: 1px solid #bcbeb1; color: #556b2f; text-decoration: none; padding: 3 0px; margin: 0px;
                    letter-spacing: 1px; font-size: 12px; }
	#navi ul li a:hover { color: #4b6060; background: #ffffee url(img/arrow.gif) no-repeat center left; padding: 3 0px;
	                      border-top: 1px solid #ecf2f3; border-bottom: 1px solid #9cadad; font-size: 12px; margin: 0px; }

#stuff { margin: 10 0 0 5px; background: peachpuff; padding: 10px; border-right: 1px solid burrywood; border-bottom: 1px solid burrywood; }
#stuff strong { color: firebrick; }					  
/* contents 
----------------------------------------------- */
#top { margin: 0px; padding: 0 0 0 0px; clear: both; }
	#top img { display: block; }
	#top .main { background: url(img/paperbag2.jpg) no-repeat; height: 165px; width: 380px; }
	#top .main p { width: 205px; height: 165px; float: right; margin: 10 8 0 0px; text-align: left; line-height: 20px; }
	#top .copy { background: url(img/catch.gif) no-repeat top left; height: 68px; width: 370px; margin: -3 0 0 0px; }
	#top h3 { display: none; }

#content { margin: 0px; padding: 5px; }
	#content h3 { display: none; }
	#content h4 { color: #ff3300; border-bottom: 1px double #ccc; border-width: 4px; padding: 3px; margin: 5 0px; }
	#content p { margin: 15 10px; }
	#content ul { margin: 10 10 10 25px; padding: 0px; }
	#content li { list-style: square outside; font-size: 12px; }
	#content ul ul { margin: 10 5px; padding: 0px; }
	#content li.cook { list-style: circle outside; font-size: 12px; margin: 0px; }
	#content strong { font-size: 12px; color: #556b2f; margin: 3px; }
	#content strong.size { color: #ff3300; }

	/* ----- content head img ----- */
	#content .menu01 { background: url(img/menu01.gif) no-repeat top left; width: 300px; height: 55px; display: block; }
	#content .menu02 { background: url(img/menu02.gif) no-repeat top left; width: 300px; height: 55px; display: block; }
	#content .menu03 { background: url(img/menu03.gif) no-repeat top left; width: 300px; height: 55px; display: block; }
	#content .menu04 { background: url(img/menu04.gif) no-repeat top left; width: 300px; height: 55px; display: block; }
	#content .menu05 { background: url(img/menu05.gif) no-repeat top left; width: 300px; height: 55px; display: block; }
	#content .menu06 { background: url(img/menu06.gif) no-repeat top left; width: 300px; height: 55px; display: block; }
	#content .menu07 { background: url(img/menu07.gif) no-repeat top left; width: 300px; height: 55px; display: block; }
	#content .menu08 { background: url(img/menu08.gif) no-repeat top left; width: 300px; height: 55px; display: block; }
	#content .menu09 { background: url(img/menu09.gif) no-repeat top left; width: 300px; height: 55px; display: block; }
	#content .extra01 { background: url(img/extra01.gif) no-repeat top left; width: 300px; height: 55px; display: block; }
	#content .extra02 { background: url(img/extra02.gif) no-repeat top left; width: 300px; height: 55px; display: block; }
	#content .global02 { background: url(img/global02.gif) no-repeat top left; width: 300px; height: 55px; display: block; }
	#content .global03 { background: url(img/global03.gif) no-repeat top left; width: 300px; height: 55px; display: block; }
   /* ----- content head ----- */
   .set01 { background: url(img/set01.gif) no-repeat top left; width: 375px; height: 255px; margin: 0px; display: block; }
   .set01 h4 { display: none; }
   .set01 p { margin: 0 0 0 35px; padding: 95 0 0 0px; line-height: 20px; width: 200px; }
   .set01 span { color: #cc0000; }
   .set01 img.push { margin: 20 0 0 180px; }
   .set02 { background: url(img/set02.gif) no-repeat top left; width: 375px; height: 255px; margin: 0px; display: block; }
   .set02 h4 { display: none; }
   .set02 p { margin: 0 0 0 35px; padding: 95 0 0 0px; line-height: 20px; width: 200px; }
   .set02 span { color: #cc0000; }
   .set02 img.push { margin: 20 0 0 180px; }
   img.tsuke { margin: 10 0 5 10px; } 
   
   /* seasonal vegie 
   -----------------------------------------------------------------*/
   table #calender { margin: 0 10 10 10px; /*border: 1px solid #ccc;*/ font-size: 12px; color: #333; }
   table #calender th { padding: 5 0 3 12px; border-bottom: 1px dotted #ccc; text-align: left; color: #ff3300;
                        background: url(img/border2.gif) no-repeat center left; }
   table #calender td { padding: 15px; line-height: 18px; background: floralwhite; }
   img.season { margin: 5px; }

  /* shop  
  -----------------------------------------------------------------*/
  p.shop { border-bottom: 1px solid #ccc; padding: 5 0px; }
  p.shop span { margin: 0 10 0 0px; }
  
  /* theory 
  -----------------------------------------------------------------*/
  div.policy { background: url(img/master.gif) no-repeat right bottom; width: 350px; padding: 0 10 0 0px; }
  div.policy p { line-height: 20px; background: #ffffee; width: 220px; padding: 5px; }
  div.policy span { border-bottom: 2px dashed #cc0000; }
  
  /* contact, enquete form 
  -----------------------------------------------------------------*/
  #content #form { margin: 0px; }
  #content #form td { padding: 4 0px; }
  #content fieldset { margin: 10px; padding: 0 0 10 20px; border: 1px dotted #ccc; width: 330px; }
  #content fieldset input { clear: right; margin: 0px;}
  #content legend { background: #fff; font-size: 12px; color: #556b2f; margin: 3px; }
  
  #content h2 {margin:0px 0px 0px 20px;}
  #content p {width:330px; margin:0px 0px 10px 20px;}
*html #content p {width:100%; margin:0px 0px 10px 20px;}
  
  
  

/* recipe & calender 
-----------------------------------------------------------------*/
.add { background: url(img/subhead.gif) no-repeat top left; width: 300px; height: 70px; }
.add h5 { display: none; }
table #sub { margin: 10px; padding: 0px; }
table #sub td { margin: 0px; padding: 5px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; }
table #sub h6 { margin: 3 0 5 0px;}
table #sub a { text-decoration: none; color: #558b2f; }
table #recipe { margin: 10 10 20 10px; padding: 0px; }
table #recipe strong { margin: 3 0 5 0px; color: green; }
img.re { margin: 5 15 5 0px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

/* news php
----------------------------------------------- */
#news { margin: 0px; padding: 0 0 0 5px; width: 180px; }
#news .ext { margin: 10 0px; }
#news .ext img { margin: 5 0px; }

/* bottom vegetable image 
----------------------------------------------- */
#bottom { margin: 0px; padding: 0px; background: url(img/vegiebottom.jpg) no-repeat top left; width: 720px; height: 157px; }

/* footer 
----------------------------------------------- */
#footer { margin: 10 0px; padding: 0px; }
	#footer a { color: #003300; margin: 0 4px; text-decoration: none; }
	#footer a:hover { color: #003300; text-decoration: underline; }
	#footer span.copy { font-size: 10px; color: #ccc; margin: 0px; }
	#footer address { font-style:normal; }
	
/* navi2 
----------------------------------------------- */
#navi2 {width:150px; margin: 0px; padding: 0px; }
	#navi2 ul { margin: 0px; padding: 0px; list-style: none outside; text-align: left; clear: left; }
	#navi2 ul li { text-align: left; margin: 0px; text-indent: 15px; padding: 0px; }
	#navi2 ul li a { background: #f5fff0; width: 150px; text-align: left; border-top: 1px solid #edeee8;display: block;        	        border-bottom: 1px solid #bcbeb1; color: #556b2f; text-decoration: none; padding: 3 0px; margin: 0px;
                    letter-spacing: 1px; font-size: 12px; }
	#navi2 ul li a:hover { color: #4b6060; background: #ffffee url(img/arrow.gif) no-repeat center left; padding: 3 0px;
	                      border-top: 1px solid #ecf2f3; border-bottom: 1px solid #9cadad; font-size: 12px; margin: 0px; }



div.top {
	width:720px;
	height:274px;
	background:url(img/top.jpg) no-repeat;
	padding:8px 0 0 0;
}

div.top a {
	width:366px;
	height:67px;
	display:block;
	margin:0 0 0 339px;
}

div.top a:hover{
	background:url(img/top_img_on.jpg) no-repeat;
}

td#portal a{
	margin:0 2px;
}