body{
text-align:center;
background-color:#ffffff;
}
 
 #wrap{
  text-align:left;
  width:1300px;
  margin:0px auto;
}

 #contents{
  text-align:left;
  width:1300px;
  margin:10px 0;
  padding:30px 10px;
  background-image:url(../img/under-bg.jpg);
  background-repeat:no-repeat;
 }
   
 #inner{
  text-align:center;
  margin:0 10px; 
 }

 #header{
     font-family:Bernard MT Condensed;
     font-size:15px;
     color:#ffffff;
     text-align:left;
     background:rgba(233,198,297,0.6);
     background-image:url(../img/KinoCollabo_logo.png);
     background-repeat:no-repeat;
     width:400px;
     height:100px;
     margin:20px auto;
     }

 #navi{
     font-family:Bernard MT Condensed;
     margin:10px 0 20px 0;  
     padding:0;  
     width:150px;  
     height:400px;  
     overflow:hidden;
     background:transparent;  
 } 
 
 #navi li{
     list-style:none; 
     width:150px;
     float:left;
 }

 #navi li a{
    display:block;  
    line-height:30px;  
    color:#ffffff;  
    text-align:center; 
 }
 
 #navi li a:hover { 
    background:#ffffff; 
 } 
 
 #footer{
  font:15px "Bernard MT Condensed";
  color:#000000;
  text-align:left;
  background-color:transparent;
  margin:10px auto;
  }

 #mainWrap {
  width:1100px;
  height:auto;
  margin:5px 5px;
  background:#ffffff;
  float:left;
}

 #centerWrap {
    width:900px;
    height:auto;
    margin:5px 5px;
    background:#ffffff;
    border:double 4px #000000;
    float:right;
 }

 #leftWrap {
    width:150px;
    height:500px;
    margin:5px 5px;
    background:#ffffff;
    float:left;
 }

 #sideWrap {
  width:150px;
  height:auto;
  margin:5px 5px;
  background-color:transparent;
  float:right;
} 

 .sideWrap1 {
   width:200px;
   height:70px;
   margin:5px 5px;
   background:rgba(255,255,255,0.8);
 }

 .clear {
  clear:both;
  }  

 .clear hr {
  display:none; 
  ]}