@charset "utf-8";

/* BASE
---------------------------------------------------- */
html {
	max-width: 100%;
	min-width: 100%;
	/*PCデザインのMax-widthを挿入tablet用*/
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
dl,
dt,
dd,
ul,
ol,
li,
img,
pre {
	font-size: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino kaku ProN", serif;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 90%;
	word-break: break-all;
	/*▼▼SPの際挿入iPhone用▼▼*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	/*▲▲SPの際挿入iPhone用▲▲*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	body {
		word-break: break-word;
	}
}

div,
table {
	line-height: 1.6;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

img {
	vertical-align: bottom;
	border: none;
}

ul,
li {
	list-style: none;
	text-decoration: none;
}

input,
textarea {
	font-size: 100%;
	word-break: break-all;
}

input[type="button"],
input[type="submit"],
input[type="text"],
input[type="search"],
textarea {
	-webkit-appearance: none;
}

input:focus,
textarea:focus {
	outline: none;
}

p.notes,
.notes li {
	color: #666666;
	text-indent: -1em;
	padding: 0 0 0 1em;
}

a,
a:link,
a:visited {
	color: #0C3E6C;
}

a:hover,
a:active {
	text-decoration: none;
}

a:hover img {
	opacity: 0.8;
	/filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	zoom: 1;
}


/* clearfix
---------------------------------------------------- */
.clearfix:after,
#header .headerInner:after,
#globalNavigation .gNaviInner:after,
#contents:after,
.sideMenu li.catFlavor ul.sub-menu:after,
.productList:after,
.newsList:after,
#subPageContactArea .contactAreaInner #pcContact:after,
.fungicideList:after,
.fungicidePureChlor:after,
.companyArea:after,
.outsideImageSide:after,
.outsideImage:after,
body.single .content:after,
#footerNavi:after,
.twoColumnTable:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
#header .headerInner,
#globalNavigation .gNaviInner,
#contents,
.sideMenu li.catFlavor ul.sub-menu:after,
.productList,
.newsList,
#subPageContactArea .contactAreaInner #pcContact,
.fungicideList,
.fungicidePureChlor,
.companyArea,
.outsideImageSide,
.outsideImage,
body.single .content,
#footerNavi,
.twoColumnTable {
	zoom: 1;
}

/* header
---------------------------------------------------- */
#header {
	padding: 10px;
	border-bottom: 1px solid #B9B9B9;
	background-color: #FFFFFF;
	background: linear-gradient(to bottom, #FFFFFF, #FFFFFF 10%, #F6F6F6 80%, #E8E8E8);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.1, #FFFFFF), color-stop(0.8, #F6F6F6), to(#E8E8E8));
	background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF 10%, #F6F6F6 80%, #E8E8E8);
}

#header .headerInner {
	padding: 10px 20px;
	border-left: 2px dotted #AAAAAA;
}

#header h1 {
	width: 410px;
	float: left;
}

#header h1 a {
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

#header h1 img {
	vertical-align: middle;
}

#header h1 .logo {
	padding: 0 18px 0 0;
}

#header .contactArea {
	width: 300px;
	float: right;
}

#header .contactArea .tel span,
#header .contactArea .tel a {
	width: 300px;
	height: 25px;
	display: block;
	line-height: 1.0;
	white-space: nowrap;
	text-indent: 150%;
	overflow: hidden;
	background: url(../img/common/img_telNumb.gif) 0 center no-repeat;
}

#header .contactArea .contact {
	margin: 15px 0 0 0;
}

#header .contactArea .contact a {
	display: block;
	width: 271px;
	color: #FAAC30;
	font-size: 157.1%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 1.0;
	padding: 12px 15px 10px 10px;
	box-shadow: 1px 1px 1px #FFFFFF;
	border: 2px solid #FAA319;
	background-color: #FFFFFF;
	position: relative;
}

#header .contactArea .contact a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -6px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #FBB547;
}

#header .contactArea .contact a:hover {
	color: #FFFFFF;
	background-color: #FAA319;
}

#header .contactArea .contact a:hover:before {
	border-color: transparent transparent transparent #FFFFFF;
}

#header .contactArea #spMenu {
	display: none;
}


/* globalNavigation
---------------------------------------------------- */
#globalNavigation {
	background-color: #FBAE34;
	border-bottom: 1px solid #FFFFFF;
}

#globalNavigation .gNaviInner {
	padding: 0 20px 0 0;
}

#globalNavigation #globalNavi {
	float: left;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	letter-spacing: -0.30em;
}

#globalNavigation #globalNavi li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	letter-spacing: normal;
	position: relative;
}

#globalNavigation #globalNavi li a {
	/*min-width:120px;*/
	min-width: 110px;
	display: block;
	color: #111111;
	font-size: 107.1%;
	text-align: center;
	text-decoration: none;
	line-height: 1.0;
	padding: 20px 10px;
	border-right: 1px dotted #FEEFD6;
}

#globalNavigation #globalNavi li a:hover,
#globalNavigation #globalNavi li.current-menu-item a,
body.parent-pageid-8 #globalNavigation #globalNavi li.gNaviCatalog a,
body.archive #globalNavigation #globalNavi li.gNaviNews a,
body.single #globalNavigation #globalNavi li.gNaviNews a {
	background-color: #F59825;
}


/* searchBox
---------------------------------------------------- */
#globalNavigation .searchBox {
	width: 300px;
	float: right;
	padding: 10px 10px 10px 0;
}

#main .searchBox {
	width: 300px;
	padding: 10px 20px;
	margin: 30px auto;
	border-radius: 10px;
	background-color: #FDCE85;
}

.searchBox label {
	letter-spacing: -0.40em;
}

.searchBox .screen-reader-text {
	width: 32px;
	height: 32px;
	display: inline-block;
	/display: block;
	/float: left;
	/zoom: 1;
	line-height: 1.0;
	letter-spacing: normal;
	vertical-align: middle;
	white-space: nowrap;
	text-indent: 150%;
	overflow: hidden;
	padding: 0 5px 0 0;
	background: url(../img/common/ico_search.gif) 0 0 no-repeat;
	background-size: 32px 32px;
	-webkit-background-size: 32px 32px;
	-moz-background-size: 32px 32px;
	-ms-background-size: 32px 32px;
}

/*↓/////IE8用/////↓*/
.searchBox .screen-reader-text {
	background: url(../img/common/ico_search_ie.gif) 0 0 no-repeat\9;
}

:root .searchBox .screen-reader-text {
	background: url(../img/common/ico_search.gif) 0 0 no-repeat\0;
	background-size: 32px 32px\0;
	-ms-background-size: 32px 32px\0;
}

/*↑/////IE8用/////↑*/
.searchBox .search-field {
	width: 185px;
	display: inline-block;
	/display: block;
	/float: left;
	/zoom: 1;
	letter-spacing: normal;
	vertical-align: middle;
	line-height: 1.0;
	vertical-align: middle;
	padding: 6px 8px;
	margin: 0 6px 0 0;
	box-sizing: content-box;
	border-radius: 4px;
	border: 1px solid #D4D4D7;
}

