@charset "Shift_JIS";

/* -----------------------------------------------
FileName:�@gs_styles.css
----------------------------------------------- */

/******************************** body ********************************/

body {
	margin:0;
	padding:0;
}

/******************************** font ********************************/

#gs-Area-Tagline,
#gs-Area-Sitefooter {
	font-family:'�l�r �o�S�V�b�N','�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','MS PGothic',Osaka,Verdana,Arial, Helvetica, sans-serif;
}

/******************************** reset ********************************/

#gs-Area-Tagline div,
#gs-Area-Tagline p,
#gs-Area-Tagline ul,
#gs-Area-Tagline img,
#gs-Area-Tagline li,
#gs-Area-Tagline span,
#gs-Area-Tagline form,
#gs-Area-Tagline fieldset,
#gs-Area-Tagline input,
#gs-Area-Navigation div,
#gs-Area-Navigation p,
#gs-Area-Navigation ul,
#gs-Area-Navigation ol,
#gs-Area-Navigation img,
#gs-Area-Navigation li,
#gs-Area-Navigation span,
#gs-Area-Navigation form,
#gs-Area-Navigation fieldset,
#gs-Area-Navigation input,
#gs-Area-Sitefooter div,
#gs-Area-Sitefooter p,
#gs-Area-Sitefooter ul,
#gs-Area-Sitefooter ol,
#gs-Area-Sitefooter img,
#gs-Area-Sitefooter li,
#gs-Area-Sitefooter span,
#gs-Area-Sitefooter form,
#gs-Area-Sitefooter fieldset,
#gs-Area-Sitefooter input {
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	line-height:1.1;
	letter-spacing:1px;
}

/******************************** clearfix ********************************/

#gs-Area-Tagline #layer-Area-Tagline,
#gs-Area-Tagline .set-Search,
#gs-Area-Tagline .set-Reflector ul li.parent ul,
#gs-Area-Navigation #layer-Area-Navigation,
#gs-Area-Navigation #layer-Area-Navigation ol,
#gs-Area-Navigation #layer-Area-Navigation ul,
#gs-Area-Sitefooter .set-Lists ul,
#gs-Area-Sitefooter .set-Credits,
#gs-Area-Sitefooter .set-Credits .set-Utility ul {
	zoom:100%;
}

#gs-Area-Tagline #layer-Area-Tagline:after,
#gs-Area-Tagline .set-Search:after,
#gs-Area-Tagline .set-Reflector ul li.parent ul:after,
#gs-Area-Navigation #layer-Area-Navigation:after,
#gs-Area-Navigation #layer-Area-Navigation ol:after,
#gs-Area-Navigation #layer-Area-Navigation ul:after,
#gs-Area-Sitefooter .set-Lists ul:after,
#gs-Area-Sitefooter .set-Credits:after,
#gs-Area-Sitefooter .set-Credits .set-Utility ul:after {
	content: "."; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}

/******************************** anchor ********************************/

#gs-Area-Tagline a:link,
#gs-Area-Sitefooter a:link {
	color:#363636;
	text-decoration:none;
}

#gs-Area-Tagline a:visited,
#gs-Area-Sitefooter a:visited {
	color:#363636;
	text-decoration:none;
}

#gs-Area-Tagline a:hover,
#gs-Area-Sitefooter a:hover {
	color:#363636;
	text-decoration:underline;
}

#gs-Area-Tagline a:visited:hover,
#gs-Area-Sitefooter a:visited:hover {
	color:#363636;
	text-decoration:underline;
}

#gs-Area-Tagline a:active,
#gs-Area-Sitefooter a:active {
	color:#363636;
	text-decoration:none;
}

/******************************** gs-Area-Tagline ********************************/

#gs-Area-Tagline {
	margin:0;
	padding:0;
	background:#FFFFFF;
	font-size:11px;
	font-size:x-small\9;
	text-align:center;
}

* html #gs-Area-Tagline {
	font-size:xx-small;
	_font-size:x-small;
	_font-size /**/:xx-small;
}

#gs-Area-Tagline #layer-Area-Tagline {
	margin:0 auto;
	width:950px;
	text-align:left;
}

#gs-Area-Tagline .set-PlainHeader {
	padding-bottom:12px;
	border-bottom:5px solid #D9D9D9;
}

#gs-Area-Tagline .set-EmergentHeader {
	padding-bottom:40px;
	border-bottom:5px solid #009933;
}

	#gs-Area-Tagline .set-EmergentHeader .set-EmgBtn {
		margin:18px 0 0 10px;
		float:right;
	}

#gs-Area-Tagline .set-Logo {
	padding:18px 0 8px 0;
	width:162px;
	float:left;
}

#gs-Area-Tagline .set-Search {
	padding:31px 0 5px 0;
	width:560px;
	float:left;
}

