/*--------------------*
#index
*--------------------*/
#indexheader{
  margin:0px auto;
}

#index_basebdy {
    margin: 0 auto;
    width: 100%;
}
#index{
  margin:0px auto;
  padding-bottom:30px;
  text-align:center;
  padding: 0;
}

/*--------------------*
#index_navi
*--------------------*/
#index_navi ul {
  -moz-box-sizing: border-box;
  border-collapse: separate;
  border-spacing:20px 10px;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0 0 0;
  background-color:#282828;
  box-shadow: 0 10px 6px -6px #000000;
  -webkit-box-shadow: 0 10px 6px -6px #000000;
  -moz-box-shadow: 0 10px 6px -6px #000000;
}
#index_navi li {
  color: #E6E6E6;
  display:table-cell;
  text-align:center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color:#6C0149;
}
#index_navi li a {
  color: #E6E6E6;
  display: block;
  line-height:2.5em;
}
/*--------------------*
#campaign
*--------------------*/

#campaign{
  padding: 3%;
}

#campaign p{
  text-align: center;
}
/*--------------------*
#free_navi
*--------------------*/
#free_navi{
  margin:10px auto 0px;
  text-align:center;
}
#free_navi P{
  font-size: 12px;
  color: #F9EED9;
}
#free_navi A{
  font-size: 12px;
  color: #F0D29C;
}
#free_navi STRONG{
  display:none;
  margin:15px auto 0px;
}
.text_img{
  margin:20px 0;
}

/*--------------------*
## common
*--------------------*/
H4 A{color:#00E994;}
H4 A:hover{color:#81fdd0;}
H4 A:visited{color:#037b4c;}
IMG{
  border: 0;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
/*--------------------*
#new_group
*--------------------*/
#new_group{
  margin:0 auto 20px;
}
#new_group H2 {
  padding: 20px 0 10px;
}
#new_group .section_bdy {
  background-color: #031D36;
  border-top: solid 1px #CF9F39;
  border-bottom: solid 1px #CF9F39;
}
#new_group .section_bdy{
  color: #FBFBFB;
  clear: both;
  overflow: hidden;
  display:block;
  background-color:#282828;
  margin: 5px auto;
  padding:2px;
  width: 92%;
  border: 3px solid #DEE097;
}
#new_group .section_ftr{
  overflow: hidden;
  margin: 0 auto;
  background-color:#282828;
  border: 3px solid #DEE097;
}
#new_group .section_hdr{
  overflow: hidden;
  margin: 0 auto;
  padding: 2% 4%;
}
/*--------------------*
#extra_group2
*--------------------*/
#extra_group2{
  margin: 0 auto;
}
.severalmenu{
  text-align: left;
}
#extra_group2 .section_ftr{
  background: url("../../image_sp/contents/index_special_ftr.png") no-repeat 50% bottom;
  padding-bottom: 11%;
  background-size: 100% auto;
}
#extra_group2 .section_bdy{
  margin: 0 auto;
  width: 100%;
  padding: 1% 0 5%;
}
#extra_group2 H4 A{color:#2784B7;}
#extra_group2 H4 A:hover{color:#4aa6d8;}
#extra_group2 H4 A:visited{color:#037b4c;}

/*--------------------*
#rec_single
*--------------------*/
#rec_single .menu_bdy{
  color: #FBFBFB;
  clear: both;
  overflow: hidden;
  display:block;
  background-color:#000000;
  margin: 5px auto;
  padding:2px;
  width: 92%;
  border: 3px solid #D1D296;
}
#rec_single .menu_ftr{
  overflow: hidden;
  margin: 0 auto;
  background:none;
  border:1px solid #D2D199;
}

/*--------------------*
#allmenus
*--------------------*/
#allmenus{
  margin:0px auto 20px;
}
#allmenus H3{
  height:75px;
  margin:0px auto 10px;
}
#allmenus .section_bdy{
	margin: 0 auto;
	width: 100%;
	padding: 0 0 2%;
}
#allmenus .list_double {
  clear: both;
}
#allmenus .additional_day{
  color:#DE1A8F;
}
/*--------------------*
#group1
*--------------------*/
#group1 A{color:#CA013F;}
#group1 A:hover{color:##fd8d05;}
#group1 A:visited{color:#990000;}
/*--------------------*
#group2
*--------------------*/
#group2 A{color:#B35900;}
#group2 A:hover{color:#fe8748;}
#group2 A:visited{color:#990000;}
/*--------------------*
#group3
*--------------------*/
#group3 A{color:#224859;}
#group3 A:hover{color:#4aa6d8;}
#group3 A:visited{color:#990000;}
/*--------------------*
#group4
*--------------------*/
#group4 A{color:#6828B4;}
#group4 A:hover{color:#8646d6;}
#group4 A:visited{color:#990000;}

/*--------------------*
.gototop
*--------------------*/
.gototop{
  text-align:right;
  margin:10px;
}
.gototop a{
  display:inline-block;
  color: #ffffff;
  text-align:center;
  padding: 1% 3%;
  border-radius:30px;
  background-color:#E13490;
}


/*--------------------*
#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;
}
/*--------------------*
#free_group
*--------------------*/
#free_group .free_info {
  clear: both;
}
#free_group .free_info a:visited {
  color: #FFEBCB;
}