@charset "utf-8";
/* CSS Document */

/*----------新丸ゴ　サブセット----------*/
@font-face {
  font-family: "marugo-m";
  src: url("../fonts/marugo-m/marugo-m.eot?") format('eot'), url("../fonts/marugo-m/marugo-m.woff") format('woff'), url("../fonts/marugo-m/marugo-m.otf") format('opentype');
}
/*----------新丸ゴ　サブセットここまで----------*/
/*----------新丸ゴ　サブセット----------*/
@font-face {
  font-family: "marugo-r";
  src: url("../fonts/marugo-r/marugo-r.eot?") format('eot'), url("../fonts/marugo-r/marugo-r.woff") format('woff'), url("../fonts/marugo-r/marugo-r.otf") format('opentype');
}
/*----------新丸ゴ　サブセットここまで----------*/
/*----------新丸ゴ　サブセット----------*/
@font-face {
  font-family: "marugo-l";
  src: url("../fonts/marugo-l/marugo-l.eot?") format('eot'), url("../fonts/marugo-l/marugo-l.woff") format('woff'), url("../fonts/marugo-l/marugo-l.otf") format('opentype');
}
/*----------新丸ゴ　サブセットここまで----------*/
/*----------リュウミンM　サブセット----------*/
@font-face {
  font-family: "ryumin-m";
  src: url("../fonts/ryumin-m/ryumin-m.eot?") format('eot'), url("../fonts/ryumin-m/ryumin-m.woff") format('woff'), url("../fonts/ryumin-m/ryumin-m.otf") format('opentype');
}
/*----------リュウミンM　サブセットここまで----------*/
html {
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
  padding: 0;
  color: #313131;
  font-size: 13px;
  font-family: Verdana, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif;
  line-height: 1.5;
}

@media all and (-ms-high-contrast:none) {
body {
  margin: 0;
  padding: 0;
  color: #313131;
  font-size: 13px;
  font-family: "メイリオ", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  line-height: 1.5;
} /* IE10以降 */
}
body p {
  color: #515151;
}
/*----------headerここから----------*/
.top {
  height: 30px;
  background: #008145;
}
.top .wrap {
  width: 950px;
  margin: 0 auto;
}
.top .wrap .nav {
  width: 313px;
  height: 22px;
  float: right;
  margin: 0;
  padding: 4px 0;
  font-family: 'marugo-m';
}
.top .wrap .nav a :hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
/********************************************

フォントサイズ可「大」「中」「小」部分装飾ここから

**********************************************/
/* ボタンの装飾 */
.wrap .nav .txt_size {
  float: right;
  width: 75px;
  height: 30px;
  margin: 0;
  padding: 0;
}
.btn {
  list-style: none
}
.nav .btn ul {
  margin: 0;
  padding: 0;
  width: 75px;
  height: 22px;
  display: inline;
}
.nav .btn li {
  display: inline-block;
 *display: inline;
 *zoom: 1;
  float: right;
  margin: 0;
  padding: 0 0 0 4px;
  width: 21px;
  height: 22px;
}
/*.nav .btn li a   {

    display:block;
    padding:7px 10px;
    text-decoration:none;
    border:1px solid #ddd;
    border-radius:3px;
    background-color:#fff;
    background-image: linear-gradient(to bottom, #fff, #eee);
}
.nav .btn li a:hover {
    color:#fff;
    background-color:#c00;
    background-image: linear-gradient(to bottom, #f00, #c00);
}*/
/* ボタン押下時の文字サイズパターン */
.font_lv01 {
  font-size: 100%
}
.font_lv02 {
  font-size: 120%
}
.font_lv03 {
  font-size: 150%
}
/********************************************

フォントサイズ可「大」「中」「小」部分装飾ここまで

**********************************************/
/********************************************

ボタン押下時の文字サイズパターン

**********************************************/
.font_lv01 {
  font-size: 100%
}
.font_lv02 {
  font-size: 120%
}
.font_lv03 {
  font-size: 140%
}
.header {
  height: 86px;
  background: #fff;
  border-bottom: #008145 solid 2px;
  background: none!important;
}
.header .wrap {
  width: 950px;
  height: 86px;
  margin: 0 auto;
  position: relative;
}
.header .wrap img {
  float: left;
  display: inline-block;
}
.wrap a .header_logo {
  float: left;
  width: 185px;
  padding: 8px 0 0 0;
}
.header .wrap .box01 {
  float: left;
  position: absolute;
  bottom: 8px;
  left: 185px;
  width: auto;
  padding: 0 0 5px 0;
  font-family: 'marugo-m';
  font-size: 27px;
  letter-spacing: -1px;
  line-height: 1.0;
}
.header .wrap .box01 .company_name {
  margin: 0;
  padding-top: 0px;
}
.header .wrap .box01 .company_name h1 {
  font-family: 'marugo-l';
  font-size: 15px;
  padding: 0 0 11px 0;
  letter-spacing: 1px;
  line-height: 1.0;
  color: #414141;
}

