@charset "utf-8";


body {background-color:#FFFFFF; margin:0px; padding:0px; font-size:16px; 
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo, 
    sans-serif; 
} 


div{margin:0px; padding:0px;}
ul, li{margin:0px; padding:0px;}
h1, h2, h3, p, span {margin:0px; padding:0px;}
img {
    vertical-align: bottom;
    max-width:100%;
    height: auto;
    width/***/:auto;
}



span.red{color:#FF0066;}



a:link{color:#0000cc;}
a:visited{color:#0000cc;}
a:hover{color:#cc6699;}


body {
    font-size: 4.0vw;
}

h1 {
    font-size: 7vw;
    padding: 20px 0 20px 0;
    }

h2 {
    font-size: 6vw;
    padding: 20px 0 20px 0;
}

header {
    width: auto;
    margin: 0 5%;
}


#top_image {
    max-width: 100%;
     padding: 0px 0px 0px 0px;
     }     
     
 .logo {
     max-width: 100%; border="0"
 }  

 
 
.clearfix::after{
    content: "";
    display:block;
    clear: both;
}


#oowaku {
    float: none;
    max-width: auto;
    margin-top: 50px;
    padding: 0px;
}


.main-center {  
    float: none;
    width: auto;
    margin: 0 5%; 
}    

div.eventtop_news{
    float: none;
    width: auto;
    margin: 10px 5px; 
    }

    
h2.h2ettop{
    color:#006633; 
    text-align:left;
    }

.event-list li {
    float: left;
    list-style: none;
    margin: 0 0 10px 5px;
    }

.center{text-align:center;}





a:hover img.alpha{
opacity:0.5;
filter:alpha(opacity=50);
ms-filter:"alpha(opacity=50)";
}



footer {
    width:auto; margin:10px auto; padding:0px; text-align:center; 
    } 

div#footer{width:auto; height:20px; background-color:#4bb783; padding:10px; margin:40px 0px 20px 0px; text-align:center}


div#footer p{text-align:center; color:#efefef; font-size:12px;}