/*  基本設定　　　*/

*    {
      margin: 0; padding: 0; 
     }

img  { 
      border: 0;
     }


/*  アウトライン用ボックス   */

#base {
       width : 750px;
       border: 1px solid silver;
       margin: 0 5px; 
       padding: 10px;
      }

/*  ヘッド   */


h1   {
      margin-top: 0;
      margin-right: 540px; 
      margin-left: 0; 
      font-size: 14px;
      background-color: #ececec; 
      color: maroon; 
      padding: 5px; 
      border: silver 2px solid;
     }

#headder {
          width: 740px;
          height: 110px;
          border-bottom: 1px solid #ececec;
          background-image: url('../image/photo-golf-001.jpg');
          padding: 0;
          margin: 0;
          background-color: #dc9000;
          color: white; font-size: 12px; 
          text-align: left;
          overflow: hidden;
         }
   
                                        
/*  メインページ   */

#main  {
        width: 740px; 
        background-color: #ffffff; 
        color: maroon;
       }

/* 　左側ページ   */

#leftpage  { 
            width: 560px; 
            background-color: #ffffff; 
            color: maroon;
            padding: 0 0 10px 0;
            float: left;
           }

/*  　右側ページ   */

#rightpage  {
             width: 164px;
             background-color: #ececec; 
             color: maroon; 
             border-top: maroon 2px solid;
             margin: 0 0 0 15px; 
             padding: 0 0 10px 0;
             float: left;
            }

/*  メモ   */
         
div 
.memoleft   {
             width: 740px;
             position: relative;
             border-bottom: silver 1px solid;
             padding: 10px 0 0 0;
             text-align: left; 
             font-size: 12px;
             margin-right: 20px;
             background-color: white; 
             color: maroon;
            }

.memoright  {
             width: 740px; 
             position: relative;
             border-bottom: silver 1px solid;
             padding: 0;
             text-align: right; 
             font-size: 12px;
             margin-right: 20px;
             background-color: white;
             color: gray;
            }

div .memobottom  { 
                   width: 450px; 
                   position: relative;
                   border-bottom: 0;
                   padding-right: 12px;
                   text-align: right; 
                   font-size: 12px;
                   margin: 10px 0;
                   background-color: white;
                   color: gray; 
                  }

/*  アドセンス     ボックス   */

#ad001          {  width: 740px;
                     position: relative;
                     border-bottom: silver 1px solid;
                     margin: 0; 
                                       }

#ad002          {  width: 500px; 
                     position: relative;                     
                     border-bottom: gray 1px solid;
                     margin-top: 30px; 
                                        }

#ad003          {  width: 500px; 
                     position: relative;                     
                     border-bottom: gray 1px solid;
                     margin-top: 30px; 
                                        }

/*  左のページのボックス   */

.box01   { 
          position: relative; 
          margin-left: 20px; 
          padding: 5px 0 10px 20px;
         }  

/*  左のページのリスト  普通の文字サイズ　 */

      
.memo ul { 
          width: 455px; height: 20px;
             position: relative;
             bottom: 0;
             margin: 0; 
             padding-bottom: 5px; 
             font-size: 16px;
         }

.memo li { 
          width: 455px; 
             position: relative; 
             margin-left: 10px; 
             padding-bottom: 5px;
             font-size: 16px; 
             list-style: none; 
             float: left; 
             text-align: left;  
         }

/*  左のページのリスト  横長のメニュー */
     
.lmenu ul {
           width: 455px; 
           height: 20px;
             position: relative;
             bottom: 0;
             margin: 0; 
             padding: 5px;
             background-color: #ffffff;  
             color: maroon;             
             font-size: 12px; 
          }

.lmenu li {
           width: 455px; 
             position: relative; 
             font-size: 12px;
             list-style: none; 
             float: left;
             text-align: left;
           }
 
/*  左のページのリスト  3 コラムのメニュー */

    
.menu ul { 
          width: 500px;
          height: 20px;
             position: relative;
             bottom: 0;
             margin: 0; 
             padding: 5px;
             background-color: #ffffff; 
             color: maroon;
             font-size: 12px; 
          }

.menu li { 
           width: 150px; 
             position: relative;
             padding: 5px;
             font-size: 12px;
             list-style: none; 
             float: left;
             text-align: left; 
          }

/*  右ページ　 縦長のメニュー　   */


.vmenu ul {
           width: 180px; 
              position: relative;  
              margin: 0; 
              padding-bottom: 5px; 
              font-size: 12px; 
          }
            
