* { margin:0;padding:0;}

body {
	font-size: 16px;
	color:#111111;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ======================================== #wrap ページ外枠 */
#wrap{
	width:100%;
}
/* ======================================== #header 画面上部 */
#header00{
	height: 30px;
	max-width: 950px;
	margin: 0px auto;
	padding: 0px 10px 0px 0px;
}
#header01{
	height: 90px;
	max-width: 930px;
	margin: 0px auto;
	padding: 0px 10px 0px 20px;
}
#header01L{
	width:34%;
	float: left;
}
#header01R{
	width:66%;
	float: right;
	text-align: right;
}
#header02{
	width:100%;
	height: 43px;
	text-align: center;
	background:#ffffff;
}
/* ======================================== #header03 スライダー */
#header03{
	width:100%;
	overflow: hidden;
	max-width: 1100px;
	margin: 0px auto;
}
div.slider01 {/* ヘッダー　スライダー */
	width:100%;
}
.header04{
	position: absolute;
	top: 120px;
	z-index: 9998;
	width:100%;
	height: 43px;
	text-align: center;
	background:#cd2022;
	white-space: nowrap;
}
.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	text-align: center;
	background:#cd2022;
}
#header05{
	width:100%;
	height: auto;
	text-align: center;
	background:#ffffff;
	max-width: 1100px;
	margin: 0px auto;
}
.header06{
	width:25%;
	background-color: rgba(255,255,255,0.6);
	position:relative; top:-78px; left:0px;
	z-index: 1000;
}
.header07{
	width:25%;
	background-color: rgba(255,255,255,0.6);
	position:relative; top:-58px; left:0px;
	z-index: 1000;
}
#header08{
	width:100%;
	border-top: 2px solid #cd2022;
}


/* ======================================== #menubar トップメニュー */
div.menubar {
   width: 100%;
   max-width: 960px;
   margin: 0 auto;
}
div.menubar ul#top_nav {
   height: 43px;
}
div.menubar ul#top_nav li {
   float: left;
   line-height: 43px;
   list-style-type: none;
   position: relative;
}
div.menubar ul#top_nav li.c00 {
   width: 18%;
}
div.menubar ul#top_nav li.c01 {
   width: 16%;
   border-left: 1px solid #ffffff;
}
div.menubar ul#top_nav li.c02 {
   width: 16%;
   border-left: 1px solid #ffffff;
}
div.menubar ul#top_nav li.c03 {
   width: 16%;
   border-left: 1px solid #ffffff;
}
div.menubar ul#top_nav li.c04 {
   width: 16%;
   border-left: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
}




div.menubar ul#top_nav a {
   background-color: rgba(205,32,34,0.01);

   color: #ffffff;
   text-align: center;
   text-decoration: none;
   display: block;
   width: 100%;
   height: 100%;
}
div.menubar ul#top_nav a:hover {
   color: #ffffff;
}
/* メニューバー直後のClearfix */
div.menubar ul#top_nav { zoom:1; }
div.menubar ul#top_nav:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

/* ======================================== #sub サブメニュー */
div.menubar ul#top_nav ul.sub {
   margin: 0px;
   padding: 0px;
   display: none;
   position: absolute;
}
div.menubar ul#top_nav ul.sub li {
   width: 100%;
   line-height: 43px;
}
div.menubar ul#top_nav ul.sub li a {
   background-color: rgba(255,255,255,0.6);


   text-align: left;
   text-indent: 5px;
   color: #cd2022;
}
div.menubar ul#top_nav ul.sub li a:hover {
   background-color: #ffffff;
   color: #cd2022;
}



/* ======================================== #service 認証テーブル */
ul.Certification {/* 国際認証 */
   padding: 0px;
   text-align: center;
   line-height: 43px;
   font-weight: bold ;
}
ul.Certification li.c01 {
   float: left;
   display: block;
   width: 16%;
   border-top: 10px solid #f8dede;
   border-left: 10px solid #f8dede;
   border-bottom: 5px solid #f8dede;
}
ul.Certification li.c02 {
   float: left;
   display: block;
   width: 16%;
   border-top: 10px solid #f8dede;
   border-left: 10px solid #f8dede;
   border-bottom: 5px solid #f8dede;
}
ul.Certification li.c03 {
   float: left;
   display: block;
   width: 16%;
   border-top: 10px solid #f8dede;
   border-left: 10px solid #f8dede;
   border-bottom: 5px solid #f8dede;
}
ul.Certification li.c04 {
   float: left;
   display: block;
   width: 16%;
   border-top: 10px solid #f8dede;
   border-left: 10px solid #f8dede;
   border-bottom: 5px solid #f8dede;
}
ul.Certification li.c05 {
   float: left;
   display: block;
   width: 16%;
   border-top: 10px solid #f8dede;
   border-left: 10px solid #f8dede;
   border-right: 10px solid #f8dede;
   border-bottom: 5px solid #f8dede;
}
ul.Certification li.c06 {
   float: left;
   display: block;
   width: 16%;
   border-left: 10px solid #f8dede;
   border-bottom: 10px solid #f8dede;
}
ul.Certification li.c07 {
   float: left;
   display: block;
   width: 16%;
   border-left: 10px solid #f8dede;
   border-bottom: 10px solid #f8dede;
}
ul.Certification li.c08 {
   float: left;
   display: block;
   width: 16%;
   border-left: 10px solid #f8dede;
   border-bottom: 10px solid #f8dede;
}
ul.Certification li.c09 {
   float: left;
   display: block;
   width: 16%;
   border-left: 10px solid #f8dede;
   border-right: 10px solid #f8dede;
   border-bottom: 10px solid #f8dede;
}
ul.Certification li.c10 {
   float: left;
   display: block;
   width: 16%;
   border-right: 10px solid #f8dede;
   border-bottom: 10px solid #f8dede;
}

