<!--

body{
  background:#E7D48D;　/*ページ背景色＝ベージュ*/
  background: #ACA175;/*背景色＝ベージュ*/
  overflow : hidden ;
  margin : 0px;
  background-image : url("line2.gif");

}


.container{  /*記事ボックス*/
  position : absolute;
  margin-top :60px;
  margin-left:15%;
  margin-right:15%;
  width : 714px;
  height : 483px;  /*ボックス高さはここで変更 */
  border : 1px solid gray ;
  background-color:white;

}


.logo{　/*小さいロゴ*/
 position : relative ;  
 top : 0px;
 left : 0%;
 width : auto;
 height : auto;
 padding: 0px;
 margin: 0px;
 
}


.left{　/*左側のメニュー*/
 position : relative ;  
 top : 0px;
 left : 0%;
 width : 25%;
 height : 395px;
 padding-left: 0px;
 padding-top:10px;
 background-image : url("photo/leftback4.jpg");
 background-repeat: no-repeat;

}
 
.message{　/*トップページ上のメッセージ*/
 position : absolute ;  
 top : 0px;
 left : 47%;
 width : 52%;
 height : 60px;
 background: white;
 margin-top : 15px;
 margin-left : 0px;
 padding-top : 5px;
 padding-right : 0px;
 padding-left:5px;
 font-size : 13px ; 
 font-weight : normal;
 color : #666666;
 line-height: 1.3em;
 border-top : 1px dashed #6C1000 ;
 border-bottom : 1px dashed #6C1000 ;
 background-image : url("photo/pellet-piece.gif");
 background-repeat : no-repeat;
 background-position :320px 15px;

}

.navi{　/*トップページのメニュー*/
 position : relative ;  
 top : 0px;
 left : 0%;
 width : 100%;
 height : 20px;
 background: #a80400;
 background-image : url("data/gradation.gif");
 padding-left: 13px;
 padding-top: 2px;
 font-size : 14px ; 
 font-weight : normal;
 color : white;
 line-height: 1.0em;
 border-top : 1px solid brown ;
 border-bottom : 1px solid brown;

}


.pagetitle{　/*各ページのタイトル部分*/
 position : absolute ;  
 top : 0px;
 left : 25%;
 width : 75%;
 height : 45px;
 background: white;
 border-top : ridge 7px #a80400 ;
 padding-left: 5px;
 padding-top: 3px;
 
}


.contents{　/*本文スペース*/
 position : absolute ;  
 top : 45px;
 left : 25%;
 width : 74%;
 height: 415px;
 background : white;
 border-left : solid 0px #B37455 ;
 border-right : solid 0px #B37455 ;
 margin-bottom : 40px;
 padding :16px 5px 10px 5px;
 overflow: scroll ;
 scrollbar-3dlight-color: #ABABAC;
 scrollbar-arrow-color: #515151;
 scrollbar-darkshadow-color: #FCFCFD;
 scrollbar-face-color: #F5F5F7;
 scrollbar-highlight-color:#FCFCFD;
 scrollbar-shadow-color: #ABABAC;
 scrollbar-track-color: #FCFCFD;

}

.box{/*囲い記事*/
  
  font-size : 13px ; 
  font-weight : normal;
　color : #445562;
  border: gray solid 1px ;
  background-color : beige ;
  margin-left : 50px;
  margin-right : 45px;
  line-height : 1.6em;
  padding : 5px;

}

.logobottom{　/*社名・連絡先表示*/
  position : absolute;
  bottom : -2px;
  left : 0px;
  width : 100%;
  height : 38px;
  background: #57441B; /*背景色＝茶色*/
　color : beige ;
  padding-right : 10px;
  padding-top : 3px;
  font-size : 10pt;
  text-align : right;
  border-top : 0px dashed brown ;
  border-bottom : 4px solid black;

}


.copyright{　/*コピーライト表示*/
  position: absolute;
  margin-top :546px;
  width:100%;
  height : 20px;
  background: #E7D48D;/*背景色＝ベージュ*/
  background: #ACA175;/*背景色＝ベージュ*/
  color : powderblue ;
  font-size : x-small;
  text-align : center;
  background-image : url("line2.gif");

}


H1{/*ページタイトル*/

  font-size : 18px ;
  color : brown ;
  height : 35px;
  letter-spacing : 1.8px;
  margin-left : 10px;  
  padding-left : 30px;
  padding-top : 13px;
  text-indent : 1.5em;
  font-weight : bold;
  border-top : gray solid 0px;
  border-bottom : gray solid 1px;
  background-image : url("photo/pellet-piece.gif");
  background-repeat : no-repeat;
  background-position :15px -5px;
  
}

H2{/*メニューの見出し*/  
  font-size : 8px ; 
  font-weight : normal;
  height : 10px;
　color : white;
  background-image : url(line.gif);
  margin : 0px;
  padding : 0px;

}

H3{/*段落の見出し*/
  
  font-size : 16px ; 
  font-weight : bold;
　color : brown;
  letter-spacing : 1.4px;
  padding-left : 38px;
  padding-top : 4px ;
  padding-bottom : 3px ;
  border-top : #3E3E3E dotted 0px ;
  border-bottom : #3E3E3E dotted 1px ;
  margin-left : 140px;
  background-image : url("akane.gif");
  background-repeat : no-repeat;
  background-position : 18px 6px;

}

H4{/*囲い記事*/
  
  font-size : 13px ; 
  font-weight : normal;
　color : #445562;
  border: gray solid 1px ;
  background-color : beige ;
  margin-left : 50px;
  margin-right : 45px;
  line-height : 1.6em;
  padding : 5px;

}

H5{/*左メニューの文字*/
  
  font-size : 14px ; 
  color : white;
  text-align : left;
  line-height : 2.0em;
  padding-left : 10px;
  font-weight : bold;　
  margin : 0px;  
 
}

H6{/*トップページのメッセージ*/

　font-size : 12px ; 
  font-weight : normal;
　color : gray;
  margin-left : 320px;
  padding-right : 10px;
  line-height: 1.3em;
  margin-top : 0px;
  margin-bottom : 0px;

}




P{/*本文*/
  
  font-size : 14px ; 
  font-weight : normal;
　color : #3F3322;
  padding-left : 50px;
  padding-right : 20px;
  line-height: 1.7em;
  margin-top : 0px;
  margin-bottom : 0px;

}



HR{
  color : silver;
  margin-left : 50px;
  padding-right : 15px;

}


a:link{/*リンク色*/
  color: #EC8473;
  text-decoration: none;
  border-bottom: solid 1px #DF641A;
  }

a:visited{/*訪問済みリンク色#EC8473*/
  color: #EC8473;
  text-decoration: none;
   border-bottom: solid 1px #DF641A;

  }

a:active{/*アクティブリンク色*/
  color: orange;
  text-decoration: none;
  border-bottom: solid 1px #DF641A;
  }

a:hover{/*ホバーリンク色*/
  color: gray;
  text-decoration: none;
  border-bottom: solid 1px #DF641A;/*マウスオン時の下線設定*/  
  background: powderblue;

}

-->