#gs-Area-Tagline .set-Search ul {
	padding-top:4px;
	float:right;
}

#gs-Area-Tagline .set-Search ul li {
	margin-left:5px;
	padding:0 0 0 11px;
	display:inline;
	background:url(/gs_external/images/separator-01.gif) left top repeat-y;
}

#gs-Area-Tagline .set-Search ul li.tol {
	margin-left:0;
	padding:0 0 0 10px;
	background:none;
}

#gs-Area-Tagline .set-Search ul li a {
	padding-left:7px;
	background:url(/gs_external/images/blt-01.gif) 0 0.26em no-repeat;
}

#gs-Area-Tagline .set-Search .set-BoxOfSearch {
	float:right;
	text-align:right;
}

#gs-Area-Tagline .set-Search .set-BoxOfSearch legend {
	margin:0;
	padding:0;
	height:0;
	font-size:0;
	color:#FFFFFF;
}

#gs-Area-Tagline .set-Search .set-BoxOfSearch input {
	margin-left:5px;
}

#gs-Area-Tagline .set-Search .set-BoxOfSearch .inputKeyz {
	border:1px solid #CCCCCC;
	width:156px;
	height:18px;
	vertical-align:top;
}

* html #gs-Area-Tagline .set-Search .set-BoxOfSearch .inputKeyz {
	margin-top:-1px;
}

*:first-child+html #gs-Area-Tagline .set-Search .set-BoxOfSearch .inputKeyz {
	margin-top:-1px;
}

#gs-Area-Tagline .set-Reflector {
	padding-bottom:6px;
	width:205px;
	float:right;
}

#gs-Area-Tagline .set-Reflector.toCorp {
	background:url(/gs_external/images/rounder-01.gif) center bottom no-repeat;
}

#gs-Area-Tagline .set-Reflector.toProd {
	background:url(/gs_external/images/rounder-02.gif) center bottom no-repeat;
}

#gs-Area-Tagline .set-Reflector ul {
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

#gs-Area-Tagline .set-Reflector.toCorp ul {
	background:#ECF1E5;
}

#gs-Area-Tagline .set-Reflector.toProd ul {
	background:#F5F2EA;
}

#gs-Area-Tagline .set-Reflector ul li.parent {
	font-size:1px;
	line-height:0;
}

#gs-Area-Tagline .set-Reflector ul li.parent ul {
	padding:1px 0 2px 0;
	border:none;
	font-size:11px;
	font-size:x-small\9;
}

* html #gs-Area-Tagline .set-Reflector ul li.parent ul {
	font-size:xx-small;
	_font-size:x-small;
	_font-size /**/:xx-small;
}

#gs-Area-Tagline .set-Reflector ul li.parent ul li {
	float:left;
	width:49%;
}

#gs-Area-Tagline .set-Reflector ul li.parent ul li span {
	margin:6px 0 0 7px;
	padding:0 0 0 10px;
	display:block;
	background:url(/gs_external/images/blt-02.gif) 0 0.15em no-repeat;
	letter-spacing:-0.8px;
}

#gs-Area-Tagline .set-Reflector.toProd ul li.parent ul li span {
	background:url(/gs_external/images/blt-03.gif) 0 0.15em no-repeat;
}

/******************************** gs-Area-Navigation ********************************/

#gs-Area-Navigation {
	margin:6px 0 0 0;
	padding:0;
	border-bottom:1px solid #FFFFFF;
	background:#FFFFFF;
	font-size:11px;
	font-size:x-small\9;
	text-align:center;
}

* html #gs-Area-Navigation {
	font-size:xx-small;
	_font-size:x-small;
	_font-size /**/:xx-small;
}

#gs-Area-Navigation #layer-Area-Navigation {
	margin:0 auto;
	padding-bottom:6px;
	width:950px;
	border-bottom:5px solid #D9D9D9;
	text-align:left;
}

#gs-Area-Navigation #layer-Area-Navigation.set-Corporation {
	border-bottom:5px solid #009933 !important;
}

#gs-Area-Navigation #layer-Area-Navigation ol {
	float:left;
}

#gs-Area-Navigation #layer-Area-Navigation ol li {
	padding:0 10px 0 10px;
	float:left;
	background:url(/gs_external/images/separator-02.gif) right center no-repeat;
	font-size:1px;
	line-height:0;
}

#gs-Area-Navigation #layer-Area-Navigation ol li.last-c {
	background:none;
}

#gs-Area-Navigation #layer-Area-Navigation ul {
	float:right;
}

#gs-Area-Navigation #layer-Area-Navigation ul li {
	padding:1px 4px 0 1px;
	float:left;
	font-size:1px;
	line-height:0;
}

/******************************** gs-Area-Contents ********************************/