ul.Factory {/* グループ工場 */
   padding: 0px;
   line-height: 30px;
   white-space: nowrap;
}
ul.Factory li {
   float: left;
   display: block;
   width: 1%;
   border-bottom: 1px solid #ffffff;
   padding: 8px 0px 0px 0px;
}
ul.Factory li.c01 {
   float: left;
   display: block;
   width: 10%;
   border-bottom: 1px solid #997c00;
   overflow: hidden;
}
ul.Factory li.c02 {
   float: left;
   display: block;
   width: 59%;
   border-bottom: 1px solid #997c00;
   overflow: hidden;
}
ul.Factory li.c03 {
   float: left;
   display: block;
   width: 26%;
   border-bottom: 1px solid #997c00;
   overflow: hidden;
}
ul.Factory li.c11 {
   float: left;
   display: block;
   width: 10%;
   border-bottom: 1px solid #910091;
   overflow: hidden;
}
ul.Factory li.c12 {
   float: left;
   display: block;
   width: 59%;
   border-bottom: 1px solid #910091;
   overflow: hidden;
}
ul.Factory li.c13 {
   float: left;
   display: block;
   width: 26%;
   border-bottom: 1px solid #910091;
   overflow: hidden;
}
ul.Factory li.c21 {
   float: left;
   display: block;
   width: 10%;
   border-bottom: 1px solid #29b721;
   overflow: hidden;
}
ul.Factory li.c22 {
   float: left;
   display: block;
   width: 59%;
   border-bottom: 1px solid #29b721;
   overflow: hidden;
}
ul.Factory li.c23 {
   float: left;
   display: block;
   width: 26%;
   border-bottom: 1px solid #29b721;
   overflow: hidden;
}
ul.Factory li.c31 {
   float: left;
   display: block;
   width: 10%;
   border-bottom: 1px solid #125bff;
   overflow: hidden;
}
ul.Factory li.c32 {
   float: left;
   display: block;
   width: 59%;
   border-bottom: 1px solid #125bff;
   overflow: hidden;
}
ul.Factory li.c33 {
   float: left;
   display: block;
   width: 26%;
   border-bottom: 1px solid #125bff;
   overflow: hidden;
}

ul.Factory li.e02 { /*  English Page */
   float: left;
   display: block;
   width: 86%;
   border-bottom: 1px solid #997c00;
   overflow: hidden;
}
ul.Factory li.e12 {
   float: left;
   display: block;
   width: 86%;
   border-bottom: 1px solid #910091;
   overflow: hidden;
}
ul.Factory li.e22 {
   float: left;
   display: block;
   width: 86%;
   border-bottom: 1px solid #29b721;
   overflow: hidden;
}
ul.Factory li.e32 {
   float: left;
   display: block;
   width: 86%;
   border-bottom: 1px solid #125bff;
   overflow: hidden;
}


/* ======================================== #contents 画面中央部の外枠 */
#content{
	overflow: hidden;
	max-width: 960px;
	margin: 0px auto;
	padding: 30px 20px 0px 20px;
}
#content02{
	overflow: hidden;
	max-width: 960px;
	margin: 0px auto;
	padding: 0px 20px 0px 20px;
}
#content03{
	overflow: hidden;
	max-width: 760px;
	margin: 0px auto;
	padding: 30px 0px 30px 0px;
	border: solid 1px #bbbbbb;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝, sans-serif;
}
#content04{
	overflow: hidden;
	max-width: 792px;
	margin: 0px auto;
	padding: 0px 0px 30px 0px;
}

/* ======================================== #contact 入力BOXサイズ */
#formWrap {
	font-size: 16px;
}
.formWrap02 {
	font-size: 16px;
	text-align: center;
}
input[type=text]{
	width:100%;
	height: 4em;
}
input[type=button]{
	width:26%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	background: #eeeeee; background: rgba(238,238,238,.5);
	line-height: 40px;
}
input[type=submit]{
	width:26%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	background: #eeeeee; background: rgba(238,238,238,.5);
	line-height: 40px;
}
input[type=reset]{
	width:26%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	background: #eeeeee; background: rgba(238,238,238,.5);
	line-height: 40px;
}
textarea {
	width: 100%;
	height: 8em;
}
select {
	width: 100%;
	height: 4em;
}


/* ======================================== #left 画面左 #main 画面中央 */
#left{
	width:31.5%;
	float:left;
	min-width: 150px;
	padding: 0px 0px 30px 0px;
}
#midSpace{
	width:3%;
	float:left;
}
#main{
	width:65.5%;
	float:left;
	min-width: 150px;
}
#left02{
	width:48.5%;
	float:left;
	min-width: 150px;
	padding: 0px 0px 30px 0px;
}
#left02R{
	width:48.5%;
	float:right;
	min-width: 150px;
	padding: 0px 0px 30px 0px;
}
#left03{
	width:25.0%;
	float:left;
	min-width: 150px;
	padding: 0px 0px 30px 0px;
}

/* ======================================== #left 左サイドコンテンツ */
#left01{
	width:100%;
	float:left;
	max-width: 298px;
	min-width: 150px;
	padding: 0px 0px 0px 0px;
}
dl.side01{ /* 左サイドメニュー01 */
}
dl.side01 dt{
}
dl.side01 dt a{
	float:left;
	width:32%;
	background-image: url(img/side01off.jpg);
	background-repeat: no-repeat;
}
dl.side01 dt a:hover{
	background-image: url(img/side01on.jpg);
	background-repeat: no-repeat;
}
dl.side01 dd {
	float:left;
	line-height: 70px;
}

