html  { 
background-image: url(img/bg.jpg); 
background-repeat: no-repeat; 
background-position: right top; 
margin: 0; padding: 0;
}

body {
margin: 0; padding: 0;
text-align:center;
}

html, body, #wrap {
height: 100%;

}

body > #wrap {
height: auto;
min-height: 100%;

}


a { color: #6d9100; text-decoration: none }
a:visited { color: #6d9100; text-decoration: none }
a:hover    { color: #6d9100; text-decoration: underline  }



#main{
width:650px;
margin:0px auto 0px 300px; 
padding-bottom: 150px;
}

#schoolcont{
width:650px;
padding-top:470px;
text-align:left;
}

#schoolcont p{
margin-top:16px;
}

#schoolcont .tbl1 {
font-size:90%;
width:100%;
margin-top:30px;
border-collapse: collapse;
}

#schoolcont .tbl1 td { 
border: 1px solid #d4d4d4; 
padding:10px 10px;
background-color:#FFFFFF;
}

#schoolcont .tbl1 th{
width:120px;
font-weight: bold;
text-align:center;
border: 1px solid #d4d4d4; 
padding:10px 10px;
background-color:#eeeeee;
}

#schoolcont .tbl2 {
width:100%;
border-collapse: collapse;
}

#schoolcont .tbl2 td { 
border: 1px solid #d4d4d4; 
padding:10px 10px;
background-color:#FFFFFF;
}

#schoolcont .tbl2 th{
width:70px;
font-weight: normal;
text-align:center;
border: 1px solid #d4d4d4; 
padding:10px 10px;
background-color:#eeeeee;
}

#schoolcont .contact{
margin:30px 0;
padding:10px 10px;
border-top: 1px #d4d4d4 dotted;
border-right: 1px #d4d4d4 dotted;
border-bottom: 1px #d4d4d4 dotted;
border-left: 1px #d4d4d4 dotted;

}

#schoolcont .tit1{
margin:20px 0 45px 0;

}

#schoolcont .tit2{
width:226px;
height:20px;
margin:40px 0 20px 0;

}

#schoolcont ul{
margin:0;
padding:0;
}

#schoolcont li{
list-style: none;
padding-bottom:7px;
padding-left:20px;
background: url(../images/happa.gif) left top no-repeat;
}

#schoolcont .tit3{
margin:50px 0 20px 0;
position:relative;
width;650px;
}

#schoolcont .t1{
position:absolute;
right:0;
top:-12px;
}