/*--------------------*
#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: 1% 0;
  background-color: #9F6207;
}
#index_navi li {
  color: #251700;
  display:table-cell;
  text-align:center;
  background-color: #240400;
  border: 2px solid #D8A643;
  margin-right: 5px;
  padding: 1px;
  width: 33%;
  background: -moz-linear-gradient(
    top,
	#fff3db 0%,
	#e0d3ac 25%,
	#f5ca9d);
  background: -webkit-gradient(
	linear, left top, left bottom, 
	from(#fff3db),
	color-stop(0.25, #e0d3ac),
	to(#f5ca9d));
}
#index_navi li a {
  color: #430100;
  display: block;
  line-height: 1.4em;
}

/*--------------------*
.free_navi
*--------------------*/
.free_navi{
  margin:10px auto 0px;
  text-align:center;
}
.free_navi P{
  font-size: 12px;
  color: #5F1248;
}
.free_navi A{
  font-size: 12px;
  color: #C0C000;
}
.free_navi STRONG{
  margin:15px auto 0px;
}
.free_navi .free_link{
  margin:0 auto;
  background-color:#B12179;
  padding:5px 0;
}
.free_navi .free_link A{
  color:#ffffff;
  text-decoration:underline;
}

/*--------------------*
## common
*--------------------*/

H4 A{color:#e6281a;}
H4 A:hover{color:#f5463a;}
H4 A:visited{color:#990000;}
IMG{
  border: 0;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
/*--------------------*
#new_group
*--------------------*/
#new_group{
  color: #5A0C08;
  margin: 20px auto 0;
}
#new_group H2 {
}
#new_group .severalmenu{
  display:block;
  background-color:#EDE0C9;
  margin: 0 auto;
  padding:2%;
  width: 89%;
  border: 3px solid #CF9F39;
  /*border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;*/
  
}
.additional_day{
  margin: 5px 0;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
}
#new_group .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #13B8A8;
	padding: 5% 0;
}
/*--------------------*
#rec_single
*--------------------*/
#rec_single{
  color: #5A0C08;
  margin: 20px auto 0;
}
#rec_single .section_bdy{
  width: 100%;
  background-color: #881E0E;
  padding:20px 0;
}
#rec_single .menu_bdy{
  background-color: #FEFAD7;
  border: 3px solid #CF9F39;
  display: block;
  margin:0 auto 2%;
  padding:2% 5%;
  width: 82%;
}
#rec_single .menu_info{
  text-align:left;
  margin-left:18%;
}
#rec_single .menu_info H4 A{color:#EC3C62;}
#rec_single .menu_info H4 A:hover{color:#f16d89;}
#rec_single .menu_info H4 A:visited{color:#990000;}

/*--------------------*
#packmenu_group
*--------------------*/
#packmenu_group{
  color: #ffffff;
  margin: 4% auto;
}
#packmenu_group h2 {
  position: relative;
}
#packmenu_group [class^= "note"] ,
#packmenu_group [class^= "mark"] {
  font-size:0.7em;
}
#packmenu_group .mark_1 {
  position:absolute;
  top: 37%;
  left: 25%;
  color: #FFFFEE;
  text-shadow: 0px 0px 2px #000,0px 0px 2px #000,0px 0px 2px #000,0px 0px 2px #000,0px 0px 2px #000,0px 0px 2px #000,0px 0px 2px #000;
}
#packmenu_group [class^= "note"] {
  text-align: right;
  padding-right: 2%;
  position: relative;
  top: -4px;
  color: #000;
  font-weight: normal;
}

#packmenu_group .section_bdy{
  width: 100%;
  background-color: #77054A;
  padding:20px 0;
}
#packmenu_group .menu_bdy{
  display: block;
  margin:0 auto 2%;
  width: 82%;
}
#packmenu_group .packmenu_title H4{
  text-align:left;
  margin:0 0 2% 18%;
  font-size:1.2em;
}
#packmenu_group .packmenu_detail{
  text-align:left;
  margin-left:18%;
}
#packmenu_group .packmenu_detail .price_info STRONG{
  color:#ED92E2;
}
#packmenu_group .packmenu_detail .caption2 STRONG{
  color:#FDE09A;
}
#packmenu_group H4 A{color:#F8CB00;}
#packmenu_group H4 A:hover{color:#FDE09A;}
#packmenu_group .caption2{
  margin-top:10px;
}

