/*--------------------*
#new_group
*--------------------*/
#new_group .section_bdy {
  margin: 5px 0 10px;
  padding: 15px 10px;
  background-color: #2A1C00;
}
#new_group .section_ftr {
  background-color: #D4C08D;
}
/*--------------------*
#extra_group
*--------------------*/
#extra_group .section_bdy {
  color: #E4E3DF;
  margin: 5px 0 10px;
  padding: 15px 10px;
  background-color: #212904;
}
#extra_group .menu_bdy {
  border: solid 2px #A4753D;
  background-color: #070300;
  margin-bottom: 10px;
}
#extra_group .menu_bdy:last-child {
  margin-bottom: 0;
}
/*--------------------*
#rec_single
*--------------------*/
#rec_single .section_bdy {
  margin: 5px 0 10px;
  padding: 15px 10px;
  background-color: #392203;
}
#rec_single .menu_bdy {
  background-color: #DCCDA2;
  margin-bottom: 10px;
}
#rec_single .menu_bdy:last-child {
  margin-bottom: 0;
}
/*--------------------*
[id^="group"]
*--------------------*/
[id^="group"] .section_bdy {
  margin: 5px 0 10px;
  padding: 15px 10px;
}
[id^="group"] .menu_bdy .severalmenu {
  border: solid 2px #9E7213;
  background-color: #EBDDB0;
  margin-bottom: 10px;
}
[id^="group"] .list_double:last-child .menu_bdy:last-child .severalmenu,
[id^="group"] .list_single:last-child .menu_bdy:last-child .severalmenu {
  margin-bottom: 0;
}
/*--------------------*
#group1
*--------------------*/
#group1 h4 a {
  color: #F90102;
}
#group1 .section_bdy {
  background-color: #740607;
}
/*--------------------*
#group2
*--------------------*/
#group2 h4 a {
  color: #EF5C26;
}
#group2 .section_bdy {
  background-color: #743A08;
}
/*--------------------*
#group3
*--------------------*/
#group3 h4 a {
  color: #0131DB;
}
#group3 .section_bdy {
  background-color: #041D56;
}
/*--------------------*
#group4
*--------------------*/
#group4 h4 a {
  color: #D014FF;
}
#group4 .section_bdy {
  background-color: #511054;
}
/*--------------------*
#page_navi
*--------------------*/
#page_navi {
  display: table;
  text-align:center;
  margin:10px auto 0;
  width: 90%;
  border-collapse: separate;
  border-spacing: 5px;
}
#page_navi a {
  display: table-cell;
  color: #fff;
  width: 25%;
  padding: 2%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow:
    0px 1px 3px rgba(000,000,000,0.4),
    inset 0px 0px 1px rgba(255,255,255,1);
  -webkit-box-shadow:
    0px 1px 3px rgba(000,000,000,0.4),
    inset 0px 0px 1px rgba(255,255,255,1);
  box-shadow:
    0px 1px 3px rgba(000,000,000,0.4),
    inset 0px 0px 1px rgba(255,255,255,1);
  text-shadow:
    0px -1px 0px rgba(000,000,000,0.4),
    0px 1px 0px rgba(255,255,255,0.3);
}
#page_navi [href="#group1"] {
  background: -moz-linear-gradient(
    top,
    #f7b4bf 0%,
    #b50724);
  background: -webkit-gradient(
    linear, left top, left bottom,
    from(#f7b4bf),
    to(#b50724));
  border: 1px solid #762835;
}
#page_navi [href="#group2"] {
  background: -moz-linear-gradient(
    top,
    #eddb66 0%,
    #e69c07);
  background: -webkit-gradient(
    linear, left top, left bottom,
    from(#eddb66),
    to(#e69c07));
  border: 1px solid #8f5b02;
}
#page_navi [href="#group3"] {
  background: -moz-linear-gradient(
    top,
    #5ecae0 0%,
    #21798a);
  background: -webkit-gradient(
    linear, left top, left bottom,
    from(#5ecae0),
    to(#21798a));
  border: 1px solid #004654;
}
#page_navi [href="#group4"] {
  background: -moz-linear-gradient(
    top,
    #bc87cd 0%,
    #6a317d);
  background: -webkit-gradient(
    linear, left top, left bottom,
    from(#bc87cd),
    to(#6a317d));
  border: 1px solid #6f0094;
}
/*--------------------*
.gototop
*--------------------*/
.gototop {
  text-align: right;
}
.gototop a {
  display: inline-block;
  color: #ffffff;
  margin-right: 10px;
  padding: 10px 20px;
  background: -moz-linear-gradient(
      top,
      #fadd4d 0%,
      #b8aa4f 25%,
      #4d4619 57%,
      #403803);
  background: -webkit-gradient(
      linear, left top, left bottom,
      from(#fadd4d),
      color-stop(0.25, #b8aa4f),
      color-stop(0.57, #4d4619),
      to(#403803));
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 0px solid #171717;
  -moz-box-shadow:
      0px 1px 3px rgba(000,000,000,0.5),
      inset 0px 0px 10px rgba(87,87,87,0.7);
  -webkit-box-shadow:
      0px 1px 3px rgba(000,000,000,0.5),
      inset 0px 0px 10px rgba(87,87,87,0.7);
  box-shadow:
      0px 1px 3px rgba(000,000,000,0.5),
      inset 0px 0px 10px rgba(87,87,87,0.7);
  text-shadow:
      0px -1px 0px rgba(000,000,000,0.4),
      0px 1px 0px rgba(255,255,255,0.3);
}
/*--------------------*
#campaign
*--------------------*/
#campaign {
  margin-top: 20px;
}
#campaign p {
  color: #fff;
  text-align: center;
}

.free_navi {
    color: #efefef;
    font-size: 10px;
    margin: 2% auto 0;
    text-align: center;
    width: 100%;
}