dl.side02{ /* 左サイドメニュー02 */
	clear: both;
}
dl.side02 dt{
	width:100%;
	height:auto;
	padding: 20px 0px 40px 0px;
}
dl.side03{ /* 左サイドメニュー03 */
}
dl.side03 dt{
	float:left;
	width:32%;
	background-image: url(img/side03off.jpg);
	background-repeat: no-repeat;
}
dl.side03 dt a{
	float:left;
	width:32%;
	background-image: url(img/side03off.jpg);
	background-repeat: no-repeat;
}
dl.side03 dt a:hover{
	background-image: url(img/side03on.jpg);
	background-repeat: no-repeat;
}
dl.side03 dd {
	float:left;
	line-height: 70px;
}

dl.side04{ /* company 会社概要 */
	color: #ffffff;
	line-height: 20px;
	padding: 0px 0px 10px 0px;
}
dl.side04 dt{
	float:left; width:20%;
	padding: 0px 0px 0px 0px;
}
dl.side04 dd{
	margin-left:20%;
	padding: 0px 0px 0px 0px;
}
dl.side05{ /* company 会社概要 */
	color: #ffffff;
	line-height: 20px;
	padding: 0px 0px 10px 0px;
}
dl.side05 dt{
	float:left; width:26%;
	padding: 0px 0px 0px 0px;
}
dl.side05 dd{
	margin-left:30%;
	padding: 0px 0px 0px 0px;
}

dl.Praivacy{ /* 個人情報保護方針 */
}
dl.Praivacy dt{
	float:left; width:7%;
}
dl.Praivacy dd{
	margin-left:7%;
}
dl.Product{ /* English PRODUCT */
	width:90%;
	margin: 0px auto;
	line-height: 30px;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}
dl.Product dt{
	float:left; width:70%;
	-webkit-text-size-adjust: 100%;
	border-bottom: 1px dashed #cd2022;
	padding: 10px 0px 0px 0px;
}
dl.Product dd{
	margin-left:70%;
	-webkit-text-size-adjust: 100%;
	border-bottom: 1px dashed #cd2022;
	padding: 10px 0px 0px 0px;
}

/* ======================================== #main01,02,03 中央コンテンツ */
#main01{
	width:48.5%;
	float:left;
	min-width: 150px;
	padding: 0px 0px 0px 0px;
}
#main01R{
	width:48.5%;
	float:right;
	min-width: 150px;
	padding: 0px 0px 0px 0px;
}
.main01_Scale {
	width:100%;
	overflow: hidden;
	text-align: center;
	padding: 0px 0px 20px 0px;
	border: solid 1px #dddddd;
}
.main01_Scale a {
	display: block;
	height: auto;
	max-width: 100%;
	border: none;
}
.main01_Scale a:hover {
	text-decoration: none;

	transition: transform 0.3s linear;
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
}
#main01Space{
	width:8%;
	float:left;
	max-width: 30px;
	min-width: 1px;
	max-height: 1px;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
}

#main02{
	float:left;
	width:33.3%;
	text-align: center;
}
.main02_Scale {
	width:100%;
	text-align: center;
	padding: 0px 0px 0px 0px;

}
.main02_Scale a {
	display: block;
	height: auto;
	max-width: 100%;
	border: none;
}
.main02_Scale a:hover {
	text-decoration: none;

	transition: transform 0.3s linear;
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
}
#main03{
	width:100%;
	float:left;
	min-width: 150px;
	padding: 0px 0px 0px 0px;
}
.main03_Scale {
	width:100%;
	overflow: hidden;
	text-align: center;
	padding: 0px 0px 0px 0px;
	border: solid 1px #dddddd;
}
.main03_Scale a {
	display: block;
	height: auto;
	max-width: 100%;
	border: none;
}
.main03_Scale a:hover {
	text-decoration: none;

	transition: transform 0.3s linear;
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
}

/* ======================================== #footer 画面下部 */
#footer00{
	width:100%;
	background:#cd2022;
	font-size: 15px;
	color: #ffffff;
}
#footer01{
	height: auto;
	max-width: 920px;
	margin: 0px auto;
	padding: 30px 20px 40px 20px;
}
#footer02{
	max-width: 920px;
	margin: 0px auto;
	padding: 0px 20px 30px 20px;

	background:#cd2022;
}
#footer02L{
	width:36%;
	float: left;
	text-align: center;
	border-bottom: 1px solid #ffffff;
	margin-top:42px;
}
#footer02M{
	width:24%;
	float: left;
	text-align: center;
}
#footer03{
	height: auto;
	max-width: 920px;
	margin: 0px auto;
	padding: 60px 20px 30px 20px;
	text-align: center;

}
#footer04{
	height: auto;
	max-width: 920px;
	margin: 0px auto;
	padding: 40px 20px 40px 20px;
	text-align: center;
}

/* ======================================== #footMenu フッターメニュー */
div.footMenu {
	width:100%;
	max-width: 920px;
   display: inline-block;
   /zoom: 1;
	text-align: center;
}
div.footMenu ul#foot_nav {
   text-align: left;
   padding: 0px 0px 0px 0px;
}
div.footMenu ul#foot_nav li {
   width: 140px;
   float: left;
   text-align: left;
   list-style-type: none;
   padding: 0px 12px 0px 0px;
}
div.footMenu ul#foot_nav li.c01 {
   width: 300px;
   height: auto;
   list-style-type: none;
   display: block;
   padding: 0px 20px 0px 0px;
}
div.footMenu ul#foot_nav li.c05 {
   width: 140px;
   float: left;
   text-align: left;
   list-style-type: none;
   padding: 0px 0px 0px 0px;
}

div.footMenu ul#foot_nav a {
   color: #ffffff;
   text-decoration: none;
   display: block;
   width: 100%;
   height: 100%;
}
div.footMenu ul#foot_nav a:hover {
   color: #222222;
}







