body {
    width: 800px; 
    margin: 10px auto;
    }    
   /* ボディーの幅800px、余白上下10px、左右自由 */
     
h1 {
   width: 200px;
   height: 75px;
   margin: 0;
   float: left;
   }
   /* タイトルロゴについて */
 
 img {
  border: none;
  }
  /* 画像のリンクの枠線を消す */ 

 p#return {
   font: 10pt "MS 明朝",平成明朝,serif;
   margin-top: 50px;
   float: right;
   }
   /* ?トップページへについての指定 */
   
 p a:link {
   color: #999900;
   text-decoration: none;
   font: 10pt "MS 明朝",平成明朝,serif;
   }
   /* ?トップページへについての指定 */
 
 p a:hover { 
   border-bottom: 1px solid #999900; 
   } 
   /* ?トップページのリンクオンマウス時について下線に1pxの線をひく */
 
 p a:visited { 
   color: #999900;
   font: 10pt "MS 明朝",平成明朝,serif;
   }
 /* ?トップページの訪問後のリンクの指示 */ 
 
div#navi { 
   border-top: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   background-image: url("../html/img/back1.gif");
   margin: 0;
   clear: both;
   }
  /* リンクを一つの固まりに */

 li.sample {  
   padding: 0 10px;
   text-decoration: none;
   border-right: 1px dotted #cc9966;
   display: inline;
   }
   /* 各ページのリンクのデコレーションなし　*/
   
 #sample1 {
   padding: 0 10px;
   display: inline;
   text-decoration: none;
   }
   /* 各ページのリンクのデコレーションなし */
   
 li a:link {
   color: #999900;
   text-decoration: none;
   font: 13pt "MS 明朝",平成明朝,serif;
   }
   /* 各ページのリンクについての指定 */
 
 li a:hover { 
   border-bottom: 1px solid #999900; 
   } 
   /* 各ページのリンクのオンマウス時について下線に1pxの線をひく */
 
 li a:visited { 
   color: #999900;
   font: 13pt "MS 明朝",平成明朝,serif;
   }
  /* 各ページの訪問後のリンクの指示 */
 
 h2 {
   font: 20pt "MS 明朝",平成明朝,serif;
   color:  #999900;
   padding-left: 10px;
   border-left: 10px solid #999900;
   }
   /* 『商品紹介』について */ 
 
 h2 a:link {
   color: #999900;
   text-decoration: none;
   }
   /* リンクについての指定 */
 
 h2 a:hover { 
   border-bottom: 1px solid #999900; 
   } 

 h2 a:visited {
   color: #999900;
   }

   
 #essence {
   width: 300px;
   height: 471px;
   margin-bottom: 30px;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 20px;
   float: left;
   }  
  
 h3 {
   color: #999900;
   text-decoration: none;
   font: 20pt "MS 明朝",平成明朝,serif;
   font-style: italic;
   border-top: 1px solid #999900;
   border-bottom: 1px solid #999900;
   margin-top: 50px;
   margin-left: 340px;
   padding-left: 80px;
   }
   /* 『エッセンス』についての指定 */ 
   
 h4 {
    color: #999900;
    font: 14pt "MS 明朝",平成明朝,serif;
    font-style: italic;
    margin-left: 480px;
    }
    /* キャッチコピーについて */ 
 
 p#sample4 {
   font: 12pt "MS 明朝",平成明朝,serif;
   line-height: 180%;
   margin-left: 380px;
   margin-right: 20px; 
    }
   /* キャプションの指示 */ 

 p#sample6 {
   font: 10pt "MS 明朝",平成明朝,serif;
    }
   /* 内容量の指示 */  
   
 span#text {
   font: 12pt "MS 明朝",平成明朝,serif bold; 
    }

 p.sample5 {
   font: 10pt "MS 明朝",平成明朝,serif;
   line-height: 100%;
    }
   /* 成分表および内容量のテキストの指示 */    

 div#boxB{
   margin: 20px;
   margin-left: 440px;
   margin-right: 100px;
   background-color: #ffffcc;
   padding-left: 40px;
   padding-top: 10px;
   padding-bottom: 10px;
   }
   /* カートに入れるや数量のボックス */

 p#delivery1 {
  padding-left: 480px;
  }
  /* 『お支払•送料の画像』の配置について */  

 p#delivery1 a:hover { 
   border-bottom: none; 
   } 
   /* 『お支払•送料の画像』のリンクオンマウス時について */ 

 address {
    clear: both;
    margin-top: 30px;
    padding-top: 10px;
    font: 13px "MS 明朝",平成明朝,serif;
    color: #996633;
    text-align: center;
    border-top: solid 1px #999999;
    }
   /* 上部に１px分の太さの棒線を引く */   
   

 div#boxA {
   border: solid 1px #999999;
   margin-left: 380px;
   margin-right: 20px; 
   padding: 5px; 
  }
　/* 成分表示のまとまり */