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

#index_basebdy {
    margin: 0 auto;
    width: 100%;
}
#index{
  margin:0px auto;
  padding-bottom:30px;
  text-align:center;
}
#sp_spece{
  padding: 0 10px;
}
/*--------------------*
#index_navi
*--------------------*/
#index_navi{width: 99%;margin: 0 auto;}
#index_navi ul{
    -moz-box-sizing: border-box;
    border-collapse: collapse;
    display: table;
    table-layout: fixed;
    width: 100%;
}
#index_navi li{
    display:table-cell;
    text-align:center;
}
#index_navi li{
  border: 1px solid #4A2F23;
  background-color: #FFF1D8;
}
#index_navi li a{
    color: #4A2F23;
    display:block;
    padding: 5% 0;
}

/*--------------------*
#free_navi
*--------------------*/
.free_navi{
  margin:2% auto 0px;
  text-align:center;
}
.free_navi P{
  font-size: 12px;
}
.free_navi A{
  font-size: 12px;
  color: #1E6D87;
}
.free_navi STRONG{
  margin:15px auto 0px;
  color:#ED2C1D;
}
.free_navi .limited_text{
  width:98%;
  margin:0 auto;
  text-align:left;
}
.free_navi .bold{
  margin:10px auto;
  color:#3F222F;
  font-weight:bold;
  font-size:1.2em;
}
/*--------------------*
## common
*--------------------*/

H4 A{color:#e6281a;}
H4 A:hover{color:#f5463a;}
H4 A:visited{color:#990000;}
IMG{
  border: 0;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
/*--------------------*
#differ_group1
*--------------------*/

#differ_group1{
  margin: 2% auto;
}
#differ_group1 .severalmenu{
  background-color: #100C06;
  margin: 0 auto;
  padding: 4% 5%;
  width: 82%;
  border: 7px double #C19257;
}

#differ_group1 .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #2D0901;
	padding: 1% 0 2%;
}
#differ_group1 {
    color: #D5D2DD;
}
/*--------------------*
#extra_group2
*--------------------*/

#extra_group2{
  color: #D5D2DD;
  margin: 20px auto 10px;
}

#extra_group2 .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #5C3102;
	padding: 1% 0 2%;
}
#extra_group2 .menu_bdy{
  background-color: #100C06;
  margin: 0 auto;
  padding: 4% 5%;
  width: 82%;
  border: 7px double #C19257;
}
#extra_group2 H4{
  text-align: left;
  padding-left: 18%;
}

/*--------------------*
#new_group
*--------------------*/
#new_group{
  color: #5A0C08;
  margin: 20px auto 10px;
}
#new_group .severalmenu{
  background-color: #DCCC9B;
  margin: 0 auto;
  padding: 4% 5%;
  width: 82%;
  border: 7px double #A48141;
}
.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: #613600;
	padding: 0 0 2%;
}


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

}
#allmenus H3{
  height:75px;
  margin:0px auto 10px;
}
/**/
#allmenus .menu_bdy{
  background-color: #E6D8CD;
  margin: 0 auto 1%;
  padding: 2% 5%;
  width: 82%;
  border: 7px double #6C512C;
}
/**/
#allmenus .severalmenu{
}
#allmenus .icon{
}
#new_group .menu_info,
#allmenus .menu_ttl,
#differ_group1 .menu_info,
#differ_group2 .menu_info{
  margin: 0 0 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: 16%;}
#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:1%;}
#group1 .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #490404;
	padding: 0 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{margin-top:20px;}
#group2 .section_bdy{
	margin: 0 auto;
	width: 100%;
	background-color: #553101;
	padding: 0 0 2%;
}
#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: #060748;
	padding: 0 0 2%;
}
#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: #330C42;
	padding: 0 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{
        width: 30%;
        font-size:12px;
        color: #222222;
        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: 5% auto;
    padding: 0 6%;
}
#page_navi ul{
  list-style: none;
  text-align: center;
}

#page_navi li{
  float:left;
  width: 23%;
  padding: 0 1%;
}

#page_navi li.group1 a{
        font-size:12px;
        color: #FDE7BE;
        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: #FDE7BE;
        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: #FDE7BE;
        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: #FDE7BE;
        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;
}
