/* 野菜のページのデザイン用css　*/
body {
     font-family:"メイリオ","ＭＳ Ｐゴシック", 
     Osaka, sans-serif; 
     color:#666666;            /* 全体の文字のフォントと色、余白を設定　*/
     margin: 0px;
     padding: 0px;
     background-color: #ffffff;
}

#contents {
     width: 800px;
     margin: 0 auto;     /*  中央揃えにする　*/
     background-color: #ffffff;
     border: 1px solid #cccccc;
     background-image: url(sozai/side2.jpg);
     background-position: right top;
     background-repeat: repeat-y;
     position:relative;             /* 相対位置を指定 ナビバーを固定　*/
     text-align:justify;                   /* 均等割り付けと右端揃え　*/
     text-justify:inter-ideograph;
}

#header {
     background-color: #d0ede4;
     background-image: url(sozai/vege.gif);    /* ヘッダーの設定、装飾 */
     background-position:right;
     background-repeat: no-repeat;
     height: 120px;
     margin-bottom: 35px;
}

#path {
     text-align:right;　　　/* パンくずリストを右揃えに｡id名pathをつけた */
     margin: 0px;
     font-weight:normal;
     font-size:12px;
}

a {
     color: #336699;
     text-decoration: none;  /* 文字の下線､上線､取消線､点滅すべての装飾をなくす */
     font-weight:bold;       /* 太さ700､普通は400 */
}

a:hover  {
      color:#66cc33;
}

#main {
     float:left;
     margin-right:-220px;
     width:100%;
}

#box  {                         /*  コンテナ化 */
     margin-right:220px;        /*  余白の数字大事。メインの負の値と同じ  */
     margin-left: 10px;
}  

p  {                                         
     font-size:12px;
     line-height: 150%;  　　　　　　　　　　 /* 行の高さを指定 */
}

p img {
     float:left;
     margin-right:5px;
     padding-bottom:10px;
} 

#gallery  {
      width:568px;
      background-color:#ffffff;
      border:1px solid #61a88e;
      margin-top:0px;
}

dl    {
      float:left;
　　　width:283px;　
}

dt   {
      padding-bottom:10px;
      font-size:15px;
      text-align:center;
}

.yohaku   {
      padding-left:10px;
      padding-right:10px;
}


h1 {
     margin-top: 0px;              /* 枠にくっつける　*/
     filter:shadow(color=#e5f5f0 ,direction=135) ;     /* 文字に影を付ける　*/
     margin-bottom:0px;
     font-family:cursive,"メイリオ","ＭＳ　Ｐゴシック" ;
}

span.purple  {
      color:red;
      font-size:10px;
      padding-left:80px;
}

h1 a {
     color: #247834;            /* リンクの文字の色を設定　*/
     font-size:25px;
     font-weight: normal;
}

h2 {
     font-size:12px;
     border-left: 12px solid #4682B4;       /* 左側のﾎﾞｰﾀﾞｰ */                                       
     padding-left: 5px;                     /* ﾎﾞｰﾀﾞｰとの間隔を空ける */ 
     margin-top: 0.5em;                     /* h1との間隔を調整する */ 
     margin-bottom: 0px;                    /* ﾊﾟﾝｸｽﾞﾘｽﾄとの間隔を詰める */ 
     font-weight:normal;
}

h3 {
      margin:0px;
      border:3px dotted  #ffffff;       /* ﾎﾞｰﾀﾞｰを指定 */
      font-size: 15px;                   /* ｻｲｽﾞは相対指定 */
      padding:2px 5px 0px;                /* 左の背景との余白の調整 */
}

h4  {
      text-align:center;
      color: #0099ff;
      margin-top:0px;
}

.entry  {                                    /* 段落ごとの枠を設定 */
        border:solid 1px #61a88e;
        background-image:url(sozai/vegeh3.jpg);    /* 背景画像を設定 */
        background-repeat:repeat-x;
        margin-bottom: 10px; 
        zoom:1;　　　　　　　　　　　　　　  /* .entry:afterと対 */
}

.entry p  {
       padding:0px 10px;                      /* 枠内の段落の設定 */
}

.entry1  {                                    /* 段落ごとの枠を設定 */
        border:solid 1px #61a88e;
        margin-bottom: 10px; 
        zoom:1;        　　　　　　　　　  /* .entry1:afterと対 */
}

.entry1 p  {
       padding:0px 10px;                      /* 枠内の段落の設定 */
}

.entry:after  {                         /* 左右のﾌﾛｰﾄを解除 */ 
        content:".";
        display:block;
        height:0;
        clear: both;
        visibility:hidden;
}

.entry1:after  {                         /* 左右のﾌﾛｰﾄを解除 */ 
        content:".";
        display:block;
        height:0;
        clear: both;
        visibility:hidden;
}

#side {
     float:left;
     width: 180px;
     padding-right:10px;
     padding-left:10px;
     margin-left:20px;
}    

#side p  {
      font-size:12px;
      line-height: 150%;
      margin-rigth:10px;
      margin-left:10px;
      text-align:justify;                   /* 均等割り付けと右端揃え　*/
      text-justify:inter-ideograph; 
      color:#666666;
      font-weight:normal;
}

#navbar {
     background-image: url(sozai/nav.jpg);
     width: 100%;
     height: 25px;
     position:absolute;
     top: 120px;
     left: 0px;
     border-bottom: 1px solid #446b9e;
     border-top: 1px solid #446b9e;
}

#navbar ul {
      margin: 0;
      padding: 0;
      list-style-type:none;
      font-family: Arial,Helvetica,sansserif;
      font-size: 14px;
      line-height: 25px;
      letter-spacing: 2px;
}

#navbar li {
       background-image:url(sozai/nav.jpg);
       float: left;
       width: 98px;
       text-align: center;
       margin: 0;
       padding: 0;
       border-right: solid 1px #ffffff;
}

#navbar a {
       color: #ffffff;
       display: block; 
}

#navbar a:hover  {
      color:#ccff00;
}


address {
     font-family: Arial, Helvetica, sans-serif;
     font-size:13px;     
     font-style: normal;
     text-align:center;
     color:#666666;
     padding-bottom:10px;
　　 margin-top:0px;　
}   

#footer {
     clear:both;
}