.same-height{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

body { background-color: #EEEDDF; }
th { vertical-align:top; }
a { color: #09C; }
body#index {
	background-color: #EEEDDF;
	background-image: url(../img/mainbg_index.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0;
	padding: 0;
}
a img:hover { opacity:0.8; }
header h1 {
	float: left;
	margin: 0px;
	padding: 10px;
	width:50%;
	box-sizing:border-box;
}
.tell {
	float: left;
	width:38%;
	background-image: url(../img/line1.gif);
	background-repeat: repeat-y;
	background-position: left top;
	text-align: center;
	padding: 15px 10px;
	box-sizing:border-box;
}
.contct {
	float: right;
	margin-top: -5px;
	width:12%;
	background-image: url(../img/line1.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 0px 0px 0px 5px;
	box-sizing:border-box;
	text-align: right;
}
.header_columns {
	background-color: #FFF;
	padding: 5px;
	border-radius: 0 0 8px 8px;
	/* box-shadow */
box-shadow:0px 0px 0px 2px rgba(168,168,168,0.3);
	-moz-box-shadow:0px 0px 0px 2px rgba(168,168,168,0.3);
	-webkit-box-shadow:0px 0px 0px 2px rgba(168,168,168,0.3);
}
.mainimage {
	margin: 0px;
	padding: 20px 0px;
}
.mainimage ul {
	margin:0;
	padding:0;
	/* box-shadow */
	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2);
	border-radius:10px;
}
.mainimage ul li {
	background-color: #FFF;
	border-radius:10px;
}
.gnav {
	margin: 10px 0px 20px -3px;
	padding: 0px;
	list-style: none;
	width: 102%;
}
.gnav li { float: left; }
.sidenav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.sidenav a {
	text-decoration: none;
	border-bottom: 1px dotted #CCC;
	display: block;
	color: #089768;
	background-image: url(../img/arrow04.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0px 5px 10px;
	font-size: 0.9em;
}
.sidenav a:hover { background-color:#EAF7F2; }
.takuhai_box {
	border-radius:10px;
	background-color: #D5F3CD;
	padding: 10px;
	margin-bottom: 20px;
	/* box-shadow */
box-shadow:0px 0px 0px 2px rgba(168,168,168,0.3);
	-moz-box-shadow:0px 0px 0px 2px rgba(168,168,168,0.3);
	-webkit-box-shadow:0px 0px 0px 2px rgba(168,168,168,0.3);
}
.takuhai_box h2 {
	background-image: url(../img/line3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin: 0px 0px 10px;
	padding: 0px;
}
.takuhai_box ul, .ryouhan_box ul {
	margin:0;
	padding:0;
}
.ryouhan_box {
	border-radius:10px;
	background-color: #FFE1F0;
	padding: 10px;
	margin-bottom: 20px;
	/* box-shadow */
box-shadow:0px 0px 0px 2px rgba(168,168,168,0.3);
	-moz-box-shadow:0px 0px 0px 2px rgba(168,168,168,0.3);
	-webkit-box-shadow:0px 0px 0px 2px rgba(168,168,168,0.3);
}
.wt_box {
	border-radius:10px;
	background-color: #FFF;
	padding: 15px;
	margin-bottom: 20px;
	/* box-shadow */
box-shadow:0px 0px 0px 2px rgba(168,168,168,0.3);
	-moz-box-shadow:0px 0px 0px 2px rgba(168,168,168,0.3);
	-webkit-box-shadow:0px 0px 0px 2px rgba(168,168,168,0.3);
}
.ryouhan_box h2 {
	margin: 0px 0px 10px;
	padding: 0px;
	background-image: url(../img/line3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.itemlist {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.itemlist li {
	float: left;
	margin: 0px 3px;
}
#index h2 {
	margin: 0px 0px 10px;
	padding: 0px;
	background-image: url(../img/line3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.news {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height:400px;
	overflow: auto;
}
.news ul { }
.news li {
	border-bottom: 1px dotted #796657;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.ft_link {
	background-image: url(../img/line3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: center;
	padding: 10px;
	font-size: 0.8em;
}
.footer {
	background-color: #FFF;
	margin-top: 20px;
	/* box-shadow */
box-shadow:0px 0px 0px 2px rgba(168,168,168,0.3);
	-moz-box-shadow:0px 0px 0px 2px rgba(168,168,168,0.3);
	-webkit-box-shadow:0px 0px 0px 2px rgba(168,168,168,0.3);
	padding-bottom: 20px;
}
.ft_link {
	background-image: url(../img/line3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: center;
	padding: 20px 10px;
	font-size: 0.8em;
	margin-bottom: 10px;
}
.ft_link a {
	color: #333;
	text-decoration: none;
}
.ft_com { font-size: 0.8em; }
.ft_copy {
	font-size: 0.8em;
	text-align: right;
}
h2.greeting_ttl {
	color: #FA9703;
	margin: 0px 0px 20px;
	padding: 0px 0px 10px;
	background-image: url(../img/line3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 1.8em;
}
.greeting_page_col { border: 3px solid #FA9703; }
.greeting_stt{
	font-size: 1.4em;
	font-weight: bold;
	color: #FA9703;
}
.greeting_kokoro{
	font-weight: bold;
	color: #666;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background-color: #F8F8F5;
	display: block;
	padding: 10px;
}
body#greeting {
	background-color: #FAF5DF;
	background-image: url(../img/greeting_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:contain;
}
.greeting_page_col .sidenav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.greeting_page_col .sidenav a {
	color: #EE8F02;
	background-image: url(../img/arrow01.gif);
}
.greeting_page_col .sidenav a:hover { background-color:#FAF5DF; }
h2.newitem_ttl {
	color: #E16773;
	margin: 0px 0px 20px;
	padding: 0px 0px 10px;
	background-image: url(../img/line3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 1.8em;
}
h3.newitem_ttl {
	background-color: #DF6570;
	margin: 20px 0px 15px;
	padding: 5px 10px;
	color: #FFF;
	border-radius:6px;
	clear: both;
}
h3.newitem_ttl span {
	padding-left: 10px;
	border-left: 4px solid #FFF;
}
.newitem_page_col { border: 3px solid #DF6570; }
body#newitem {
	background-color: #FBEEE5;
	background-image: url(../img/newitem_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:contain;
}
.retailer_page_col .sidenav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.newitem_page_col .sidenav a {
	color: #CF2C3C;
	background-image: url(../img/arrow02.gif);
}
.newitem_page_col .sidenav a:hover { background-color:#FFF0F8; }
a.newitem_link {
	font-size: 0.9em;
	color: #FFF;
	background-color: #E37D88;
	display: block;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
	border-radius:4px;
	margin-top: 10px;
}
a.newitem_link:hover { opacity:0.8; }
h2.delivery_ttl {
	color: #089768;
	margin: 0px 0px 20px;
	padding: 0px 0px 10px;
	background-image: url(../img/line3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 1.8em;
}
h3.delivery_ttl {
	background-color: #089768;
	margin: 20px 0px 15px;
	padding: 5px 10px;
	color: #FFF;
}
h3.delivery_ttl span {
	padding-left: 10px;
	border-left: 4px solid #FFF;
}
.delivery_page_col {
	border: 3px solid #089768;
	border-radius:3px;
}
body#delivery {
	background-color: #ECFBF4;
	background-image: url(../img/delivery_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:contain;
}
.delivery_itemlist_all li {
	background-image: url(../img/line3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.delivery_itemlist_all li:before, .cf:after {
	content:"";
	display:block;
	overflow:hidden;
}
.delivery_itemlist_all li:after { clear:both; }
.delivery_itemlist_all li { zoom:1; }
.delivery_itemlist { font-size: 0.9em; }
.delivery_itemlist a {
	font-size: 1.2em;
	color: #089768;
	font-weight: bold;
	text-decoration: none;
}
a.delivery_link {
	font-size: 0.9em;
	color: #FFF;
	background-color: #089768;
	display: block;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
	border-radius:4px;
	margin-top: 10px;
}
a.delivery_link:hover { opacity:0.8; }
.delivery_data {
	border: 3px solid #D9F7EA;
	margin: 20px 0px;
}
.delivery_data table {
	margin: 0px;
	padding: 0px;
}
.delivery_data_table tr:nth-of-type(even) { background-color: #D9F7EA; }
h2.retailer_ttl {
	color: #F98AC2;
	margin: 0px 0px 20px;
	padding: 0px 0px 10px;
	background-image: url(../img/line3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 1.8em;
}
h3.retailer_ttl {
	background-color: #FB8CC4;
	margin: 20px 0px 15px;
	padding: 5px 10px;
	color: #FFF;
	border-radius:6px;
}
h3.retailer_ttl span {
	padding-left: 10px;
	border-left: 4px solid #FFF;
}
.retailer_page_col { border: 3px solid #FB8CC4; }
.retailer_page_col .sidenav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.retailer_page_col .sidenav a {
	color: #DF62AA;
	background-image: url(../img/arrow02.gif);
}
.retailer_page_col .sidenav a:hover { background-color:#FEEDF5; }
.retailer_page_col .retailer_data {
	border: 4px solid #FDD0E7;
	margin: 20px 0px;
	border-radius:11px;
}
.retailer_page_col .retailer_data table {
	margin: 0px;
	padding: 0px;
	border-radius:8px;
}
.retailer_page_col .retailer_data_table tr:nth-of-type(even) {
	background-color: #F8EBEB;
	border-top: 1px solid #CCC;
}
.retailer_itemlist_all li {
	background-image: url(../img/line3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.retailer_itemlist_all li:before, .cf:after {
	content:"";
	display:block;
	overflow:hidden;
}
.retailer_itemlist_all li:after { clear:both; }
.retailer_itemlist_all li { zoom:1; }
.retailer_itemlist { font-size: 0.9em; }
.retailer_itemlist a {
	font-size: 1.2em;
	color: #F88DDB;
	font-weight: bold;
	text-decoration: none;
}
a.retailer_link {
	font-size: 0.9em;
	color: #FFF;
	background-color: #F98AC2;
	display: block;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
	border-radius:4px;
	margin-top: 10px;
}
a.retailer_link:hover { opacity:0.8; }
.retailer_data {
	border: 4px solid #A7E0CC;
	margin: 20px 0px;
	border-radius:11px;
}
.retailer_data table {
	margin: 0px;
	padding: 0px;
	border-radius:8px;
}
.retailer_data_table tr:nth-of-type(even) {
	background-color: #EAF9F3;
	border-top: 1px solid #CCC;
}
body#retailer {
	background-color: #FBECE5;
	background-image: url(../img/retailer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:contain;
}
h2.allergy_ttl {
	color: #B661D1;
	margin: 0px 0px 20px;
	padding: 0px 0px 10px;
	background-image: url(../img/line3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 1.8em;
}
h3.allergy_ttl {
	background-color: #B661D1;
	margin: 20px 0px 10px;
	padding: 5px 10px;
	color: #FFF;
	border-radius:6px;
}
h3.allergy_ttl span {
	padding-left: 10px;
	border-left: 4px solid #FFF;
}
.allergy_page_col { border: 3px solid #B661D1; }
body#allergy {
	background-color: #FBEDE4;
	background-image: url(../img/newitem_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:contain;
}
.allergy_hyou { overflow:auto; }
.allergy_page_col table { min-width:800px }
.allergy_page_col th {
	font-size: 0.7em;
	line-height: 1.2em;
}
.allergy_page_col td {
	font-size: 0.8em;
	line-height: 1.2em;
}
h2.company_ttl {
	color: #999967;
	margin: 0px 0px 20px;
	padding: 0px 0px 10px;
	background-image: url(../img/line3.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 1.8em;
}
h3.company_ttl {
	background-color: #969665;
	margin: 20px 0px 10px;
	padding: 5px 10px;
	color: #FFF;
	border-radius:6px;
}
h3.company_ttl span {
	padding-left: 10px;
	border-left: 4px solid #FFF;
}
.company_page_col { border: 3px solid #999968; }
.company_page_col .sidenav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.company_page_col .sidenav a {
	text-decoration: none;
	border-bottom: 1px dotted #CCC;
	display: block;
	color: #696947;
	background-image: url(../img/arrow06.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.company_page_col .sidenav a:hover { background-color:#F3F3EB; }
body#company {
	background-color: #E9EAD8;
	background-image: url(../img/company_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:contain;
}
.sitemap {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.sitemap a {
	color: #696947;
	display: block;
	border-bottom: 1px dotted #999;
	padding: 5px;
}
.pan {
	font-size:0.8em;
	color:#333;
	margin-bottom: 20px;
}
.pan a {
	color:#333;
	text-decoration: none;
}
.image_photo {/* box-shadow */
	box-shadow:0px 0px 4px 2px rgba(168,168,168,0.2);
	-moz-box-shadow:0px 0px 4px 2px rgba(168,168,168,0.2);
	-webkit-box-shadow:0px 0px 4px 2px rgba(168,168,168,0.2);
	border: 1px solid #FFF;
	margin-bottom: 10px;
}
.gotop {
	text-align: right;
	height: 50px;
	width: 50px;
	position: fixed;
	right: 0px;
	bottom: 0px;
}
.gotop a {
	font-weight: bold;
	color: #FFF;
	background-color: #4DA833;
	text-align: center;
	display: block;
	height: 50px;
	width: 50px;
	border-radius:50%;
	padding-top: 12px;
	text-decoration: none;
}
.new_item {
	font-size: 12px;
	color: #FFF;
	background-color: #F00;
	display: inline-block;
	padding: 0px 5px;
	float: left;
	width:20%;
	text-align: center;
	box-sizing:border-box;
}
.new_item + a{
	float: left;
	clear: right;
	width:80%;
	box-sizing:border-box;
	padding-left: 10px;
}
.new_item + a:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.button_a {
	color: #44A22A;
	padding: 7px 20px;
	background: -moz-linear-gradient(  top,  #ffffff 0%,  #ffffff 50%,  #b5b5b5);
	background: -webkit-gradient(  linear, left top, left bottom,  from(#ffffff),  color-stop(0.50, #ffffff),  to(#b5b5b5));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #2ea100;
	-moz-box-shadow:
 0px 1px 3px rgba(000,000,000,0.5),  inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
 0px 1px 3px rgba(000,000,000,0.5),  inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
 0px 1px 3px rgba(000,000,000,0.5),  inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
 0px -1px 0px rgba(000,000,000,0.2),  0px 1px 0px rgba(255,255,255,1);
	text-decoration: none;
}
.button_a:hover {
	background: -moz-linear-gradient(  top,  #ffffff 0%,  #ffffff 50%,  #ffffff);
	background: -webkit-gradient(  linear, left top, left bottom,  from(#ffffff),  color-stop(0.50, #ffffff),  to(#ffffff));
	-moz-box-shadow:
 0px 1px 3px rgba(000,000,000,0),  inset 0px 0px 3px rgba(255,255,255,1);
	-webkit-box-shadow:
 0px 1px 3px rgba(000,000,000,0),  inset 0px 0px 3px rgba(255,255,255,1);
	box-shadow:
 0px 1px 3px rgba(000,000,000,0),  inset 0px 0px 3px rgba(255,255,255,1);
	text-shadow:
 0px -1px 0px rgba(000,000,000,0),  0px 1px 0px rgba(255,255,255,1);
	text-decoration: none;
}
.kome {
	text-indent: -1.5em;
	padding-left: 1.5em;
	font-size: 0.8em;
}
.kome2 {
	text-indent: -3em;
	padding-left: 3em;
	font-size: 0.8em;
}
.font_min {font-size: 0.8em; }
/* For modern browsers */
.cf:before, .cf:after {
	content:"";
	display:block;
	overflow:hidden;
}
.cf:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; }
/* スマートフォンナビ */
.sp_nav {
	margin: 0;
	padding: 0px;
}
.sp_logo {
	margin: 0px;
	padding: 15px 0px;
	float: left;
	width:70%;
}
@media (max-width: 560px) {
.salesinfo tr:nth-of-type(even) { background-color: #FFF; }
.salesinfo td {
	width:100%;
	display: inline-block;
	clear: both;
	border-bottom: 1px dotted #CCC;
}
.new_item {
	font-size: 12px;
	color: #FFF;
	background-color: #F00;
	display: inline-block;
	padding: 0px 5px;
	margin-right: 5px;
	float: left;
	width:20%;
}
.new_item + a{
	float: left;
	clear: right;
	width:70%;
}
}
