/* ボタン用青色<a href="" class="buttons-01"><strong>大文字16pt文字</strong><br>小文字9pt文字</a> */
 /* buttons-b01 waav用 */
.buttons-b01 {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 9px;
  background-color: #006BCF;
  background-image: -webkit-linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  background-image: -moz-linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  background-image: -o-linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  background-image: linear-gradient(top, #006ed4 0%, #197fdf 48%, #006BCF 49%, #006BCF 82%, #0079eb 100%);
  border-color: hsl(209, 40%, 41%);
  -webkit-box-shadow: inset 0 0 1px 1px #1c92ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #1c92ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #1c92ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #003669;
  -moz-text-shadow: 1px 1px 1px #003669;
  -o-text-shadow: 1px 1px 1px #003669;
  text-shadow: 1px 1px 1px #003669;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 7.199999999999999px 18px 7.199999999999999px 18px;
}

.buttons-b01 strong {
  letter-spacing: 1px;
  font-size: 16px;
}

.buttons-b01:hover {
  color: #FFFFFF;
  background-color: #0073de;
  background-image: -webkit-linear-gradient(top, #0076e3 0%, #2087e6 48%, #0073de 49%, #0073de 82%, #0082fa 100%);
  background-image: -moz-linear-gradient(top, #0076e3 0%, #2087e6 48%, #0073de 49%, #0073de 82%, #0082fa 100%);
  background-image: -o-linear-gradient(top, #0076e3 0%, #2087e6 48%, #0073de 49%, #0073de 82%, #0082fa 100%);
  background-image: linear-gradient(top, #0076e3 0%, #2087e6 48%, #0073de 49%, #0073de 82%, #0082fa 100%);
  border-color: hsl(209, 41%, 44%);
  -webkit-box-shadow: inset 0 0 1px 1px #2697ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #2697ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #2697ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #003e78;
  -moz-text-shadow: 1px 1px 1px #003e78;
  -o-text-shadow: 1px 1px 1px #003e78;
  text-shadow: 1px 1px 1px #003e78;
}

.buttons-b01:active {
  color: #FFFFFF;
  background-color: #0063c0;
  background-image: -webkit-linear-gradient(top, #005eb6 0%, #006BCF 100%);
  background-image: -moz-linear-gradient(top, #005eb6 0%, #006BCF 100%);
  background-image: -o-linear-gradient(top, #005eb6 0%, #006BCF 100%);
  background-image: linear-gradient(top, #005eb6 0%, #006BCF 100%);
  padding: 8.2px 18px 6.199999999999999px 18px;
}




/* ボタン用水色<a href="" class="buttons-02"><strong>大文字16pt文字</strong><br>小文字9pt文字</a> */
/* buttons-b02 waav用 */
.buttons-b02 {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 9px;
  background-color: #42a4ff;
  background-image: -webkit-linear-gradient(top, #47a6ff 0%, #7ab7f0 48%, #42a4ff 49%, #42a4ff 82%, #5eb2ff 100%);
  background-image: -moz-linear-gradient(top, #47a6ff 0%, #7ab7f0 48%, #42a4ff 49%, #42a4ff 82%, #5eb2ff 100%);
  background-image: -o-linear-gradient(top, #47a6ff 0%, #7ab7f0 48%, #42a4ff 49%, #42a4ff 82%, #5eb2ff 100%);
  background-image: linear-gradient(top, #47a6ff 0%, #7ab7f0 48%, #42a4ff 49%, #42a4ff 82%, #5eb2ff 100%);
  border-color: hsl(209, 44%, 61%);
  -webkit-box-shadow: inset 0 0 1px 1px #7abfff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #7abfff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #7abfff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #0072db;
  -moz-text-shadow: 1px 1px 1px #0072db;
  -o-text-shadow: 1px 1px 1px #0072db;
  text-shadow: 1px 1px 1px #0072db;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 7.199999999999999px 18px 7.199999999999999px 18px;
}

.buttons-b02 strong {
  letter-spacing: 1px;
  font-size: 16px;
}

.buttons-b02:hover {
  color: #FFFFFF;
  background-color: #51abff;
  background-image: -webkit-linear-gradient(top, #56adff 0%, #87bef2 48%, #51abff 49%, #51abff 82%, #6db9ff 100%);
  background-image: -moz-linear-gradient(top, #56adff 0%, #87bef2 48%, #51abff 49%, #51abff 82%, #6db9ff 100%);
  background-image: -o-linear-gradient(top, #56adff 0%, #87bef2 48%, #51abff 49%, #51abff 82%, #6db9ff 100%);
  background-image: linear-gradient(top, #56adff 0%, #87bef2 48%, #51abff 49%, #51abff 82%, #6db9ff 100%);
  border-color: hsl(209, 42%, 60%);
  -webkit-box-shadow: inset 0 0 1px 1px #93cbff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #93cbff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #93cbff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #0079ea;
  -moz-text-shadow: 1px 1px 1px #0079ea;
  -o-text-shadow: 1px 1px 1px #0079ea;
  text-shadow: 1px 1px 1px #0079ea;
}

.buttons-b02:active {
  color: #FFFFFF;
  background-color: #339dff;
  background-image: -webkit-linear-gradient(top, #2998ff 0%, #42a4ff 100%);
  background-image: -moz-linear-gradient(top, #2998ff 0%, #42a4ff 100%);
  background-image: -o-linear-gradient(top, #2998ff 0%, #42a4ff 100%);
  background-image: linear-gradient(top, #2998ff 0%, #42a4ff 100%);
  padding: 8.2px 18px 6.199999999999999px 18px;
}



 
 /* ボタン用みどり色<a href="" class="buttons-g01"><strong>大文字16pt文字</strong><br>小文字9pt文字</a> */
 /* buttons-g01 waav用 */
.buttons-g01 {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 9px;
  background-color: #73B10E;
  background-image: -webkit-linear-gradient(top, #76b60e 0%, #86c028 48%, #73B10E 49%, #73B10E 82%, #84cb10 100%);
  background-image: -moz-linear-gradient(top, #76b60e 0%, #86c028 48%, #73B10E 49%, #73B10E 82%, #84cb10 100%);
  background-image: -o-linear-gradient(top, #76b60e 0%, #86c028 48%, #73B10E 49%, #73B10E 82%, #84cb10 100%);
  background-image: linear-gradient(top, #76b60e 0%, #86c028 48%, #73B10E 49%, #73B10E 82%, #84cb10 100%);
  border-color: hsl(83, 29%, 37%);
  -webkit-box-shadow: inset 0 0 1px 1px #95e512, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #95e512, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #95e512, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #365207;
  -moz-text-shadow: 1px 1px 1px #365207;
  -o-text-shadow: 1px 1px 1px #365207;
  text-shadow: 1px 1px 1px #365207;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 7.199999999999999px 18px 7.199999999999999px 18px;
}

.buttons-g01 strong {
  letter-spacing: 1px;
  font-size: 16px;
}

.buttons-g01:hover {
  color: #FFFFFF;
  background-color: #7cbf0f;
  background-image: -webkit-linear-gradient(top, #7fc40f 0%, #8fcc2b 48%, #7cbf0f 49%, #7cbf0f 82%, #8dd911 100%);
  background-image: -moz-linear-gradient(top, #7fc40f 0%, #8fcc2b 48%, #7cbf0f 49%, #7cbf0f 82%, #8dd911 100%);
  background-image: -o-linear-gradient(top, #7fc40f 0%, #8fcc2b 48%, #7cbf0f 49%, #7cbf0f 82%, #8dd911 100%);
  background-image: linear-gradient(top, #7fc40f 0%, #8fcc2b 48%, #7cbf0f 49%, #7cbf0f 82%, #8dd911 100%);
  border-color: hsl(83, 28%, 36%);
  -webkit-box-shadow: inset 0 0 1px 1px #9eed1e, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #9eed1e, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #9eed1e, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #3f6008;
  -moz-text-shadow: 1px 1px 1px #3f6008;
  -o-text-shadow: 1px 1px 1px #3f6008;
  text-shadow: 1px 1px 1px #3f6008;
}

.buttons-g01:active {
  color: #FFFFFF;
  background-color: #6aa30d;
  background-image: -webkit-linear-gradient(top, #649a0c 0%, #73B10E 100%);
  background-image: -moz-linear-gradient(top, #649a0c 0%, #73B10E 100%);
  background-image: -o-linear-gradient(top, #649a0c 0%, #73B10E 100%);
  background-image: linear-gradient(top, #649a0c 0%, #73B10E 100%);
  padding: 8.2px 18px 6.199999999999999px 18px;
}


 /* ボタン用黄緑色<a href="" class="buttons-g02"><strong>大文字16pt文字</strong><br>小文字9pt文字</a> */
 /* buttons-g02 waav用 */
.buttons-g02 {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 9px;
  background-color: #BBD400;
  background-image: -webkit-linear-gradient(top, #bfd900 0%, #cce319 48%, #BBD400 49%, #BBD400 82%, #d4f000 100%);
  background-image: -moz-linear-gradient(top, #bfd900 0%, #cce319 48%, #BBD400 49%, #BBD400 82%, #d4f000 100%);
  background-image: -o-linear-gradient(top, #bfd900 0%, #cce319 48%, #BBD400 49%, #BBD400 82%, #d4f000 100%);
  background-image: linear-gradient(top, #bfd900 0%, #cce319 48%, #BBD400 49%, #BBD400 82%, #d4f000 100%);
  border-color: hsl(67, 39%, 30%);
  -webkit-box-shadow: inset 0 0 1px 1px #e5ff27, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #e5ff27, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #e5ff27, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #616e00;
  -moz-text-shadow: 1px 1px 1px #616e00;
  -o-text-shadow: 1px 1px 1px #616e00;
  text-shadow: 1px 1px 1px #616e00;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 7.199999999999999px 18px 7.199999999999999px 18px;
}

.buttons-g02 strong {
  letter-spacing: 1px;
  font-size: 16px;
}

.buttons-g02:hover {
  color: #FFFFFF;
  background-color: #c8e300;
  background-image: -webkit-linear-gradient(top, #cce800 0%, #d0e725 48%, #c8e300 49%, #c8e300 82%, #e1ff00 100%);
  background-image: -moz-linear-gradient(top, #cce800 0%, #d0e725 48%, #c8e300 49%, #c8e300 82%, #e1ff00 100%);
  background-image: -o-linear-gradient(top, #cce800 0%, #d0e725 48%, #c8e300 49%, #c8e300 82%, #e1ff00 100%);
  background-image: linear-gradient(top, #cce800 0%, #d0e725 48%, #c8e300 49%, #c8e300 82%, #e1ff00 100%);
  border-color: hsl(67, 37%, 28%);
  -webkit-box-shadow: inset 0 0 1px 1px #e8ff40, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #e8ff40, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #e8ff40, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #6e7d00;
  -moz-text-shadow: 1px 1px 1px #6e7d00;
  -o-text-shadow: 1px 1px 1px #6e7d00;
  text-shadow: 1px 1px 1px #6e7d00;
}

.buttons-g02:active {
  color: #FFFFFF;
  background-color: #adc500;
  background-image: -webkit-linear-gradient(top, #a4bb00 0%, #BBD400 100%);
  background-image: -moz-linear-gradient(top, #a4bb00 0%, #BBD400 100%);
  background-image: -o-linear-gradient(top, #a4bb00 0%, #BBD400 100%);
  background-image: linear-gradient(top, #a4bb00 0%, #BBD400 100%);
  padding: 8.2px 18px 6.199999999999999px 18px;
}




 /* ボタン用オレンジ色<a href="" class="buttons-y01"><strong>大文字16pt文字</strong><br>小文字9pt文字</a> */
 /* buttons-y01 waav用 */
.buttons-y01 {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 9px;
  background-color: #D1A700;
  background-image: -webkit-linear-gradient(top, #d6ab00 0%, #e1b919 48%, #D1A700 49%, #D1A700 82%, #edbd00 100%);
  background-image: -moz-linear-gradient(top, #d6ab00 0%, #e1b919 48%, #D1A700 49%, #D1A700 82%, #edbd00 100%);
  background-image: -o-linear-gradient(top, #d6ab00 0%, #e1b919 48%, #D1A700 49%, #D1A700 82%, #edbd00 100%);
  background-image: linear-gradient(top, #d6ab00 0%, #e1b919 48%, #D1A700 49%, #D1A700 82%, #edbd00 100%);
  border-color: hsl(48, 42%, 35%);
  -webkit-box-shadow: inset 0 0 1px 1px #ffd014, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #ffd014, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #ffd014, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #6b5500;
  -moz-text-shadow: 1px 1px 1px #6b5500;
  -o-text-shadow: 1px 1px 1px #6b5500;
  text-shadow: 1px 1px 1px #6b5500;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 7.199999999999999px 18px 7.199999999999999px 18px;
}

.buttons-y01 strong {
  letter-spacing: 1px;
  font-size: 16px;
}

.buttons-y01:hover {
  color: #FFFFFF;
  background-color: #e0b300;
  background-image: -webkit-linear-gradient(top, #e5b700 0%, #e6bf22 48%, #e0b300 49%, #e0b300 82%, #fcc900 100%);
  background-image: -moz-linear-gradient(top, #e5b700 0%, #e6bf22 48%, #e0b300 49%, #e0b300 82%, #fcc900 100%);
  background-image: -o-linear-gradient(top, #e5b700 0%, #e6bf22 48%, #e0b300 49%, #e0b300 82%, #fcc900 100%);
  background-image: linear-gradient(top, #e5b700 0%, #e6bf22 48%, #e0b300 49%, #e0b300 82%, #fcc900 100%);
  border-color: hsl(48, 40%, 34%);
  -webkit-box-shadow: inset 0 0 1px 1px #ffd52d, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #ffd52d, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #ffd52d, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #7a6100;
  -moz-text-shadow: 1px 1px 1px #7a6100;
  -o-text-shadow: 1px 1px 1px #7a6100;
  text-shadow: 1px 1px 1px #7a6100;
}

.buttons-y01:active {
  color: #FFFFFF;
  background-color: #c29b00;
  background-image: -webkit-linear-gradient(top, #b89300 0%, #D1A700 100%);
  background-image: -moz-linear-gradient(top, #b89300 0%, #D1A700 100%);
  background-image: -o-linear-gradient(top, #b89300 0%, #D1A700 100%);
  background-image: linear-gradient(top, #b89300 0%, #D1A700 100%);
  padding: 8.2px 18px 6.199999999999999px 18px;
}

/* ボタン用きいろ色<a href="" class="buttons-y02"><strong>大文字16pt文字</strong><br>小文字9pt文字</a> */
 /* buttons-y02 waav用 */
.buttons-y02 {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 9px;
  background-color: #D1C300;
  background-image: -webkit-linear-gradient(top, #d6c800 0%, #e1d319 48%, #D1C300 49%, #D1C300 82%, #eddd00 100%);
  background-image: -moz-linear-gradient(top, #d6c800 0%, #e1d319 48%, #D1C300 49%, #D1C300 82%, #eddd00 100%);
  background-image: -o-linear-gradient(top, #d6c800 0%, #e1d319 48%, #D1C300 49%, #D1C300 82%, #eddd00 100%);
  background-image: linear-gradient(top, #d6c800 0%, #e1d319 48%, #D1C300 49%, #D1C300 82%, #eddd00 100%);
  border-color: hsl(56, 39%, 29%);
  -webkit-box-shadow: inset 0 0 1px 1px #fff024, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #fff024, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #fff024, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #6b6400;
  -moz-text-shadow: 1px 1px 1px #6b6400;
  -o-text-shadow: 1px 1px 1px #6b6400;
  text-shadow: 1px 1px 1px #6b6400;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 7.199999999999999px 18px 7.199999999999999px 18px;
}

.buttons-y02 strong {
  letter-spacing: 1px;
  font-size: 16px;
}

.buttons-y02:hover {
  color: #FFFFFF;
  background-color: #e0d100;
  background-image: -webkit-linear-gradient(top, #e5d600 0%, #e6d922 48%, #e0d100 49%, #e0d100 82%, #fceb00 100%);
  background-image: -moz-linear-gradient(top, #e5d600 0%, #e6d922 48%, #e0d100 49%, #e0d100 82%, #fceb00 100%);
  background-image: -o-linear-gradient(top, #e5d600 0%, #e6d922 48%, #e0d100 49%, #e0d100 82%, #fceb00 100%);
  background-image: linear-gradient(top, #e5d600 0%, #e6d922 48%, #e0d100 49%, #e0d100 82%, #fceb00 100%);
  border-color: hsl(56, 38%, 30%);
  -webkit-box-shadow: inset 0 0 1px 1px #fff238, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #fff238, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #fff238, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #7a7200;
  -moz-text-shadow: 1px 1px 1px #7a7200;
  -o-text-shadow: 1px 1px 1px #7a7200;
  text-shadow: 1px 1px 1px #7a7200;
}

.buttons-y02:active {
  color: #FFFFFF;
  background-color: #c2b500;
  background-image: -webkit-linear-gradient(top, #b8ab00 0%, #D1C300 100%);
  background-image: -moz-linear-gradient(top, #b8ab00 0%, #D1C300 100%);
  background-image: -o-linear-gradient(top, #b8ab00 0%, #D1C300 100%);
  background-image: linear-gradient(top, #b8ab00 0%, #D1C300 100%);
  padding: 8.2px 18px 6.199999999999999px 18px;
}


/* ボタン用あか色<a href="" class="buttons-r01"><strong>大文字16pt文字</strong><br>小文字9pt文字</a> */
 /* buttons-r01 waav用 */
.buttons-r01 {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 9px;
  background-color: #D15723;
  background-image: -webkit-linear-gradient(top, #d55924 0%, #c87755 48%, #D15723 49%, #D15723 82%, #d63 100%);
  background-image: -moz-linear-gradient(top, #d55924 0%, #c87755 48%, #D15723 49%, #D15723 82%, #d63 100%);
  background-image: -o-linear-gradient(top, #d55924 0%, #c87755 48%, #D15723 49%, #D15723 82%, #d63 100%);
  background-image: linear-gradient(top, #d55924 0%, #c87755 48%, #D15723 49%, #D15723 82%, #d63 100%);
  border-color: hsl(18, 15%, 48%);
  -webkit-box-shadow: inset 0 0 1px 1px #e1784b, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #e1784b, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #e1784b, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #7a3314;
  -moz-text-shadow: 1px 1px 1px #7a3314;
  -o-text-shadow: 1px 1px 1px #7a3314;
  text-shadow: 1px 1px 1px #7a3314;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 7.199999999999999px 18px 7.199999999999999px 18px;
}

.buttons-r01 strong {
  letter-spacing: 1px;
  font-size: 16px;
}

.buttons-r01:hover {
  color: #FFFFFF;
  background-color: #db5e28;
  background-image: -webkit-linear-gradient(top, #dc612c 0%, #cc8060 48%, #db5e28 49%, #db5e28 82%, #df7040 100%);
  background-image: -moz-linear-gradient(top, #dc612c 0%, #cc8060 48%, #db5e28 49%, #db5e28 82%, #df7040 100%);
  background-image: -o-linear-gradient(top, #dc612c 0%, #cc8060 48%, #db5e28 49%, #db5e28 82%, #df7040 100%);
  background-image: linear-gradient(top, #dc612c 0%, #cc8060 48%, #db5e28 49%, #db5e28 82%, #df7040 100%);
  border-color: hsl(18, 16%, 51%);
  -webkit-box-shadow: inset 0 0 1px 1px #e27f54, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #e27f54, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #e27f54, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #863817;
  -moz-text-shadow: 1px 1px 1px #863817;
  -o-text-shadow: 1px 1px 1px #863817;
  text-shadow: 1px 1px 1px #863817;
}

.buttons-r01:active {
  color: #FFFFFF;
  background-color: #c45221;
  background-image: -webkit-linear-gradient(top, #bb4e20 0%, #D15723 100%);
  background-image: -moz-linear-gradient(top, #bb4e20 0%, #D15723 100%);
  background-image: -o-linear-gradient(top, #bb4e20 0%, #D15723 100%);
  background-image: linear-gradient(top, #bb4e20 0%, #D15723 100%);
  padding: 8.2px 18px 6.199999999999999px 18px;
}

/* ボタン用ちゃ色<a href="" class="buttons-ty01"><strong>大文字16pt文字</strong><br>小文字9pt文字</a> */
 /* buttons-ty01 waav用 */
.buttons-ty01 {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 9px;
  background-color: #96712D;
  background-image: -webkit-linear-gradient(top, #9a742e 0%, #9e824e 48%, #96712D 49%, #96712D 82%, #ac8133 100%);
  background-image: -moz-linear-gradient(top, #9a742e 0%, #9e824e 48%, #96712D 49%, #96712D 82%, #ac8133 100%);
  background-image: -o-linear-gradient(top, #9a742e 0%, #9e824e 48%, #96712D 49%, #96712D 82%, #ac8133 100%);
  background-image: linear-gradient(top, #9a742e 0%, #9e824e 48%, #96712D 49%, #96712D 82%, #ac8133 100%);
  border-color: hsl(0, 0%, 38%);
  -webkit-box-shadow: inset 0 0 1px 1px #c1913a, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #c1913a, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #c1913a, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #483615;
  -moz-text-shadow: 1px 1px 1px #483615;
  -o-text-shadow: 1px 1px 1px #483615;
  text-shadow: 1px 1px 1px #483615;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 7.199999999999999px 18px 7.199999999999999px 18px;
}

.buttons-ty01 strong {
  letter-spacing: 1px;
  font-size: 16px;
}

.buttons-ty01:hover {
  color: #FFFFFF;
  background-color: #a27a31;
  background-image: -webkit-linear-gradient(top, #a67d32 0%, #a88a54 48%, #a27a31 49%, #a27a31 82%, #b88a38 100%);
  background-image: -moz-linear-gradient(top, #a67d32 0%, #a88a54 48%, #a27a31 49%, #a27a31 82%, #b88a38 100%);
  background-image: -o-linear-gradient(top, #a67d32 0%, #a88a54 48%, #a27a31 49%, #a27a31 82%, #b88a38 100%);
  background-image: linear-gradient(top, #a67d32 0%, #a88a54 48%, #a27a31 49%, #a27a31 82%, #b88a38 100%);
  border-color: hsl(0, 0%, 41%);
  -webkit-box-shadow: inset 0 0 1px 1px #c59641, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #c59641, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #c59641, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #543f19;
  -moz-text-shadow: 1px 1px 1px #543f19;
  -o-text-shadow: 1px 1px 1px #543f19;
  text-shadow: 1px 1px 1px #543f19;
}

.buttons-ty01:active {
  color: #FFFFFF;
  background-color: #8a6829;
  background-image: -webkit-linear-gradient(top, #826227 0%, #96712D 100%);
  background-image: -moz-linear-gradient(top, #826227 0%, #96712D 100%);
  background-image: -o-linear-gradient(top, #826227 0%, #96712D 100%);
  background-image: linear-gradient(top, #826227 0%, #96712D 100%);
  padding: 8.2px 18px 6.199999999999999px 18px;
}



/* ボタン用ホワイト色<a href="" class="buttons-w01"><strong>大文字16pt文字</strong><br>小文字9pt文字</a> */
 /* buttons-w01 waav用 */
.buttons-w01 {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #666666;
  font-size: 9px;
  background-color: #EBEBEB;
  background-image: -webkit-linear-gradient(top, #eee 0%, #fff 48%, #EBEBEB 49%, #EBEBEB 82%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #eee 0%, #fff 48%, #EBEBEB 49%, #EBEBEB 82%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #eee 0%, #fff 48%, #EBEBEB 49%, #EBEBEB 82%, #f9f9f9 100%);
  background-image: linear-gradient(top, #eee 0%, #fff 48%, #EBEBEB 49%, #EBEBEB 82%, #f9f9f9 100%);
  border-color: hsl(0, 0%, 66%);
  -webkit-box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #b8b8b8;
  -moz-text-shadow: 1px 1px 1px #b8b8b8;
  -o-text-shadow: 1px 1px 1px #b8b8b8;
  text-shadow: 1px 1px 1px #b8b8b8;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 7.199999999999999px 18px 7.199999999999999px 18px;
}

.buttons-w01 strong {
  letter-spacing: 1px;
  font-size: 16px;
}

.buttons-w01:hover {
  color: #666666;
  background-color: #f3f3f3;
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #fff 48%, #f3f3f3 49%, #f3f3f3 82%, #fff 100%);
  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #fff 48%, #f3f3f3 49%, #f3f3f3 82%, #fff 100%);
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #fff 48%, #f3f3f3 49%, #f3f3f3 82%, #fff 100%);
  background-image: linear-gradient(top, #f6f6f6 0%, #fff 48%, #f3f3f3 49%, #f3f3f3 82%, #fff 100%);
  border-color: hsl(0, 0%, 67%);
  -webkit-box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #c0c0c0;
  -moz-text-shadow: 1px 1px 1px #c0c0c0;
  -o-text-shadow: 1px 1px 1px #c0c0c0;
  text-shadow: 1px 1px 1px #c0c0c0;
}

.buttons-w01:active {
  color: #666666;
  background-color: #e3e3e3;
  background-image: -webkit-linear-gradient(top, #dedede 0%, #EBEBEB 100%);
  background-image: -moz-linear-gradient(top, #dedede 0%, #EBEBEB 100%);
  background-image: -o-linear-gradient(top, #dedede 0%, #EBEBEB 100%);
  background-image: linear-gradient(top, #dedede 0%, #EBEBEB 100%);
  padding: 8.2px 18px 6.199999999999999px 18px;
}


/* ボタン用ホワイト色 文字水色<a href="" class="buttons-w02"><strong>大文字16pt文字</strong><br>小文字9pt文字</a> */
 /* buttons-w02 waav用 */
.buttons-w02 {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #68B6F7;
  font-size: 9px;
  background-color: #EBEBEB;
  background-image: -webkit-linear-gradient(top, #eee 0%, #fff 48%, #EBEBEB 49%, #EBEBEB 82%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #eee 0%, #fff 48%, #EBEBEB 49%, #EBEBEB 82%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #eee 0%, #fff 48%, #EBEBEB 49%, #EBEBEB 82%, #f9f9f9 100%);
  background-image: linear-gradient(top, #eee 0%, #fff 48%, #EBEBEB 49%, #EBEBEB 82%, #f9f9f9 100%);
  border-color: hsl(0, 0%, 66%);
  -webkit-box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #b8b8b8;
  -moz-text-shadow: 1px 1px 1px #b8b8b8;
  -o-text-shadow: 1px 1px 1px #b8b8b8;
  text-shadow: 1px 1px 1px #b8b8b8;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 7.199999999999999px 18px 7.199999999999999px 18px;
}

.buttons-w02 strong {
  letter-spacing: 1px;
  font-size: 16px;
}

.buttons-w02:hover {
  color: #68B6F7;
  background-color: #f3f3f3;
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #fff 48%, #f3f3f3 49%, #f3f3f3 82%, #fff 100%);
  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #fff 48%, #f3f3f3 49%, #f3f3f3 82%, #fff 100%);
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #fff 48%, #f3f3f3 49%, #f3f3f3 82%, #fff 100%);
  background-image: linear-gradient(top, #f6f6f6 0%, #fff 48%, #f3f3f3 49%, #f3f3f3 82%, #fff 100%);
  border-color: hsl(0, 0%, 67%);
  -webkit-box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #fff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #c0c0c0;
  -moz-text-shadow: 1px 1px 1px #c0c0c0;
  -o-text-shadow: 1px 1px 1px #c0c0c0;
  text-shadow: 1px 1px 1px #c0c0c0;
}

.buttons-w02:active {
  color: #68B6F7;
  background-color: #e3e3e3;
  background-image: -webkit-linear-gradient(top, #dedede 0%, #EBEBEB 100%);
  background-image: -moz-linear-gradient(top, #dedede 0%, #EBEBEB 100%);
  background-image: -o-linear-gradient(top, #dedede 0%, #EBEBEB 100%);
  background-image: linear-gradient(top, #dedede 0%, #EBEBEB 100%);
  padding: 8.2px 18px 6.199999999999999px 18px;
}





/* ボタン用ホワイト色 文字水色<a href="" class="buttons2-w01"><strong>大文字16pt文字</strong><br>小文字9pt文字</a> */
 /* buttons-w02 waav用 */
.buttons2-w01 {
	font-size:16px;
	font-family:sans-serif;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #dcdcdc;
	padding:11px 15px 9px 15px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	color:#999999;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}
.buttons2-w01:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}
.buttons2-w01:active {
	position:relative;
	top:1px;
}


/*白色ボタン2*/
.mbuttons2-w01 {
	font-size:10px;
	font-family:sans-serif;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	padding:5px 12px 4px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	color:#999999;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
}
.mbuttons2-w01:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}
.mbuttons2-w01:active {
	position:relative;
	top:1px;
}


/*青色ボタン2*/
.buttons2-b01 {
	font-size:16px;
	font-family:sans-serif;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #469df5;
	padding:11px 15px 9px 15px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	background:-ms-linear-gradient( top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #287ace;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #cae3fc;
 	-moz-box-shadow:inset 1px 1px 0px 0px #cae3fc;
 	box-shadow:inset 1px 1px 0px 0px #cae3fc;
}
.buttons2-b01:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #4197ee), color-stop(100%, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}
.buttons2-b01:active {
	position:relative;
	top:1px;
}


/*小青色ボタン2*/
.mbuttons2-b01 {
	font-size:10px;
	font-family:sans-serif;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #469df5;
	padding:5px 12px 4px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	background:-ms-linear-gradient( top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #287ace;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #cae3fc;
 	-moz-box-shadow:inset 1px 1px 0px 0px #cae3fc;
 	box-shadow:inset 1px 1px 0px 0px #cae3fc;
}
.mbuttons2-b01:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #4197ee), color-stop(100%, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}
.mbuttons2-b01:active {
	position:relative;
	top:1px;
}


/*緑色ボタン2*/
.buttons2-01g {
	font-size:16px;
	font-family:sans-serif;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #83c41a;
	padding:11px 15px 9px 15px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #9dce2c), color-stop(100%, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	background:-ms-linear-gradient( top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #689324;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #c1ed9c;
 	-moz-box-shadow:inset 1px 1px 0px 0px #c1ed9c;
 	box-shadow:inset 1px 1px 0px 0px #c1ed9c;
}
.buttons2-01g:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #8cb82b), color-stop(100%, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	background:-ms-linear-gradient( top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}
.buttons2-01g:active {
	position:relative;
	top:1px;
}

/*小青色ボタン2*/
.mbuttons2-01g {
	font-size:10px;
	font-family:sans-serif;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	padding:5px 12px 4px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #9dce2c), color-stop(100%, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	background:-ms-linear-gradient( top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #689324;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #c1ed9c;
 	-moz-box-shadow:inset 1px 1px 0px 0px #c1ed9c;
 	box-shadow:inset 1px 1px 0px 0px #c1ed9c;
}
.mbuttons2-01g:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #8cb82b), color-stop(100%, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	background:-ms-linear-gradient( top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}
.mbuttons2-01g:active {
	position:relative;
	top:1px;
}


/*黄色ボタン2*/
.buttons2-01y {
	font-size:16px;
	font-family:sans-serif;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #eeb44f;
	padding:11px 15px 9px 15px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffce79), color-stop(100%, #eeaf41) );
	background:-moz-linear-gradient( center top, #ffce79 5%, #eeaf41 100% );
	background:-ms-linear-gradient( top, #ffce79 5%, #eeaf41 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce79', endColorstr='#eeaf41');
	background-color:#ffce79;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #ce8e28;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fceaca;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fceaca;
 	box-shadow:inset 1px 1px 0px 0px #fceaca;
}
.buttons2-01y:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #eeaf41), color-stop(100%, #ffce79) );
	background:-moz-linear-gradient( center top, #eeaf41 5%, #ffce79 100% );
	background:-ms-linear-gradient( top, #eeaf41 5%, #ffce79 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeaf41', endColorstr='#ffce79');
	background-color:#eeaf41;
}
.buttons2-01y:active {
	position:relative;
	top:1px;
}


/*小黄色ボタン2*/
.mbuttons2-01y {
	font-size:10px;
	font-family:sans-serif;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eda933;
	padding:5px 12px 4px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6b33d), color-stop(100%, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	background:-ms-linear-gradient( top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cd8a15;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fed897;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fed897;
 	box-shadow:inset 1px 1px 0px 0px #fed897;
}
.mbuttons2-01y:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d29105), color-stop(100%, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	background:-ms-linear-gradient( top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background-color:#d29105;
}
.mbuttons2-01y:active {
	position:relative;
	top:1px;
}


/*赤色ボタン2*/
.buttons2-01r {
	font-size:16px;
	font-family:sans-serif;
	font-weight:bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d83526;
	padding:11px 15px 9px 15px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fa665a), color-stop(100%, #d34639) );
	background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
	background:-ms-linear-gradient( top, #fa665a 5%, #d34639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
	background-color:#fa665a;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #98231a;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	box-shadow:inset 1px 1px 0px 0px #fab3ad;
}
.buttons2-01r:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d34639), color-stop(100%, #fa665a) );
	background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% );
	background:-ms-linear-gradient( top, #d34639 5%, #fa665a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a');
	background-color:#d34639;
}
.buttons2-01r:active {
	position:relative;
	top:1px;
}

/*小赤色ボタン2*/
.mbuttons2-01r {
	font-size:10px;
	font-family:sans-serif;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	padding:5px 12px 4px 12px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fa665a), color-stop(100%, #d34639) );
	background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
	background:-ms-linear-gradient( top, #fa665a 5%, #d34639 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
	background-color:#fa665a;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #98231a;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fab3ad;
 	box-shadow:inset 1px 1px 0px 0px #fab3ad;
}
.mbuttons2-01r:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d34639), color-stop(100%, #fa665a) );
	background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% );
	background:-ms-linear-gradient( top, #d34639 5%, #fa665a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a');
	background-color:#d34639;
}
.mbuttons2-01r:active {
	position:relative;
	top:1px;
}








.button.color{
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  background-image: linear-gradient(top, rgba(255,255,255,.3), 
             rgba(255,255,255,0)),
                    url(data:image/png;base64,iVBORw0KGg[...]QmCC);
}

/* */

.button.green{
  background-color: #57a957;
  border-color: #57a957;
}

.button.green:hover{
  background-color: #62c462;
}

.button.green:active{
  background: #57a957;
}

/* */

.button.red{
  background-color: #c43c35;
  border-color: #c43c35;
}

.button.red:hover{
  background-color: #ee5f5b;
}

.button.red:active{
  background: #c43c35;
}

/* */

.button.blue{
  background-color: #269CE9;
  border-color: #269CE9;
}

.button.blue:hover{
  background-color: #70B9E8;
}

.button.blue:active{
  background: #269CE9;
}




.button-group,
.button-group li{
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.button-group{
  font-size: 0; /* Inline block elements gap - fix */
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, .04);
  border-bottom: 1px solid rgba(0, 0, 0, .07);
  padding: 7px;
  border-radius: 7px; 
}

.button-group li{
  margin-right: -1px; /* Overlap each right button border */
}

.button-group .button{
  font-size: 13px; /* Set the font size, different from inherited 0 */
  border-radius: 0; 
}

.button-group .button:active{
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset,
              5px 0 5px -3px rgba(0, 0, 0, .2) inset,
              -5px 0 5px -3px rgba(0, 0, 0, .2) inset;   
}

.button-group li:first-child .button{
  border-radius: 3px 0 0 3px;
}

.button-group li:first-child .button:active{
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset,
              -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}

.button-group li:last-child .button{
  border-radius: 0 3px 3px 0;
}

.button-group li:last-child .button:active{
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset,
              5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}