.vmenu li  {
            width: 180px; 
              position: relative;  
              margin: 0; 
              padding: 5px; 
              font-size: 12px; 
           }

/* 　左のページのコンテンツ用　 ずらして重ねた見出し用　　*/


#info     {
            position: relative; 
            margin-left: 30px;
            margin-bottom: 30px;
          }

.honbun
         {
           position: relative;
           width: 500px; 
           border: gray 1px solid;
           margin-top: 30px; 
           padding-bottom: 20px; 
           background-color: white;
           float: left;
         }

#contact

         {
           position: relative;
           width: 500px; 
           border: gray 1px solid;
           margin-top: 30px; 
           padding-bottom: 20px; 
           background-color: white;
           float: left;
         }

#contact p   {
              margin: 0.3em 1em; 
              font-size: 12px;  
             }


/*  見出しをずらして重ねる  */

#info h2    {
          position: relative;
          width: 150px; 
          background-color: #ececec; 
          color: maroon;
          text-align: center;
          font-size: medium;
          margin: -15px 0 25px -15px;
          padding: 5px 0;
          border-top: maroon 1px solid;
          border-left: maroon 1px solid;
          border-right: silver 3px solid;
          border-bottom: silver 3px solid;
             }
#info h3   {
          position: relative;
          width: 370px; 
          background-color: #ececec; 
          color: maroon;
          text-align: left;
          font-size: medium;
          margin: -15px 0 20px -15px;
          padding: 5px 0 0 15px;
          border-top: maroon 1px solid;
          border-left: maroon 1px solid;
          border-right: silver 3px solid;
          border-bottom: silver 3px solid;
             }

#info h4   {
          position: relative;
          width: 150px; 
          background-color: #ececec; 
          color: maroon;
          text-align: left;
          font-size: medium;
          margin: 10px 0 15px 10px;
          padding: 5px 0 0 15px;
          border-top: 0;
          border-left: 0;
          border-right: 0;
          border-bottom: silver 3px solid;
             }

#info ul    {
          position: relative;
          width: 95%; padding: 5px;
          list-style: none;
          text-align: left;  
          margin: 0;
             }

#info li    {
          list-style: none;
          padding-left: 20px;   
               }


/*   見出し   */

h2         {
          
          background-color: #ffffff;
          color: maroon;
          margin-bottom: 10px; padding: 5px 0 0 15px;
          border-bottom: maroon 0 solid;
          border-left: maroon 15px solid;
          font-size: large;
            }

h3         {
          background-color: #fcd9c5;
          color: maroon;
          margin-top: 0; 
          padding: 5px 0 0 15px;
          font-size: medium;
            }
h4          {
          background-color: #044476; 
          color: white;
          margin-top: 0; 
          padding: 5px 0 0 10px;
          font-size: small;
             }

p   {
     margin: 0.3em 1em; 
     font-size: 16px;
    } 

.green12  {
          margin: 0.3em 1em; 
          font-size: 12px;
          }

.red14   {              
          color: red; 
          font-size: 16px; 
         }

.blue14  {              
          color: blue;
          font-size: 16px; 
         }

div .blank {
            margin-top: 10px;
           }

div .clear {
            clear: both; margin: 10px;
           }

div .clear25  {
               clear: both;
               margin: 25px;
              }

/*  横長のメニュー 　 ヘッダー　　と　フッター　  */

.hmenu    {
           width: 740px; 
           height: 20px; 
              position: relative; 
              padding-top: 5px;  
              background-color: silver; 
          }
      
.hmenu ul { 
           font-size: 12px;
           list-style: none; 
          }

.hmenu li {
           width: 100px; 
             position: relative; 
             padding: 0;
             font-size: 12px;
             list-style: none; 
             float: left;
             text-align: center; 
           }

/*  フッター   */

#footer   {
           width: 740px;
           height: 20px; 
             position: relative;  
             background-color: silver; 
          }
      
.footer  ul  {
              width: 740px; 
              height: 20px;
                position: relative; 
                bottom: 0;
                margin: 0;
                padding: 0;
                font-size: 12px;
                list-style: none; 
             }

.footer  li  {
              width: 330px; 
                position: relative; 
                font-size: 12px;
                list-style: none; 
                float: left;
                text-align: center;
             }

 
/*  コピーライト　　　*/

#address  {
           width: 736px; 
             position: relative;
             background-color: #ffffff;
             clear: both;
             font-size: 12px;
             text-align: center;
             margin-left: 0;
             padding: 10px 0;
          }

a        { 
          color: blue; 
          background-color: transparent;
         }

a:hover  {
          height: 100%; 
          color: white; 
          background-color: red;
         }