.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

body {
      font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
#cont1 {
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    position: relative;
    max-width: 730px;
    margin: 0px auto;
    margin-bottom: 10px;
}

#cont2 {
    position: relative;
    max-width: 730px;
    margin: 0 auto;
    padding: 10px 0px;
    margin-bottom: 10px;
}
#cont3 {
    position: relative;
    max-width: 730px;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 30px;
}

.topjpg {
	padding: 6px 0 6px 0;
	}

.banner1 {
	text-align: left;	
	padding-left: 0px;
	max-width: 360px;
	max-height: 80px;
	width: 50%;
	height: 50%;
	float: left;

}
.banner2 {
   	text-align: right;
	padding-right: 0px;
	max-width: 360px;
	max-height: 80px;
	width: 50%;
	height: 50%;
	float: right;

}
.toptable {
    text-align: center;
    margin: 0px 4px;

}

.toptable td {
    text-align: center;
    padding: 5px 8px;

}
.toptable th {
    text-align: center;
    padding: 0px;
    background-image: url(images/bg1.png);
    border-radius: 5px 10px  ;
}
.toptable img {
    border: 0px;
    width: 40px;
    height: 40px;
}

.oshirase {
    padding: 5px 20px;
    font-weight: bold;
}
.otx{
    font-weight: normal;
    padding-bottom: 10px;
}

a{
    text-decoration: none;
}

a:link{
    color: #005;
}
a:visited{
     color:#500;
}
a:active{
    color: #eee;
}
a:hover{
    color:#555;
}

@media only screen and (max-width: 568px) {



}