/* ========================================  #link リンク設定 */
/* 通常使用 */
a:link {
	 COLOR: #111111; TEXT-DECORATION: none;
}
a:visited {
	 COLOR: #111111; TEXT-DECORATION: none;
}
a:active {
	 COLOR: #111111; TEXT-DECORATION: none;
}
a:hover {
	 COLOR: #111111; TEXT-DECORATION: underline;
}
/* linkRed */
a:link.linkRed {
	 COLOR: #cd2022; TEXT-DECORATION: none;
}
a:visited.linkRed {
	 COLOR: #cd2022; TEXT-DECORATION: none;
}
a:active.linkRed {
	 COLOR: #cd2022; TEXT-DECORATION: none;
}
a:hover.linkRed {
	 COLOR: #cd2022; TEXT-DECORATION: underline;
}

/* linkRed02 */
a:link.linkRed02 {
	 COLOR: #111111; TEXT-DECORATION: none;
}
a:visited.linkRed02 {
	 COLOR: #111111; TEXT-DECORATION: none;
}
a:active.linkRed02 {
	 COLOR: #111111; TEXT-DECORATION: none;
}
a:hover.linkRed02 {
	 COLOR: #cd2022; TEXT-DECORATION: none;
}

/* linkUL */
a:link.linkUL {
	 COLOR: #111111; TEXT-DECORATION: underline;
}
a:visited {
	 COLOR: #111111; TEXT-DECORATION: underline;
}
a:active {
	 COLOR: #111111; TEXT-DECORATION: underline;
}
a:hover {
	 COLOR: #111111; TEXT-DECORATION: underline;
}

/* linkEnglish */
a:link.linkE {
	font-size:18px;	 line-height: 30px;
	 COLOR: #cd2022; TEXT-DECORATION: none;
}
a:visited.linkE {
	 COLOR: #cd2022; TEXT-DECORATION: none;
}
a:active.linkE {
	 COLOR: #cd2022; TEXT-DECORATION: none;
}
a:hover.linkE {
	 COLOR: #cd2022; TEXT-DECORATION: underline;
}

/* link日本語 */
a:link.linkJ {
	font-size:17px;	 line-height: 30px;
	 COLOR: #cd2022; TEXT-DECORATION: none;
}
a:visited.linkJ {
	 COLOR: #cd2022; TEXT-DECORATION: none;
}
a:active.linkJ {
	 COLOR: #cd2022; TEXT-DECORATION: none;
}
a:hover.linkJ {
	 COLOR: #cd2022; TEXT-DECORATION: underline;
}



/* ========================================  #h123 見出し設定 */
h1.tcRed {/* アンダーライン　センターから左右 Red */
	color:#cd2022;
	font-size:16px;
	font-weight: normal ;
}
h1.tcRed{
  position: relative;
  display: inline-block;
  font-size: 1em;
}
h1.tcRed:before,
h1.tcRed:after{
  position: absolute;
  top: 1.5em;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #cd2022;
  transition: 0.5s;
}
h1.tcRed:before{
  left: 50%;
}
h1.tcRed:after{
  right: 50%;
}
h1.tcRed:hover:before,
h1.tcRed:hover:after{
  width: 50%;
}

h1.tWht {
	color:#ffffff;
	font-size:15px;
	font-weight: normal ;
}
h1.tWht:hover{
	color:#111111;
	font-size:15px;
	font-weight: normal ;
}



h2.tcRed {/* アンダーライン　センターから左右 Red */
	color:#cd2022;
	font-size:18px;
	font-weight: normal;
	white-space: nowrap;
}
h2.tcRed{
  position: relative;
  display: inline-block;
}
h2.tcRed:before,
h2.tcRed:after{
  position: absolute;
  top: 2.7em;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #cd2022;
  transition: 0.5s;
}
h2.tcRed:before{
  left: 50%;
}
h2.tcRed:after{
  right: 50%;
}
h2.tcRed:hover:before,
h2.tcRed:hover:after{
  width: 50%;
}

h2.tRed {
	color:#cd2022;
	font-size:20px;
	font-weight: lighter;
	padding: 0px 0px 5px 0px;
}
h2.tRedN {
	color:#cd2022;
	font-size:20px;
	font-weight: normal ;
	line-height: 100px;
}
h2.tcRed00 {
	color:#cd2022;
	font-size:18px;
	font-weight: normal;
	white-space: nowrap;
}

h2.tBlk {
	color:#111111;
	font-size:18px;
	font-weight: normal ;
	padding: 0px 0px 20px 0px;
}
h2.tBlk18 {
	color:#111111;
	font-size:18px;
	font-weight: normal ;
}
h2.tBlk22 {
	font-size:22px;
	font-weight: normal ;
	padding: 10px 0px 10px 0px;
}
h2.tRed22 {
	color:#cd2022;
	font-size:22px;
	font-weight: normal ;
	line-height: 42px;
	white-space: nowrap;
}
h2.tRed22 {
	color:#cd2022;
	font-size:22px;
	font-weight: normal ;
	line-height: 42px;
	white-space: nowrap;
}
h2.tRed22_02 {
	color:#cd2022;
	font-size:22px;
	font-weight: normal ;
	padding: 20px 0px 20px 0px;
}
h2.tBlkUL {
	color:#111111;
	font-size:20px;
	font-weight: normal ;
	padding: 0px 0px 4px 0px;
	border-bottom: 1px solid #cd2022;
}
h2.tBlk_rBak {
	color:#ffffff;
	font-size:20px;
	font-weight: normal ;
	padding: 0px 0px 4px 0px;
	background:#cd2022;
	text-align: center;
}

h2.tWht {/* 20px White */
	color:#ffffff;
	font-size:20px;
	line-height: 120%;
	font-weight: lighter;
	position:relative; top:-42px; left:-106px;
	z-index: 9997;
}
h2.tWht02 {
	color:#ffffff;
	font-size:20px;
	line-height: 70px;
	font-weight: normal ;
}

h2.t15 {
	float: left;
	font-size:15px;
	width: 100%;
	line-height: 1.8em;
	font-weight: lighter;
	border-bottom: 1px solid #ffffff;
}

