body { font-family: "MS PGothic", sans-serif; color: #333; margin: 0; line-height: 1.6; }
    .fix { max-width: 1000px; margin: 0 auto; padding: 0 15px; }
    a { text-decoration: none; color: #3a72a6; }
    ul { list-style: none; padding: 0; }
    
    #header { background: #fff; padding: 20px 0; border-bottom: 2px solid #556652; }
    h1 { font-size: 12px; color: #666; font-weight: normal; margin: 0; text-align: center; }
    #head-logo img { max-width: 200px; }
    #submenu { text-align: right; margin-top: 10px; }
    #submenu li { display: inline-block; margin-left: 15px; }

    #mainimg img { width: 100%; height: auto; object-fit: cover; max-height: 400px; }
    
    #top-mainmenu ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 20px 0; }
    #top-mainmenu li img { display: block; max-width: 150px; }

    #top-wrapper { display: flex; flex-wrap: wrap; gap: 40px; }
    #headline { flex: 2; min-width: 300px; }
    #headline dl { display: grid; grid-template-columns: auto 1fr; gap: 10px; }
    #rightarea { flex: 1; min-width: 250px; background: #f9f9f9; padding: 20px; border-radius: 8px; border: 1px solid #ddd; }

    #footer-banner ul { display: flex; justify-content: center; gap: 20px; padding: 30px 0; }
    #footer-banner img { width: 60px; height: 60px; object-fit: cover; border-radius: 50%; }
    
    #foot-full { background: #333; color: #fff; padding: 20px 0; }
    #footer-menu ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; }
    #footer-menu a { color: #fff; }
    
    #footer-shoparea { text-align: center; padding: 20px; font-size: 0.9em; border-top: 1px solid #444; }
    #footer { text-align: center; padding: 10px; font-size: 0.8em; background: #000; color: #fff; }

    @media (max-width: 768px) {
        #top-wrapper { flex-direction: column; }
        #top-mainmenu ul { grid-template-columns: 1fr 1fr; }
    }