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;
 
 }  

 


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

 .main h1 {
     font-size: medium ;
     margin:0.5em auto 1.5em;
     padding: 0em; 
}
 
 .main div {
    clear: both;
    width: 32% ;
     color: #fff;
    font-weight: bold;
    padding: 0.4em 3.5em;
    margin: -1.3em 3em ;
     border-bottom: 1px solid #888 ;
     border-right: 2px solid #777 ;
}

  .middle_11 {
    text-align: left;
    background: #999 url("../img/11.jpg") repeat-x;
 float: right;  
}
  .middle_10 {
    text-align: right;
    background: #999 url("../img/10.jpg") repeat-x;
 float: left;
}
  .middle_09 {
    text-align: left;
    background: #999 url("../img/9.jpg") repeat-x;
 float: right;
}
  .middle_08 {
    text-align: right;
    background: #999 url("../img/8.jpg") repeat-x;
 float: left;
}

  .middle_07 {
    text-align: left;
    background: #999 url("../img/7.jpg") ;
 float: right;
   
}

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