h3.t15 {
	float: left;
	font-size:15px;
	width: 100%;
	line-height: 1.4em;
	font-weight: lighter;
	padding: 8px 0px 0px 0px;
}
h3.t15_02 {
	float: left;
	font-size:15px;
	width: 100%;
	line-height: 1.4em;
	font-weight: lighter;
	padding: 0px 0px 0px 0px;
}
.tBlk14R {
	color:#111111;
	font-size:14px;
	text-align: left;
}
.tRed00 {
	color:#cd2022;
	display: inline-block;
}
.tGrey17 {
	color:#111111;
	font-size:17px;
	display: inline;
}
.tGrey18 {
	color:#111111;
	font-size:18px;
	display: inline;
}




/* アンダーライン　センターから左右 Wht */
.tcWht {
	color:#ffffff;
	font-size:16px;
	font-weight: lighter;
}
.tcWht{
  position: relative;
  display: inline-block;
  font-size: 1em;
}
.tcWht:before,
.tcWht:after{
  position: absolute;
  top: 2.0em;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #ffffff;
  transition: 0.5s;
}
.tcWht:before{
  left: 50%;
}
.tcWht:after{
  right: 50%;
}
.tcWht:hover:before,
.tcWht:hover:after{
  width: 36%;
}

/* ========================================  汎用テキストBox */
.boxR {
	float: right;
	width: 100%;
}
.boxR02 {
	float: right;
	width: 100%;
	text-align: right;
}
.boxR03 {
	font-size: 16px;
	float: right;
	width: 100%;
	text-align: right;
}
.boxL {
	float: left;
	width: 100%;
}
.boxC {
	width: 100%;
	text-align: center;
}
.boxC02 {
	width: 100%;
	text-align: center;
}
.boxGrey {
	overflow: hidden;
	text-align: center;
	padding: 0px 0px 20px 0px;
	background:#eeeeee;
}
.boxGrey02 {
	width:100%;
	text-align: left;
	background:#eeeeee;
}
.boxGrey04 {
	overflow: hidden;
	text-align: center;
	padding: 0px 0px 20px 0px;
	background:#eeeeee;
}

.boxGreen {
	width:100%;
	overflow: hidden;
	text-align: center;
	padding: 0px 0px 30px 0px;
	background:#d8e8cf;
}
.boxRed {
	width:100%;
	overflow: hidden;
	text-align: left;
	padding: 0px 0px 20px 0px;
	background:#cd2022;
}



.box50 {
	float: left;
	width: 50%;
}
.box85 {
	float: left;
	width: 84%;
	text-align: center;
}
.box90 {
	margin: auto;
	width: 90%;
	padding: 0px 0px 0px 0px;
}
.box90ProE {
	margin: auto;
	width: 90%;
    position:relative;
    padding:1em 1.5em;
    margin:0em auto;
    background:#eeeeee;
    overflow:hidden;
}
.box90ProE:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 26px 26px 0; /* This trick side-steps a webkit bug */
    border-style:solid;
    border-color:#fff #fff transparent transparent; /* A bit more verbose to work with .rounded too */
    background:#transparent; /* For Opera when also applying a border-radius */
    display:block; width:0; /* Only for Firefox 3.0 damage limitation */
/* Optional: shadow */
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}
.box95 {
	margin: auto;
	width: 95%;
	padding: 0px 0px 0px 0px;
}
.boxT15 {
	float: left;
	width: 100%;
	padding: 15px 0px 0px 0px;
}
.boxT30 {
	float: left;
	width: 100%;
	padding: 30px 0px 0px 0px;
}
.boxT50 {
	float: left;
	width: 100%;
	padding: 50px 0px 0px 0px;
}
.boxT70 {
	float: left;
	width: 100%;
	padding: 70px 0px 0px 0px;
}



/* ========================================  その他設定 */
#page-top{ /* ページトップへのスクロール */
	font-size: 34px;
	line-height: 120%;
	display: block;
	position: fixed;
	z-index: 9999;
	bottom: 30px;
	right: 10px;
	width: 40px;
	height: 40px;
	padding: 10px 10px;
	background: #f97b00; background: rgba(249,123,0,.4);
	color: #e4007f;
	text-align: center;
	text-decoration: none;
	border-radius: 40px;		/* CSS3草案 */
	-webkit-border-radius: 40px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 40px;	/* Firefox用 */

	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);

}
#page-top:a{
	TEXT-DECORATION: none;
	background: #f97b00;background: rgba(249,123,0,.9);
}
#page-top:hover{
	background: #f97b00;background: rgba(249,123,0,.9);
	color: #ffffff;
}
.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
	border: none;
}
.img-responsiveR {
	float: right;
	display: block;
	height: auto;
	max-width: 100%;
	border: none;
}
.img-responsiveR_Can {
	float: right;
	display: block;
	height: auto;
	max-width: 100%;
	border: none;
}
.img-responsiveC {
	display: block;
	height: auto;
	max-width: 100%;
	border: none;
	margin-left:auto;
	margin-right:auto;
}
.img-responsive05 {
	height: auto;
	max-width: 100%;
	border: none;
	margin-left:auto;
	margin-right:auto;
	padding: 0px 0px 5px 0px;
	width:60%;
}
.img-responsive20 {
	display: block;
	height: auto;
	width:140px;
	max-width: 100%;
	border: none;
	float: left;
	margin-right:20px;
	margin-bottom:20px;
}
.img-responsiveL10 {
	display: block;
	height: auto;
	max-width: 100%;
	border: none;
	float: left;
	margin-left:10px;
}
.img-responsive30 {
	display: block;
	height: auto;
	max-width: 100%;
	border: none;
	padding: 0px 0px 30px 0px;
}
.img-responsive30_02 {
	display: block;
	position:relative; top:15px; left:15px;
	height: auto;
	max-width: 100%;
	width:70px;
	border: none;
	padding: 0px 0px 30px 0px;
}
.img-responsive30_03 {
	display: block;
	height: auto;
	max-width: 100%;
	border: none;
	padding: 0px 0px 30px 0px;
}