.searchBox .search-submit {
	font-size: 90%;
	color: #FFFFFF;
	width: 52px;
	display: inline-block;
	/display: block;
	/float: left;
	/zoom: 1;
	line-height: 1;
	letter-spacing: normal;
	vertical-align: middle;
	padding: 6px 0 7px 0;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 1.0);
	box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
	border-radius: 4px;
	border: 1px solid #000000;
	background-color: #000000;
	background: linear-gradient(to bottom, #474747, #000000);
	background: -webkit-gradient(linear, left top, left bottom, from(#474747), to(#000000));
	background: -moz-linear-gradient(top, #474747, #000000);
	cursor: pointer;
}

.searchBox .search-submit:hover {
	background: #474747;
	background: linear-gradient(to bottom, #5B5B5B, #171717);
	background: -webkit-gradient(linear, left top, left bottom, from(#5B5B5B), to(#171717));
	background: -moz-linear-gradient(top, #5B5B5B, #171717);
}


/* mainVisual
---------------------------------------------------- */
#mainVisual {
	text-align: center;
	padding: 50px 10px;
	background: url(../img/common/bg_mainVisual.gif) 0 bottom repeat-x #EDE9DE;
}

#mainVisual img {
	max-width: 100%;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
	border: 1px solid #AEABA3;
}


/* contents
---------------------------------------------------- */
#contents {
	width: 1000px;
	padding: 40px 0 60px 0;
	margin: 0 auto;
}

body.company #contents,
body.contact #contents,
body.confirm #contents,
body.complete #contents,
body.privacy #contents,
body.recruit #contents {
	width: 740px;
}

/* main
---------------------------------------------------- */
#main {
	width: 740px;
	float: right;
}

body.home #main {
	width: 1000px;
	float: none;
}

.section {
	padding: 20px 20px 60px;
}

.sectionMin {
	padding: 20px 10px 50px 10px;
}

.sttlH2 {
	font-size: 185.7%;
	font-weight: normal;
	line-height: 1.0;
	padding: 20px 10px 16px 10px;
	margin: 0 10px 15px 10px;
	border-bottom: 4px solid #2D1C11;
	position: relative;
}

.sttlH2:before {
	content: "";
	width: 120px;
	height: 4px;
	display: block;
	background-color: #A3A54B;
	position: absolute;
	bottom: -4px;
	left: 0;
}

.sttlH2:after {
	content: "";
	width: 70px;
	height: 4px;
	display: block;
	background-color: #E50012;
	position: absolute;
	bottom: -4px;
	left: 0;
}

.sttlH2 span {
	color: #999999;
	font-size: 61.5%;
	text-shadow: none;
	padding: 0 0 0 20px;
}

.sttlH3 {
	font-size: 171.4%;
	font-weight: bold;
	line-height: 1.0;
	padding: 8px 5px;
	border-bottom: 1px solid #AAAAAA;
}

.sttlH4 {
	color: #FFFFFF;
	font-size: 107.1%;
	font-weight: normal;
	line-height: 1.0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1.0);
	padding: 14px 14px 12px 14px;
	border-left: 10px solid #000000;
	background: #330B15;
	background: linear-gradient(to bottom, #330B15, #5B1124);
	background: -webkit-gradient(linear, left top, left bottom, from(#330B15), to(#5B1124));
	background: -moz-linear-gradient(top, #330B15, #5B1124);
	position: relative;
}

.sttlH4:before {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 14px 0px 14px 14px;
	border-color: transparent transparent #FFFFFF transparent;
	position: absolute;
	bottom: 0;
	right: 0;
}

.sttlH4:after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 14px 14px 0px 0px;
	border-color: #B53656 transparent transparent transparent;
	position: absolute;
	bottom: 0;
	right: 0;
}

.sttlH4 span {
	color: #AE7987;
	font-size: 85.7%;
	text-shadow: none;
	padding: 0 0 0 1em;
}

.sttlH5 {
	display: block;
	color: #111111;
	font-size: 107.1%;
	font-weight: bold;
	line-height: 1.0;
	padding: 6px 10px 4px 10px;
	margin: 0 0 8px 4px;
	border-left: 4px solid #A3A54B;
}

.sttlH5 a {
	color: #111111;
	display: block;
	text-decoration: none;
}

.breadList {
	margin: 0 0 0 20px;
}

.breadList li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

.arrowLink {
	position: relative;
	padding: 0 0 0 12px;
}

.arrowLink:before,
.newsList .date:before {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	vertical-align: middle;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #FAA319;
	position: absolute;
	top: 0.3em;
	left: 0;
}

/* top */
.productList dl {
	width: 225px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	margin: 0 18px 20px 0;
}

.productList dd img {
	width: 100%;
}

.Fright,
.Fleft {
	/width: 40%;
}

.Fright img,
.Fleft img {
	width: 100%;
}

/* 検索結果一覧 */
.searchResult .date {
	color: #999999;
	text-align: right;
	padding: 0 18px 0 0;
}

.searchResult .contentExcerpt {
	padding: 0 18px 20px;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #AAAAAA;
}

.searchResult .arrowLink {
	display: block;
	margin: 1em 0 0 0;
}


/* 新着情報
---------------------------------------------------- */
.newsList {
	border-bottom: 1px solid #AAAAAA;
	cursor: pointer;
}

.newsList .date:before {
	top: 50%;
	left: 10px;
	margin: -6px 0 0 0;
}

.newsList:hover a {
	text-decoration: none;
}

.newsList .date {
	width: 9em;
	float: left;
	padding: 20px 0 20px 22px;
	position: relative;
}

.newsList .title {
	padding: 20px 10px 20px 10em;
}

.newsList .new {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	color: #FFFFFF;
	font-size: 71.5%;
	vertical-align: middle;
	padding: 1px 6px;
	margin: 0 0 0 12px;
	/margin: 0 0 0 8px;
	border-radius: 4px;
	box-shadow: 0px 0px 1px 1px rgba(223, 0, 0, 0.8);
	background-color: #B20000;
	position: relative;
}

.newsList .new:before {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	margin: -4px 0 0 0;
	border-style: solid;
	border-width: 4px 6px 4px 0;
	border-color: transparent #B20000 transparent transparent;
	position: absolute;
	top: 50%;
	left: -6px;
}

.moreLink {
	text-align: right;
	margin: 20px 0 0 0;
}

body.single .date {
	color: #999999;
	text-align: right;
	padding: 20px 20px 0;
}

body.single .content {
	padding: 20px 20px 40px;
	margin: 0 0 40px 0;
	border-bottom: 2px dashed #AAAAAA;
}

/* paging */
.paging {
	text-align: center;
}

.paging li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 0 10px 0;
}

.paging li a,
.paging li span.current {
	text-decoration: none;
	display: block;
	padding: 10px 15px;
	border: 1px solid #0C3E6C;
}

.paging li a:hover,
.paging li span.current {
	color: #FFFFFF;
	background-color: #0C3E6C;
}


/* 投稿用CSS
---------------------------------------------------- */
body.single .content ul li {
	list-style: inside;
}

body.single .content ol li {
	list-style-type: decimal;
	list-style-position: inside;
}

body.single .content .listStyleNone li {
	list-style: none;
}

body.single .content img {
	max-width: 100%;
	height: auto;
}

body.single .content .alignleft {
	float: left;
	padding: 0 10px 10px 0;
}

body.single .content .alignright {
	float: right;
	padding: 0 0 10px 10px;
}

body.single .content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* 2階層目
---------------------------------------------------- */
/* 商品紹介 */
.pageProductListArea {
	padding: 20px 0 60px 12px;
}

.pageProductListArea .productList dl {
	margin: 0 16px 20px 0;
}

/* 3階層目 - お問い合わせ誘導 */
#subPageContactArea .contactAreaInner {
	color: #464646;
	padding: 15px;
	margin: 0 0 8px 0;
	border-radius: 20px;
	border: 2px solid #FAA319;
	background-color: #FFFEFC;
}

#subPageContactArea .contactAreaInner strong {
	font-size: 142.9%;
	font-weight: normal;
	line-height: 1.0;
}

#pcContact {
	margin: 7px 0 8px 0;
}

#pcContact .tell {
	width: 345px;
	float: left;
	font-size: 30px;
}

#pcContact .tell span,
#pcContact .tell a {
	display: block;
	color: #464646;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.0;
	padding: 5px 0 2px 0;
}