#gs-Area-Contents {
	margin:0;
	padding:0;
	background:#FFFFFF url(/gs_external/images/spreader-01.gif) left top repeat-x;
	text-align:center;
}

#gs-Area-Contents.set-Corporation {
	background:#FFFFFF url(/gs_external/images/spreader-02.gif) left top repeat-x !important;
}

#gs-Area-Contents #layer-Area-Contents {
	margin:0 auto;
	/*padding:30px 0 0 0;*/
	width:952px;
	background:#FFFFFF;
	text-align:center;
}

/******************************** gs-Area-Sitefooter ********************************/

#gs-Area-Sitefooter {
	/*margin:0 0 92px 0;*/
	margin:0;
	padding:0;
	border-bottom:1px solid #D9D9D9;
	font-size:11px;
	font-size:x-small\9;
	text-align:center;
}

* html #gs-Area-Sitefooter {
	font-size:xx-small;
	_font-size:x-small;
	_font-size /**/:xx-small;
}

#gs-Area-Sitefooter #layer-Area-Sitefooter {
	margin:0 auto;
	padding-bottom:28px;
	width:950px;
	text-align:left;
}

#gs-Area-Sitefooter .set-PlainFooter {
	border-top:1px solid #D9D9D9;
}

#gs-Area-Sitefooter .set-Flash {
	margin:0;
}

#gs-Area-Sitefooter .set-prBnr .set-prBnr-Box {
	margin: 20px 0;
	text-align: center;
}
#gs-Area-Sitefooter .set-prBnr .set-prBnr-Box .set-prBnr-Box-inr p img,
img.pr-bnr-bdr {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #CCC;
}

#gs-Area-Sitefooter .set-CoverFlow {
	margin:10px 0 27px;
	text-align:center;
}

#gs-Area-Sitefooter .set-CoverFlow .set-CoverFlow-Title {
	margin:0;
	padding:0;
}

#gs-Area-Sitefooter .set-CoverFlow #brandsiteCoverFlow-Inner {
	position:relative;
	width:959px;
	height:193px;
	margin:0 0 0 -4px;
	text-align:left;
	background: url(http://www.mizkan.co.jp/gs_external/images/spreader-03.gif) no-repeat 0 0;
}

#gs-Area-Sitefooter .set-CoverFlow #brandsiteCoverFlow-RecipeBoard {
	position:relative;
	top:16px;
	left:51px;
	width:855px;
	height:155px;
	overflow:hidden;
}

#gs-Area-Sitefooter .set-CoverFlow .brandsiteCoverFlow-Recipe {
	width:275px;
	height:155px;
	cursor:pointer;
}

#gs-Area-Sitefooter .set-CoverFlow .brandsiteCoverFlow-Recipe-Brand {
	position: absolute;
	right:0;
	z-index:0;
	display:block;
	width:101px;
	height:155px;
}

#gs-Area-Sitefooter .set-CoverFlow .brandsiteCoverFlow-Recipe-Brand:hover {
	text-decoration: none;
}

#gs-Area-Sitefooter .set-CoverFlow .brandsiteCoverFlow-Recipe-Text {
	position:absolute;
	top:103px;
	left:174px;
	display:block;
	width:101px;
	height:52px;
}

#gs-Area-Sitefooter .set-CoverFlow .brandsiteCoverFlow-Recipe-Text span {
	display:block;
	margin:7px 5px 0;
	font-size: 10px;
}

#gs-Area-Sitefooter .set-CoverFlow .brandsiteCoverFlow-Recipe-Photo {
	display:block;
	width:174px;
	height:155px;
	background:url(http://www.mizkan.co.jp/gs_external/images/spreader-04.jpg) no-repeat 0 0;
}

#gs-Area-Sitefooter .set-CoverFlow .brandsiteCoverFlow-Recipe-Photo img {
	margin:19px 0 0 11px;
}

#gs-Area-Sitefooter .set-CoverFlow .brandsiteCoverFlow-Recipe-Photo:hover {
	background:url(http://www.mizkan.co.jp/gs_external/images/spreader-04-ovr.jpg);
}

#gs-Area-Sitefooter .set-CoverFlow #brandsiteCoverFlow-Prev {
	position:absolute;
	top:70px;
	left:11px;
	cursor:pointer;
}

#gs-Area-Sitefooter .set-CoverFlow #brandsiteCoverFlow-Next {
	position:absolute;
	top:69px;
	right:11px;
	cursor:pointer;
}

#gs-Area-Sitefooter .set-Lists {
	border-bottom:1px solid #D9D9D9;
	width:100%;
}

#gs-Area-Sitefooter .set-Lists ul {
	padding-bottom:21px;
	width:100%;
}

#gs-Area-Sitefooter .set-Lists ul li {
	margin-left:30px;
	width:154px;
	display:inline;
	float:left;
}