.img-responsive00 {
	display: inline;
	height: auto;
	max-width: 100%;
	border: none;
	vertical-align: middle;

	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-o-opacity: 0;
	-ms-opacity: 0;
}

.img-responsive01 {
	height: auto;
	width:164px;
	border: none;


}
/* ======================================== #メールフォーム */
#formWrap {
	width:100%;
	margin:0 auto;
	text-align: left;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	text-align: left;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
	text-align: left;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#eeeeee;
	text-align:left;
}


/* ======================================== #media Queries 768 */
@media screen and (max-width: 768px) {


/* #header ヘッダー */
#header01{
	width:100%;
	max-width: 768px;
	position: fixed;
	z-index: 9998;
	background:#ffffff;
}
#header01L{
	z-index: 9998;
}
#header01R{
	z-index: 9998;
}
#header02{
	height: 120px;
	position: fixed;
}
#header03{
	max-width: 768px;
	position:static;
	padding: 240px 0px 0px 0px;
}
.header04{
	z-index: 9998;
	height: 120px;
	font-size: 30px;
}
#header05{
	z-index: 9998;
	position:static;
	padding: 240px 0px 0px 0px;
}



/* #menubar トップメニュー */
div.menubar ul#top_nav {
   height: 120px;
}
div.menubar ul#top_nav li {
   float: left;
   line-height: 120px;
   list-style-type: none;
   position: relative;
}
div.menubar ul#top_nav li.c00 {
   width: 0%;
}
div.menubar ul#top_nav li.c01 {
   width: 25%;
   border-left: none;
}
div.menubar ul#top_nav li.c02 {
   width: 25%;
   border-left: none;
}
div.menubar ul#top_nav li.c03 {
   width: 25%;
   border-left: none;
}
div.menubar ul#top_nav li.c04 {
   width: 25%;
   border-left: none;
   border-right: none;
}

/* #sub サブメニュー */
div.menubar ul#top_nav ul.sub li {
   line-height: 70px;
}

/* アンダーライン　センターから左右 Wht */
.tcWht:before,
.tcWht:after{
  top: 2.8em;
}
/* ======================================== #left 左サイドコンテンツ */
#left{
	width:100%;
	min-width: 100%;
}

/* 左サイドメニュー01 */
dl.side01 dt{
	width:100%;
}
dl.side01 dt a{
	height: 200px;
	background-image: url(img/side11off.jpg);
	background-repeat: no-repeat;
}
dl.side01 dt a:hover{
	background-image: url(img/side11on.jpg);
	background-repeat: no-repeat;
}
dl.side01 dd {
	float:left;
	line-height: 200px;
}

h2.tcRed{
	font-size: 40px;
}
h2.tcRed:before,
h2.tcRed:after{
  top: 3.3em;
}

dl.side02{ /* 左サイドメニュー02 */
	clear: both;
	font-size: 30px;
	text-align: center;
}
dl.side02 dt{
	width:100%;
}
dl.side03{ /* 左サイドメニュー03 */
}
dl.side03 dt{
	float:left;
	height: 200px;
	width:32%;
	background-image: url(img/side13off.jpg);
	background-repeat: no-repeat;
}
dl.side03 dt a{
	float:left;
	width:32%;
	background-image: url(img/side13off.jpg);
	background-repeat: no-repeat;
}
dl.side03 dt a:hover{
	background-image: url(img/side13on.jpg);
	background-repeat: no-repeat;
}
dl.side03 dd {
	line-height: 200px;
}

h2.tcRed00 {
	font-size:40px;
}

#main{
	width:100%;
	font-size:40px;
}
h2.tRed {
	font-size:40px;
}
.img-responsive05 {
	width:80%;
}
.img-responsive30_02 {
	margin-left:auto;
	margin-right:auto;
	width:130px;
}
.box50 {
	text-align: center;
	width: 100%;
}
.img-responsiveR_Can {
	float:none;
	margin-left:auto;
	margin-right:auto;
	padding: 30px 0px 30px 0px;
	width: 299px;
}



#footer01{
	text-align: center;
}

div.footMenu {
	width:90%;
}
div.footMenu ul#foot_nav li {
   width: 100%;
   padding: 0px 2px 0px 0px;
   font-size:30px;
}
div.footMenu ul#foot_nav li.c01 {
   width: 100%;
   padding: 0px 0px 40px 0px;
   text-align: center;
}
div.footMenu ul#foot_nav li.c05 {
   width: 100%;
}
h1.tWht {
	font-size:30px;
}
h1.tWht:hover{
	font-size:30px;
}
h2.t15 {
	font-size:30px;
}
h3.t15 {
	font-size:25px;
}
h3.t15_02 {
	font-size:25px;
}
#footer02{
	width:90%;
}
#footer02L{
	width:25%;
	text-align: center;
	margin-top:62px;
}
#footer02M{
	width:50%;
	text-align: center;
}
.img-responsive01 {
	width:60%;
}
#footer03{
	width:70%;
	padding: 130px 20px 30px 20px;

}

/* ======================================== #COMPANY */
.img-responsive30_03 {
	margin-left:auto;
	margin-right:auto;
}
.boxGrey {
	width:300px;
	margin-left:auto;
	margin-right:auto;
}
h2.tBlkUL {
	font-size:40px;
}
#left02{
	width:100%;
}
#left02R{
	width:100%;
}
h2.tWht02 {
	font-size:40px;
	line-height: 70px;
}
dl.side04{ /* company 会社概要 */
	font-size:25px;
	line-height: 33px;
}

