* { margin: 0;padding: 0; }
*::after,* { -webkit-text-size-adjust: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
html { font-size: 62.5%;background: #fff; }
body { font-family:"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック","ＭＳ ゴシック";text-align: center; }
img	{ border-width:0;vertical-align: middle; }
	/*a img { opacity: 1;transition: 0.3s; }
	a:hover img { opacity: .5; }*/
/* ホーバー拡大 */
.cp_imghover { overflow: hidden;width: 100%;height: auto;cursor: pointer; }
.cp_zoomout img { width: 100%;height: auto;-webkit-transition: all 1s ease;transition: all 1s ease; }
.cp_zoomout img:hover {　-webkit-transform: scale(2,2);transform: scale(1.05,1.05);transition: .4s; }


/*フローティングバナー*/
	.fix_bn-R { width: 55px;height: 180px;position: fixed ;right: 0;bottom: 0;z-index: 999;border: 1px #fff solid;
				-webkit-transition: width ease-in-out 0.5s;-moz-transition: width ease-in-out 0.5s;-ms-transition: width ease-in-out 0.5s;
				-o-transition: width ease-in-out 0.5s;transition: width ease-in-out 0.5s; }
		.fix_bn-R a { display: block;width: 100%;height: 100%; }
		.fix_bn-R:hover { width: 55px; }
	.fix_bn-R02 { width: 55px;height: 55px;position: fixed ;right: 0;bottom: 0;z-index: 999;border: 1px #fff solid;
				-webkit-transition: width ease-in-out 0.5s;-moz-transition: width ease-in-out 0.5s;-ms-transition: width ease-in-out 0.5s;
				-o-transition: width ease-in-out 0.5s;transition: width ease-in-out 0.5s; }
		.fix_bn-R02 a { display: block;width: 100%;height: 100%; }
		.fix_bn-R02:hover { width: 250px; }
	.fix_bn-R03 { width: 55px;height: 55px;position: fixed ;right: 0;bottom: 0;z-index: 999;border: 1px #fff solid;
				-webkit-transition: width ease-in-out 0.5s;-moz-transition: width ease-in-out 0.5s;-ms-transition: width ease-in-out 0.5s;
				-o-transition: width ease-in-out 0.5s;transition: width ease-in-out 0.5s; }
		.fix_bn-R03 a { display: block;width: 100%;height: 100%; }
		.fix_bn-R03:hover { width: 55px; }
	#fix01 { background: url("../images/sidenavi01.gif") 0 0 no-repeat;bottom: 54px; }
	#fix02 { background: url("../images/sidenavi02.gif") 0 0 no-repeat;bottom: 196px; }
	#fix03 { background: url("../images/sidenavi03.gif") 0 0 no-repeat;bottom: 10px; }


/* レイアウト */
	#container { margin: 0 auto;width: 1200px; }
	#container02 { margin: 0 auto;padding: 0 0 70px 0;width: 1200px; }
	#container_topimage { margin: 0 auto;padding: 0;width: 1200px; }
	#backcolor_chumon { border-top: 1px #555 dotted;margin: 70px 0 30px 0;padding: 70px 0 50px 0;width: 100%;background-color: #fff; }
	#container_chumon { margin: 0 auto;width: 1200px; }
	#backcolor_top { padding: 70px 0;width: 100%;background-color: #ededed; }
	/*#backcolor_top { margin-top: 70px;padding: 70px 0;width: 100%;background-color: #ededed; }*/
	#backcolor_top02 { padding: 50px 0 30px 0;width: 100%;background-color: #fff; }
	#backcolor_topimages { margin: 15px 0 0 0;width: 100%; }
	#backcolor01 { padding: 70px 0;width: 100%;background-color: #ededed; }
	#backcolor02 { padding: 70px 0;width: 100%;background-image: url("../images/bg01.gif"); }
	#backcolor03 { padding: 70px 0;width: 100%;background-color: #fff; }
	#backcolor04 { padding: 10px 0;width: 100%;background-color: #3c7170; }
	#backcolor05 { padding: 20px 0;width: 100%;background-color: #fff;border: 1px #ccc dotted; }
	#backcolor_top02b { padding: 50px 0 70px 0;width: 100%;background-color: #fff;;background-color: #fff;border-bottom: 1px #ccc dotted; }
	#backcolor_top02c { padding: 70px 0;width: 100%;background-color: #fff;border: 1px #ccc dotted; }
	#backcolor06 { padding: 70px 0;width: 100%;background-color: #fff;border: 1px #ccc dotted; }

	#box01 { margin: 0 0 20px 0;padding:0;letter-spacing: -0.5em; }
	#box02 { letter-spacing: -0.5em; }
	#box03 { margin: 0 0 50px 0;padding:0;letter-spacing: -0.5em; }
	#box04 { margin: 30px 0 0 0;padding:0;letter-spacing: -0.5em;text-align: left; }
	#box05 { margin: 60px 0 0 0;padding:0;letter-spacing: -0.5em;text-align: left; }

/* テキスト */
	p.text01 { text-align: left;font-size: 1.6rem;color: #444;line-height: 2;letter-spacing: normal;margin: 0;padding: 0; }
		.text01 a { color: #4169e1; }
		.text01 a:hover { text-decoration: none;color: #3cb371; }
	p.text02 { text-align: center;font-size: 1.8rem;color: #444;line-height: 2;letter-spacing: normal;margin: 0;padding: 0 0 5px 0; }
		.text02 a { color: #4169e1; }
		.text02 a:hover { text-decoration: none;color: #3cb371; }
	p.text03 { text-align: center;font-size: 1.6rem;color: #444;line-height: 2;letter-spacing: normal;margin: 0;padding: 0; }
		.text03 a { color: #4169e1; }
		.text03 a:hover { text-decoration: none;color: #3cb371; }
/* 原材料テキスト */
	p.text04 { text-align: center;font-size: 1.2rem;color: #fff;border-radius:5px;letter-spacing: normal;;margin: 5px 0 0 0;padding: 2px;background-color: #cc0000; }
	p.text05 { text-align: center;font-size: 1.2rem;color: #fff;border-radius:5px;letter-spacing: normal;;margin: 5px 0 0 0;padding: 2px;background-color: #a0522d; }
/* 品質管理テキスト */
	p.text06 { width: 800px;text-align: left;font-size: 1.6rem;color: #444;line-height: 2;letter-spacing: normal;margin: 0 auto;padding: 0; }
		.text06 a { color: #4169e1; }
		.text06 a:hover { text-decoration: none;color: #3cb371; }
/* 右より */
	p.text07 { text-align: right;font-size: 1.6rem;color: #000;line-height: 2;letter-spacing: normal;margin: 0;padding: 10px 0 0 0; }

/* 区切り線 */
	.kugiri_konzatsu { margin: 20px auto;background-color: #000;width: 100%;height:1px; }


/* 画像 */
	.image100 { width: 100%; height: auto; }
	.image100w { width: 100%; height: auto;border-radius: 1px; }
	.image90w { width: 90%; height: auto;margin-top: 30px; }
	.image85 { width: 85%; height: auto; }

/* フッター */
	ul.footermenu{ margin: 0;padding: 0;list-style: none; }
		.footermenu li { letter-spacing: normal;display: inline;padding: 0 15px;font-size: 1.4rem;color: #fff; }
		.footermenu li+li { border-left: 1px solid #fff; }
		.footermenu a { position: relative;display: inline-block;transition: .3s;color: #fff;text-decoration: none; }
		.footermenu a::after {
			position: absolute;bottom: 0;left: 50%;content: '';width: 0;height: 1px;background-color: #fff;
			transition: .3s;-webkit-transform: translateX(-50%);transform: translateX(-50%);
		}
		.footermenu a:hover::after { width: 100%; }
		#f_layout01 { display: inline-block;width: 49.5%;margin-top:15px;margin-right: 1%;text-align: left;vertical-align: top;letter-spacing: normal; }
		#f_layout02 { display: inline-block;width: 49.5%;margin-top:15px;text-align: left;vertical-align: top;letter-spacing: normal; }

	h2.h2_footer { text-align: center;margin: 0 0 30px 0;padding:0;letter-spacing: normal;color: #000;font-size: 3rem;font-weight: normal;
				position: relative;display: inline-block; }
	h2.h2_footer:before { content: '';position: absolute;bottom: -15px;display: inline-block;width: 70px;height: 2px;left: 50%;
						-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: black;border-radius: 2px; }

.msr_btn09 a { border:1px solid #444;border-radius: 2px;color: #444;display: block;font-size: 1.4rem;padding: 7px 10px;text-align: center;text-decoration: none;
				transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-webkit-transition: 0.2s ease-in-out;width: 230px;margin: 0 auto 15px auto; }
.msr_btn09 a:hover { background-color: #f6f6f6;color: #444; }



@media screen and (max-width: 1100px) {
	html { font-size: 55%; }
	#container { width: 88%;margin: 0 auto;padding:0; }
	#container_chumon { width: 90%;margin: 0 auto;padding:0; }
	#container02 { width: 88%;margin: 0 auto;padding:0; }
	#container_topimage { width: 85%; }
	#backcolor_chumon { margin: 50px 0 10px 0;padding: 50px 0 10px 0; }
	#backcolor_top { margin-top: 40px;padding: 50px 0; }
	#backcolor_top02 { padding: 50px 0; }
	#backcolor01 { padding: 50px 0; }
	#backcolor02 { padding: 50px 0; }
	#backcolor03 { padding: 50px 0; }
	#backcolor04 { padding: 10px 0; }
	#backcolor05 { padding: 20px 0; }
	p.text06 { width:90% }
}

@media screen and (max-width: 960px) {
	#backcolor_chumon { display: none; }
}

@media screen and (max-width: 767px) {
	html { font-size: 52%; }
	.image_subtit { width: 95%; height: auto; }
	/*#backcolor_chumon { margin: 30px 0 10px 0;padding: 30px 0 10px 0; }*/
	#backcolor04 { display: none !important; }
	#container { width: 80%;margin: 0 auto;padding:0; }
	/*#container_chumon { width: 98%;margin: 0 auto;padding:0; }*/
	#container02 { width: 80%;margin: 0 auto;padding:0; }
	#backcolor_top { margin-top: 20px;padding: 30px 0; }
	#backcolor_top02 { padding: 20px 0; }
	#backcolor01 { padding: 30px 0; }
	#backcolor02 { padding: 30px 0; }
	#backcolor03 { padding: 30px 0; }
	#backcolor05 { padding: 10px 0; }
	p.text02 { font-size: 1.4rem; }
	h2.h2_footer { font-size: 2.5rem; }
	#fix01 { background: url("../images/sidenavi01.gif") 0 0 no-repeat;bottom: 54px; }
	#fix02 { display: none !important; }
	#fix03 { background: url("../images/sidenavi03.gif") 0 0 no-repeat;bottom: 0; }

	#f_layout01 { width: 100%;margin-top:15px; }
	#f_layout02 { width: 100%;margin-top:15px; }

}