html {background: #ffeeee; padding: 0 5em;}

body {
    min-width: 600px;
    margin: 0 ;
    padding-right: 5px; 
    background: #ffffff url("../img/gif/graright.gif") repeat-y;
    background-position: right;
    font-size: x-small; color: #666666; line-height: 150%; font-family: Verdana, Chicago, sans-serif;
}    
 
 h1{ font-size: medium;}
 h2{ font-size: medium;}
 a img {border: 0}
  /*---------------------header block------------------------*/
 #header { 
     width: 100%;  
     background: #fff;
     padding: 0 ;
} 

 #header p {
     float: left;
     color: #777;
     line-height: 110%;
     margin: 0.2em 3em;
     padding: 0.5em 1em;
     background: #ffe url("../img/gif/logo.gif") no-repeat ;
     text-align: center;
     border-left: 1px solid #dc0;
} 

 /*-------------------contents-NAVI-----------------------*/
  #contents { clear: both ; width: 100%; margin: 0; 
              border-top: 1px solid #999 ;
} 
                          
  .nav {
     clear: both ;
     width: 15%;
     float: left;
     background: #fff;
     margin: 0;
     padding: 1.5em 0em 0em 1.1em;
     font-size: x-small;
}
 .nav ul {
     width: 100%;
     margin: 0;
     padding:0;
     list-style-type: none;

}      
  .nav li {
     display: block;
     width: 100%;
    background: #eff url("../img/gif/btn5a.gif") repeat-y;
     padding-left: 0.5em;
     text-align: left;
     border-top: 3px solid #fee ;
     border-right: 2px solid #ded ;
     border-bottom: 3px solid #ded ;
     color: #444;
} 

  li.current {
     background: #dd9 ;
    border-right: 8px solid #dd9 ;
     border-bottom: 1px solid #ccf ;
     border-top: 2px solid #ddc ;
     color: #000;
   
} 
 
 .branch {
     width: 90%;
     background: transparent ;
     color: #555 ;
     padding-left: 1em ;
    
} 

  .nav a {
     display: block;
     width: 100%;
     color: #444;
     text-decoration: none; 
     padding-left: 0;    
}
  .nav a:hover {
     background: #999 ;
     color: #fff;
     font-weight: bold;
} 
  .nav img { 
     vertical-align: bottom;
     margin-top: 8em ;
}

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


/*---------------------footer block------------------------*/
    /*footer block*/

   #footer { 
     width: 100%;
     clear: both; 
     border-top: 1px solid #999;
     background: #ffffff url("../img/gif/grabottom.gif") repeat-x;
     background-position: bottom;
     color: #999; 
     text-align: right;
     padding: 0;
     min-height: 42px;
}
 #footer p.logo {
     background: #ffe url("../img/gif/logo.gif") no-repeat ;
     float: right;
     margin: 0 1em;
     padding-left: 5px;
     border-left: 1px solid #ddcc00;
}    

   #footer address {
     text-align: right;
     padding: 0.1em 1em;
     font-style: normal;
     font-size: x-small;
}