#pcContact .tell span:before,
#pcContact .tell a:before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 34px;
	vertical-align: middle;
	background: url(../img/catalog/ico_comtactTel.gif) 0 0 no-repeat;
}

#pcContact .fax {
	width: 345px;
	float: right;
	font-size: 30px;
}

#pcContact .fax span {
	display: block;
	font-weight: bold;
	line-height: 1.0;
	padding: 5px 0 2px 0;
}

#pcContact .fax span:before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 34px;
	vertical-align: middle;
	background: url(../img/catalog/ico_comtactFax.gif) 0 0 no-repeat;
}

#subPageContactArea .contactAreaInner .mailForm a {
	display: block;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.0;
	text-align: center;
	text-decoration: none;
	padding: 14px 20px 12px 20px;
	border-radius: 10px;
	background-color: #FAA31A;
	position: relative;
}

#subPageContactArea .contactAreaInner .mailForm a:hover {
	background-color: #FBB548;
}

#subPageContactArea .contactAreaInner .mailForm a:before {
	content: "";
	display: inline-block;
	width: 48px;
	height: 26px;
	vertical-align: bottom;
	background: url(../img/catalog/ico_comtactMail.gif) 0 0 no-repeat;
}

#subPageContactArea .contactAreaInner .mailForm a:after {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	margin-top: -6px;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #FFFFFF;
	position: absolute;
	top: 50%;
	right: 12px;
}

#subPageContactArea p.notes {
	text-align: right;
}

/* 食用色素・着色料 */
.twoColumnTable {
	margin: 0 0 40px 0;
}

.twoColumnTable .leftArea,
.twoColumnTable .rightArea {
	width: 50%;
	float: left;
}

.twoColumnTable table,
.companyArea table,
.recruitArea table {
	width: 100%;
	font-size: 85.7%;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.twoColumnTable .rightArea table {
	border-left: none;
}

.twoColumnTable table th,
.companyArea table th,
.recruitArea table th {
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 10px 5px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.twoColumnTable table th.minTableTtlttl {
	padding: 5px;
}

.twoColumnTable table tr.tableTtl th {
	text-align: center;
	background-color: #E9E3D6;
}

.twoColumnTable table td,
.companyArea table td,
.recruitArea table td {
	font-weight: normal;
	vertical-align: middle;
	padding: 10px 5px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.twoColumnTable th.colorImg {
	width: 60px;
	padding: 5px;
}

.twoColumnTable th.colorImg img {
	display: block;
	width: 100%;
	height: 4em;
}

.twoColumnTable .colorName {
	width: 34%;
}

.twoColumnTable .threeType .colorName,
.twoColumnTable .twoType .colorName {
	width: auto;
}

.twoColumnTable .volume {
	width: 15%;
}

.twoColumnTable .textC {
	word-break: normal;
}

/* ↓商品別tableカラー↓ */
/* 香料・フレーバー */
.twoColumnTable table.flavorTable,
.twoColumnTable table.flavorTable th,
.twoColumnTable table.flavorTable td {
	border-color: #F5E23D;
}

.twoColumnTable table.flavorTable tr.tableTtl th {
	background-color: #FCF6CA;
}

/* 製菓材料 */
.twoColumnTable table.confectioneryTable,
.twoColumnTable table.confectioneryTable th,
.twoColumnTable table.confectioneryTable td {
	border-color: #C1D614;
}

.twoColumnTable table.confectioneryTable tr.tableTtl th {
	background-color: #F2F7DA;
}

/* 栗 */
.twoColumnTable table.astryMallonTable,
.twoColumnTable table.astryMallonTable th,
.twoColumnTable table.astryMallonTable td {
	border-color: #4C140D;
}

.twoColumnTable table.astryMallonTable tr.tableTtl th {
	background-color: #EEBB9F;
}

/* 和菓子材料 */
.twoColumnTable table.japaneseConfectioneryTable,
.twoColumnTable table.japaneseConfectioneryTable th,
.twoColumnTable table.japaneseConfectioneryTable td {
	border-color: #80CACF;
}

.twoColumnTable table.japaneseConfectioneryTable tr.tableTtl th {
	background-color: #BFE4E7;
}

/* ゼリー材料 */
.twoColumnTable table.jellyTable,
.twoColumnTable table.jellyTable th,
.twoColumnTable table.jellyTable td {
	border-color: #34BCEC;
}

.twoColumnTable table.jellyTable tr.tableTtl th {
	background-color: #C2EBF9;
}

/* 膨張剤 */
.twoColumnTable table.expansionTable,
.twoColumnTable table.expansionTable th,
.twoColumnTable table.expansionTable td {
	border-color: #DAAD3F;
}

.twoColumnTable table.expansionTable tr.tableTtl th {
	background-color: #F3E4C0;
}

/* 品質改良剤 */
.twoColumnTable table.improvingTable,
.twoColumnTable table.improvingTable th,
.twoColumnTable table.improvingTable td {
	border-color: #F29600;
}

.twoColumnTable table.improvingTable tr.tableTtl th {
	background-color: #FBE2BE;
}

/* 食品用アルコール・殺菌剤 */
.twoColumnTable table.fungicideTable,
.twoColumnTable table.fungicideTable th,
.twoColumnTable table.fungicideTable td {
	border-color: #0058A4;
}

.twoColumnTable table.fungicideTable tr.tableTtl th {
	background-color: #B5C1E0;
}

/* かん水・麺用 */
.twoColumnTable table.noodlesTable,
.twoColumnTable table.noodlesTable th,
.twoColumnTable table.noodlesTable td {
	border-color: #E95513;
}

.twoColumnTable table.noodlesTable tr.tableTtl th {
	background-color: #FCDFA3;
}

/* ↑商品別tableカラー↑ */

.aboutList {
	margin: 0 0 0 4px;
}

.aboutList dt {
	font-weight: bold;
	padding: 0 0 0 20px;
	margin: 10px 0 0 0;
	position: relative;
	line-height: 1.0;
}

.aboutList dt:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	margin: -8px 0 0 0;
	border-radius: 6px;
	border: 2px solid #FBAE34;
	background-color: #FEF6E8;
	position: absolute;
	top: 50%;
	left: 0;
}

.aboutList dd {
	padding: 0 0 0 20px;
}

.dangerous {
	display: inline-block;
	/display: block;
	/zoom: 1;
	color: #262A8B;
	font-weight: bold;
	line-height: 1.2;
	padding: 6px 8px 4px 8px;
	margin: 0 0 10px 0;
	border: 2px solid #262A8B;
}

.content .goodsName {
	display: block;
	color: #666666;
	text-align: center;
	padding: 5px 0 0 0;
}

/* 食用色素・着色料 */
/* ★ */
.colorList {
	padding: 0 0 20px 0;
}

.colorSttl {
	font-size: 107.7%;
	padding: 12px 10px 8px 20px;
	margin: 0 0 10px 0;
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
	position: relative;
}

.colorSttl:before {
	content: "";
	display: block;
	width: 12px;
	height: 33px;
	background: url(../img/catalog/color/bg_colorSttl.gif) 0 0 repeat-x;
	background-size: 1px 33px;
	-webkit-background-size: 1px 33px;
	-moz-background-size: 1px 33px;
	-ms-background-size: 1px 33px;
	position: absolute;
	bottom: 4px;
	left: -3px;
}

/*↓/////IE8用/////↓*/
.colorSttl:before {
	background: url(../img/catalog/color/bg_colorSttl_ie.gif) 0 0 repeat-x\9;
}

:root .colorSttl:before {
	background: url(../img/catalog/color/bg_colorSttl.gif) 0 0 repeat-x\0;
	background-size: 1px 33px\0;
	-ms-background-size: 1px 33px\0;
}

/*↑/////IE8用/////↑*/
.colorList .colorBodyTable {
	width: 100%;
	table-layout: fixed;
	text-align: center;
	line-height: 1.2;
	margin: 0 0 30px 0;
}

.colorList .colorBodyTable th {
	font-weight: bold;
	vertical-align: bottom;
	padding: 8px 20px 2px 20px;
}

.colorList .colorBodyTable .capacity span {
	color: #666666;
	display: block;
	width: 100%;
	padding: 4px 0 0 0;
	margin: 0 0 5px 0;
	border-top: 1px solid #666666;
}

.colorList .colorBodyTable td {
	vertical-align: top;
	padding: 0 20px;
}

.colorList .colorBodyTable .colorTableImg {
	vertical-align: bottom;
}

.colorList .colorImg {
	width: 60px;
	float: left;
	padding: 0 0 0 5px;
	margin: 1em 0 0 0;
}

.colorList .accessoryList {
	font-size: 76.9%;
	text-align: center;
	width: 65px;
	float: right;
}

.colorList .accessoryList dt {
	margin: 0 0 2px 0;
}

.colorList .accessoryList dd {
	padding: 2px;
	margin: 0 0 2px 0;
	border: 1px solid #AAAAAA;
}

.colorList .comment {
	text-align: left;
	padding: 0 5px;
}

/* 食品用アルコール・殺菌剤 */
.fungicidePoint {
	font-size: 50%;
	font-weight: normal;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
}

.fungicidePoint span {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	color: #FFFFFF;
	line-height: 1.0;
	padding: 4px 8px;
	margin: 4px 4px 4px 0;
	border-radius: 4px;
	background-color: #262A8B;
}

.fungicideList {
	margin: 20px 0 0 0;
	text-align: center;
}

.fungicideList li {
	width: 163px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: bottom;
	margin: 0 15px 10px 0;
}

.fungicidePureChlor {
	margin: 15px 0 0 0;
}

.fungicidePureChlor .leftArea {
	width: 520px;
	float: left;
}

.fungicidePureChlor .rightArea {
	width: 150px;
	float: right;
}

.fungicideList li img,
.fungicidePureChlor img {
	width: 100%;
}


/* 会社概要 */
.companyArea,
.recruitArea {
	margin: 0 0 20px 0;
}

.companyArea .tableArea {
	width: 480px;
	float: left;
}

.companyArea table,
.recruitArea table {
	font-size: 100%;
}

.companyArea .tableArea th,
.recruitArea .tableArea th {
	width: 6em;
	padding: 10px;
	background-color: #E9E3D6;
}

.companyArea .tableArea td,
.recruitArea .tableArea td {
	padding: 10px;
}

.companyArea .tableArea td .notes li {
	color: #333333;
}

.companyArea .tableArea dt {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 0 2px;
	margin: 0 0 5px 0;
	border-bottom: 1px dotted #AAAAAA;
}

.outsideImageSide {
	width: 190px;
	float: right;
}

.outsideImageSide li {
	margin: 0 0 10px 0;
}

.outsideImageSide img {
	width: 100%;
}

#gMap iframe {
	width: 100%;
	height: 400px;
}

.historyArea .Fright {
	background-color: #FFFFFF;
}

.outsideImageSide .caption,
.outsideImage .caption,
.historyArea .caption {
	display: block;
	color: #666666;
	font-size: 85.7%;
	text-align: right;
	margin: 5px 0 0 0;
}

.historyArea dt {
	width: 7em;
	float: left;
	padding: 10px 0.5em;
}

.historyArea dd {
	padding: 10px 10px 10px 9em;
	border-bottom: 1px dotted #AAAAAA;
}

/* よくあるご質問 */
.questionArea {
	border-top: 1px solid #C7B1A8;
}

.questionArea dl {
	margin: 1px 0 0 0;
	border-top: 1px solid #C7B1A8;
	border-bottom: 1px solid #C7B1A8;
}

.questionArea dt {
	font-weight: bold;
	padding: 4px 10px 6px 10px;
	border-left: 10px solid #E6D2CA;
	background-color: #F3EDEB;
}

.questionArea dt:before {
	content: "Ｑ";
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif;
	width: 1.5em;
	color: #E50012;
	font-size: 114.3%;
	font-weight: normal;
	display: inline-block;
}

.questionArea dd {
	padding: 10px 10px 20px 20px;
}

/* お問い合わせ */
.telNumberArea {
	text-align: center;
	margin: 10px 0;
}

.telNumberArea ul {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 10px 30px;
	border: 1px solid #AAAAAA;
}

.telNumberArea ul li {
	font-size: 142.9%;
	font-weight: bold;
	text-align: left;
	word-break: inherit;
}

.mw_wp_form .companyArea table th {
	width: 11em;
	padding: 10px;
	background-color: #E9E3D6;
}

.mw_wp_form .companyArea td {
	padding: 10px;
}

.mw_wp_form .symbol {
	padding: 0 5px;
}

.mw_wp_form .zipSymbol {
	padding: 0 5px 0 0;
}

.mw_wp_form .exception {
	color: #999999;
}

.mw_wp_form span.exception {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 0 5px;
}

.mw_wp_form div.exception {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 5px 0 0 0;
}

.mw_wp_form td input {
	width: 94%;
	padding: 5px 2%;
	margin: 0 0 5px 0;
	box-sizing: content-box;
	border-radius: 6px;
	border: 1px solid #AAAAAA;
}

.mw_wp_form td textarea {
	width: 94%;
	padding: 5px 2%;
	border-radius: 6px;
	border: 1px solid #AAAAAA;
	resize: vertical;
}

.mw_wp_form td .mwform-zip-field input,
.mw_wp_form td .mwform-tel-field input {
	width: auto;
}

.mw_wp_form .error {
	color: #CC0000;
	font-weight: bold;
	display: block;
}

.formBtnArea {
	text-align: center;
}

.formBtnArea li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 10px 10px 10px;
}