/*-----IEハック-----*/
@media all and (-ms-high-contrast:none) {
.header .wrap .box01 {
  float: left;
  position: absolute;
  bottom: 0px;
  left: 185px;
  width: auto;
  font-family: 'marugo-m';
  font-size: 27px;
  letter-spacing: -1px;
  line-height: 1.0;
}
.header .wrap .box01 .company_name {
  margin: 0;
  padding-top: 15px;
  color: #494949;
}
.header .wrap .box01 .company_name h1 {
  font-family: 'marugo-l';
  font-size: 15px;
  padding: 13px 0 15px 0;
  letter-spacing: 1px;
  line-height: 1.0;
  color: #414141;
}
}
/*-----IEハック-----*/

.header .wrap .nav {
  width: 315px;
  float: right;
  margin: 11px 0 0 0;
}
.header .wrap .nav a img:hover {
  background-color: #FFF;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
/*----------headerここまで----------*/
/*----------navここから----------*/
.nav .wrap {
  width: 950px;
  margin: 0 auto 3px auto;
  overflow: hidden;
}
.nav .wrap ul {
  width: 950px;
}
.nav .wrap ul li {
  font-family: 'marugo-m';
  font-size: 14px;
  float: left;
  width: 153px;
  height: 24px;
  padding: 10px 0 0 0;
  margin: 0 2px;
  border-bottom: #008145 solid 2px;
  text-align: center;
  vertical-align: middle;/*background: url(../img/nav.png) no-repeat;*/
}
/*.button {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}*/
/*-------------CSS3 ホバーエフェクト-------------*/
.nav .wrap ul li::before, .nav .wrap ul li::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.nav .wrap ul li, .nav .wrap ul li::before, .nav .wrap ul li::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .9s;
  transition: all .9s;
}
.nav .wrap ul li {
  font-family: 'marugo-m';
  font-size: 15px;
  float: left;
  width: 131px;
  height: 33px;
  /*line-height: 33px;*/
  padding: 3px 0 0 0;
  margin: 0 2px;
  border-bottom: #008145 solid 2px;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
  color: #414141;
}

@media all and (-ms-high-contrast:none) {
.nav .wrap ul li p {
  height: 30px;
  line-height: 30px;
}
}
.nav .wrap ul li:hover {
  background-color: #e5f2ec;
  border-color: #ff681f;
  color: #414141;
}
.undernav_shadow {
  overflow: hidden;
  background: url(../img/bg-nav_shadow.png) repeat-x top;
  z-index: 1;
}
/*-------------CSS3 ホバーエフェクトここまで-------------*/
/*----------navここまで----------*/
/*----------slideここから----------*/
.slide {
  height: 315px;
  overflow: hidden;/* border-radius *//*border-radius:2.99999976158142px;
-webkit-border-radius:2.99999976158142px;
-moz-border-radius:2.99999976158142px;
*//* box-shadow */
/*box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 5.99999952316284px 2.99999976158142px inset;
-webkit-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 5.99999952316284px 2.99999976158142px inset;
-moz-box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 5.99999952316284px 2.99999976158142px inset;*/
}
.main_img .bg {
  height: 315px;
  overflow: hidden;
  background: url(../img/bg-slide.jpg) repeat-x;
  z-index: 1;
}
.main_img .wrap {
  width: 950px;
  margin: 0 auto;
}
/*----------headerここまで----------*/

