*  {
          padding : 0px ;
          margin : 0px ;
}

.midasi1 {
       color: #000000;
       font-size: 15px; 
       font-weight: bold;
}

.midasi2 {
       color: #000000;
       font-size: 10px; 
       font-weight: bold;
}

#hea {
       background-color: #B6E599; 
       color: #000000;
       font-size: 15px; 
       font-weight: bold;      
}


#site-box {
          max-width: 700px;
          
          margin: 5px auto
}

#a-box {
          border-bottom: 1px solid #B6E599;
          background-image: url('img/dd.gif');
          padding: 20px;
}

#b-box {
          float: right;
          width: 40%;
          
}

#c-box {
          float: left;
          width: 60%;
          font-size: 12px;
}

#d-box {
          clear: both;
         max-width: 700px;
          background-color: #B6E599;
          font-size: 12px;
          padding: 10px 0px;
          text-align: center;
}

h1 {
          font-size: 22px;
}

h2 {
          font-size: 17px;
          background-color: #B6E599;
          padding: 10px;
          margin: 5px; 
         
}

h3 {
          font-size: 15px;
          background-color: #B6E599;
          padding: 10px;
          margin: 5px;
}

p {
          font-size: 14px;
          margin: 20px;
}
 

ul {
          padding : 10px 5px 10px 25px;
          margin: 0px;
}