.formBtnArea input {
	width: 13em;
	font-family: inherit;
	font-weight: bold;
	line-height: 1;
	padding: 15px 20px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
	border-radius: 4px;
	border: 1px solid #8E4805;
	background-color: #FBAE34;
	background: linear-gradient(to bottom, #FBAE34, #F17A0A);
	background: -webkit-gradient(linear, left top, left bottom, from(#FBAE34), to(#F17A0A));
	background: -moz-linear-gradient(top, #FBAE34, #F17A0A);
	cursor: pointer;
	outline: none;
}

.formBtnArea input:hover {
	background-color: #FFC871;
	background: linear-gradient(to bottom, #FFC871, #FF8D23);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFC871), to(#FF8D23));
	background: -moz-linear-gradient(top, #FFC871, #FF8D23);
}

.formBtnArea .leftArea input {
	border: 1px solid #999999;
	background-color: #EFEFEF;
	background: linear-gradient(to bottom, #FFFFFF, #CCCCCC);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC));
	background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
}

.formBtnArea .leftArea input:hover {
	background-color: #FFFFFF;
	background: linear-gradient(to bottom, #FFFFFF, #DEDEDE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DEDEDE));
	background: -moz-linear-gradient(top, #FFFFFF, #DEDEDE);
}

input::-moz-focus-inner,
button::-moz-focus-inner {
	border: 0;
}


/* side
---------------------------------------------------- */
#side {
	width: 240px;
	float: left;
}

.sideMenu {
	margin: 0 0 20px 0;
}

.sideMenu h3 {
	color: #5B1124;
	font-size: 114.3%;
	font-weight: bold;
	text-align: center;
	line-height: 1.0;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
	padding: 15px 0 12px 0;
	border-radius: 10px 10px 0 0;
	border-left: 2px solid #C9C9C9;
	border-top: 2px solid #C9C9C9;
	border-right: 2px solid #C9C9C9;
	background: #C9C9C9;
	background: linear-gradient(to bottom, #F2F2F2, #AAAAAA);
	background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#AAAAAA));
	background: -moz-linear-gradient(top, #F2F2F2, #AAAAAA);
}

.sideMenu ul {
	padding: 5px 5px 10px 5px;
	border: 1px solid #BBBBBB;
	background-color: #DDDDDD;
}

.sideMenu li {
	border-top: 1px dotted #BBBBBB;
	background-color: #FFFFFF;
	position: relative;
}

.sideMenu li:first-child {
	border-top: none;
}

.sideMenu h3 span,
.sideMenu li a span {
	display: none;
	line-height: 1.0;
	text-align: center;
	white-space: nowrap;
	text-indent: 150%;
}

.sideMenu li a {
	display: block;
	text-decoration: none;
	line-height: 1.0;
	padding: 15px 10px 15px 22px;
	position: relative;
}

.sideMenu li a:before {
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	vertical-align: middle;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #FAA319;
	position: absolute;
	top: 50%;
	left: 10px;
	margin: -6px 0 0 0;
}

.sideMenu li:hover a,
.sideMenu li.current-menu-item a {
	background-color: #FEF6E8;
}

.sideMenu ul.sub-menu {
	display: none;
	width: 98%;
	padding: 0 0 0 2%;
	border: none;
	background-color: #FAA319;
	position: absolute;
	top: 0;
	right: -100%;
}

.sideMenu ul.sub-menu li {
	border: none;
	background-color: #FFE9C9;
}

.sideMenu ul.sub-menu li a {
	padding: 10px 10px 10px 22px;
}

.sideMenu li:hover ul.sub-menu li a,
.sideMenu ul.sub-menu li.current-menu-item a {
	background-color: transparent;
}

.sideMenu ul.sub-menu li a:hover {
	text-decoration: underline;
}

.sideMenu li.catFlavor ul.sub-menu {
	width: 198%;
	right: -200%;
}

.sideMenu li.catFlavor ul.sub-menu li {
	width: 50%;
	/width: 49%;
	float: left;
}

.sideMenu li.catFlavor ul.sub-menu li a {
	border-left: 1px solid #FAA319;
}


/* footer
---------------------------------------------------- */
#footer {
	padding: 40px 20px 30px;
	border-top: 1px solid #999999;
	border-bottom: 5px solid #373737;
}

#footerNavi {
	text-align: center;
	letter-spacing: -0.40em;
	margin: 0 0 40px 0;
}

#footerNavi li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 0 1em 0 0;
	letter-spacing: normal;
}

#footerNavi li:after {
	content: "/";
	padding: 0 0 0 1em;
}

#footerNavi li.lastChild {
	padding: 0;
}

#footerNavi li.lastChild:after {
	content: "";
	padding: 0;
}

#footerNavi li a {
	color: #111111;
	text-decoration: none;
}

#footerNavi li a:hover {
	text-decoration: underline;
}

#adressArea {
	text-align: right;
	margin: 0 0 20px 0;
	letter-spacing: -0.40em;
}

#adressArea dl {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	letter-spacing: normal;
}

