/*--------------------*
#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: 5px;
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0 0 0;
}
#index_navi li {
  color: #303030;
  display:table-cell;
  text-align:center;
  border: 1px solid #737373;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: -moz-linear-gradient(
		top,
		#F8C8B1 0%,
		#F5AA95 50%,
		#D0917F 50%,
		#BA9685);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#F8C8B1),
		color-stop(0.50, #F5AA95),
		color-stop(0.50, #D0917F),
		to(#BA9685));
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
}
#index_navi li a {
  color: #303030;
  display: block;
  line-height: 3em;
}
#campaign {
    margin: 2% auto;
}
#campaign IMG {
    width: 91%;
}
/*--------------------*
#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;
}
.allfree_navi .free_link {
  font-size: 12px;
  display: block;
  text-align: center;
  background-color: #FB8133;
  padding: 0.5em;
  margin: 1em 1em;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.allfree_navi .free_link a {
  color: #EFEFEF;
}
/*--------------------*
## common
*--------------------*/

H4 A{color:#e6281a;}
H4 A:visited{color:#990000;}
IMG{
  border: 0;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
/*--------------------*
#new_group
*--------------------*/
#new_group{
  margin: 20px auto 0;
}
.additional_day{
  margin: 5px 0;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}
/*--------------------
#extra_group
*---------------------*/
#extra_group .section_bdy {
  background: #FFFFD6;
}

/*--------------------*
#extra_group
*---------------------*/
#extra_group2 h2 {
  background: #FFFFD6;
}
#extra_group2 .section_hdr {
  background-color:#CD8934;
}
#extra_group2 .section_ftr {
  background: url("../../image_sp/contents/index_special_under.png") no-repeat 50% bottom;
  padding-bottom: 11%;
  background-size: 100% auto;
  
}
#extra_group2 .menu_bdy:nth-of-type(1) {
  margin-top: 0;
}

/*--------------------*
#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;
}
/*--------------------*
#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: #E6E6E6;
  text-align:center;
  padding: 2% 3%;
  border: 1px solid #737373;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: -moz-linear-gradient(
		top,
		#9A6727 0%,
		#835821 50%,
		#624219 50%,
		#4A3213);
  background: -webkit-gradient(
		linear, left top, left bottom,
		from(#9A6727),
		color-stop(0.50, #835821),
		color-stop(0.50, #624219),
		to(#4A3213));
  -moz-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
  -webkit-box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
  box-shadow:
		0px 1px 2px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
  
}


/*--------------------*
#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,
    #FFBB87 0%,
    #BF8C65);
  background: -webkit-gradient(
    linear, left top, left bottom,
    from(#FFBB87),
    to(#BF8C65));
  border: 1px solid #8f5b02;
}
#page_navi [href="#group3"] {
  background: -moz-linear-gradient(
    top,
    #A2C38C 0%,
    #7A9269);
  background: -webkit-gradient(
    linear, left top, left bottom,
    from(#A2C38C),
    to(#7A9269));
  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;
}