.contents {
  width: 950px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
  overflow: hidden;
}
/*----------side_navここから----------*/
.contents .side_nav {
  float: left;
  width: 250px;
  margin-top: 33px;
  margin-right: 0;
  margin-left: 0;
}
/*----------side_navここまで----------*/


/*----------採用情報バナーここから----------*/
.contents .side_nav .recruit {
  width: 248px;
  height: 42px;
  padding: 0 0 5px 0;
  margin: 0;
  background: /*url(../img/oem_odm.jpg) no-repeat center*/ #f4f7fc;
  border: #0046a6 solid 1px;
  text-align: center;
  font-weight: bolder;
  /*color: #494949;*/
	/*divボックス　リンク化 親ボックス指定*/
  position: relative;/*divボックス　リンク化 親ボックス指定*/
}
/*divボックス　リンク化 ここから*/
.contents .side_nav .recruit a {
  position: absolute;
  top: 0;
  left: 1px;
  width: 100%;
  height: 100%;
}
/*divボックス　リンク化 ホバー*/
.contents .side_nav .recruit a:hover {
  background-color: #FFF;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.contents .side_nav .recruit h4 {
  height: 35px;
  line-height: 35px;
  margin: 0 auto 0 auto;
  padding: 0;
  font-family: 'marugo-m';
  font-size: 20px;
  letter-spacing: 2px;
  color: #0046a6;
  font-weight: normal;
}

@media all and (-ms-high-contrast:none) {
.contents .side_nav .recruit h4 {
  height: 35px;
  line-height: 35px;
  margin: 0 auto 0 auto;
  padding: 0;
  font-family: "メイリオ", 'marugo-m', Verdana, "游ゴシック", YuGothic, Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 20px;
  letter-spacing: 2px;
  color: #0046a6;
  font-weight: normal;
}  /*IE10以降 */
}
.contents .side_nav .recruit .border {
  width: 208px;
  height: 0;
  margin: 0 auto;
  border-bottom: #0046a6 solid 2px;
}
/*----------CSS HACK for IE ↓----------*/
/*@media all and (-ms-high-contrast:none) {

.side_nav .recruit h4 {
	margin: 0 auto 0 auto;
	padding: 0;
	font-family: "メイリオ", 'marugo-m', Verdana, "游ゴシック", YuGothic, Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 2px;
}*/
 /* IE10以降 */
