﻿@charset "utf-8";
/* ===============================================
  [1]LAYOUT
  [2]COMMON-STYLE
  [3]HEADER
  [4]FOOTER
  [5]foodservice
  [6]foodserviceDetail
  [7]chef/recipeSearch
=============================================== */

/*------------------------------------------------
  [1]LAYOUT
------------------------------------------------*/

#page * {
	box-sizing: border-box;
	line-height: 1.3;
}
#page #areaWrapper1 {
	width: 960px;
	margin: 0 auto 70px;
}
#mainArea .sp {
	display: none;
}

/*------------------------------------------------
  [2]COMMON-STYLE
------------------------------------------------*/

/* font
------------------------------------------------*/

#page {
	min-width: 960px;
	color: #333333;
	background: #FFFFFF;
	font: 83% "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

/* img
------------------------------------------------*/

img {
	max-width: 100%;
	border: none;
	vertical-align: top;
}
a img {
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transition: 0.1s ease-in-out;  
	-moz-transition: 0.1s ease-in-out;  
	-o-transition: 0.1s ease-in-out;  
	transition: 0.1s ease-in-out;  
}
a:hover img {
	opacity: 0.6;  
	filter: alpha(opacity=60); 
}

/* link
------------------------------------------------*/

a {
	color: #664422;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #f39800;
	text-decoration: underline;
}
#page a.pbOpenNewWindow:after {
	content: url(/library/common/img/icn_window.gif);
	margin: 0px 0 0 5px;
}

#page a.pclink:after {
	content: url(/library/common/img/icn_pc.png);
	margin: 0px 0 0 10px;	
}


/* list
------------------------------------------------*/

:root ol, :root ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ol, ul {
	margin: 0px\9;
	padding: 0px\9;
	list-style: none;
}

/* ttl
------------------------------------------------*/