/* ======================================== #SERVICE */
h2.tRedN {
	font-size:40px;
}
h2.tBlk_rBak {
	font-size:40px;
}
h2.tBlk18 {
	font-size:40px;
	font-weight: bolder;
}
.img-responsive20 {
	width:210px;
}

ul.Certification {/* 国際認証 */
}
ul.Certification li.c01 {
   width: 40%;
   border-top: 20px solid #f8dede;
   border-left: 20px solid #f8dede;
   border-bottom: 10px solid #f8dede;
}
ul.Certification li.c02 {
   width: 40%;
   border-top: 20px solid #f8dede;
   border-left: 20px solid #f8dede;
   border-bottom: 10px solid #f8dede;
   border-right: 20px solid #f8dede;
}
ul.Certification li.c03 {
   width: 40%;
   border-top: 0px solid #f8dede;
   border-left: 20px solid #f8dede;
   border-bottom: 10px solid #f8dede;
}
ul.Certification li.c04 {
   width: 40%;
   border-top: 0px solid #f8dede;
   border-left: 20px solid #f8dede;
   border-bottom: 10px solid #f8dede;
   border-right: 20px solid #f8dede;
}
ul.Certification li.c05 {
   width: 40%;
   border-top: 0px solid #f8dede;
   border-left: 20px solid #f8dede;
   border-right: 0px solid #f8dede;
   border-bottom: 10px solid #f8dede;
}
ul.Certification li.c06 {
   width: 40%;
   border-left: 20px solid #f8dede;
   border-bottom: 10px solid #f8dede;
   border-right: 20px solid #f8dede;
}
ul.Certification li.c07 {
   width: 40%;
   border-left: 20px solid #f8dede;
   border-bottom: 10px solid #f8dede;
}
ul.Certification li.c08 {
   width: 40%;
   border-left: 20px solid #f8dede;
   border-bottom: 10px solid #f8dede;
   border-right: 20px solid #f8dede;
}
ul.Certification li.c09 {
   width: 40%;
   border-left: 20px solid #f8dede;
   border-right: 0px solid #f8dede;
   border-bottom: 20px solid #f8dede;
}
ul.Certification li.c10 {
   width: 40%;
   border-left: 20px solid #f8dede;
   border-right: 20px solid #f8dede;
   border-bottom: 20px solid #f8dede;
}

/* ======================================== #contact */
#formWrap {
	font-size: 30px;
}
.formWrap02 {
	font-size: 30px;
}

input[type=text]{
	font-size:40px;
}
input[type=button]{
	line-height: 40px;
	font-size:20px;
}
input[type=submit]{
	line-height: 40px;
	font-size:20px;
}
input[type=reset]{
	line-height: 40px;
	font-size:20px;
}
textarea {
	font-size:40px;
}
select {
	font-size:40px;
}

#header08{
	height: 120px;
	border-top: 0px solid #cd2022;
	border-bottom: 2px solid #cd2022;
}



} /* ======================================== #media Queries END*/


/* ======================================== #media Queries device-width */
@media screen and (max-device-width: 700px) {



/* #header ヘッダー */
#header01{
	width:100%;
	position: fixed;
	z-index: 9998;
	background:#ffffff;
}
#header01L{
	z-index: 9998;
}
#header01R{
	z-index: 9998;
}
#header02{
	height: 120px;
	position: fixed;
}
#header03{
	position:static;
	padding: 240px 0px 0px 0px;
}
.header04{
	z-index: 9998;
	height: 120px;
	font-size: 30px;
}
#header05{
	z-index: 9998;
	position:static;
	padding: 240px 0px 0px 0px;
}



/* #menubar トップメニュー */
div.menubar ul#top_nav {
   height: 120px;
}
div.menubar ul#top_nav li {
   float: left;
   line-height: 120px;
   list-style-type: none;
   position: relative;
}
div.menubar ul#top_nav li.c00 {
   width: 0%;
}
div.menubar ul#top_nav li.c01 {
   width: 25%;
   border-left: none;
}
div.menubar ul#top_nav li.c02 {
   width: 25%;
   border-left: none;
}
div.menubar ul#top_nav li.c03 {
   width: 25%;
   border-left: none;
}
div.menubar ul#top_nav li.c04 {
   width: 25%;
   border-left: none;
   border-right: none;
}

/* #sub サブメニュー */
div.menubar ul#top_nav ul.sub li {
   line-height: 70px;
}

/* アンダーライン　センターから左右 Wht */
.tcWht:before,
.tcWht:after{
  top: 2.8em;
}
/* ======================================== #left 左サイドコンテンツ */
#left{
	width:100%;
	min-width: 100%;
}

/* 左サイドメニュー01 */
dl.side01 dt{
	width:100%;
}
dl.side01 dt a{
	height: 200px;
	background-image: url(img/side11off.jpg);
	background-repeat: no-repeat;
}
dl.side01 dt a:hover{
	background-image: url(img/side11on.jpg);
	background-repeat: no-repeat;
}
dl.side01 dd {
	float:left;
	line-height: 200px;
}

h2.tcRed{
	font-size: 40px;
}
h2.tcRed:before,
h2.tcRed:after{
  top: 3.3em;
}

dl.side02{ /* 左サイドメニュー02 */
	clear: both;
	font-size: 30px;
	text-align: center;
}
dl.side02 dt{
	width:100%;
}
dl.side03{ /* 左サイドメニュー03 */
}
dl.side03 dt{
	float:left;
	height: 200px;
	width:32%;
	background-image: url(img/side13off.jpg);
	background-repeat: no-repeat;
}
dl.side03 dt a{
	float:left;
	width:32%;
	background-image: url(img/side13off.jpg);
	background-repeat: no-repeat;
}
dl.side03 dt a:hover{
	background-image: url(img/side13on.jpg);
	background-repeat: no-repeat;
}
dl.side03 dd {
	line-height: 200px;
}

h2.tcRed00 {
	font-size:40px;
}

