body {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;
    font-size: 12pt;
    color: #404040;
    /* customize_background */background-color: #fff;/* customize_background */
}
body .container p, body section p,
body .container h1, body section h1,
body .container h2, body section h2,
body .container h3, body section h3,
body .container h4, body section h4,
body .container h5, body section h5{
    margin:15px 5px;
}
body .container p, body section p{
/*    line-height: 180%; */
}
body header .container p,
body #footer .container p{
    margin: 0px;
}
body header .container h1{
    margin:0px;
    font-size: 10px;
}
body .container a{
    color:#00F;
}
body .container a:hover{
    color:#F0C;
}
body .container h1, body section h1{
    font-size: 10px;
}
body .container h2, body section h2{
    font-size: 26px;
    text-shadow: 1px 1px 1px #333;
    color:#05683F;
}
body .container h3, body section h3{
    font-size: 18px;
    color: #404040;
    background: linear-gradient(#fcfcfc, #cccccc);
    padding: 10px 10px 8px 10px;
    box-shadow: 1px 1px 2px #999;
}
body .container h4, body section h4{
font-size:14px;line-height: 180%;
}
.banner{
    /* customize_banner */color:#404040;/* customize_banner */
}
.banner li{
    font-size: 18px;
}
.prefoot{
    /* customize_prefoot */color:#fff;/* customize_prefoot */
}



.s1{border:solid 1px #693;border-left:solid 10px #693;padding:5px 15px;text-shadow:1px 1px 1px #ccc;}

.s2{padding: 5px 25px;position: relative;border-bottom: 1px dashed #693;text-shadow: 1px 1px 1px #CCC;}
.s2:after{position: absolute;top: 5px;left: 5px;content: '';width: 6px;height: 70%;background-color: #693;border-radius: 4px;}

.s3{border:ridge 2px #693;border-radius:20px;padding:5px 20px;background-color: #ccc;text-shadow:1px 1px 1px #ccc;box-shadow: 3px 3px 5px #333 inset;}

.s4{background-color:#693;color:#FFF;padding:5px 15px;text-shadow:1px 1px 1px #666;border:outset 3px #9c6;}

.s5{border-left:solid 10px #693;padding:5px 15px;text-shadow:1px 1px 1px #ccc;box-shadow: 2px 2px 5px #333;}

.s6{position:relative;margin:0 15px 0 30px;padding:5px 20px;color:#333;border:#333 solid 3px;border-bottom:#333 solid 5px;border-right:#333 solid 5px;border-radius:20px;}
.s6:before{content:" ";position:absolute;top:100%;left:14px;width:0;height:0;border-width:20px;border-style:solid;border-color:transparent;border-top-color:#333;}
.s6:after{content:" ";position:absolute;bottom:-27px;left:18px;width:0;height:0;border-width:14px;border-style:solid;border-color:transparent;border-top-color:#FFF;}

.s7{background-color:#693;color:#FFF;padding:5px 15px;text-shadow:1px 1px 1px #666;border:dashed 2px #FFF;border-radius:10px;box-shadow: 0px 0px 0px 3px #693;}

.s8 {position: relative;height: 50px;line-height: 50px;padding:1em;background-color: #693;color:#FFF;text-shadow:1px 1px 1px #666;}
.s8:before, .s8:after {content: '';position: absolute;}
.s8:before {top: 100%;left: 0;border-width: 0 15px 15px 0;border-style: solid;border-color: transparent;border-right-color: #360;}
.s8:after {top: 0;right: 0;z-index: 2;border-width: 25px;border-style: solid;border-color: transparent;border-right-color: #fff;}

.s9{position:relative;padding:8px 30px 5px;border-bottom:1px solid #693;border-top:1px solid #693;font-size: 14pt;text-shadow:1px 1px 1px #CCC;}
.s9:before, .s9:after{position: absolute;content: '';border-radius: 100%}
.s9:before{top: 6px;left: 6px;z-index: 2;width: 16px;height: 16px;background-color: #693;opacity: 0.5;}
.s9:after{top: 14px;left: 14px;width: 12px;height: 12px;background-color: #9c6;opacity: 0.5;}