li.current {
     background: #888 ;
    border-right: 8px solid #999 ;
     border-bottom: 1px solid #ccf ;
     border-top: 2px solid #ddc ;
     
} 
  .main a {
     width: 100%;
     color: #fff;
     text-decoration:none; 
     padding: 0;    
}
  .main a:visited {
     color: #ccc ;
} 
  .main a:hover {
     color: #fe0;
 
 }  

 
 .branch {
     width: 90%;
     background: transparent ;
     color: #666 ;
     padding-left: 1em ;
    
} 

  #contents .main {
     width: 81%;
     float: right;
     background: #fff url("../img/gif/gallery700.jpg") repeat-x;
     margin: auto;
     padding: 0em 0em 0.5em 0em;
     text-align: center;
     min-height: 400px; 
     color: #fff;
} 

 .main h1 {
     font-size: medium ;
     margin: 0 auto;
     padding: 0em; 
}
 
 .main div {
    clear: both;
    width: 40% ;
     color: #fff;
    font-weight: bold;
    padding: 0 4em;
    margin: 0 auto ;
     border-bottom: 1px solid #888 ;
     border-right: 2px solid #777 ;
}
  .middle_f {
    text-align: right;
    background: #999 url("../img/12.jpg") repeat-x;
}
  .middle_e {
    text-align: left;
    background: #999 url("../img/9.jpg") repeat-x;
}
  .middle_d {
    text-align: right;
    background: #999 url("../img/8.jpg") repeat-x;
}

  .middle_c {
    text-align: left;
    background: #999 url("../img/7.jpg") repeat-x;
   
}

  .middle_b {
    background: #999 url("../img/6.jpg") repeat-x;
    text-align: right;
}  
  .middle_a {
    background: #999 url("../img/5.jpg") repeat-x;
    text-align: left; 
}