a:link {
           color: #0105d2;
       }

       a:visited {
           color: #059a76;
       }

       a:hover {
           color: #ed0000;
           text-decoration: underline
       }

       a:active {
           color: #e0c408;
       }

       .div1 {
           margin: 0 auto 0 auto;
           text-align: center;
       }

       .div3 {
           display: none;
           width: 105%;
           line-height: 2.1em;
           padding-left: 0.3em;
           margin-left: -22px;
           border: 1px solid #000;
           background: #FFF;
       }

       .div5 {
           font-size: 1.0em;
           font-weight: bold;
           line-height: 1.8em;
           text-align: left;
           line-height: 2.1em;
           width: 100%;
           max-width: 500px;
           display: none;
           padding-left: 0.3em;
           border: 1px solid #000;
           background: #FFF;
           margin-left: -20px;
       }

       .gradation1 {
           width: 100%;
           max-width: 150px;
           min-width: 110px;
           height: auto;
           text-align: center;
           background: linear-gradient(#fdffc7, #87c300);
           border-radius: 10px;
           padding-top: 7px;
           padding-bottom: 5px;
           margin: 0 8px 5px 0;
           float: left;
       }

       .header1 {
           position: relative;
           width: 100%;
           max-width: 900px;
           height: auto;
           line-height: 1.3em;
           padding: 8px 2px 4px 5px;
           margin: 3px auto 3px auto;
           border-radius: 4px;
           text-align: left;
           background: linear-gradient(#ffffff, #6fd9ff);
           border: #00bbff solid 1px;
           overflow-wrap: break-word;
       }

       .sample1 {
           font-size: 0.9em;
       }

       .sample3 {
           font-size: 1.2em;
           font-weight: 700;
       }

       .sample4 li:hover div {
           font-size: 1.0em;
           display: block;
           width: 100%;
           max-width: 600px;
           height: auto;
           padding-right: 0;
           border: 1px solid #999;
           margin-top: 0;
       }

       .sample5 {
           width: 100%;
           max-width: 112px;
           height: auto;
           overflow: hidden;
           margin: 3px 8px 3px 5px;
           position: relative;
           float: left;
       }

       .sample5 .caption {
           font-size: 1.2em;
           font-weight: 700;
           color: #FFFFFF;
           padding-top: 10px;
           padding-left: 8px;
       }

       .sample5 .mask {
           width: 100%;
           height: 100%;
           position: absolute;
           top: 0;
           left: 0;
           background-color: transparent;
           -webkit-transition: all .6s ease;
           -moz-transition: all .6s ease;
           -o-transition: all .6s ease;
           -ms-transition: all .6s ease;
           transition: all .6s ease;
           -webkit-transform: scale(0);
           -moz-transform: scale(0);
           -o-transform: scale(0);
           -ms-transform: scale(0);
           transform: scale(0);
       }

       .sample5:hover .mask {
           -webkit-transform: scale(1);
           -moz-transform: scale(1);
           -o-transform: scale(1);
           -ms-transform: scale(1);
           transform: scale(1);
       }

       .sample9 {
           font-size: 1.2em;
           font-weight: bold;
           color: #ffffff;
           text-shadow: 0 0 4px #000000, 0 0 5px #000000, 0 0 6px #000000, 0 0 7px #000000;
       }

       .title16 {
           font-size: 0.9em;
           text-align: center;
           padding-top: 10px;
           margin-bottom: 5px;
       }

       .title18 {
           font-size: 2.5em;
           font-weight: bold;
           color: #efff5e;
           text-shadow: 0 0 7px #000000, 0 0 7px #000000, 0 0 7px #000000, 0 0 9px #000000;
           letter-spacing: 0.5em;
           text-align: center;
       }

       .title19 {
           font-size: 1.6em;
           font-weight: bold;
           color: #ffffff;
           text-shadow: 0 0 5px #000000, 0 0 5px #000000, 0 0 8px #000000, 0 0 9px #000000;
           letter-spacing: 0.2em;
           text-align: center;
       }

       .title21 {
           margin-left: 5px;
           font-size: 1.3em;
           font-weight: bold;
           letter-spacing: 0.5em;
       }

       .title22 {
           font-size: 1.1em;
           font-weight: bold;
           padding-bottom: 10px;
       }

       .title23 {
           font-size: 1.1em;
           font-weight: bold;
           text-align: left;
           padding: 5px 5px 5px 10px;
           background-color: #84ffc7;
           margin: 20px auto 5px auto;
       }

       .title24 {
           line-height: 1.5em;
           text-align: left;
           display: none;
           width: 100%;
           max-width: 700px;
           height: auto;
           padding: 0 2px 0 2px;
           margin-bottom: 5px;
       }

       .title25 {
           font-size: 1.0em;
           font-weight: bold;
           line-height: 1.3em;
           margin: 0 auto;
           text-align: right;
       }

       .title26 {
           background-color: #FFFFFF;
           width: 100%;
           max-width: 498px;
           height: auto;
           padding-top: 1px;
           padding-bottom: 23px;
       }

       .itemsbody1 {
           position: relative;
       }

       nav {
           display: block;
           box-sizing: border-box;
       }

       ul {
           margin: 0 auto 0 auto;
       }

       .indent1 {
           text-indent: 1em;
           font-size: 0.9em;
           margin-top: 5px;
           margin-bottom: 5px;
       }

       .space2 {
           margin-right: 0.5em;
       }

       .space3 {
           margin-right: 1.0em;
       }