#gs-Area-Sitefooter .set-Lists ul li a {
	padding:5px 5px 5px 18px;
	display:block;
	background:#EEC008 url(/gs_external/images/blt-04.gif) 7px 0.65em no-repeat;
}

#gs-Area-Sitefooter .set-Lists ul li ul {
	padding:5px 0 0 0;
	width:100%;
}

#gs-Area-Sitefooter .set-Lists ul li ul li {
	margin-left:0;
	padding:4px 5px 4px 18px;
	width:auto;
	zoom:100%;
	display:block;
	background:url(/gs_external/images/blt-03.gif) 7px 0.53em no-repeat;
	float:none;
}

#gs-Area-Sitefooter .set-Lists ul li ul li a {
	padding:0;
	display:inline;
	background:none !important;
}

#gs-Area-Sitefooter .set-Lists ul li.corporate a {
	background-color:#AAD3A4;
}

#gs-Area-Sitefooter .set-Lists ul li.corporate .mt10 {
	margin-top: 10px;
}

#gs-Area-Sitefooter .set-Lists ul li.corporate ul li {
	background:url(/gs_external/images/blt-02.gif) 7px 0.53em no-repeat;
}

#gs-Area-Sitefooter .set-Credits {
	margin-top:1px;
	border-top:5px solid #D9D9D9;
}

#gs-Area-Sitefooter .set-Credits .set-Utility {
	padding-top:10px;
	width:660px;
	float:left;
}

#gs-Area-Sitefooter .set-Credits .set-Utility ul {
	background:url(/gs_external/images/separator-01.gif) left top repeat-y;
}

#gs-Area-Sitefooter .set-Credits .set-Utility ul li {
	padding:0 10px 0 10px;
	float:left;
	background:url(/gs_external/images/separator-01.gif) right top repeat-y;
	letter-spacing:-0.4px;
}

#gs-Area-Sitefooter .set-Credits .set-Utility ul li a {
	padding-left:7px;
	background:url(/gs_external/images/blt-01.gif) 0 0.26em no-repeat;
}

#gs-Area-Sitefooter .set-Credits .set-Utility p {
	margin:7px 0 0 10px;
	color:#777777;
}

#gs-Area-Sitefooter .set-Credits .set-Utility p em {
	font-style:normal;
}

#gs-Area-Sitefooter .set-Credits .set-Logo {
	padding-top:10px;
	width:287px;
	float:right;
	text-align:right;
}

#gs-Area-Sitefooter .set-StatLinks {
	display:none;
	font-size:12px;
}

/* * html */ #gs-Area-Sitefooter .set-StatLinks {
	display: block
}

:root #gs-Area-Sitefooter .set-StatLinks {
	display: block
}

#gs-Area-Sitefooter .set-StatLinks a {
	padding: 10px;
	display: inline;
	z-index: 2;
	text-decoration:none;
	position: absolute;
	width: 300px;
	font-weight:bold;
	left: -200em;
}

#gs-Area-Sitefooter .set-StatLinks a:focus, #gs-Area-Sitefooter .set-StatLinks a:active {
	position: absolute;
	left: 0.5em;
	border:2px solid #EEC008;
	color: #000000;
	background: #009933;
}

#gs-Area-Sitefooter ul.set-Brandsite {
	padding:10px 0;
}

#gs-Area-Sitefooter ul.set-Brandsite li {
	margin-right:10px;
	display:inline;
}

.gs-jumpToContents a:hover {
	cursor: default
}

/******************************** other ********************************/

.gs-jumpToContents {
	margin:0;
	padding:0;
	display:none;
	font-size:12px;
	text-align:left;
	position: absolute;
}

/* * html */ .gs-jumpToContents {
	display: block;
}

:root .gs-jumpToContents {
	display: block;
}

.gs-jumpToContents a {
	padding: 10px;
	display: inline;
	z-index: 2;
	text-decoration:none;
	position: absolute;
	width: 300px;
	font-weight:bold;
	left: -200em;
}

.gs-jumpToContents a:focus, .gs-jumpToContents a:active {
	position: absolute;
	left: 0.5em;
	border:2px solid #EEC008;
	color: #000000;
	background: #009933;
}

.gs-jumpToContents a:hover {
	cursor: default;
}

.gs-setInner {
	margin-right:auto;
	margin-left:auto;
}

.index-section-bnr .set-prBnr .set-prBnr-Box {
    margin: 20px 0;
    text-align: center;
}

.index-section-bnr .set-prBnr .set-prBnr-Box .set-prBnr-Box-inr p img {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #CCC;
}

.index-section-bnr .set-prBnr .set-prBnr-Box2 {
	width: 705px;
    margin: 20px 0 20px;
    text-align: center;
}

.index-section-bnr .set-prBnr .set-prBnr-Box2 .set-prBnr-Box-inr p img {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #CCC;

/* CSS Document */