body {
        font-family:       "ＭＳ Ｐゴシック";
        color:                     #2e8b57;
        text-align:                 center;
        background-color:          #d1bada;
        background-image: url(pict/2023_diary.png);
        background-repeat:       no-repeat;
        background-position:center top;
        background-attachment:fixed;
      }



 div.contents   {
                  margin-top:          60px;
                  margin-bottom:        0px;
                  margin-left:         auto;
                  margin-right:        auto;
                  width:              800px;
        background-color:         #808000;
	border: 15px solid #2e8b57;
                }



 div.top   {
                 margin-top:            0px;
                 margin-bottom:        60px;
                 margin-left:          auto;
                 margin-right:         auto;
                 width:               700px;
               }



 div.date   {
                 margin-top:            0px;
                 margin-bottom:       0px;
                 margin-left:           auto;
                 margin-right:         auto;
                 width:               600px;
               }




 div.section   {
                 color:                #fffacd;
                 margin-top:            0px;
                 margin-bottom:        60px;
                 margin-left:          auto;
                 margin-right:         auto;
                 width:               500px;
               }




 div.bottom   {
                 margin-top:            0px;
                 margin-bottom:        60px;
                 margin-left:          auto;
                 margin-right:         auto;
                 width:               600px;
               }



 h1           {
                font-weight:      700;
                margin-top:       0px;
                margin-bottom:  32px;
                font-size:      32px;
                color:        #deb887;
              }



 h2           {
                font-weight:      700;
                margin-top:       0px;
                margin-bottom:  16px;
                font-size:      24px;
                color:       #deb887;
                text-align:      left;
              }



 h3           {
                font-weight:      700;
                margin-top:     32px;
                margin-bottom:    20px;
                font-size:     12px;
                color:       #deb887;
                margin-left:      0px;
                text-align:      left;
              }




 p.top             {
                     font-weight:      700;
                     font-size:      16px;
                     color:        #fffacd;
                     text-align:     right;
                   }

 p.top a           {
                     color:          #fffacd;
                   }

 p.top a:hover     {
                      color:        #ffffff;
                   }


 p.top_cen             {
                     font-size:     12px;
                     line-height:    20px;
                     color:        #fffacd;
                     margin-left:      0px;
                     text-align:      center;
                    }

 p.top_cen a           {
                     color:          #fffacd;
                   }

 p.top_cen a:hover     {
                      color:        #ffffff;
                   }



 p.center          {
                     font-size:     12px;
                     line-height:    20px;
                     color:      #fffacd;
                     margin-left:      0px;
                     text-align:      left;
                   }

 p.center a        {
                     color:        #fffacd;
                   }

 p.center a:hover  {
                      color:        #ffffff;
                   }



 p.cen          {
                     font-size:     12px;
                     line-height:    20px;
                     color:        #2e8b57;
                     margin-left:      0px;
                     text-align:      center;
                   }

 p.cen a        {
                     color:        #deb887;
                   }

 p.cen a:hover  {
                      color:        #ffffff;
                   }



 p.bottom   {
   text-align:      center;
   font-weight:  700;
   font-size:  12px;
   line-height:  16px;
   color:   #ffffff;
   }

 p.bottom a  {
   color:  #fffacd;
   }

 p.bottom a:hover  {
   color:  #ffffff;
   }


オリーブ色：olive #808000
シーグリーン：seagreen #2e8b57
原木色：burlywood #deb887
ライラック色：lilac #d1bada
レモンシフォン：remonchiffon #fffacd