/*--------------------*
#allmenus
*--------------------*/
#allmenus{
  margin:0px auto 20px;
}
#allmenus .section_bdy{

}
#allmenus H3{
  height:75px;
  margin:0px auto 10px;
}
/**/
#allmenus .menu_bdy{
  display:block;
  background-color:#EDE0C9;
  margin: 0 auto 2%;
  padding:2px;
  width: 92%;
  border: 3px solid #CF9F39;
}

/**/
#allmenus .severalmenu {
  padding: 2% 4%;
  text-align: left;
}
#allmenus .icon{
}
#new_group .menu_info,
#allmenus .menu_ttl{
  margin: 0 0 0 17%;
  text-align: left;
}
#allmenus H4{
  padding-top:2px;
  line-height:1.2em;
}
#allmenus .new_info{text-align: left;}
#allmenus .new_info img{width: 15%;}
#allmenus .icon_new{
  padding: 0 0 0 3%;
}
#allmenus .person_info{float:left;}
#allmenus .caption{
  padding-bottom:5px;
}
#allmenus .menu_info{
  padding-top:5px;
  text-align: left;
}
#allmenus .additional_day{
  color:#503613;
  font-weight:bold;
}
#allmenus .price_info{
}
#allmenus H2 {
  padding: 20px; 0 10px;
}
/*--------------------*
#group1
*--------------------*/
#group1 .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #B53031;
	padding: 4% 0 2%;
}
#group1 .menu_bdy{
}
#group1 A{color:#CA013F;}
#group1 A:hover{color:##fd8d05;}
#group1 A:visited{color:#990000;}
#group1 .caption,
#group1 .price_normal{color:#5A0C08;}
/*--------------------*
#group2
*--------------------*/
#group2 .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #B04211;
	padding: 4% 0 2%;
}
#group2 .menu_bdy{
}
#group2 A{color:#D17702;}
#group2 A:hover{color:#fe8748;}
#group2 A:visited{color:#990000;}
#group2 .caption,
#group2 .price_normal{color:#5A0C08;}
/*--------------------*
#group3
*--------------------*/
#group3 .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #039290;
	padding: 4% 0 2%;
}
#group3 .menu_bdy{
}
#group3 A{color:#2784B7;}
#group3 A:hover{color:#4aa6d8;}
#group3 A:visited{color:#990000;}
#group3 .caption,
#group3 .price_normal{color:#5A0C08;}
/*--------------------*
#group4
*--------------------*/
#group4 .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #8B189B;
	padding: 4% 0 2%;
}
#group4 .menu_bdy{
}
#group4 A{color:#6828B4;}
#group4 A:hover{color:#8646d6;}
#group4 A:visited{color:#990000;}
#group4 .caption,
#group4 .price_normal{color:#5A0C08;}

/*--------------------*
.gototop
*--------------------*/
.gototop{
  text-align:right;
  margin:10px;
}
.gototop a{
   display:inline-block;
   text-align:center;
   width: 40%;
   font-size:12px;
   color: #ffffff;
   padding: 2% 3%;
   border: 2px solid #CF9F39;
   -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
   background: -moz-linear-gradient(
    top,
    #FB6363 0%,
    #DA2626 25%,
    #BD0D0D);
  background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#FB6363),
    color-stop(0.25, #DA2626),
    to(#BD0D0D));
  text-shadow:
    1px 2px 1px rgba(209,205,209,0.5),
    2px 1px 7px rgba(255,255,255,0.4);
  
}

/*--------------------*
#page_navi
*--------------------*/
#page_navi{
    margin:15px 0;
    padding: 0 5%;
    font-size:14px;
}
#page_navi ul{
  list-style: none;
  text-align: center;
}

#page_navi li{
  float:left;
  width: 23%;
  padding: 0 1%;
  font-size:12px;
}
#page_navi li.group1 a{
  display: block;
  padding: 4% 0;
  background-color:#FFD1D1;
  border:solid 2px #FFA3A4;

}
#page_navi li.group2 a{
  display: block;
  padding: 4% 0;
  background-color:#FBE9BB;
  border:solid 2px #FBA222;
}
#page_navi li.group3 a{
  display: block;
  padding: 4% 0;
  background-color:#C2F7FF;
  border:solid 2px #3BCFEB;
}
#page_navi li.group4 a{
  display: block;
  padding: 4% 0;
  background-color:#F3D4FE;
  border:solid 2px #D26FFD;
}
#page_navi A{color:#222222;}
#page_navi A:hover{color:#666666;}