#adressArea dl dt {
	text-align: left;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	letter-spacing: normal;
	vertical-align: middle;
	padding: 0 10px 0 0;
}

#adressArea dl dt img {
	width: 70px;
}

#adressArea dl dd {
	text-align: left;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	letter-spacing: normal;
	vertical-align: middle;
}

#adressArea dl dd.companyName {
	padding: 0 30px 0 0;
}

#adressArea dl dd.companyName strong {
	font-weight: bold;
	font-size: 142.9%;
}

.copyright {
	text-align: right;
}

#pageTop {
	display: none;
	position: fixed;
	bottom: 150px;
	right: 60px;
}

/* @media
----------------------------------------------------
---------------------------------------------------- */
@media screen and (max-width:1242px) {

	/*body {font-size:80%;}★*/
	#globalNavigation .gNaviInner {
		padding: 0;
	}

	#globalNavigation #globalNavi {
		width: 100%;
		/*display:block;*/
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		box-sizing: border-box;
		letter-spacing: normal;
	}

	#globalNavigation #globalNavi li {
		/*width:16%;*/
		/*width:20%;
		float:left;*/
		display: block;
		width: 100%;
	}

	#globalNavigation #globalNavi li.gNaviConcept {
		min-width: 170px;
	}

	/*#globalNavigation #globalNavi li.gNaviConcept {width:20%;}*/
	#globalNavigation #globalNavi li a {
		min-width: auto;
		font-size: 90%;
		padding: 20px 5px;
		box-sizing: border-box;
	}

	#globalNavigation #globalNavi li:last-child a {
		border: none;
	}
}

@media screen and (max-width:1024px) {
	#header .headerInner {
		padding: 10px 0;
		border: none;
	}

	#header h1 {
		width: 41%;
		float: none;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		vertical-align: middle;
	}

	#header h1 .logo {
		width: 29%;
		padding: 0 5% 0 0;
	}

	#header h1 .companyName {
		width: 66%;
	}

	#header .contactArea {
		width: 58%;
		float: none;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		text-align: right;
		vertical-align: middle;
	}

	#header .contactArea li {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		vertical-align: middle;
	}

	#contents,
	body.company #contents,
	body.contact #contents,
	body.confirm #contents,
	body.complete #contents,
	body.privacy #contents,
	body.recruit #contents {
		width: 98%;
	}

	#main {
		width: 70%;
	}

	body.home #main,
	body.company #main,
	body.contact #main,
	body.confirm #main,
	body.complete #main,
	body.privacy #main,
	body.recruit #main {
		width: 100%;
	}

	#main img {
		max-width: 100%;
	}

	#side {
		width: 28%;
	}

	.section,
	.sectionMin {
		padding: 10px 10px 40px;
	}

	.Fright,
	.Fleft {
		max-width: 45%;
	}

	/* top */
	.productList dl {
		width: 23%;
		margin: 0 1.6% 20px 0;
	}

	/* 商品紹介 */
	.pageProductListArea {
		padding: 10px 0 40px 10px;
	}

	.pageProductListArea .productList dl {
		width: 31%;
		margin: 0 2.2% 20px 0;
	}

	.twoColumnTable .leftArea,
	.twoColumnTable .rightArea {
		width: 100%;
		float: none;
	}

	#main .twoColumnTable .rightArea table {
		border-top: none;
		border-left: 1px solid #CCCCCC;
	}

	.twoColumnTable .rightArea .tableTtl {
		display: none;
	}

	.twoColumnTable th.colorImg img {
		height: 3em;
	}

	/* 食用色素・着色料 */
	/* ★ */
	.colorList .colorBodyTable th {
		padding: 8px 2% 2px 2%;
	}

	.colorList .colorBodyTable td {
		padding: 0 2%;
	}

	.colorList .colorImg {
		width: 40%;
		padding: 0;
	}

	.colorList .accessoryList {
		width: 56%;
	}

	/* 食品用アルコール・殺菌剤 */
	.fungicideList li {
		width: 23%;
		margin: 0 2% 10px 0;
	}

	.fungicidePureChlor .leftArea {
		width: 71%;
		float: left;
	}

	.fungicidePureChlor .rightArea {
		width: 27%;
		float: right;
	}

	/* 会社概要 */
	.companyArea .tableArea {
		width: 68%;
	}

	.companyArea .outsideImageSide {
		width: 30%;
	}

	.outsideImage .leftArea,
	.outsideImage .rightArea {
		width: 48%;
	}

	/* 3階層目 - お問い合わせ誘導 */
	#subPageContactArea .contactAreaInner {
		padding: 15px 12px;
	}

	#pcContact .tell,
	#pcContact .fax {
		width: 48%;
		font-size: 26px;
	}
}

@media screen and (max-width:970px) {

	#pcContact .tell,
	#pcContact .fax,
	#subPageContactArea .contactAreaInner .mailForm a {
		font-size: 18px;
		line-height: initial;
	}
}

