/* Basic CSS for ccscoffee.co.jp */
body {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
}

#page {
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
}

#header {
    padding: 10px;
}

#header_title img {
    max-width: 100%;
    height: auto;
}

#headerimg {
    background-color: #8B4513;
    padding: 20px;
}

#menu {
    background-color: #654321;
    padding: 5px 0;
}

.menu_f01 {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.menu_f01 li {
    margin: 0 5px;
}

.menu_f01 a {
    color: #fff;
    text-decoration: none;
    padding: 8px 15px;
    display: block;
}

.menu_f01 a:hover,
.menu_f01 a.nowthis {
    background-color: #8B4513;
}

#contents {
    display: flex;
    padding: 20px;
}

#menuL {
    width: 220px;
    flex-shrink: 0;
}

.banner {
    margin-bottom: 10px;
}

.banner img {
    max-width: 100%;
    height: auto;
}

#mainContents {
    flex: 1;
    padding-left: 20px;
}

#footer {
    background-color: #654321;
    color: #fff;
    text-align: center;
    padding: 20px;
}

#footer a {
    color: #fff;
}