#main{
	width:100%;
	font-size:40px;
}
h2.tRed {
	font-size:40px;
}
.img-responsive05 {
	width:80%;
}
.img-responsive30_02 {
	margin-left:auto;
	margin-right:auto;
	width:130px;
}
.box50 {
	text-align: center;
	width: 100%;
}
.img-responsiveR_Can {
	float:none;
	margin-left:auto;
	margin-right:auto;
	padding: 30px 0px 30px 0px;
	width: 299px;
}



#footer01{
	text-align: center;
}

div.footMenu {
	width:90%;
}
div.footMenu ul#foot_nav li {
   width: 100%;
   padding: 0px 2px 0px 0px;
   font-size:30px;
}
div.footMenu ul#foot_nav li.c01 {
   width: 100%;
   padding: 0px 0px 40px 0px;
   text-align: center;
}
div.footMenu ul#foot_nav li.c05 {
   width: 100%;
}
h1.tWht {
	font-size:30px;
}
h1.tWht:hover{
	font-size:30px;
}
h2.t15 {
	font-size:30px;
}
h3.t15 {
	font-size:25px;
}
h3.t15_02 {
	font-size:25px;
}
#footer02{
	width:90%;
}
#footer02L{
	width:25%;
	text-align: center;
	margin-top:62px;
}
#footer02M{
	width:50%;
	text-align: center;
}
.img-responsive01 {
	width:60%;
}
#footer03{
	width:70%;
	padding: 130px 20px 30px 20px;

}

/* ======================================== #COMPANY */
.img-responsive30_03 {
	margin-left:auto;
	margin-right:auto;
}
.boxGrey {
	width:300px;
	margin-left:auto;
	margin-right:auto;
}
h2.tBlkUL {
	font-size:40px;
}
#left02{
	width:100%;
}
#left02R{
	width:100%;
}
h2.tWht02 {
	font-size:40px;
	line-height: 70px;
}
dl.side04{ /* company 会社概要 */
	font-size:25px;
	line-height: 33px;
}
dl.side05{ /* company 会社概要 */
	font-size:25px;
	line-height: 33px;
}


/* ======================================== #SERVICE */
h2.tRedN {
	font-size:40px;
}
h2.tBlk_rBak {
	font-size:40px;
}
h2.tBlk18 {
	font-size:40px;
	font-weight: bolder;
}
.img-responsive20 {
	width:210px;
}

ul.Certification {/* 国際認証 */
}
ul.Certification li.c01 {
   width: 40%;
   border-top: 20px solid #f8dede;
   border-left: 20px solid #f8dede;
   border-bottom: 10px solid #f8dede;
}
ul.Certification li.c02 {
   width: 40%;
   border-top: 20px solid #f8dede;
   border-left: 20px solid #f8dede;
   border-bottom: 10px solid #f8dede;
   border-right: 20px solid #f8dede;
}
ul.Certification li.c03 {
   width: 40%;
   border-top: 0px solid #f8dede;
   border-left: 20px solid #f8dede;
   border-bottom: 10px solid #f8dede;
}
ul.Certification li.c04 {
   width: 40%;
   border-top: 0px solid #f8dede;
   border-left: 20px solid #f8dede;
   border-bottom: 10px solid #f8dede;
   border-right: 20px solid #f8dede;
}
ul.Certification li.c05 {
   width: 40%;
   border-top: 0px solid #f8dede;
   border-left: 20px solid #f8dede;
   border-right: 0px solid #f8dede;
   border-bottom: 10px solid #f8dede;
}
ul.Certification li.c06 {
   width: 40%;
   border-left: 20px solid #f8dede;
   border-bottom: 10px solid #f8dede;
   border-right: 20px solid #f8dede;
}
ul.Certification li.c07 {
   width: 40%;
   border-left: 20px solid #f8dede;
   border-bottom: 10px solid #f8dede;
}
ul.Certification li.c08 {
   width: 40%;
   border-left: 20px solid #f8dede;
   border-bottom: 10px solid #f8dede;
   border-right: 20px solid #f8dede;
}
ul.Certification li.c09 {
   width: 40%;
   border-left: 20px solid #f8dede;
   border-right: 0px solid #f8dede;
   border-bottom: 20px solid #f8dede;
}
ul.Certification li.c10 {
   width: 40%;
   border-left: 20px solid #f8dede;
   border-right: 20px solid #f8dede;
   border-bottom: 20px solid #f8dede;
}

/* ======================================== #contact 入力BOXサイズ */
#formWrap {
	font-size: 30px;
}
.formWrap02 {
	font-size: 30px;
}

input[type=text]{
	font-size:40px;
}
input[type=button]{
	line-height: 40px;
	font-size:20px;
}
input[type=submit]{
	line-height: 40px;
	font-size:20px;
}
input[type=reset]{
	line-height: 40px;
	font-size:20px;
}
textarea {
	font-size:40px;
}
select {
	font-size:40px;
}

#header08{
	height: 120px;
	border-top: 0px solid #cd2022;
	border-bottom: 2px solid #cd2022;
}




/* ======================================== #English */
#content04{
	max-width: 90%;
}

/* linkEnglish */
a:link.linkE {
	font-size:26px;
}

/* link日本語 */
a:link.linkJ {
	font-size:24px;
}

.tGrey17 {
	font-size:24px;
	line-height: 30px;
}

.tGrey18 {
	font-size:26px;
	line-height: 30px;
}
.boxR03 {
	font-size: 25px;
}
.boxC02 {
	font-size: 40px;
}
.box90ProE {
	width: 90%;
}

dl.Product{ /* English PRODUCT */
	width:90%;
	line-height: 55px;
	font-size: 35px;
}
dl.Product dt{
	padding: 20px 0px 0px 0px;
}
dl.Product dd{
	padding: 20px 0px 0px 0px;
}

} /* ======================================== #media Queries END*/
