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

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

/*--------------------*
#index_navi
*--------------------*/
#index_navi ul{
  display:table;
  table-layout: fixed;
  width:100%;
  border-collapse:collapse;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
#index_navi li{
    display:table-cell;
    text-align:center;
}
#index_navi li{
  border:1px solid #E4A442;
  background-color: #2B1A00;

}
#index_navi li a{
  color: #F4F1E8;
  display:block;
  padding:5px 0;

}

/*--------------------*
#free_navi
*--------------------*/
#free_navi{
  margin:10px auto 0px;
  text-align:center;
}
#free_navi P{
  font-size: 12px;
  color: #F8E0C8;
}
#free_navi A{
  font-size: 12px;
  color: #F8E0C8;
}
#free_navi STRONG{
  display:none;
  margin:15px auto 0px;
}
/*--------------------*
## 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 10px;
}
#new_group .severalmenu{
  background-color: #2B1905;
  margin: 0 auto;
  padding: 4% 5%;
  width: 82%;
  border: 7px double #CBC6C1;
}
.additional_day{
  margin: 5px 0;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  color:#E6D6C7;
}

#new_group .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #2B1905;
	padding: 0 0 2%;
}

#new_group h4 a{
	color: #FE7200;
}

#new_group h4 a:hover{
	color: #FE7200;
}

#new_group .price_info{
  color: #E6D6C7;
}
/*--------------------*
#rec_single
*--------------------*/
#rec_single{
  color: #5A0C08;
  margin: 20px auto 10px;
}
#rec_single .severalmenu{
  background-color:#F6EAD0;
  margin: 0 auto 1%;
  padding: 4% 5%;
  width: 82%;
  border: 7px double #7B7568;
}

#rec_single .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #152346;
	padding: 0 0 2%;
}
#rec_single .menu_info,
#differ_group .menu_info{
  margin-left: 18%;
}
#rec_single .menu_info h4,
#differ_group .menu_info h4{
  text-align: left;
}
/*--------------------*
#differ_group
*--------------------*/
#differ_group{
  color: #5A0C08;
  margin: 20px auto 10px;
}
#differ_group .severalmenu{
  background-color:#F6EAD0;
  margin: 0 auto 1%;
  padding: 4% 5%;
  width: 82%;
  border: 7px double #7B7568;
}

#differ_group .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #152346;
	padding: 0 0 2%;
}

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

}
#allmenus H3{
  height:75px;
  margin:0px auto 10px;
}
/**/
#allmenus .menu_bdy{
  background-color: #DCCC9B;
  margin: 1% auto;
  padding: 2% 5%;
  width: 82%;
  border: 7px double #A48141;
}
/**/
#allmenus .severalmenu{
}
#allmenus .icon{
}
#new_group .menu_info,
#allmenus .menu_ttl{
  margin: 0 5% 0 18%;
  text-align: left;
}
#allmenus H4{
  padding-top:2px;
  line-height:1.4;
}
#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;}
#allmenus .additional_day{
  color:#503613;
  font-weight:bold;
}
#allmenus .price_info{
}
/*--------------------*
#group1
*--------------------*/
#group1{margin-top:20px;}
#group1 .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #430607;
	padding: 1% 0;
}
#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{margin-top:20px;}
#group2 .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #5E4821;
	padding: 1% 0;
}
#group2 .menu_bdy{
}
#group2 A{color:#B35900;}
#group2 A:hover{color:#fe8748;}
#group2 A:visited{color:#990000;}
#group2 .caption,
#group2 .price_normal{color:#5A0C08;}
/*--------------------*
#group3
*--------------------*/
#group3{margin-top:20px;}
#group3 .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #063138;
	padding: 1% 0;
}
#group3 .menu_bdy{
}
#group3 A{color:#224859;}
#group3 A:hover{color:#4aa6d8;}
#group3 A:visited{color:#990000;}
#group3 .caption,
#group3 .price_normal{color:#5A0C08;}
/*--------------------*
#group4
*--------------------*/
#group4{margin-top:20px;}
#group4 .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #381E39;
	padding: 1% 0;
}
#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{
        width: 30%;
        font-size:12px;
        color: #FEFEFE;
        padding: 1% 2%;
        background: -webkit-gradient(
                linear, left top, left bottom,
                from(#ffffff),
                to(#A48141));
        -moz-border-radius: 2px;
        -webkit-border-radius: 0px;
        border-radius:2px;
        border: 1px solid #A48141;
        box-shadow:
                0px 1px 1px rgba(026,021,026,0.5),
                inset 0px 0px 2px rgba(255,255,255,0.7);
}

/*--------------------*
#page_navi
*--------------------*/
/*--------------------*
#page_navi
*--------------------*/
#page_navi{
    margin-top: 6%;
    padding: 0 5%;
}
#page_navi ul{
  list-style: none;
  text-align: center;
}

