body {
  margin: 40px ;
  background-color:#E8C29C;
  font-color: #000000 ;
  font-size: 12px ;
  font-family: arial,verdana;
}


.divi1 {
  font-family: Arial, verdana;
  font-color: #000000 ;
  font-size: 12px ; 
  position:absolute; top:4px;
  background-color:#D58F57;
  width: 750px;

  height: 86px;
  border: 0px;}

.divi2 {
  font-family: Arial, verdana;
  font-color: #000000 ;
  font-size: 12px ; 
  position:absolute; top:90px;
  background-color:#D58F57;
  width: 233px;

  height: 518px;
  border: 0px;}

.divi3 {
  font-family: Arial, verdana;
  font-color: #000000 ;
  font-size: 12px ; 
  position:absolute; top:608px;
  background-color:#D58F57;
  width: 746px;

  height: 700px;
  border: 0px;
  border-left: 2px solid #8D4E1B;
  border-right: 2px solid #8D4E1B;}

.index {
  font-family: Arial, verdana;
  font-color: #000000 ;
  font-size: 12px ; 
  position:absolute; left:273px; top:90px;
  background-color:#D58F57;
  background-image:url(hanta.jpg);
  background-position:0px 271px;
  background-repeat:no-repeat;
  width: 515px;

  border: 0px;

  border-right: 2px solid #8D4E1B;}