@charset "UTF-8";

#header {
    max-width: 800px;
    margin: 20px auto 0;
    padding: 10px;
    border-bottom: 1px solid #666;
}
#header .logo {
    float: left;
}
#header .logo img { max-with: 300px; }
#header .head_tel {
    float: right;
}
#header:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}
h1 { 
    margin: 0;
    color: #666;
}


@media screen and (max-width:768px) {
    #header .logo img {
        max-width: 150px;
    }
    #header .head_tel img {
        max-width: 100px;
    }
}
@media screen and (min-width:768px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}

div#wrapper table#banner { margin: 10px; border: none; }
div#wrapper table#banner tr th { padding: 5px 15px 5px 0; text-align: left; }
div#wrapper table#banner tr th,
div#wrapper table#banner tr td { border: none; }