#page_navi li{
  float:left;
  width: 21%;
  padding: 0 2%;
}

/*#page_navi li.group1{
  margin-right: 2%;
}
#page_navi li.group2{
  margin-right: 2%;
}
#page_navi li.group3{
  margin-right: 2%;
}*/

#page_navi li.group1 a{
        font-size:12px;
        color: #fff;
        display: block;
        padding: 4% 0;
        background: -webkit-gradient(
                linear, left top, left bottom,
                from(#958082),
                to(#2A0105));
        -moz-border-radius: 2px;
        -webkit-border-radius: 0px;
        border-radius:2px;
        border: 1px solid #2A0105;
        box-shadow:
                0px 1px 1px rgba(026,021,026,0.5),
                inset 0px 0px 2px rgba(255,255,255,0.7);
}
#page_navi li.group2 a{
        font-size:12px;
        color: #fff;
        display: block;
        padding: 4% 0;
        background: -webkit-gradient(
                linear, left top, left bottom,
                from(#A39A81),
                to(#463502));
        -moz-border-radius: 2px;
        -webkit-border-radius: 0px;
        border-radius:2px;
        border: 1px solid #463502;
        box-shadow:
                0px 1px 1px rgba(026,021,026,0.5),
                inset 0px 0px 2px rgba(255,255,255,0.7);
}
#page_navi li.group3 a{
        font-size:12px;
        color: #fff;
        display: block;
        padding: 4% 0;
        background: -webkit-gradient(
                linear, left top, left bottom,
                from(#808F95),
                to(#011E2A));
        -moz-border-radius: 2px;
        -webkit-border-radius: 0px;
        border-radius:2px;
        border: 1px solid #011E2A;
        box-shadow:
                0px 1px 1px rgba(026,021,026,0.5),
                inset 0px 0px 2px rgba(255,255,255,0.7);
}
#page_navi li.group4 a{
        font-size:12px;
        color: #fff;
        display: block;
        padding: 4% 0;
        background: -webkit-gradient(
                linear, left top, left bottom,
                from(#968098),
                to(#2C012F));
        -moz-border-radius: 2px;
        -webkit-border-radius: 0px;
        border-radius:2px;
        border: 1px solid #2C012F;
        box-shadow:
                0px 1px 1px rgba(026,021,026,0.5),
                inset 0px 0px 2px rgba(255,255,255,0.7);
}

.pr strong{
	font-size:11px;
}

/*-------------------*
.free_menu_rec
*--------------------*/
.free_navi{
  margin-top: 5%;
}
.free_navi .free_link{
  width: 85%;
  margin: 1em auto;
  padding: 1em;
  background: #4E3111;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #422A0E;
  -moz-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset -1px -1px 2px rgba(255,255,255,0.4);
  -webkit-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset -1px -1px 2px rgba(255,255,255,0.4);
  box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset -1px -1px 2px rgba(255,255,255,0.4);
  text-shadow:
    0px -1px 0px rgba(0,0,0,1),
    0px 0px 0px rgba(255,255,255,0.8);
}
.free_navi .free_link a{

}
.free_menu_rec {
  color: #F4F1E8;
  font-size: 12px;
  /*background: #163c5a;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #18415e;
  -moz-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset -1px -1px 2px rgba(255,255,255,0.4);
  -webkit-box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset -1px -1px 2px rgba(255,255,255,0.4);
  box-shadow:
    0px 1px 3px rgba(000,000,000,0.5),
    inset -1px -1px 2px rgba(255,255,255,0.4);
  text-shadow:
    0px -1px 0px rgba(0,0,0,1),
    0px 0px 0px rgba(255,255,255,0.8);*/
}
.free_menu_rec a{
  color: #F5463A;
}