.h1Wrap {
	margin: 0 0 20px;
	padding: 1px;
	border: 1px solid #D6D5B5;
	background:#FFFFFF;
	border-radius: 5px;
}
.h1Wrap .h1Inner {
	position: relative;
	padding: 9px 13px;
	border-radius: 5px;
	background: #f9f7ef;
	background: -moz-linear-gradient(top,  #f9f7ef 0%, #ebead8 100%);
	background: -webkit-linear-gradient(top,  #f9f7ef 0%,#ebead8 100%);
	background: linear-gradient(to bottom,  #f9f7ef 0%,#ebead8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f7ef', endColorstr='#ebead8',GradientType=0 );
}
.h1Wrap .h1Inner span.line {
	display: inline-block;
	position: absolute;
	width: 4px;
	height: calc(100% - 18px);
	margin: 0 10px 0 0;
	background: #E60012;
	vertical-align: middle;
	border-radius: 50px;
}
.h1Wrap .h1Inner h1 {
	padding: 5px 0 5px 15px;
	font-size: 175%;
}
.h2Wrap {
	margin: 0 0 20px;
	padding: 1px;
	border: 1px solid #D6D5B5;
	background:#FFFFFF;
	font: 86% "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	border-radius: 3px;
}
.h2Wrap .h2Inner {
	position: relative;
	padding: 4px 5px 4px 12px;
	border-radius: 3px;
	background: #f9f7ef;
	background: -moz-linear-gradient(top,  #f9f7ef 0%, #ebead8 100%);
	background: -webkit-linear-gradient(top,  #f9f7ef 0%,#ebead8 100%);
	background: linear-gradient(to bottom,  #f9f7ef 0%,#ebead8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f7ef', endColorstr='#ebead8',GradientType=0 );
}
.h2Wrap .h2Inner span.line {
	display: inline-block;
	position: absolute;
	width: 4px;
	height: calc(100% - 8px);
	background: #E60012;
	vertical-align: middle;
	border-radius: 5px;
}
.h2Wrap .h2Inner h2 {
	padding: 2px 0 2px 12px;
}


/* table
------------------------------------------------*/

table {
	width: 100%;
	margin:0 0 40px;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}
table th {
	width: 15%;
	background: #F9F7EF;
}
table td {
	background: #FFFFFF;
}
table th,
table td {
	padding: 7px 15px;
	border: 1px solid #D6D6B6;
	vertical-align: top;
	text-align: left;
}

/*------------------------------------------------
  [3]HEADER
------------------------------------------------*/


/*------------------------------------------------
  [4]FOOTER
------------------------------------------------*/


/*------------------------------------------------
  [5]foodservice
------------------------------------------------*/

/* ItemList
------------------------------------------------*/

.foodservice {
	margin: 0 0 45px;
	padding: 18px 13px 25px;
	border: 1px solid #D6D5B5;
	border-radius: 5px;
}
.foodservice .ttl {
	width: 16.6%;
	margin: 0 0 1px;
	padding: 4px 5px 3px;
	color: #FFFFFF;
	background: #F19725;
	font: 88% "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	text-align: center;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.foodservice ul {
	overflow: hidden;
	padding: 10px 0 0;
	border-top: 1px dotted #F19725;
}
.foodservice ul li {
	float: left;
	width: 16.6%;
	margin: 0 0 10px;
	padding: 0 0.4% 45px;
	border-bottom: 1px dotted #F19725;
	vertical-align: top;
}
.foodservice ul li:nth-child(6n):nth-last-child(-n+7) ~ li {
	border: none;
	padding: 0 0.4%;
}
.foodservice ul li a {
	display: block;
	padding: 15px 0;
	border: 1px solid #E2E0C3;
	background: #FFFFFF;
	border-radius: 5px;
}
.foodservice ul li a.new {
	background: url(/library/common/img/icn_new.gif) no-repeat left top #FFFFFF;
}
.foodservice ul li a.renewal {
	background: url(/library/common/img/icn_renewal.gif) no-repeat left top #FFFFFF;
}
.foodservice ul li a:hover {
	border: 1px solid #FD9927;
}
.foodservice ul li a span {
	display: block;
}
.foodservice ul li a span.img {
	text-align: center;
	padding: 2px;
}
.foodservice ul li a:hover span.img img {
	opacity: 1;
}
.foodservice ul li a span.list {
	margin: 17px 0 0;
	padding: 5px 10px 0 20px;
	border-top: 1px solid #EDEDED;
	background: url(/library/common/img/icn_arrow01.gif) no-repeat 8px 10px;
}

/* categoryWrap
------------------------------------------------*/

.categoryWrap ul {
	overflow: hidden;
}
.categoryWrap ul li {
	width: 50%;
	float: left;
}

/* Dry */
.categoryWrap .categoryDry .pc .h2Wrap {
	margin: 0 15px 20px 0;
}
.categoryWrap .categoryDry .pc ul li {
	padding: 0 15px 15px 0;
}

/* Frozen */
.categoryWrap .categoryFrozen .pc .h2Wrap {
	margin: 0 0 20px 15px;
}
.categoryWrap .categoryFrozen .pc ul li {
	padding: 0 0 15px 15px;
}

/* sp */
.categoryWrap .sp img {
	width: 100%;
}
.categoryWrap .sp .categoryTtl {
	padding: 1px 0;
	color: #FFFFFF;
	background: #CA0000;
	font: 130% "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
}
.categoryWrap .sp .categoryTtl > div {
	padding: 13px 10px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.categoryWrap .sp .ttl {
	margin: 15px 10px 0;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	background: #fefefe;
	background: -moz-linear-gradient(top,  #fefefe 0%, #e6e6e6 100%);
	background: -webkit-linear-gradient(top,  #fefefe 0%,#e6e6e6 100%);
	background: linear-gradient(to bottom,  #fefefe 0%,#e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 );
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-top-left-radius: 6px;
	-moz-border-top-right-radius: 6px;
}
.categoryWrap .sp .ttl.on {
	border: 1px solid #CCCCCC;
	background: #fefefe;
	background: -moz-linear-gradient(top,  #fefefe 0%, #e6e6e6 100%);
	background: -webkit-linear-gradient(top,  #fefefe 0%,#e6e6e6 100%);
	background: linear-gradient(to bottom,  #fefefe 0%,#e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e6e6e6',GradientType=0 );
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.categoryWrap .sp .ttl > div {
	padding: 12px 40px 11px 10px;
	background: url(/library/common/img/icn_arrow05.gif) no-repeat 96% center;
	background-size: 20px;
	font-weight: bold;
	font-size: 130%;
}
.categoryWrap .sp .ttl.on > div {
	background: url(/library/common/img/icn_arrow06.gif) no-repeat 96% center;
	background-size: 20px;
}
.categoryWrap .sp .list {
	margin: 0 10px;
	padding:10px 5px;
	border: 1px solid #CCCCCC;
	background: #F8F8F8;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
}
.categoryWrap .sp .list ul li {
	padding:5px;
}

/*------------------------------------------------
  [6]foodserviceDetail
------------------------------------------------*/

/* foodserviceDetail
------------------------------------------------*/

.foodserviceDetail {
	position: relative;
	overflow: hidden;
	margin: 0 0 40px;
}
.foodserviceDetail .foodserviceDetailRecipe {
	position: absolute;
	right: 82px;
	bottom: 0;
}
.foodserviceDetail .foodserviceDetailRecipe a {
	display: block;
	padding: 12px 115px;
	border: 2px solid #664422;
	background: url(/library/common/img/icn_arrow07.gif) no-repeat 390px center #FBFAF5;
	font: 150% "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	text-align: center;
	border-radius: 7px;
	cursor: pointer;
	margin-top: 10px;
}
.foodserviceDetail .foodserviceDetailRecipe a:hover {
	color: #664422;
	border: 2px solid #f39800;
	text-decoration: none;
}
.foodserviceDetail .foodserviceDetailLeft {
	float: left;
	width: 340px;
	min-height: 1px;
}
.foodserviceDetail .foodserviceDetailLeft .mainImage {
	display: none;
}
.foodserviceDetail .foodserviceDetailLeft .mainImage ul {
	overflow: hidden;
	margin: 0 0 15px;
	border: 1px solid #DDDDDD;
	border-radius: 5px;
}
.foodserviceDetail .foodserviceDetailLeft .mainImage ul li {
	width: 340px;
	height: 340px;
	padding: 10px;
	text-align: center;
}
.foodserviceDetail .foodserviceDetailLeft .mainImage .flex-control-nav {
	overflow: hidden;
	margin: 0 -10px 0 0;
}
.foodserviceDetail .foodserviceDetailLeft .mainImage .flex-control-nav li img {
	float: left;
	max-width: 60px!important;
	margin: 0 10px 0 0;
	padding: 5px;
	border: 1px solid #DDDDDD!important;
	text-align: center;
}
.foodserviceDetail .foodserviceDetailLeft .mainImage .flex-control-nav li img:hover,
.foodserviceDetail .foodserviceDetailLeft .mainImage .flex-control-nav li img.flex-active {
	border: 1px solid #FD9827!important;
	cursor: pointer;
}
.foodserviceDetail .foodserviceDetailRight {
	float: left;
	width: 620px;
	padding: 0 0 100px 40px;
}
.foodserviceDetail .foodserviceDetailRight .ttl {
	margin: 5px 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px dotted #999999;
	font-weight: bold;
	font-size: 150%;
}

/* foodserviceDetailType
------------------------------------------------*/

.foodserviceDetailType {
	overflow: hidden;
	width: 100%;
	margin: 0 0 30px;
}
#mainArea .foodserviceDetailType table {
	width: 960px;
	margin: 0;
	height: 100%;
	border-bottom: 1px solid #D6D6B6;
	border-collapse: separate;
	border-spacing: 0;
	vertical-align: middle;
	text-align: center;
}
#mainArea .foodserviceDetailType table th {
	width: 60px!important;
	padding: 0;
	border-bottom: none;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}
#mainArea .foodserviceDetailType table tr.size th {
	background: #E5E5E5;
}
#mainArea .foodserviceDetailType table td {
	width: 90px;
	padding: 20px 5px;
	border-right: 1px dotted #D6D6B6;
	border-bottom: none;
	border-left: none;
	vertical-align: middle;
	font-size: 80%;
	text-align: center;
}
#mainArea .foodserviceDetailType table td img {
	width: 100%;
}
#mainArea .foodserviceDetailType table td:last-child {
	border-right: 1px solid #D6D6B6;
}
#mainArea .foodserviceDetailType table tr.size td {
	padding: 10px 3px;
	border-right: 1px solid #D6D6B6;
	background: #F7F7F7;
}
#mainArea .foodserviceDetailType table td .bold {
	font-weight: bold;
	font-size: 120%;
}

/* foodserviceDetailContact
------------------------------------------------*/

.foodserviceDetailContactPc {
	margin: 0 0 30px;
	padding: 14px 15px 14px 25px;
	border: 3px solid #D6D6B6;
	background: url(/library/common/img/line_detail.gif) repeat-y 295px 7px;
	border-radius: 5px;
}
.foodserviceDetailContactPc .contact01 {
	margin: 20px 0;
}
.foodserviceDetailContactPc .img {
	margin: 0 0 5px;
}
.foodserviceDetailContactPc .text {
	margin: 0 10px;
}
.foodserviceDetailContactSp {
	margin: 0 0 20px;
}
.foodserviceDetailContactSp .contact02 {
	margin: 0 0 10px;
	padding: 15px 15px 10px;
	border: 1px solid #D6D6B4;
	background: #fffffe;
	background: -moz-linear-gradient(top,  #fffffe 0%, #f9f7f0 100%);
	background: -webkit-linear-gradient(top,  #fffffe 0%,#f9f7f0 100%);
	background: linear-gradient(to bottom,  #fffffe 0%,#f9f7f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffe', endColorstr='#f9f7f0',GradientType=0 );
	border-radius: 5px;
}
.foodserviceDetailContactSp .contact02 .img {
	margin: 0 0 10px;
}
.foodserviceDetailContactSp .contact03 a {
	display: block;
	margin: 0 0 10px;
	padding: 15px 15px 10px;
	border: 1px solid #D6D6B4;
	background: #fffffe;
	background: -moz-linear-gradient(top,  #fffffe 0%, #f9f7f0 100%);
	background: -webkit-linear-gradient(top,  #fffffe 0%,#f9f7f0 100%);
	background: linear-gradient(to bottom,  #fffffe 0%,#f9f7f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffe', endColorstr='#f9f7f0',GradientType=0 );
	border-radius: 5px;
	text-align: center;
}
.foodserviceDetailContactSp .contact03 .img a img {
	margin: 0 auto 10px;
}
#mainArea .foodserviceDetailTable table th {
	width: 23%;
	font-weight: normal;
	vertical-align: middle;
}
#mainArea .foodserviceDetailTable table tr:nth-child(2n) th {
  background: #F1EDDF;
}
#mainArea .foodserviceDetailTable table td .puInline {
	display: inline-block;
	margin: 10px 0 5px;
	padding: 5px 30px 5px 20px;
	color: #FFFFFF;
	background: url(/library/common/img/icn_arrow08.png) no-repeat 95% center #CC0033;
	font: 105% "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	border-radius: 15px;
}
#mainArea .foodserviceDetailTable table td .puInline:hover {
	text-decoration: none;
}

/* foodserviceDetailList
------------------------------------------------*/

.foodserviceDetailList {
	padding: 20px 15px 10px;
	border: 1px solid #D6D5B5;
	background: #F9F7F0;
	border-radius: 6px;
}
.foodserviceDetailList ul {
	overflow: hidden;
}
.foodserviceDetailList ul li {
	float: left;
	width: 16.6%;
	margin: 0 0 10px;
	padding: 0 0.4%;
	vertical-align: top;
}
.foodserviceDetailList ul li a {
	display: block;
	padding: 15px 0;
	border: 1px solid #E2E0C3;
	background: #FFFFFF;
	border-radius: 5px;
}
.foodserviceDetailList ul li a.new {
	background: url(/library/common/img/icn_new.gif) no-repeat left top #FFFFFF;
}
.foodserviceDetailList ul li a.renewal {
	background: url(/library/common/img/icn_renewal.gif) no-repeat left top #FFFFFF;
}
.foodserviceDetailList ul li a:hover {
	border: 1px solid #FD9927;
}
.foodserviceDetailList ul li a span {
	display: block;
}
.foodserviceDetailList ul li a span.img {
	text-align: center;
	padding: 2px;
}
.foodserviceDetailList ul li a:hover img {
	opacity: 1;
}
.foodserviceDetailList ul li a span.list {
	margin: 17px 0 0;
	padding: 5px 10px 0 20px;
	border-top: 1px solid #EDEDED;
	background: url(/library/common/img/icn_arrow01.gif) no-repeat 8px 10px;
}

/* cbox
------------------------------------------------*/

#allergieInfo {
	width: 740px;
	padding: 10px 10px 0;
	color: #666666;
	font: 88% "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.4;
}
#allergieInfo h3 {
	display: inline-block;
	margin: 0 0 10px;
	padding: 5px 40px;
	color: #FFFFFF;
	background: #B3936F;
	font-size: 110%;
	font-weight: normal;
	border-radius: 10px;
}
#allergieInfo p {
	margin: 0 0 10px;
	font-size: 100%;
}
#allergieInfo p.txt {
	text-indent: -1em;
	margin-left: 1em;
}
#allergieInfo p.btn {
	margin: 0;
	text-align: center;
}
#allergieInfo p.btn a {
	display: inline-block;
	padding: 5px 50px;
	background: #cfbaa5;
	background: -moz-linear-gradient(top,  #cfbaa5 0%, #b59775 100%);
	background: -webkit-linear-gradient(top,  #cfbaa5 0%,#b59775 100%);
	background: linear-gradient(to bottom,  #cfbaa5 0%,#b59775 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfbaa5', endColorstr='#b59775',GradientType=0 );
	border-radius: 5px;
}
#allergieInfo p.btn a:hover {
	text-decoration: none;
	background: #dccbb5;
	background: -moz-linear-gradient(top,  #dccbb5 0%, #c0a17a 100%);
	background: -webkit-linear-gradient(top,  #dccbb5 0%,#c0a17a 100%);
	background: linear-gradient(to bottom,  #dccbb5 0%,#c0a17a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dccbb5', endColorstr='#c0a17a',GradientType=0 );
}
#allergieInfo p.btn a span {
	padding: 0 0 0 10px;
	color: #FFFFFF;
	background: url(/library/common/img/icn_arrow08.png) no-repeat left center;
}
#allergieInfo dl {
	max-width: 702px;
	margin: 0 auto 10px;
	border: 1px solid #B3936F;
}
#allergieInfo dl dt {
	padding: 5px 10px;
	color: #FFFFFF;
	background: #B3936F;
	font-size: 110%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}
#allergieInfo dl dd {
	padding: 10px;
	font-size: 110%;
}

/*------------------------------------------------
  [7]chef/recipeSearch
------------------------------------------------*/

/* Search
------------------------------------------------*/

.chefSearch,
.recipeSearch {
	overflow: hidden;
	margin: 0 0 20px;
	border: 1px solid #D6D5B5;
	background: #F9F7F0;
	border-radius: 5px;
}
.chefSearch .searchBtn,
.recipeSearch .searchBtn {
	float: left;
	width: 67%;
}
.chefSearch .searchBtn ul,
.recipeSearch .searchBtn ul {
	overflow: hidden;
	width: 100%;
	padding: 9px 5px 3px 10px;
	border-right: 1px solid #D6D5B5;
}
.chefSearch .searchBtn ul li,
.recipeSearch .searchBtn ul li {
	display: table;
	float: left;
	width: 99px;
	margin: 0 5px 5px 0;
	padding: 1px;
	border: 1px solid #D6D6B6;
	background: #FFFFFF;
	border-radius: 5px;
}
.chefSearch .searchBtn ul li:hover,
.chefSearch .searchBtn ul li.act,
.recipeSearch .searchBtn ul li:hover,
.recipeSearch .searchBtn ul li.act {
	border: 1px solid #877C51;
}
.chefSearch .searchBtn ul li a,
.recipeSearch .searchBtn ul li a {
	display: table-cell;
	color: #000;
	padding: 5px 5px 4px;
	background: #fffefe;
	background: -moz-linear-gradient(top,  #fffefe 0%, #f8f6ef 100%);
	background: -webkit-linear-gradient(top,  #fffefe 0%,#f8f6ef 100%);
	background: linear-gradient(to bottom,  #fffefe 0%,#f8f6ef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefe', endColorstr='#f8f6ef',GradientType=0 );
	font: 88% "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;
}
.chefSearch .searchBtn ul li a:hover,
.chefSearch .searchBtn ul li.act a,
.recipeSearch .searchBtn ul li a:hover,
.recipeSearch .searchBtn ul li.act a {
	color: #FFFFFF!important;
	background: #867b50;
	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2MTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4NjdiNTAiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM3MTVlM2MiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2MTkpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #867b50 0%, #715e3c 100%);
	background: -webkit-linear-gradient(top,  #867b50 0%,#715e3c 100%);
	background: linear-gradient(to bottom,  #867b50 0%,#715e3c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#867b50', endColorstr='#715e3c',GradientType=0 );
	text-decoration: none!important;
}
.chefSearch .searchBtn ul li a:not(:target):hover, 
.chefSearch .searchBtn ul li.act a:not(:target), 
.recipeSearch .searchBtn ul li a:not(:target):hover, 
.recipeSearch .searchBtn ul li.act a:not(:target) {
	filter: none\9;
}
.chefSearch .searchForm,
.recipeSearch .searchForm {
	float: left;
	width: 33%;
}
.chefSearch .searchForm form,
.recipeSearch .searchForm form {
	margin: 16px 10px 10px 10px;
}
.chefSearch .searchForm form input[type="text"],
.recipeSearch .searchForm form input[type="text"] {
	width: calc(100% - 70px);
	margin: 0 5px 0 0;
	padding: 6px 3px;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	vertical-align: top;
}
.chefSearch .searchForm form input[type="submit"],
.recipeSearch .searchForm form input[type="submit"] {
	width: 60px;
	height: 30px;
	border: none;
	background: url(/library/common/img/btn_search02.gif) no-repeat left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	outline: none;
	-webkit-transition: 0.1s ease-in-out;  
	-moz-transition: 0.1s ease-in-out;  
	-o-transition: 0.1s ease-in-out;  
	transition: 0.1s ease-in-out;  
}
.chefSearch .searchForm form input[type="submit"]:hover,
.recipeSearch .searchForm form input[type="submit"]:hover {
	opacity: 0.6;  
	filter: alpha(opacity=60); 
}
.chefSearch .searchForm form input[type="submit"]::-moz-focus-inner,
.recipeSearch .searchForm form input[type="submit"]::-moz-focus-inner {
	padding: 0;
	border: none;
}
/*------------------------------------------------
  [999] add
------------------------------------------------*/

.foodserviceDetail .foodserviceDetailRecipe a.specialLinkPc {
	display: block;
	padding: 0px;
	border: none;
	background: none;
	border-radius: 0px;
	margin-top: 0px;
}
.foodserviceDetail .foodserviceDetailRecipe a.specialLinkPc:hover {
	display: block;
	color: #664422;
	border: none;
	text-decoration: none;
}
.foodserviceDetail .foodserviceDetailRecipe a.specialLinkSp {
	display: none;
	padding: 0px;
	border: none;
	background: none;
	border-radius: 0px;
	margin-top: 0px;
}
