.shumi{background-color: rgba(179, 138, 138, 0.397);} .zisaku {background-color: #9b8b8b; padding-top: 80px; padding-bottom: 80px; margin-top: 0; margin-bottom: 0;} .zisaku h1{ border-bottom: groove medium rgba(236, 234, 234, 0.514); width: 75%; margin: auto; color: rgb(255, 255, 255); font-size: 2cm; } .hon{ background-color: white; width: 800px; margin: auto; padding: 1em; } .hazi{ padding-top: 50px; padding-bottom: 50px; position: relative; display: block; width: 90%; margin: auto; } .hazi h1{ border-bottom: solid 2px red; } .hazi p{ margin-left: 0.5em; margin-right: 0.5em; font-size: 1.2em; } .mokuzi{ padding-top: 20px; padding-bottom: 20px; position: relative; background-image: url(ice.jpg); padding-left: 50px; width: 90%; margin: auto; } .div1{ margin-top: 50px; margin-bottom: 100px; } .div1 h2{ border-bottom: groove 10px rgba(160, 27, 4, 0.274); } .div1 p{ margin-left: 1.2em; margin-right: 1.2em; font-size: 1.2em; } .div2{ margin-top: 50px; margin-bottom: 100px; } .div2 h2{ border-bottom: groove 10px rgba(4, 160, 25, 0.274); } .div2 p{ margin-left: 1.2em; margin-right: 1.2em; font-size: 1.2em; } .div3{ margin-top: 50px; margin-bottom: 100px; } .div3 h2{ border-bottom: groove 10px rgba(4, 160, 147, 0.274); } .div3 p{ margin-left: 1.2em; margin-right: 1.2em; font-size: 1.2em; } .div4{ margin-top: 50px; margin-bottom: 100px; } .div4 h2{ border-bottom: groove 10px rgba(160, 4, 95, 0.623); } .div4 p{ margin-left: 1.2em; margin-right: 1.2em; font-size: 1.2em; } li{ list-style-image: url(a.jpg); } li:hover{ list-style-image: url(b.jpg); } li:active{ list-style-image: url(c.jpg); } html { scroll-behavior: smooth;}