/*}*/
/*----------CSS HACK for IE ↑----------*/
a img:hover {
  filter: alpha(opacity=20);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
/*----------採用情報バナーここまで----------*/


/*----------OEMここから----------*/
.contents .side_nav .oem {
  width: 248px;
  height: 198px;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 20px;
  background: url(../img/oem_odm.jpg) no-repeat center;
  border: #d3d3d3 solid 1px;
  text-align: center;
  font-weight: bolder;
  color: #494949;
  /*divボックス　リンク化 親ボックス指定*/
  position: relative;/*divボックス　リンク化 親ボックス指定*/
}
/*divボックス　リンク化 ここから*/
.contents .side_nav .oem a {
  position: absolute;
  top: 0;
  left: -1px;
  width: 100%;
  height: 100%;
}
/*divボックス　リンク化 ホバー*/
.contents .side_nav .oem a:hover {
  background-color: #FFF;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  opacity: 0.2;
}
/*divボックス　リンク化 ここまで*/	

.contents .side_nav .oem h4 {
  margin: 15px auto 0 auto;
  font-family: 'marugo-m';
  font-size: 27px;
  letter-spacing: 2px;
}
.contents .side_nav .oem .border {
  width: 208px;
  height: 0;
  margin: 0 auto;
  border-bottom: #ff681f solid 2px;
}
.contents .side_nav .oem h5 {
  margin: 5px auto 8px auto;
  font-family: 'marugo-m';
  font-size: 15px;
  letter-spacing: 2px;
}
/*----------OEMここまで----------*/
/*----------会社情報ここから----------*/
.contents .company {
  width: 225px;
  /* [disabled]height: 176px;
*/
  margin: 20px 0 30px 0;
  padding: 11px;
  background: url(../img/campany.jpg) no-repeat center top;
  border: #d3d3d3 solid 1px;
  font-family: 'marugo-m';
  font-size: 12px;
  color: #494949;
}
.contents .company .txt {
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
  margin-top: 115px;
  line-height: 1.2;
  font-weight: bolder;
  letter-spacing: -0.1em;
}
/*----------会社情報ここまで----------*/
/*----------side_navここまで----------*/
.contents .main {
  position: relative;
  float: right;
  width: 667px;
  margin: 33px 0 40px 0;
}
.contents .main a .mission {
  margin: 15px 0 0 0;
}
.contents .main a .quality, .contents .main a .development, .contents .main a .contribution {
  display: inline-block;
  margin: 30px 0 0 0;
}
.contents .main a img:hover {
  background-color: #FFF;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
/*----------footerここから----------*/
.footer {
  height: 75px;
  margin: 0;
  background: #fff;
  border-top: #008145 solid 2px;
}
.footer .wrap {
  width: 950px;
  margin: 0 auto;
}
.footer .wrap .nav {
  height: 32px;
  padding: 8px 0 0 0;
  font-family: 'marugo-m';
  font-size: 14px;
  color: #008145;
}
.footer .address {
  height: 35px;
  margin: 0;
  background: #008145;
}
.footer .address .wrap {
  height: 25px;
  padding: 5px 0 0 0;
  text-align: right;
  font-family: 'marugo-l';
  font-size: 12px;
  color: #fff;
}
/*----------footer ナビ　CSS3 ホバーエフェクトここから----------*/
.footer .wrap .nav .button {
  display: inline-block;
  text-decoration: none;
  outline: none;
}
.footer .wrap .nav .button::before, .footer .wrap .nav .button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.footer .wrap .nav .button, .footer .wrap .nav .button::before, .footer .wrap .nav .button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.footer .wrap .nav .button {
  color: #008845;
}
.footer .wrap .nav .button:hover {
  color: #ff681f;
}
/*----------footer ナビ　CSS3 ホバーエフェクトここまで----------*/

/*----------footerここまで----------*/

/*----------index.htmlここまで----------*/


/*----------mission.htmlここから----------*/
.contents .main_mission {
  position: relative;
  float: right;
  width: 667px;
  min-height: 790px;
  height: auto!important;
  height: 776px;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
}
.contents .main_mission .lead_mission {
  width: 665px;
  min-height: 550px;
  background: url(../img/mission/bg-lead.jpg) no-repeat center top;
  margin: 0;
  padding: 0 0 130px 0;
}
.contents .main_mission .lead_mission p {
  /* [disabled]font-size: 17px;
*/
  line-height: 2.0;
}
.contents .main_mission .lead_mission .title {
  width: 200px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  padding: 0;
}
.contents .main_mission .lead_mission .title h2 {
  font-family: "ryumin-m";
  font-size: 23px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  color: #fff;
}

@media all and (-ms-high-contrast:none) {
.contents .main_mission .lead .title h2 {
  font-family: "メイリオ", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 23px;
  height: 30px;
  line-height: 30px;
  padding-top: 2px;
  color: #fff;
}
}
.contents .main_mission .lead_mission .txt {
  /*min-width:460px;*/
  min-width: 480px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 89px;
}
.contents .main_mission .lead_mission .txt h3 {
  font-family: 'marugo-m';
  font-size: 18px;
  color: #494949;
  line-h: 0;
  padding-bottom: 1.1em;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.4em;
}
.contents .main_mission .nav_mission {
  position: absolute;
  bottom: 0;
  height: 105px;
  margin: 0;
  padding: 0;
}
.contents .main_mission .nav_mission a .center {
  padding: 0 18px 0 18px;
}
/*----------mission.htmlここまで----------*/


/*----------quality.html,development.html,contribution.html　.leadここから----------*/
/*----------quality.html　.leadここから----------*/
.contents .side_nav .menu .box01 {
  margin: 15px 0;
}
.contents .side_nav .menu .box02 {
  margin: 0 0 30px auto;
}
.contents .main .lead {
  width: 625px;
  min-height: 271px;
  height: auto!important;
  hieght: 271px;
  padding: 0 20px 20px 20px;
  margin: 0 0 30px 0;
  background: url(../img/quality/bg-lead.jpg) no-repeat;
}
.contents .main .lead .title {
  width: 100px;
  height: 30px;
  line-height: 30px;
  padding: 15px 0 0 0;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
.contents .main .lead .title h2 {
  font-family: "ryumin-m";
  font-size: 23px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  color: #fff;
}

@media all and (-ms-high-contrast:none) {
.contents .main .lead .title h2 {
  font-family: "ryumin-m"/* "メイリオ", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif*/;
  font-size: 23px;
  line-height: 40px;
  padding-top: 20px;
  color: #fff
}
}
.contents .main .article .quality {
  background: url(../img/quality/dash.png) no-repeat left;
  height: 28px;
  line-height: 28px;
  margin: 0 auto 0 0;
}
.main .article .sub_title {
  margin-top: 0;
  margin-right: 0;
  /* [disabled]margin-left: 1.5em;
*/
  margin-bottom: 1.5em;
}
.main .article .sub_title h5 {
  font-size: 1.2em;
  margin: 0;
  color: #912d33;
}
.contents .main .lead .txt {
  /*min-width:460px;*/
  width: 460px;
  padding-top: 15px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  line-height: 1.5;
  text-align: justify;
  text-justify: inter-ideograph;
}
.contents .main .lead .txt h3 {
  font-family: 'ryumin-m';
  font-size: 19px;
  padding: 0 0 10px 0;
  color: #494949;
}
/*----------quality.html　.leadここまで----------*/

/*----------development.html　.leadここから----------*/
.contents .main .lead_development {
  width: 625px;
  min-height: 271px;
  height: auto!important;
  hieght: 271px;
  padding: 0 20px 20px 20px;
  margin: 0 0 30px 0;
  background: url(../img/development/bg-lead.jpg) no-repeat;
}
.contents .main .lead_development .title {
  width: 100px;
  height: 30px;
  line-height: 30px;
  padding: 15px 0 0 0;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
.contents .main .lead_development .title h2 {
  font-family: "ryumin-m";
  font-size: 23px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  color: #fff;
}

@media all and (-ms-high-contrast:none) {
.contents .main .lead_development .title h2 {
  font-family: "ryumin-m"/* "メイリオ", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif*/;
  font-size: 23px;
  line-height: 40px;
  padding-top: 20px;
  color: #fff;
}
}
.contents .main .lead_development .txt {
  /*min-width:460px;*/
  width: 460px;
  padding: 20px 0 0 0;
  line-height: 1.5;
  text-align: justify;
  text-justify: inter-ideograph;
}
.contents .main .lead_development .txt h3 {
  font-family: 'ryumin-m';
  font-size: 19px;
  padding: 0 0 10px 0;
  color: #494949;
}
.contents .main .article .title_development {
  background: url(../img/development/dash.png) no-repeat left;
  height: 28px;
  line-height: 28px;
  margin: 0 auto 20px 0;
}
.contents .main .article .title_development h4 {
  font-size: 20px;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  margin: 0 auto;
}
/*----------development.html　.leadここまで----------*/

/*----------contribution.html　.leadここから----------*/

.contents .main .lead_contribution {
  width: 625px;
  min-height: 271px;
  height: auto!important;
  hieght: 271px;
  padding: 0 20px 26px 20px;
  margin: 0 0 30px 0;
  background: url(../img/contribution/bg-lead.jpg) no-repeat;
}
.contents .main .lead_contribution .title {
  min-width: 100px;
  height: 30px;
  line-height: 30px;
  padding: 15px 0 0 0;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
.contents .main .lead_contribution .title h2 {
  font-family: "ryumin-m";
  font-size: 23px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  color: #fff;
}

@media all and (-ms-high-contrast:none) {
.contents .main .lead_contribution .title h2 {
  font-family: "ryumin-m"/* "メイリオ", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif*/;
  font-size: 23px;
  line-height: 40px;
  padding-top: 20px;
  color: #fff
}
}
.main .lead_contribution h3 {
  font-family: 'ryumin-m';
  font-size: 19px;
  padding: 0 0 10px 0;
  color: #494949;
}
.contents .main .lead_contribution .txt {
  /*min-width:460px;*/
  width: 460px;
  padding-top: 15px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  line-height: 1.5;
  text-align: justify;
  text-justify: inter-ideograph;
}
.contents .main .lead_contribution .txt h3 {
  font-family: 'ryumin-m';
  font-size: 19px;
  padding: 0 0 10px 0;
  color: #494949;
}
.contents .main .article .title_contribution {
  background: url(../img/contribution/dash.png) no-repeat left;
  height: 28px;
  line-height: 28px;
  margin: 0 auto 20px auto;
  padding: 0 0 0 1em;
}
.contents .main .article .title_contribution h4 {
  font-size: 20px;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
}
.article img.contribution {
  margin: 20px 0 0 0;
}
/*----------,contribution.html　.leadここまで----------*/

/*----------oem.html　.leadここから----------*/
.contents .main .lead_oem {
  width: 665px;
  min-height: 271px;
  padding: 31px 0 45px 0;
  margin: 0 0 30px 0;
  background: #f0f0f0; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 49%, #f0f0f0 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(49%, #ffffff), color-stop(100%, #f0f0f0)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #ffffff 49%, #f0f0f0 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f0f0f0 0%, #ffffff 49%, #f0f0f0 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f0f0f0 0%, #ffffff 49%, #f0f0f0 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f0f0f0 0%, #ffffff 49%, #f0f0f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f0f0f0', GradientType=0 ); /* IE6-8 */
}
.main .lead_oem.gradients .title {
  width: 500px;
  height: 30px;
  line-height: 30px;
  padding: 3px 0 3px 20px;
  font-family: 'marugo-m';
  margin: 0;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjgxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjY4MWYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, rgba(255,104,31,1) 0%, rgba(255,104,31,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,104,31,1)), color-stop(100%, rgba(255,104,31,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255,104,31,1) 0%, rgba(255,104,31,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255,104,31,1) 0%, rgba(255,104,31,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255,104,31,1) 0%, rgba(255,104,31,0) 100%); /* IE10+ */
  background: linear-gradient(to right, rgba(255,104,31,1) 0%, rgba(255,104,31,0) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff681f', endColorstr='#00ff681f', GradientType=1 );
}
.contents .main .title h2 {
  display: inline;
  font-family: "marugo-m";
  font-size: 20px;
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  color: #fff;
  padding: 0 0 10px 0;
}

@media all and (-ms-high-contrast:none) {
.contents .main .title h2 {
  font-family: "メイリオ", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  display: inline;
  font-size: 23px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  color: #fff;
  padding: 0 0 10px 0;
}
}
.contents .main .lead_oem .txt {
  /*min-width:460px;*/
  width: 625px;
  line-height: 1.5;
  padding-top: 20px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
}
.contents .main .lead_oem .txt img {
  /*min-width:460px;*/
  float: right;
}
.contents .main .lead_oem .txt h3.oem {
  width: 9.5em;
  font-family: 'marugo-m';
  font-size: 23px;
  color: #494949;
  border-bottom: #ff681f 2px solid;
  padding: 0 3px 3px 3px;
  margin: 0 0 3px 0;
}

@media all and (-ms-high-contrast:none) {
.contents .main .lead_oem .txt h3.oem {
  width: 9.5em;
  font-family: "メイリオ", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 23px;
  color: #494949;
  border-bottom: #ff681f 2px solid;
  padding: 0 3px 0 3px;
  margin: 0 0 7px 0;
}
}
.contents .main .lead_oem .txt h3 {
  font-family: 'ryumin-m';
  font-size: 23px;
  color: #494949;
}
.contents .main .article .title_development {
  background: url(../img/development/dash.png) no-repeat left;
  height: 28px;
  line-height: 28px;
  margin: 0 auto 20px 0;
}
.contents .main .article .title_development h4 {
  font-size: 20px;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  margin: 0 auto;
}
/*----------oem.html　.leadここまで----------*/



/*----------quality.html,development.html,contribution.html　.leadここから----------*/
.contents .main .article {
  overflow: hidden;
  padding: 0 20px 30px 20px;
}
.contents .main .article h6 {
  padding: 0.5em 0;
}
.contents .main .article .title {
  background: url(../img/quality/dash.png) no-repeat left;
  height: 28px;
  line-height: 28px;
  margin: 0 auto 20px 0;
}
.contents .main .article .txt .title02 {
  margin: 0 0 20px 0;
}
.contents .main .article .txt .title02 span {
  color: #912d33;
}
.contents .main .article .title img {
  padding: 8px 0 0 0;
}
.contents .main .article .title h4 {
  font-size: 20px;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  margin-top: 0;
  margin-right: auto;
  margin-left: 1em;
  margin-bottom: 0;
}
.contents .main .article .txt {
  float: left;
  width: 355px;
  margin: 0;
  text-align: justify;
  text-justify: inter-ideograph;
}
.contents .main .article .txt2 {
  float: right;
  width: 355px;
  padding: 0 0 1.5em 0;
  text-align: justify;
  text-justify: inter-ideograph;
}
.contents .main .article .img {
  float: right;
  width: 250px;
  margin: 0;
}
.contents .main .article .img2 {
  float: left;
  width: 250px;
}
.contents .main .article .facts_l {
  float: left;
  width: 290px;
  margin: 0;
  padding: 0 0 1.5em 0;
  text-align: justify;
  text-justify: inter-ideograph;
}
.contents .main .article .facts_r {
  float: right;
  width: 290px;
  padding: 0 0 1.5em 0;
  text-align: justify;
  text-justify: inter-ideograph;
}
/*----------contact.htmlここから----------*/

.contents .main .contact {
  /*position: relative;*/
  min-height: 743px;
  margin: 0 0 30px 0;
  padding: 0;
}
.contents .main .head {
  height: 28px;
  padding-top: 0;
  padding-right: 0;
  padding-left: 1.0em;
  padding-bottom: 3px;
  border-left: #008145 solid 10px;
  border-bottom: #008145 solid 2px;
}
.contents .main .head h2 {
  font-family: "ryumin-m";
  font-size: 20px;
  height: 28px;
  line-height: 28px;
}
.contents .main .article_top {
  width: 627px;
  overflow: hidden;
  padding-top: 30px;
  padding-right: 20px;
  padding-left: 20px;
}
.article_top .txt02 {
  text-align: justify;
  text-justify: inter-ideograph;
}
.contents .main .article_top ul {
  list-style-type: disc;
  padding: 0 0 0 20px;
}
.contents .main .article_top ul.no_dash {
  list-style-type: none;
  padding: 0 0 0 1.5em;
}
.contents .main .form {
  /*position: absolute;
	bottom: 0;*/
  overflow: hidden;
  padding: 0 20px 0 20px;
}
.contents .main .form table {
  width: 100%;
}
.contents .main .form table th {
  width: 20%;
  background: #e5f2ec;
  border: #dedede solid 1px;
  margin: 2px;
  padding: 0.8em 1em;
}
.contents .main .form table td {
  width: 70%;
  /*padding: 0.3em 0.3em 0.3em 1.5em;*/
  padding: 0.5em 1.5em 0.5em 1.5em;
  border: #dedede solid 1px;
  margin: 2px;
  padding: 0.8em 2em;
}

@media all and (-ms-high-contrast:none) {
.contents .main .head h2 {
  font-family: "メイリオ", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 20px;
  height: 28px;
  line-height: 28px;
}
}
.contents .main .contact .article_top .border {
  height: 2px;
  margin: 27px 0;
}
.ftable tr {
  background-color: #E5F2EC;
  width: 180px;
  padding: 5px;
  text-align: left;
  font-weight: lighter;
  color: #212121;
  border: 1px solid #e1e5d9;
}
.ftable th {
  background-color: #E5F2EC;
  width: 165px;
  text-align: left;
  font-weight: bold;
  border: 1px solid #e1e5d9;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  font-size: 12px;
}
.ftable td {
  background-color: #fff;
  width: 350px;
  border: 1px solid #eceaea;
  padding: 5px;
}
/*----------contact.htmlここまで----------*/
/*----------privacy.htmlここから----------*/
.contents .main .privacy {
  margin: 0 0 30px 0;
}
.contents .main .article .txt02 {
  margin: 0.5em 0 0 0;
}
/*----------privacy.htmlここまで----------*/


/*----------sitemap.htmlここから----------*/

.contents .main .right_box {
  float: left;
  width: 47%;
}
.contents .main .right_box .page {
  padding: 0 0 0 1.5em;
  background: url(../img/sitemap/bg-title.png) no-repeat left;
}
.contents .main .right_box h3 {
  height: 28px;
  line-height: 28px;
  font-size: 15px;
  font-weight: nomal;
}
.contents .main .left_box {
  float: right;
  width: 47%;
}
.contents .main .left_box .page {
  padding: 0 0 0 1.5em;
  margin: 0;
  background: url(../img/sitemap/bg-title.png) no-repeat left;
}
.contents .main .left_box h3 {
  height: 28px;
  line-height: 28px;
  font-size: 15px;
  font-weight: nomal;
}
/*----------sitemap.htmlここまで----------*/


/*----------company.htmlここから----------*/
.contents .main .head_company {
  font-size: 20px;
  height: 28px;
  line-height: 28px;
  padding: 0 0 0 1.0em;
  border-left: #008145 solid 10px;
  border-bottom: #008145 solid 2px;
}
.contents .main .article_top .company_info {
  /*position: relative;*/
  width: 100%;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 25px;
  padding: 0;
  overflow: hidden
}
.contents .main .article_top .company_info table {
  padding: 0.5em 1.5em;
  width: 100%;
}
.contents .main .article_top .company_info table th {
  width: 20%;
  background: #e5f2ec;
  border: #dedede solid 1px;
  margin: 2px;
}
.contents .main .article_top .company_info table td {
  width: 70%;
  padding: 0.7em 1.5em;
  border: #dedede solid 1px;
  margin: 2px;
}
.contents .main .article_top .company_info .cell .to_map {
  float: right;
  width: 20%;
}
.contents .main .article_top .map_cell {
  /*	height: 1.2em;
	line-height: 1.2em;*/
	/*position: absolute;
	bottom: 0;*/
  width: 100%;
  font-weight: bold;
  background: #fff0e8;
  text-align: center;
  border: #dedede solid 1px;
  padding: 6px 0;
  margin: 0 0 30px 0;
}
/*CSS3 ホバーここから*/
.contents .main .article_top .company_info table tr td p .link_txt_green {
  display: inline-block;
  text-decoration: none;
  outline: none;
}
.contents .main .article_top .company_info table tr td p .link_txt_green::before, .contents .main .article_top .company_info table tr td p .link_txt_green::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.contents .main .article_top .company_info table tr td p .link_txt_green, .contents .main .article_top .company_info table tr td p .link_txt_green::before, .contents .main .article_top .company_info table tr td p .link_txt_green::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.contents .main .article_top .company_info table tr td p .link_txt_green {
  color: #008845;
}
.contents .main .article_top .company_info table tr td p .link_txt_green:hover {
  color: #ff681f;
}
/*----------CSS3 ホバーここまで*/
/*----------company.htmlここまで----------*/


/*----------recruit.htmlここから----------*/
.contents .recruit_info {
  margin: 0 0 30px 0;
}
.contents .main .head_blue {
  font-size: 20px;
  height: 28px;
  line-height: 28px;
  padding: 0 0 0 1.0em;
  border-left: #2768c1 solid 10px;
  border-bottom: #2768c1 solid 2px;
}
.recruit_info div table {
  width: 100%;
}
.recruit_info div table th {
  width: 20%;
  background: #f4f7fc;
  border: #dedede solid 1px;
  margin: 2px;
}
.recruit_info div table td {
  width: 70%;
  /*padding: 0.3em 0.3em 0.3em 1.5em;*/
  padding: 0.5em 1.5em 0.5em 1.5em;
  border: #dedede solid 1px;
  margin: 2px;
  text-indent: 2em;
}
/*----------company.htmlここまで----------*/


/*----------link_txt ナビ　CSS3 ホバーエフェクトここから----------*/
.link_txt {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  height: 28px;
  line-height: 28px;
  outline: none;
}
.link_txt::before, .link_txt::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.link_txt, .link_txt::before, .link_txt::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.link_txt {
  line-height: 28px;
  border-bottom: #fff solid 1px;
  color: #fff;
}
.link_txt:hover {
  background-color: #fff;
  border-color: #ff681f;
  color: #ff681f;
}
/*----------link_txt ナビ　CSS3 ホバーエフェクトここまで----------*/




.clear {
  clear: both;
  margin: 0;
  padding: 0;
  height: 0px;
}
.green {
  color: #008145;
}
.line {
  height: 1px;
  background: #ddd;
  margin: 2em 0;
}
.border {
  background: #d3d3d3;
  margin: 0;
  padding: 0;
  height: 2px;
}