@media screen and (max-width:857px) {

	/* 食品用アルコール・殺菌剤 */
	.fungicideList li {
		width: 48%;
		margin: 0 2% 10px 0;
	}
}

@media screen and (max-width:768px) {
	.productList {
		margin: 0;
	}

	.productList dl {
		width: 48%;
		margin: 0 1.5% 20px 0;
	}

	.pageProductListArea .productList dl {
		width: 48%;
		margin: 0 2% 20px 0;
	}
}

@media screen and (min-width:737px) {

	#globalNavigation,
	.sideMenu ul#sideNavi {
		/*slideToggle対策*/
		display: block !important;
	}
}

@media screen and (max-width:736px) {

	/*body {font-size:90%;}★*/
	#header .headerInner {
		padding: 0;
	}

	#header h1 {
		width: 46%;
	}

	#header .contactArea {
		width: 51%;
		letter-spacing: -0.4em;
	}

	#header .contactArea li,
	#header .contactArea .contact {
		letter-spacing: normal;
		margin: 0 0 0 8px;
	}

	#header .contactArea .tel {
		margin: 0;
	}

	#header .contactArea .tel span,
	#header .contactArea .tel a {
		width: 40px;
		height: 40px;
		background: url(../img/common/btn_spTel.gif) 0 0 no-repeat;
		background-size: 40px 40px;
		-webkit-background-size: 40px 40px;
		-moz-background-size: 40px 40px;
		-ms-background-size: 40px 40px;
	}

	/*↓/////IE8用/////↓*/
	#header .contactArea .tel span,
	#header .contactArea .tel a {
		background: url(../img/common/btn_spTel_ie.gif) 0 0 no-repeat\9;
	}

	:root #header .contactArea .tel span,
	:root #header .contactArea .tel a {
		background: url(../img/common/btn_spTel.gif) 0 0 no-repeat\0;
		background-size: 40px 40px\0;
		-ms-background-size: 40px 40px\0;
	}

	/*↑/////IE8用/////↑*/
	#header .contactArea .contact a {
		width: 40px;
		height: 40px;
		font-size: 100%;
		padding: 0;
		box-shadow: none;
		border: none;
		white-space: nowrap;
		text-indent: 150%;
		overflow: hidden;
		background-color: transparent;
		background: url(../img/common/btn_spContact.gif) 0 0 no-repeat;
		background-size: 40px 40px;
		-webkit-background-size: 40px 40px;
		-moz-background-size: 40px 40px;
		-ms-background-size: 40px 40px;
	}

	/*↓/////IE8用/////↓*/
	#header .contactArea .contact a {
		background: url(../img/common/btn_spContact_ie.gif) 0 0 no-repeat\9;
	}

	:root #header .contactArea .contact a {
		background: url(../img/common/btn_spContact.gif) 0 0 no-repeat\0;
		background-size: 40px 40px\0;
		-ms-background-size: 40px 40px\0;
	}

	/*↑/////IE8用/////↑*/
	#header .contactArea .contact a:before {
		display: none;
	}

	#header .contactArea .contact a:hover {
		background-color: transparent;
	}

	#header .contactArea #spMenu {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		width: 40px;
	}

	#header .contactArea #spMenu a {
		display: block;
		width: 40px;
		height: 40px;
		white-space: nowrap;
		text-indent: 150%;
		overflow: hidden;
		background: url(../img/common/btn_spMenu.gif) 0 0 no-repeat;
		background-size: 40px 90px;
		-webkit-background-size: 40px 90px;
		-moz-background-size: 40px 90px;
		-ms-background-size: 40px 90px;
	}

	/*↓/////IE8用/////↓*/
	#header .contactArea #spMenu a {
		background: url(../img/common/btn_spMenu_ie.gif) 0 0 no-repeat\9;
	}

	:root #header .contactArea #spMenu a {
		background: url(../img/common/btn_spMenu.gif) 0 0 no-repeat\0;
		background-size: 40px 90px\0;
		-ms-background-size: 40px 90px\0;
	}

	/*↑/////IE8用/////↑*/
	#header .contactArea #spMenu a.active {
		background-position: 0 -50px;
	}

	#globalNavigation .searchBox {
		width: auto;
		float: none;
		text-align: center;
		padding: 15px 10px;
		background-color: #EB930E;
	}

	#globalNavigation .searchBox form {
		width: 100%;
		display: inline-block;
		/display: inline;
		/zoom: 1;
	}

	.searchBox .search-field {
		width: 300px;
		max-width: 50%;
		text-align: left;
	}

	#globalNavigation {
		display: none;
	}

	#globalNavigation #globalNavi {
		border-top: 1px solid #FEE4BA;
		border-bottom: 1px solid #63420A;
		flex-direction: column;
	}

	#globalNavigation #globalNavi li,
	#globalNavigation #globalNavi li.gNaviConcept {
		width: 100%;
		display: block;
		float: none;
		border-top: 1px dotted #FEE4BA;
	}

	#globalNavigation #globalNavi li:first-child {
		border: none;
	}

	#globalNavigation #globalNavi li a {
		text-align: left;
		padding: 20px 25px 20px 15px;
		border: none;
		position: relative;
	}

	#globalNavigation #globalNavi li a:before {
		content: "";
		display: block;
		width: 0px;
		height: 0px;
		margin: -6px 0 0;
		border-style: solid;
		border-width: 6px 0 6px 6px;
		border-color: transparent transparent transparent #5A3B09;
		position: absolute;
		top: 50%;
		right: 15px;
	}

	#mainVisual {
		padding: 10px 10px 15px 10px;
	}

	#contents,
	body.company #contents,
	body.contact #contents,
	body.confirm #contents,
	body.complete #contents,
	body.privacy #contents,
	body.recruit #contents {
		width: 100%;
		padding: 0;
	}

	/* main */
	#main,
	body.home #main,
	body.company #main,
	body.contact #main,
	body.confirm #main,
	body.complete #main,
	body.privacy #main,
	body.recruit #main {
		width: 96%;
		float: none;
		padding: 20px 2%;
		margin: 0 auto;
	}

	.sttlH3 {
		font-size: 135.7%;
	}

	.sttlH2 {
		font-size: 121.4%;
		font-weight: bold;
		padding: 15px 10px 10px 10px;
		margin: 0;
	}

	.sttlH2:before {
		width: 60px;
	}

	.sttlH2:after {
		width: 36px;
	}

	.sttlH2 span {
		font-weight: normal;
		padding: 0 0 0 10px;
	}

	.sttlH4:before,
	.sttlH4:after {
		display: none;
	}

	.breadList {
		padding: 10px;
		margin: 0;
		background: url(../img/common/bg_mainVisual.gif) 0 bottom repeat-x #EDE9DE;
	}

	body.home .arrowLink,
	body.home .arrowLink:link,
	body.home .arrowLink:visited {
		color: #753909;
		display: block;
		font-size: 114.3%;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		padding: 14px;
		margin: 0 10px;
		box-shadow: 0 6px 0 rgba(245, 104, 2, 1.0);
		border-radius: 10px;
		background-color: #FAA319;
		position: relative;
		outline: none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
	}

	body.home .arrowLink:hover {
		background-color: #FDB94D;
	}

	body.home .arrowLink:before {
		display: block;
		padding: 0;
		margin: -7px 0 0 0;
		border-color: transparent transparent transparent #FFFFFF;
		position: absolute;
		top: 50%;
		right: 14px;
		left: auto;
	}

	/* side */
	#side {
		width: 96%;
		float: none;
		padding: 20px 2% 10px;
		border-top: 1px solid #BBBBBB;
		background-color: #EEEEEE;
	}

	.sideMenu h3 {
		text-align: left;
		padding: 15px 10px 12px 30px;
		border-radius: 0;
		border: 1px solid #CA8004;
		background: #FAA319;
		position: relative;
	}

	.sideMenu h3:before {
		content: "";
		display: block;
		width: 0px;
		height: 0px;
		margin: -5px 0 0;
		border-style: solid;
		border-width: 10px 6px 0px 6px;
		border-color: #5B1124 transparent transparent transparent;
		position: absolute;
		top: 50%;
		left: 10px;
	}

	.sideMenu h3 span {
		display: block;
		width: 44px;
		height: 44px;
		line-height: 1.0;
		text-align: center;
		white-space: nowrap;
		text-indent: 150%;
		overflow: hidden;
		margin: -22px 0 0 0;
		background: url(../img/common/btn_slideParentMenu.gif) 10px 10px no-repeat;
		background-size: 24px 64px;
		-webkit-background-size: 24px 64px;
		-moz-background-size: 24px 64px;
		-ms-background-size: 24px 64px;
		position: absolute;
		top: 50%;
		right: 0px;
		z-index: 5;
		cursor: pointer;
	}

	/*↓/////IE8用/////↓*/
	.sideMenu h3 span {
		background: url(../img/common/btn_slideParentMenu_ie.gif) 10px 10px no-repeat\9;
	}

	:root .sideMenu h3 span {
		background: url(../img/common/btn_slideParentMenu.gif) 10px 10px no-repeat\0;
		background-size: 24px 64px\0;
		-ms-background-size: 24px 64px\0;
	}

	/*↑/////IE8用/////↑*/
	.sideMenu h3 span.active {
		background-position: center -30px;
	}

	.sideMenu ul {
		padding: 0;
		border: 1px solid #CA8004;
		border-top: none;
		background-color: #FFFFFF;
	}

	.sideMenu ul#sideNavi {
		display: none;
	}

	.sideMenu li {
		border-top: 1px solid #CA8004;
	}

	.sideMenu li a {
		padding: 15px 40px 15px 22px;
	}

	.sideMenu li a span {
		display: block;
		width: 44px;
		height: 44px;
		line-height: 1.0;
		text-align: center;
		margin: -22px 0 0 0;
		white-space: nowrap;
		text-indent: 150%;
		overflow: hidden;
		background: url(../img/common/btn_slideMenu.gif) 10px 10px no-repeat;
		background-size: 24px 64px;
		-webkit-background-size: 24px 64px;
		-moz-background-size: 24px 64px;
		-ms-background-size: 24px 64px;
		position: absolute;
		top: 50%;
		right: 0px;
		z-index: 5;
		cursor: pointer;
	}

	/*↓/////IE8用/////↓*/
	.sideMenu li a span {
		background: url(../img/common/btn_slideMenu_ie.gif) 10px 10px no-repeat\9;
	}

	:root .sideMenu li a span {
		background: url(../img/common/btn_slideMenu.gif) 10px 10px no-repeat\0;
		background-size: 24px 64px\0;
		-ms-background-size: 24px 64px\0;
	}

	/*↑/////IE8用/////↑*/
	.sideMenu li a span.active {
		background-position: center -30px;
	}

	.sideMenu ul.sub-menu li a:hover {
		text-decoration: none;
	}

	.sideMenu ul.sub-menu {
		width: 97%;
		display: none;
		padding: 0 0 0 3%;
		position: static;
		background-color: transparent;
	}

	.sideMenu ul.sub-menu li {
		border-top: 1px dotted #FAA319;
	}

	.sideMenu ul.sub-menu li a {
		padding: 15px 10px 15px 22px;
		border-left: 1px dotted #FAA319;
	}

	.sideMenu li:hover a,
	.sideMenu li.current-menu-item a {
		background-color: transparent;
	}

	.sideMenu li.catFlavor ul.sub-menu {
		width: 97%;
		left: 0;
	}

	.sideMenu li.catFlavor ul.sub-menu li a {
		border-left: 1px dotted #FAA319;
	}

	/* TOP */
	.productList dl,

	.pageProductListArea .productList dl {
		display: block;
		width: auto;
		padding: 10px;
		margin: 0 10px 10px 0;
		border-radius: 10px;
		border: 1px solid #AAAAAA;
		cursor: pointer;
	}

	.productList dl dt.sttlH5 {
		margin: 0;
	}

	.productList dl dt.sttlH5 a {
		position: relative;
	}

	.productList dl dt.sttlH5 a:before {
		content: "";
		display: block;
		width: 0px;
		height: 0px;
		margin: -8px 0 0;
		border-style: solid;
		border-width: 6px 0 6px 6px;
		border-color: transparent transparent transparent #AAAAAA;
		position: absolute;
		top: 50%;
		right: -10px;
	}

	.productList dl dd {
		display: none;
	}

	.Fright,
	.Fleft {
		width: 45%;
	}

	.newsList .date {
		width: auto;
		float: none;
		padding: 20px 0 10px 22px;
	}

	.newsList .date:before {
		margin: -2px 0 0 0;
	}

	.newsList .title {
		padding: 0 10px 20px 10px;
	}

	.newsList .new {
		margin: 0 0 0 5px;
	}

	.newsList .new:before {
		display: none;
	}

	/* 商品紹介 */
	.twoColumnTable {
		margin: 0 0 30px 0;
	}

	/* 3階層目 - お問い合わせ誘導 */
	#subPageContactArea {
		padding: 20px 0;
		margin: 20px 0 0 0;
		border-top: 1px dotted #BBBBBB;
	}

	#subPageContactArea .contactAreaInner {
		border-radius: 10px;
		padding: 10px 8px;
	}

	#subPageContactArea .contactAreaInner strong {
		font-size: 100%;
	}

	#pcContact {
		margin: 8px 0 0 0;
	}

	#pcContact .tell,
	#pcContact .fax {
		width: 100%;
		float: none;
		font-size: 121.4%;
		text-align: center;
		margin: 0 0 6px 0;
	}

	#pcContact .tell span,
	#pcContact .tell a {
		color: #FFFFFF;
		min-height: auto;
		padding: 12px 22px 10px 10px;
		border-radius: 6px;
		background-color: #FAA31A;
		position: relative;
	}

	#pcContact .tell a:hover {
		background-color: #FBB548;
	}

	#pcContact .tell span:before,
	#pcContact .tell a:before {
		width: 22px;
		height: 17px;
		background: url(../img/catalog/ico_comtactTel_sp.gif) 0 bottom no-repeat;
		background-size: 17px 17px;
		-webkit-background-size: 17px 17px;
		-moz-background-size: 17px 17px;
		-ms-background-size: 17px 17px;
		vertical-align: bottom;
	}

	/*↓/////IE8用/////↓*/
	#pcContact .tell span:before {
		background: url(../img/catalog/ico_comtactTel_ie.gif) 0 0 no-repeat\9;
	}

	:root #pcContact .tell span:before {
		background: url(../img/catalog/ico_comtactTel_sp.gif) 0 0 no-repeat\0;
		background-size: 17px 17px\0;
		-ms-background-size: 17px 17px\0;
	}

	/*↑/////IE8用/////↑*/
	#pcContact .tell span:after,
	#pcContact .tell a:after {
		content: "";
		display: block;
		width: 0px;
		height: 0px;
		margin: -8px 0 0;
		border-style: solid;
		border-width: 6px 0 6px 6px;
		border-color: transparent transparent transparent #FFFFFF;
		position: absolute;
		top: 50%;
		right: 10px;
	}

	#pcContact .fax span {
		color: #464646;
		min-height: auto;
		padding: 12px 22px 10px 10px;
		border: 1px solid #CCCCCC;
		border-radius: 6px;
		background-color: #FFFFFF;
		position: relative;
	}

	#pcContact .fax span:before {
		width: 22px;
		height: 21px;
		background: url(../img/catalog/ico_comtactFax_sp.gif) 0 bottom no-repeat;
		background-size: 16px 21px;
		-webkit-background-size: 16px 21px;
		-moz-background-size: 16px 21px;
		-ms-background-size: 16px 21px;
		vertical-align: bottom;
	}

	/*↓/////IE8用/////↓*/
	#pcContact .fax span:before {
		background: url(../img/catalog/ico_comtactFax_ie.gif) 0 0 no-repeat\9;
	}

	:root #pcContact .fax span:before {
		background: url(../img/catalog/ico_comtactFax_sp.gif) 0 0 no-repeat\0;
		background-size: 16px 21px\0;
		-ms-background-size: 16px 21px\0;
	}

	/*↑/////IE8用/////↑*/
	#pcContact .fax span:after {
		content: "";
		display: block;
		width: 0px;
		height: 0px;
		margin: -8px 0 0;
		border-style: solid;
		border-width: 6px 0 6px 6px;
		border-color: transparent transparent transparent #FAA31A;
		position: absolute;
		top: 50%;
		right: 10px;
	}

	#subPageContactArea .contactAreaInner .mailForm a {
		font-size: 121.4%;
		padding: 12px 22px 10px 10px;
		border-radius: 6px;
	}

	#subPageContactArea .contactAreaInner .mailForm a:before {
		width: 25px;
		height: 16px;
		vertical-align: middle;
		background: url(../img/catalog/ico_comtactMail_sp.gif) 0 0 no-repeat;
		background-size: 20px 14px;
		-webkit-background-size: 20px 14px;
		-moz-background-size: 20px 14px;
		-ms-background-size: 20px 14px;
		vertical-align: bottom;
	}

	/*↓/////IE8用/////↓*/
	#subPageContactArea .contactAreaInner .mailForm a:before {
		background: url(../img/catalog/ico_comtactMail_ie.gif) 0 0 no-repeat\9;
	}

	:root #subPageContactArea .contactAreaInner .mailForm a:before {
		background: url(../img/catalog/ico_comtactMail_sp.gif) 0 0 no-repeat\0;
		background-size: 20px 14px\0;
		-ms-background-size: 20px 14px\0;
	}

	/*↑/////IE8用/////↑*/
	#subPageContactArea p.notes {
		text-align: left;
	}

	/* footer */
	#footer {
		padding: 0;
		border-top: 4px solid #666666;
	}

	#footerNavi {
		margin: 0 0 15px 0;
		background-color: #D8D8D8;
	}

	#footerNavi li {
		display: block;
		width: 50%;
		float: left;
		padding: 0;
	}

	#footerNavi li:after {
		display: none;
	}

	#footerNavi li a {
		display: block;
		text-align: left;
		padding: 15px 25px 15px 15px;
		border-right: 1px solid #999999;
		border-bottom: 1px solid #999999;
		background-color: #D8D8D8;
		position: relative;
	}

	#footerNavi li a:before {
		content: "";
		display: block;
		width: 0px;
		height: 0px;
		margin: -8px 0 0;
		border-style: solid;
		border-width: 6px 0 6px 6px;
		border-color: transparent transparent transparent #AAAAAA;
		position: absolute;
		top: 50%;
		right: 10px;
	}

	#adressArea {
		text-align: center;
		margin: 0 0 15px 0;
	}

	#adressArea dl dt img {
		width: 60px;
	}

	#adressArea dl dd {
		font-size: 85.7%;
		margin: 10px 0;
	}

	#adressArea dl dd.companyName {
		margin: 0;
		padding: 0;
	}

	#adressArea dl dd.companyName strong {
		font-size: 116.7%;
	}

	.copyright {
		font-size: 85.7%;
		text-align: center;
		padding: 10px 0;
		margin: 0 10px;
		border-top: 1px solid #AAAAAA;
	}

	#pageTop {
		width: 45px;
		height: 45px;
		bottom: 10px;
		right: 10px;
		z-index: 20;
	}

	#pageTop img {
		width: 100%;
	}
}

