BODY {
 width: 100%;
 text-align: center;
}

.main {
   background-image: url('./bg_w.jpg');
   background-repeat: no-repeat;
   border: thin silver solid;
   width: 700px;
   min-height: 800px;
   /*height: auto;*/
   /* ie: */
   /*height: 800px;*/

   float: center;
   margin: 0 auto 0 auto;
   text-align: left;

}

.header {
    background-image: url('./header.png') ;
    width: 690px;
    height: 139px;
    padding: 0px 0px 0px 0px;
    margin: 140px 0px 0px 0px;
    position:relative;

}

.middle {
    background-image: url('./middle.png');
    background-repeat: repeat-y;
    width: 680px;
    /*min-height: 140px; */
    /*height: 40px;*/
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: relative;

}

.footer {
    background-image: url('./footer.png');
    width:680px;
    height:157px;
    padding: 0px 0px 0px 0px;
    position:relative;
    margin: -57px 0px 0px 0px;

}

td {
  color: rgb(50,10,0);
  font-size: 10pt;
  font-family: 'Trebuchet Ms';
}
.text {
  padding: 0.25cm 2cm 0cm 2.5cm;
  margin:0px 0px 0px 0px;
  font-size: 10pt;
  font-family: 'Trebuchet Ms';
  color: rgb(50,10,0);
  line-height: 130%;
  position: relative;
  z-index: 6;
}

ul.text {
  padding: 0.25cm 2cm 0cm 2.5cm;
  margin:0 0 0 0.25cm;
  font-size: 10pt;
  font-family: 'Trebuchet Ms';
  color: rgb(50,10,0);
}
.text-content{

}

p.text-header {
  padding: 0.25cm 2cm 0.25cm 2cm;
  margin:0 0 0 0;
  font-size: 16pt;
  font-weight: bold;
  font-family: 'Trebuchet MS';
  color: rgb(50,10,0);
  position: relative;
  z-index: 6;
}

a.link-navi {
  border: none;
  color: black;
} 

a:focus {
  outline: none;
}
img {

}

img.link {
  border: none;
  padding: 10px 0px 0px 0px;

  vertical-align:top;  
}

img#news {
  position: relative;
  top: 5px;
  left: 20px;
}

img#aikido {
  position: relative;
  top: 0px;
  left: 20px;
}

img#club {
  position: relative;
  left: 20px;
  top: -3px;
}

img#practice {
  position: relative;
  left: 20px;
  top: -13px;
}
img#bc{
  position:relative;
  top: -21px;
  left: 20px;

}
img#fun{
   position:relative;
   top:60px;
   left:-60px;
}
p.text-footer {
  padding: 80px 0px 0px 0cm;
  margin: 0 0 0 0;
  text-align: center;
  color: rgb(50,10,0);
  font-family: 'Trebuchet Ms';
  font-size: 10pt;
}

div.text-navi {
  margin: 10px 0px 0px 0px;
  padding: 20px 0px 0px 30px;
/*  height: 300px;*/
/*  width: 600px;*/
  text-align: center;
  position:relative;

}

div#ukemi 
{
   width: 200px;
   float: left;
   margin: 0px 0px 0px 2cm; 
   padding: 10px 10px 10px 10px;
}

div#peruskurssi
{
   position: relative;
   width: 240px;
   float: right;
   margin-right: 2cm;
   margin-left: 0.5cm;
  border: 1px silver solid;

  padding: 0px 0px 0px 0px;
  text-align: center; 
  color: rgb(50,10,0);
}

div.figure {
  border: 1px silver solid;
  margin: 0px 30px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center; 
  color: rgb(50,10,0);
}

div.figure_fun {
  border: thin silver solid;
  margin: 30px 0px 0px 100px;
  padding: 0px 0px 0px 0px;
  text-align: center; 
  width: 340px;
  color: rgb(50,10,0);
  position: relative;
  z-index: 5;
}


div#ohiki {
  width: 300px;
  float: right;
}

p.caption {
  text-align: center;
  font-style: italic;
  font-size: 8pt;
  text-indent: 0;
  color: rgb(50,10,0);
}

.copyright {
  font-size: small;
  color: black;
  text-align: center;
  align: center;
  float: center;
  margin: auto;
  font-size: 10pt; 
}