@media screen and (max-width:568px) {
	#main {
		width: 94%;
		padding: 20px 3%;
	}

	#side {
		width: 94%;
		padding: 20px 3% 10px;
	}

	/*#footerNavi li.longMenu {width:100%;}*/

	/* 会社概要 */
	.companyArea .tableArea {
		width: 100%;
		float: none;
	}

	.companyArea .outsideImageSide {
		width: 100%;
		float: none;
	}

	.outsideImageSide {
		text-align: center;
		margin: 20px 0 0 0;
	}

	.outsideImageSide li {
		display: inline-block;
		/display: inline;
		/zoom: 1;
		width: 31%;
		margin: 0 2% 0 0;
	}

	#gMap iframe {
		height: 260px;
	}
}

@media screen and (max-width:460px) {

	/* 食用色素・着色料 */
	/* ★ */
	.colorList {
		font-size: 80%;
	}

	.colorList .accessoryList {
		width: 100%;
		float: none;
		padding: 0 0 102% 0;
	}

	.colorList .colorBodyTable td {
		position: relative;
	}

	.colorList .colorImg {
		width: 80%;
		float: none;
		padding: 0;
		margin: 0 auto;
		position: absolute;
		left: 10%;
		bottom: 0;
	}
}

@media screen and (max-width:390px) {

	.companyArea .tableArea th,
	.companyArea .tableArea td,
	.mw_wp_form .companyArea table th,
	.mw_wp_form .companyArea table td {
		display: block;
		width: 96%;
		padding: 10px 2%;
	}

	/*↓/////IE10以下用/////↓*/
	.companyArea .tableArea th {
		display: table-cell\9;
		width: 6em\9;
	}

	.mw_wp_form .companyArea table th {
		display: table-cell\9;
		width: 8em\9;
	}

	.companyArea .tableArea td,
	.mw_wp_form .companyArea table td {
		display: table-cell\9;
		width: auto\9;
	}

	/*↑/////IE10以下用/////↑*/
	.historyArea .Fright {
		width: 100%;
		max-width: 100%;
		float: none;
		padding: 0 0 10px 0 !important;
	}

	.historyArea .Fright img {
		width: 100%;
	}

	.historyArea dl {
		border-top: 1px dotted #AAAAAA;
	}

	.historyArea dt {
		width: auto;
		float: none;
		background-color: #EFEFEF;
	}

	.historyArea dd {
		padding: 10px 0.5em;
	}

	.telNumberArea ul li {
		font-size: 128.6%;
	}

	/* 食品用アルコール・殺菌剤 */
	.fungicidePureChlor .leftArea {
		width: 100%;
		float: none;
	}

	.fungicidePureChlor .rightArea {
		width: 50%;
		float: none;
		margin: 15px auto 0;
	}

	.outsideImageSide li {
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
	}
}

/* 印刷用
---------------------------------------------------- */
@media print {

	#header .contactArea .contact,
	#globalNavigation,
	#mainVisual,
	.sttlH2:before,
	.sttlH2:after,
	.sttlH4:before,
	.sttlH4:after,
	#footerNavi,
	#pageTop,
	#subPageContactArea .mailForm,
	#pcContact .tell span:before,
	#pcContact .tell a:before,
	#pcContact .fax span:before {
		display: none !important;
	}

	#header .contactArea .tel span {
		background: none;
		text-indent: inherit;
		font-size: 210%;
		font-weight: bold;
		overflow: visible;
	}

	.sttlH4 {
		color: #333333;
		border: 1px solid #000000;
		border-left: 10px solid #000000;
	}

	.newsList .new {
		color: #B20000;
	}

	.sideMenu h3 {
		border: 1px solid #C9C9C9;
	}

	#subPageContactArea {
		text-align: center;
	}

	.questionArea dd {
		border-top: 1px solid #C7B1A8;
	}
}