@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Ubuntu);
@import url(//fonts.googleapis.com/css?family=Lato:100);
@import url("https://fonts.googleapis.com/css?family=EB+Garamond");
.clearfix {
  zoom: 1;
}
.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.lineShadow {
  clear: both;
  width: 1000px;
  height: 72px;
  background-image: url(../images/top_line_shadow.jpg);
  border: none;
}

section {
  clear: both;
}

figure {
  margin: 0;
}
figure figcaption {
  float: none;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.figcaption__list {
  padding: 0;
  text-align: left;
}

.figcaptionNote {
  padding: 0 20px;
}

.figcaptionNote__list {
  padding: 0;
  list-style: none;
}

.figcaptionNote__item {
  margin: 10px 1em 7px 0;
  padding-left: 7px;
  color: #999;
  font-size: 12px;
  text-align: left;
  border-left: 3px solid #31cec5;
}

.emphasis01,
.-emphasis {
  color: #ea365c;
}

a {
  color: #01beb3;
  text-decoration: none;
}
a:link {
  /* 未訪問のリンク */
  color: #01beb3;
  text-decoration: none;
}
a:visited {
  /*訪問後のリンク*/
  color: #01beb3;
  text-decoration: none;
}
a:hover {
  /*マウスをのせたとき*/
  color: #01beb3;
  text-decoration: underline;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.btnType01 {
  position: relative;
}
.btnType01 a {
  padding: 15px 35px 15px 20px;
  color: #fff;
  text-decoration: none;
  background-color: #01beb3;
  border-radius: 5px;
}
.btnType01 a:hover {
  background-color: #7ff1ea;
}
.btnType01 a:after {
  position: absolute;
  margin-left: 20px;
  color: #fff;
  font-family: "FontAwesome";
  content: "\f0da";
}

.w100 {
  width: 100px;
}

.w1000 {
  width: 1000px;
}

.mb40 {
  margin-bottom: 40px;
}

.textLink01 a {
  display: block;
  margin-right: 14px;
  padding-left: -5px;
  color: #666;
  text-indent: 10px;
  background: url(../images/common_ico_link01.png) no-repeat 0 8px;
}
.textLink01 a:hover {
  text-decoration: underline;
}

#pageTop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  padding: 20px;
  color: #fff;
  background: #ddd;
  border-radius: 5px;
}
#pageTop:hover {
  background: #eee;
}

.noData {
  display: block;
  text-align: center;
}

body {
  color: #666;
  font: 14px/1.7 "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  letter-spacing: 0.02em;
}

ol.type01 {
  counter-reset: list_count;
  list-style: none;
}
ol.type01 li::before {
  display: inline-block;
  margin-right: 0.25em;
  content: counter(list_count);
  counter-increment: list_count;
}
ol.type01 li:before {
  display: marker;
}
ol.type01 li:nth-of-type(1):before {
  content: "①";
}
ol.type01 li:nth-of-type(2):before {
  content: "②";
}
ol.type01 li:nth-of-type(3):before {
  content: "③";
}
ol.type01 li:nth-of-type(4):before {
  content: "④";
}
ol.type01 li:nth-of-type(5):before {
  content: "⑤";
}
ol.type01 li:nth-of-type(6):before {
  content: "⑥";
}
ol.type01 li:nth-of-type(7):before {
  content: "⑦";
}
ol.type01 li:nth-of-type(8):before {
  content: "⑧";
}
ol.type01 li:nth-of-type(9):before {
  content: "⑨";
}
ol.type01 li:nth-of-type(10):before {
  content: "⑩";
}
ol.type01 li:nth-of-type(11):before {
  content: "⑪";
}
ol.type01 li:nth-of-type(12):before {
  content: "⑫";
}
ol.type01 li:nth-of-type(13):before {
  content: "⑬";
}
ol.type01 li:nth-of-type(14):before {
  content: "⑭";
}
ol.type01 li:nth-of-type(15):before {
  content: "⑮";
}
ol.type01 li:nth-of-type(16):before {
  content: "⑯";
}
ol.type01 li:nth-of-type(17):before {
  content: "⑰";
}
ol.type01 li:nth-of-type(18):before {
  content: "⑱";
}
ol.type01 li:nth-of-type(19):before {
  content: "⑲";
}
ol.type01 li:nth-of-type(20):before {
  content: "⑳";
}

#pageHeader {
  float: none;
  width: 1000px;
  margin: 0 auto;
}
#pageHeader #rightContent {
  float: right;
}
#pageHeader h1 {
  float: right;
  color: #8a8a8a;
  font-size: 12px;
  font-weight: normal;
}
#pageHeader h2 {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}
#pageHeader h2 a {
  display: block;
  width: 295px;
  height: 74px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/common_logo.jpg);
  background-repeat: no-repeat;
}
#pageHeader #utility {
  float: right;
  clear: both;
  width: auto;
}
#pageHeader #utility #searchBox {
  position: relative;
  float: right;
  width: 232px;
  height: 40px;
  background-repeat: no-repeat;
}
#pageHeader #utility #searchBox #searchBoxInner {
  position: relative;
  top: -1px;
  left: 0;
  width: 100%;
}
#pageHeader #utility #searchBox .gsc-search-box {
  position: relative;
  width: 100%;
  height: 40px;
}
#pageHeader #utility #searchBox table.gsc-search-box,
#pageHeader #utility #searchBox #gs_id50.gsc-input,
#pageHeader #utility #searchBox #gs_id50.gsc-input tr,
#pageHeader #utility #searchBox #gs_id50.gsc-input td {
  height: 40px !important;
  padding: 0 !important;
  border: none !important;
  vertical-align: middle;
}
#pageHeader #utility #searchBox table.gsc-search-box {
  width: 100% !important;
  table-layout: fixed;
}
#pageHeader #utility #searchBox table.gsc-search-box td.gsc-input {
  width: calc(100% - 80px) !important;
}
#pageHeader #utility #searchBox .gsc-input-box,
#pageHeader #utility #searchBox .gsc-input > input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 40px !important;
  padding: 0 44px 0 14px !important;
  line-height: 40px !important;
  border-radius: 8px;
}
#pageHeader #utility #searchBox td.gsc-search-button,
#pageHeader #utility #searchBox td.gsc-clear-button {
  position: relative;
  width: 40px !important;
  padding: 0 !important;
}
#pageHeader #utility #searchBox td.gsib_b {
  width: 0 !important;
  padding: 0 !important;
}
#pageHeader #utility #searchBox td.gsc-search-button > button.gsc-search-button,
#pageHeader #utility #searchBox td.gsc-search-button > button.gsc-search-button-v2 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer;
}
#pageHeader #utility #searchBox td.gsc-search-button > button.gsc-search-button-v2 > svg path {
  fill: #5ca39a !important;
}

#searchBox .gsc-input-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 40px;
  padding: 0 44px 0 14px !important;
  border: 1px solid #ccc !important;
  border-radius: 8px;
}
#searchBox .gsc-input > input {
  height: 40px !important;
  line-height: 40px !important;
}

.gsc-search-box .gsc-input > input:hover,
.gsc-input-box-hover {
  border-width: 0;
  border-style: none;
  border-color: #000;
  border-right: none;
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -moz-border-bottom-colors: none;
  -o-border-image: none;
     border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
}

.gsc-search-box .gsc-input > input:focus,
.gsc-input-box-focus {
  border: none;
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.error404 .gsc-search-box .gsc-input > input:focus,
.error404 .gsc-input-box-focus {
  border: none;
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

#searchBox input.gsc-search-button,
#searchBox button.gsc-search-button,
#searchBox button.gsc-search-button-v2 {
  margin: 0;
  padding: 0;
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  border-radius: 0;
}
#searchBox input.gsc-search-button:hover,
#searchBox button.gsc-search-button:hover,
#searchBox button.gsc-search-button-v2:hover {
  opacity: 0.5;
}
#searchBox .gsc-search-box .gsc-input > input:hover,
#searchBox .gsc-input-box-hover {
  opacity: 0.5;
}

#pageHeader #utility #searchBox .cse .gsc-search-button input.gsc-search-button-v2,
#pageHeader #utility #searchBox input.gsc-search-button-v2 {
  padding-right: 22px;
}

.page-id-47 .gsc-result .gs-title {
  height: auto;
}
.page-id-47 #mainContent table {
  margin-left: 8px;
}

#pageHeader #utility #menuUtility {
  display: block;
  clear: both;
}
#pageHeader #utility #menuUtility li {
  float: left;
  margin-right: 14px;
  padding-left: -5px;
  font-size: 12px;
  text-indent: 10px;
  background: url(../images/common_ico_link01.png) no-repeat 0 7px;
  list-style: none;
}
#pageHeader #utility #menuUtility li.menu-item-1588 {
  margin-right: 0;
}
#pageHeader #utility #menuUtility a {
  color: #333333;
  text-decoration: none;
}
#pageHeader #utility #menuUtility a:hover {
  text-decoration: underline;
}

.home #pageHeader #indexNavi {
  position: relative;
  clear: both;
  /*height: 290px;*/
  height: 320px;
}

#naviHome {
  z-index: 100;
  float: left;
  width: 142px;
  height: 60px;
  margin-right: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/common_btn_gnavi_under.png) no-repeat;
}

#indexNavi #naviHome.active, #indexNavi #naviHome.hover {
  background: url(../images/common_btn_gnavi_under.png) no-repeat 0 -60px;
}

.indexMenu {
  position: relative;
  z-index: 100;
  display: block;
  float: left;
  width: 140px;
  height: 60px;
  margin-right: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/common_btn_gnavi_under.png) no-repeat;
  cursor: pointer;
  list-style: none;
}

.fullContent {
  position: relative;
  clear: both;
  width: 1000px;
}
.fullContent ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tabIndex {
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 10;
  width: 910px;
  height: 220px;
  padding: 20px 42px;
  background: #effffe;
  border: #31cec5 3px solid;
  border-radius: 0 0 5px 5px;
}
.tabIndex p {
  margin: 0 0 20px 0;
}

#indexNavi .indexContent .column {
  float: left;
  /*width: 125px;*/
  width: 150px;
  margin-right: 32px;
}
#indexNavi .indexContent .last {
  margin-right: 0;
}
#indexNavi .indexContent dl {
  margin: 0;
}
#indexNavi .indexContent dl dt {
  margin-bottom: 10px;
  padding-left: 1em;
  color: #01beb3;
  font-size: 13px;
  font-weight: bold;
  border-left: 5px solid #01beb3;
}
#indexNavi .indexContent dl dd {
  margin: 0;
  margin: 0 0 5px;
  font-size: 12px;
}
#indexNavi .indexContent dl dd.last {
  margin-bottom: 20px;
}
#indexNavi .indexContent dl dd a {
  display: block;
  padding-left: 1em;
  color: #333333;
  text-decoration: none;
  background: url(../images/common_ico_link01.png) no-repeat 0 5px;
}
#indexNavi .indexContent dl dd a:hover {
  text-decoration: underline;
}

.home #naviHome {
  z-index: 100;
  float: left;
  width: 140px;
  height: 60px;
  margin-right: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/common_btn_gnavi.png) no-repeat;
}
.home .indexMenu {
  position: relative;
  z-index: 100;
  display: block;
  float: left;
  width: 140px;
  height: 60px;
  margin-right: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/common_btn_gnavi.png) no-repeat;
  cursor: pointer;
  list-style: none;
}

#indexNavi #naviHome {
  width: 142px;
}
#indexNavi #naviLookup {
  margin-right: 0;
}

.indexMenu:first-child {
  margin-left: 0;
}

#indexNavi #naviHome .indexMenu {
  background-position: 0px 0;
}
#indexNavi #naviMaterial.indexMenu {
  background-position: -145px 0;
}
#indexNavi #naviCharacter.indexMenu {
  background-position: -288px 0;
}
#indexNavi #naviHeat.indexMenu {
  background-position: -431px 0;
}
#indexNavi #naviTribology.indexMenu {
  background-position: -574px 0;
}
#indexNavi #naviProduct.indexMenu {
  background-position: -717px 0;
}
#indexNavi #naviLookup.indexMenu {
  margin-right: 0;
  background-position: -860px 0;
}

.home #indexNavi #naviHome.active, .home #indexNavi #naviHome.hover {
  background: url(../images/common_btn_gnavi.png) no-repeat 0 -63px;
}

#indexNavi #naviMaterial.hover, #indexNavi #naviMaterial.active {
  height: 63px;
  margin-bottom: -3px;
  background: url(../images/common_btn_gnavi.png) no-repeat -145px -63px;
}
#indexNavi #naviCharacter.hover, #indexNavi #naviCharacter.active {
  height: 63px;
  margin-bottom: -3px;
  background: url(../images/common_btn_gnavi.png) no-repeat -288px -63px;
}
#indexNavi #naviHeat.hover, #indexNavi #naviHeat.active {
  height: 63px;
  margin-bottom: -3px;
  background: url(../images/common_btn_gnavi.png) no-repeat -431px -63px;
}
#indexNavi #naviTribology.hover, #indexNavi #naviTribology.active {
  height: 63px;
  margin-bottom: -3px;
  background: url(../images/common_btn_gnavi.png) no-repeat -574px -63px;
}
#indexNavi #naviProduct.hover, #indexNavi #naviProduct.active {
  height: 63px;
  margin-bottom: -3px;
  background: url(../images/common_btn_gnavi.png) no-repeat -717px -63px;
}
#indexNavi #naviLookup.hover, #indexNavi #naviLookup.active {
  height: 63px;
  margin-bottom: -3px;
  background: url(../images/common_btn_gnavi.png) no-repeat -860px -63px;
}

#content {
  clear: both;
  margin: 0 auto;
  padding-top: 0;
  text-align: center;
}
#content #pickup,
#content #whatsnew {
  float: none;
  clear: both;
  width: 1000px;
  margin: 0 auto;
}
#content #pickup h3,
#content #whatsnew h3 {
  float: left;
  width: 300px;
  margin-left: 45px;
  padding-top: 10px;
  color: #01beb3;
  font: 400 25px "Ubuntu", sans-serif;
  text-align: left;
}
#content #pickup .slick-slider,
#content #whatsnew .slick-slider {
  clear: both;
}
#content #pickup .toWatchList,
#content #whatsnew .toWatchList {
  float: right;
  margin-top: 35px;
  text-align: right;
}
#content #pickup .toWatchList a,
#content #whatsnew .toWatchList a {
  color: #666;
}
#content #pickup .toWatchList a:hover,
#content #whatsnew .toWatchList a:hover {
  text-decoration: none;
}
#content #pickup .toWatchList a:before,
#content #whatsnew .toWatchList a:before {
  margin-right: 10px;
  color: #01beb3;
  font-family: "FontAwesome";
  content: "\f054";
}
#content #pickup .infoArea,
#content #whatsnew .infoArea {
  clear: both;
  width: 100%;
}
#content #pickup .infoArea ul,
#content #whatsnew .infoArea ul {
  list-style: none;
}
#content #service {
  float: none;
  clear: both;
  width: 910px;
  margin: 0 auto 0 auto;
}
#content #service h3 {
  margin: 0 auto 30px;
  color: #01beb3;
  font-size: 24px;
  font-weight: normal;
}
#content #service .intro {
  margin-bottom: 40px;
}
#content #service #serviceMenu {
  clear: both;
  text-align: left;
}
#content #service #serviceMenu h4 {
  clear: both;
  width: 160px;
  margin: 0 auto;
  padding: 20px 0;
  color: #01beb3;
  font-size: 17px;
  text-align: center;
  border-top: 1px solid #01beb3;
  border-bottom: 1px solid #01beb3;
}
#content #service #serviceMenu h4 .subMenu {
  display: block;
  color: #999;
  font: 400 14px "Ubuntu", sans-serif;
}
#content #service #serviceMenu #develop,
#content #service #serviceMenu #test,
#content #service #serviceMenu #consulting {
  clear: both;
  width: 910px;
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
}
#content #service #serviceMenu #support {
  clear: both;
  width: 910px;
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e5e5e5;
  border-bottom: none;
}

.a-btn {
  position: relative;
  display: inline-block;
  float: left;
  clear: both;
  height: 136px;
  margin: 0;
  overflow: hidden;
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
}
.a-btn img {
  position: absolute;
  top: 0px;
  left: 0;
  border: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.a-btn:hover img {
  opacity: 0;
  -webkit-transform: scale(10);
  transform: scale(10);
}
.a-btn:hover .a-btn-slide-text,
.a-btn:hover .a-btn-icon-right span {
  opacity: 1;
}
.a-btn:active {
  position: relative;
  z-index: 10;
  display: block;
  background: url(../images/top_btn_develop_bg.png) no-repeat;
}
.a-btn:active .a-btn-icon-right span {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

#content #service .intro .serviceLink {
  display: block;
  margin-top: 10px;
}
#content #service #serviceMenu ul {
  margin: 40px auto 0;
  padding: 0;
  overflow: hidden;
  list-style: none outside none;
}
#content #service #serviceMenu #test ul {
  width: 438px;
}
#content #service #serviceMenu #consulting ul {
  width: 589px;
}
#content #service #serviceMenu #support ul {
  width: 438px;
}
#content #service #serviceMenu li {
  float: left;
  width: 136px;
  margin: 0 15px 0 0;
}
#content #service #serviceMenu li.last {
  margin: 0;
}
#content #service #serviceMenu li .btnTit {
  width: 136px;
  font-size: 12px;
  text-align: center;
}
#content #service #serviceMenu ul li a {
  z-index: 0;
  display: block;
  width: 136px;
  height: 136px;
  margin-bottom: 10px;
  background: url(../images/top_btn_develop_bg.png) no-repeat;
}
#content #service #serviceBtn {
  clear: both;
  width: 730px;
  height: 55px;
  margin: 0 auto 60px;
}
#content #service #serviceBtn ul {
  margin: 0;
  padding: 0;
  list-style: none outside none;
}
#content #service #serviceBtn ul li a {
  display: block;
  float: left;
  width: 330px;
  height: 55px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}
#content #service #serviceBtn .success a {
  margin-right: 70px;
  background-image: url(../images/top_btn_success.jpg);
  background-position: 0 0;
}
#content #service #serviceBtn .success a:hover {
  background-image: url(../images/top_btn_success.jpg);
  background-position: 0 -55px;
}
#content #service #serviceBtn .qa a {
  background-image: url(../images/top_btn_qa.jpg);
  background-position: 0 0;
}
#content #service #serviceBtn .qa a:hover {
  background-image: url(../images/top_btn_qa.jpg);
  background-position: 0 -55px;
}

#pageFooter {
  clear: both;
  width: 100%;
}
#pageFooter #contact {
  width: 100%;
  background-image: url(../images/common_bg_dot_gray01.gif);
}
#pageFooter #contact #contactInner {
  width: 1000px;
  margin: 0 auto 30px;
  text-align: center;
}

.pageFooter__inner {
  clear: both;
  width: 1200px;
  margin: 0 auto 50px;
  overflow: hidden;
}

#contact #contactInner h5 {
  width: 845px;
  height: 22px;
  margin: 50px auto 20px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/common_contact_copy.png);
}

#contactInner #contactBtn {
  margin-bottom: 50px;
}
#contactInner #contactBtn a {
  display: block;
  width: 370px;
  height: 90px;
  margin: 20px auto 0;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/common_btn_contact.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
}
#contactInner #contactBtn a:hover {
  background-image: url(../images/common_btn_contact.jpg);
  background-position: 0 -90px;
}

#sitemap {
  width: 100%;
}

#sitemapColumn {
  clear: both;
  width: 1000px;
  margin: 0 auto;
}
#sitemapColumn ul {
  padding: 0;
}
#sitemapColumn ul li {
  list-style: none outside none;
}
#sitemapColumn ul .column {
  float: left;
  width: 226px;
  margin-right: 32px;
}
#sitemapColumn ul #companyInfo {
  float: left;
  width: 226px;
  margin-right: 0;
}

#pageFooter h6 {
  margin-bottom: 20px;
  color: #01beb3;
  font-size: 14px;
}
#pageFooter h6.link {
  margin-right: 14px;
  padding-left: -5px;
  color: #01beb3;
  font-size: 14px;
  text-indent: 10px;
  background: url(../images/common_ico_link01.png) no-repeat 0 5px;
}
#pageFooter h6 a {
  color: #01beb3;
  text-decoration: none;
}
#pageFooter h6 a:hover {
  text-decoration: underline;
}
#pageFooter #sitemap dl dt {
  margin-bottom: 10px;
  color: #01beb3;
  font-size: 12px;
  font-weight: bold;
  text-indent: 1em;
  border-left: 5px solid #01beb3;
}
#pageFooter #sitemap dl dd {
  margin: 0;
  margin-right: 14px;
  padding-left: -5px;
  font-size: 12px;
  text-indent: 20px;
  text-indent: 10px;
  background: url(../images/common_ico_link01.png) no-repeat 0 5px;
}
#pageFooter #sitemap dl dd.last {
  margin-bottom: 20px;
}
#pageFooter #sitemap dl dd a {
  color: #333333;
  text-decoration: none;
}
#pageFooter #sitemap dl dd a:hover {
  color: #333333;
  text-decoration: underline;
  background: url(../images/common_ico_link01.png) no-repeat -5px 5px;
}

#sitemapColumn ul #companyInfo {
  width: 184px;
  margin-top: 30px;
  padding: 10px 20px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}

.former {
  font-size: 13px;
}

#companyInfo p {
  font-size: 13px;
}
#companyInfo address {
  padding-bottom: 20px;
  font-size: 12px;
  font-style: normal;
  line-height: 1.7em;
  border-bottom: 1px solid #cccccc;
}
#companyInfo address .mailTit {
  float: left;
}
#companyInfo address .mail {
  float: left;
  margin: 3px 0 0 5px;
}
#companyInfo address .mail a {
  display: block;
  width: 17px;
  height: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  text-decoration: none;
  background: url(../images/common_ico_mail.jpg) no-repeat 0 0;
}
#companyInfo address .mail a:hover {
  text-decoration: none;
  background: url(../images/common_ico_mail.jpg) no-repeat 0 -12px;
}
#companyInfo p.logo {
  width: 170px;
  height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/logo_silicolloylab.png) no-repeat;
}

#pageFooter .copyright {
  clear: both;
  margin: 0;
  color: #cccccc;
  font-size: 12px;
  text-align: center;
  border-bottom: 5px solid #33cccc;
}

/*under*/
#pageHeader #indexNavi {
  clear: both;
  margin-bottom: 20px;
}
#pageHeader #Breadcrumb {
  clear: both;
  height: 15px;
  margin-bottom: 20px;
}
#pageHeader #Breadcrumb span {
  float: left;
  margin-right: 15px;
}
#pageHeader #Breadcrumb .sub:before {
  float: left;
  color: #666;
  letter-spacing: 10px;
  content: ">";
}
#pageHeader #Breadcrumb a.home {
  display: block;
  width: 14px;
  height: 19px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/common_ico_home.jpg) no-repeat;
}

#content #main {
  float: none;
  overflow-x: hidden;
}

#pageTitle {
  height: 120px;
  margin-bottom: 30px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.material #pageTitle .categoryIcon {
  width: 1000px;
  margin: 20px auto 12px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/common_ico_cat_material.jpg) no-repeat;
}

.characteristic #pageTitle .categoryIcon {
  width: 1000px;
  margin: 20px auto 12px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/common_ico_cat_character.jpg) no-repeat;
}

.heat_treatment #pageTitle .categoryIcon {
  width: 1000px;
  margin: 20px auto 12px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/common_ico_cat_heatTreatment.jpg) no-repeat;
}

.tribology #pageTitle .categoryIcon {
  width: 1000px;
  margin: 20px auto 12px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/common_ico_cat_tribology.jpg) no-repeat;
}

.case_success #pageTitle .categoryIcon,
.case_failure #pageTitle .categoryIcon {
  width: 1000px;
  margin: 20px auto 12px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/common_ico_cat_product.jpg) no-repeat;
}

.lookup_table #pageTitle .categoryIcon {
  width: 1000px;
  margin: 20px auto 12px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/common_ico_cat_lookupTable.jpg) no-repeat;
}

.qa #pageTitle .categoryIcon {
  width: 1000px;
  margin: 20px auto 12px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/common_ico_cat_qa.jpg) no-repeat;
}

#pageTitle h3 {
  display: block;
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  font-size: 17px;
  text-align: left;
}

.page-template-default #pageTitle h3 {
  display: block;
  width: 1000px;
  margin: 35px auto;
  padding: 0;
  font-size: 17px;
  text-align: left;
}

#pageTitle h3 span {
  margin-bottom: 19px;
  /*margin-bottom: 23px;*/
}

.archive #pageTitle h3 {
  padding-bottom: 33px;
}

.material #pageTitle h3 {
  border-bottom: 3px solid #ea365c;
}

.characteristic #pageTitle h3 {
  border-bottom: 3px solid #f18d05;
}

.heat_treatment #pageTitle h3 {
  border-bottom: 3px solid #e54028;
}

.tribology #pageTitle h3 {
  border-bottom: 3px solid #0569ce;
}

.case_success #pageTitle h3,
.case_failure #pageTitle h3 {
  border-bottom: 3px solid #b500ae;
}

.lookup_table #pageTitle h3 {
  border-bottom: 3px solid #a98a13;
}

.qa #pageTitle h3 {
  text-indent: 20px;
  background: url(../images/qa_bg_titq.jpg) no-repeat;
  border-bottom: 3px solid #b2dd39;
}

#pageTitle h3 span {
  display: block;
  height: auto !important;
  height: 16px;
  min-height: 16px;
  color: #ccc;
  font: 400 13px "Ubuntu", sans-serif;
}

#mainContent {
  float: left;
  width: 720px;
  min-height: 600px;
  margin-right: 30px;
}

#mainContentInner {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
}

#anchorLink {
  margin-bottom: 50px;
  padding: 20px 20px 7px 20px;
  overflow: auto;
  background-color: #f7f4f0;
  border-radius: 5px;
}
#anchorLink ol {
  margin: 0;
  padding: 0;
}
#anchorLink ol li {
  float: left;
  margin: 0 25px 13px 0;
  padding-left: -50px;
  text-indent: 1.5em;
  background: url(../images/common_ico_link02.jpg) no-repeat 0 center;
  list-style-position: inside;
}
#anchorLink li a {
  color: #333333;
  text-indent: 20px;
  text-decoration: none;
}
#anchorLink li a:hover {
  text-decoration: underline;
}

.single-post #mainContent h4 {
  margin: 0 0 40px 0;
  padding: 17px 0 17px 20px;
  font-size: 17px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.single-post #mainContent h5 {
  margin: 0 0 20px 0;
  padding: 3px 0 3px 20px;
  font-size: 15px;
  font-weight: bold;
  background-color: #eceff9;
}
.single-post #mainContent h6 {
  margin: 0;
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
}
.single-post #mainContent section {
  /*margin: 0 0 30px;*/
  float: none;
  width: 720px;
  margin: 0 0 40px 0;
}
.single-post #mainContent section p {
  margin-top: 0;
  padding-top: 0;
}

.lookup_table #mainContent .fht-thead table colgroup col.material01, .lookup_table #mainContent .fht-thead table colgroup col.material02,
.lookup_table #mainContent .fht-tfoot table colgroup col.material01,
.lookup_table #mainContent .fht-tfoot table colgroup col.material02 {
  width: 100px;
}
.lookup_table #mainContent .fht-thead table thead tr th,
.lookup_table #mainContent .fht-tfoot table thead tr th {
  padding: 5px 0;
}
.lookup_table #mainContent .fht-thead table thead tr th.vickers,
.lookup_table #mainContent .fht-tfoot table thead tr th.vickers {
  border-top: 3px solid #ebf400;
}
.lookup_table #mainContent .fht-thead table thead tr th.rockwell,
.lookup_table #mainContent .fht-tfoot table thead tr th.rockwell {
  border-top: 3px solid #038dcf;
}
.lookup_table #mainContent .fht-thead table thead tr th.rw-sf,
.lookup_table #mainContent .fht-tfoot table thead tr th.rw-sf {
  border-top: 3px solid #e51092;
}
.lookup_table #mainContent .fht-thead table thead tr th.brinell,
.lookup_table #mainContent .fht-tfoot table thead tr th.brinell {
  border-top: 3px solid #f39800;
}
.lookup_table #mainContent .fht-thead table thead tr th.shore,
.lookup_table #mainContent .fht-tfoot table thead tr th.shore {
  border-top: 3px solid #079a3e;
}
.lookup_table #mainContent .fht-thead table thead tr th.tensile,
.lookup_table #mainContent .fht-tfoot table thead tr th.tensile {
  border-top: 3px solid #7e308e;
}
.lookup_table #mainContent .fht-thead table thead tr th.supple,
.lookup_table #mainContent .fht-tfoot table thead tr th.supple {
  font-size: 12px;
  font-weight: normal;
}
.lookup_table #mainContent .fht-thead table thead tr th.supple .note,
.lookup_table #mainContent .fht-tfoot table thead tr th.supple .note {
  font-size: 10px;
}
.lookup_table #mainContent .fht-tbody table colgroup col.material01, .lookup_table #mainContent .fht-tbody table colgroup col.material02 {
  width: 100px;
}

.page #mainContent section,
.error404 #mainContent section {
  float: none;
  clear: both;
  margin: 0 auto 40px auto;
}

.single-post #mainContent dt.tit,
.en #mainContent dt.tit {
  font-weight: bold;
}

.single-post #mainContent table tr th,
.en #mainContent table tr th {
  padding: 18px 0;
  text-align: center;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
}

.single-post #mainContent table tr th.textLeft,
.en #mainContent table tr th.textLeft {
  padding: 0 10px;
  text-align: left;
}

.single-post #mainContent table tr td,
.en #mainContent table tr td {
  padding: 18px 10px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.single-post #mainContent table tr td.textCenter,
.en #mainContent table tr td.textCenter {
  text-align: center;
}

.single-post #mainContent table tr th.last,
.en #mainContent table tr th.last,
.single-post #mainContent tr td.last,
.en #mainContent tr td.last {
  border-right: 1px solid #fff;
}

.single-post #mainContent table thead tr th,
.en #mainContent table thead tr th {
  background-image: url(../images/common_bg_thead.gif);
  background-repeat: repeat;
}

.single-post #mainContent table tr td img,
.en #mainContent table tr td img {
  width: 140px;
  height: auto;
}

.single-post #mainContent ul,
.en #mainContent ul {
  margin: 10px auto;
}

.single-post #mainContent ol li,
.en #mainContent ol li {
  margin-bottom: 10px;
}

/*.single-post #mainContent dt {
	float: left;
}*/
#side {
  float: left;
  width: 248px;
  margin-bottom: 30px;
  background-color: #f7f4f0;
  border: 1px solid #f7f4f0;
  border-radius: 5px;
}
#side h3 {
  width: 248px;
  margin: 0 0 20px 0;
  padding: 20px 0 10px 0;
  color: #666;
  font: bold 17px;
  text-indent: 20px;
  border-bottom: 1px #ccc solid;
}
#side dl,
#side ul {
  margin-bottom: 20px;
  padding: 0 20px;
}
#side dt {
  margin-bottom: 15px;
  font-weight: bold;
  text-indent: 10px;
  border-left: #31cec5 3px solid;
}
#side dl dd,
#side ul li {
  margin-bottom: 10px;
  padding-left: -5px;
  text-indent: 15px;
  background: url(../images/common_ico_link01.png) no-repeat 0 4px;
  list-style-type: none;
}
#side dl dd a,
#side ul li a {
  display: block;
  padding-left: 1em;
  color: #666;
  line-height: 1.2em;
  text-indent: 0;
  text-decoration: none;
}
#side dl dd a:hover,
#side ul li a:hover {
  text-decoration: underline;
}
#side .box {
  padding: 0 20px;
}
#side .tag ul li {
  float: left;
  margin-left: 10px;
  background-image: none;
}
#side .ranking ul {
  padding: 0;
}
#side .ranking ul li {
  padding: 3px 0 5px 15px;
}
#side .ranking ul li:nth-child(1) {
  background: url(../images/common_ico_rankin01.jpg) no-repeat 0 2px;
}
#side .ranking ul li:nth-child(2) {
  background: url(../images/common_ico_rankin02.jpg) no-repeat 0 2px;
}
#side .ranking ul li:nth-child(3) {
  background: url(../images/common_ico_rankin03.jpg) no-repeat 0 2px;
}
#side .ranking ul li:nth-child(4) {
  background: url(../images/common_ico_rankin04.jpg) no-repeat 0 2px;
}
#side .ranking ul li:nth-child(5) {
  background: url(../images/common_ico_rankin05.jpg) no-repeat 0 2px;
}

aside {
  float: right;
  width: 250px;
}
aside#sideBanner ul {
  margin: 0 0 0 20px;
  padding: 0;
}
aside#sideBanner ul li {
  list-style: none;
}
aside#sideBanner ul li.catalogDl a {
  display: block;
  width: 210px;
  height: 60px;
  margin: 0 10px 10px 0;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/common_btn_catalogdl.png);
  background-repeat: no-repeat;
}
aside#sideBanner ul li.catalogDl a:hover {
  background-position: 0 -60px;
}
aside#sideBanner ul li.success a {
  display: block;
  width: 210px;
  height: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/common_btn_success.png);
  background-repeat: no-repeat;
}
aside#sideBanner ul li.success a:hover {
  background-position: 0 -60px;
}

.page #mainContent,
.error404 #mainContent {
  float: none;
  width: 1000px;
  margin: 0 auto;
}

.company #mainContent h4.copy {
  width: 436px;
  height: 24px;
  margin: 50px auto 50px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/company_copy01.jpg) no-repeat;
  border: none;
}
.company #mainContent .sectionContent {
  width: 800px;
  margin: 0 auto;
}

.privacy #mainContent .sectionContent,
.error404 #mainContent .sectionContent {
  width: 800px;
  margin: 0 auto;
}

.company.signature {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: right;
}

.page-template-default #mainContent h4 {
  clear: both;
  width: 1000px;
  height: 47px;
  margin: 0 0 50px 0;
  padding: 0 0 0 20px;
  background-image: url(../images/common_tit01.jpg);
  background-repeat: no-repeat;
  border: none;
}

#companyData dl,
#tradeName dl {
  width: 800px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}

#companyData dt,
#tradeName dt {
  float: left;
  clear: left;
  width: 180px;
  padding: 20px;
  border-top: 1px dotted #46bbb5;
}

#companyData dt.first,
#tradeName dt.first {
  border-top: 1px solid #ccc;
}

#companyData dt .sub {
  margin-left: 10px;
  color: #ccc;
  font: 400 11px "Ubuntu", sans-serif;
}
#companyData dd {
  float: left;
  width: 500px;
  margin: 0;
  padding: 20px;
  border-top: 1px dotted #46bbb5;
}

#tradeName dd {
  float: left;
  width: 500px;
  margin: 0;
  padding: 20px;
  border-top: 1px dotted #46bbb5;
}

#companyData dd.first,
#tradeName dd.first {
  border-top: 1px solid #ccc;
}

#career ul {
  padding: 0;
  border-left: 1px #ccc solid;
}
#career li {
  clear: both;
  list-style: none;
}
#career h5 {
  padding-left: 18px;
  color: #01beb3;
  font-size: 14px;
  font-weight: bold;
  border-left: 2px #31cec5 solid;
}
#career dl {
  padding-left: 20px;
}
#career dt {
  float: left;
  clear: both;
  width: 70px;
  margin-bottom: 30px;
}
#career dd {
  float: left;
  width: 500px;
  margin: 0 0 30px 0;
}

#philosophy .copy {
  width: 636px;
  height: 23px;
  margin-bottom: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/company_copy_philosophy.png);
  background-repeat: no-repeat;
}

#aboutLogo .logo {
  margin-bottom: 50px;
  text-align: center;
}
#aboutLogo div {
  width: 800px;
  margin: 0 auto;
}

.privacy #mainContent ul,
.disclaimer #mainContent ul {
  padding: 0;
  list-style: none;
}

.privacy #mainContent ul li,
.disclaimer #mainContent ul li {
  margin-bottom: 30px;
}

.privacy #mainContent h4,
.disclaimer #mainContent h4 {
  height: auto;
  margin-bottom: 0;
  padding: 0;
  color: #01beb3;
  font-size: 14px;
  font-weight: bold;
  background-image: none;
}

.privacy #mainContent ul li ul,
.disclaimer #mainContent ul li ul {
  margin-left: 20px;
  list-style: square;
}

.privacy #mainContent ul li ul li,
.disclaimer #mainContent ul li ul li {
  margin-bottom: 0;
}

.privacy #mainContent .adress {
  width: 270px;
  margin: 40px;
  padding: 40px 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.entryHeader {
  float: none;
}
.entryHeader .catIco {
  float: left;
  width: 100px;
  height: 21px;
  margin-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}

.material .catIco {
  background: url(../images/common_ico_cat_material.jpg) no-repeat;
}

.characteristic .catIco {
  background: url(../images/common_ico_cat_character.jpg) no-repeat;
}

.heat_treatment .catIco {
  background: url(../images/common_ico_cat_heatTreatment.jpg) no-repeat;
}

.tribology .catIco {
  background: url(../images/common_ico_cat_tribology.jpg) no-repeat;
}

.case_success .catIco,
.case_failure .catIco {
  background: url(../images/common_ico_cat_product.jpg) no-repeat;
}

.lookup_table .catIco {
  background: url(../images/common_ico_cat_lookupTable.jpg) no-repeat;
}

.qa .catIco {
  background: url(../images/common_ico_cat_qa.jpg) no-repeat;
}

#mainContent .entryHeader h4.entryTitle {
  float: left;
  margin: 0;
  padding: 0;
  border: none;
}

.entryHeader h4.entryTitle a {
  color: #01beb3;
  text-decoration: none;
}
.entryHeader h4.entryTitle a:hover {
  text-decoration: underline;
}

.entryContent {
  float: none;
  clear: both;
  margin-right: 20px;
  margin-left: 20px;
}

.intro {
  margin-bottom: 50px;
}

table.tableStyle01 {
  width: 780px;
  margin: 0 auto 30px;
  border-spacing: 0;
  table-layout: fixed;
}
table.tableStyle01 tr th,
table.tableStyle01 tr td {
  padding: 18px 0;
  font-weight: normal;
  text-align: center;
  text-align: left;
  background: url(../images/common_line_dot_green01_07.gif) repeat-x 0% 100%;
}
table.tableStyle01 tr.firstRow th,
table.tableStyle01 tr.firstRow td {
  border-top: 1px solid #ccc;
}
table.tableStyle01 tr.lastRow th,
table.tableStyle01 tr.lastRow td {
  background-image: none;
  border-bottom: 1px solid #ccc;
}
table.tableStyle01 tr th {
  width: 240px;
  padding-left: 20px;
}
table.tableStyle01 tr td {
  padding-left: 20px;
  word-break: break-all;
}

.formTopNote {
  width: 780px;
  margin: 0 auto 6px;
}

.require {
  display: block;
  float: left;
  width: 36px;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/common_ico_require.png) no-repeat;
}

table .require {
  float: right;
}
table.tableStyle01 input,
table.tableStyle01 textarea {
  padding: 5px;
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 1.2em;
  background-color: f6f6f6;
  border: 0;
  border: solid 1px #ccc;
  border-radius: 6px;
}

input:focus {
  border: solid 1px #46bbb5;
}

.contactNotice {
  text-align: center;
}

.contact label {
  display: block;
}

.submitButton {
  width: 200px;
  margin: 30px auto;
}
.submitButton p {
  float: left;
  margin: 0 10px;
}

input[name=submitConfirm], input[name=submit] {
  width: 200px;
  height: 50px;
  margin: 10px 0;
  color: #fff;
  background-color: #31cec5;
  border: 1px solid #31cec5;
  border-radius: 3px;
}
input[name=submitConfirm]:hover, input[name=submit]:hover {
  background-color: #39eee4;
  border: 1px solid #39eee4;
}
input[name=submitBack] {
  width: 200px;
  height: 50px;
  color: #fff;
  background-color: #ccc;
  border: 1px solid #ccc;
  border-radius: 3px;
}
input[name=submitBack]:hover {
  background-color: #a0a0a0;
  border: 1px solid #a0a0a0;
}

.page page-id-260 #mainContent {
  width: 780;
  margin: 0 auto;
}

.page-id-260 strong {
  display: block;
  margin: 100px auto;
}

.qa #mainContent h4 {
  background: url(../images/qa_bg_tita.jpg) no-repeat;
  border: none;
}
.qa #mainContent h5 {
  font-weight: bold;
}
.qa #mainContent .codicil h6 {
  margin-bottom: 10px;
  padding: 0;
  font-weight: bold;
  text-indent: 2em;
  background: url(../images/common_icon_tit01.jpg) no-repeat 10px 5px;
}
.qa #mainContent .entryHeader h4 {
  background: none;
  border: none;
}
.qa #mainContent p img {
  display: block;
  margin: 30px auto;
}
.qa #mainContent .codicil {
  display: block;
  width: 678px;
  margin-top: 30px;
  padding: 20px;
  border: 1px solid #b2dd39;
  border-radius: 5px;
  border-radius: 5px;
}
.qa #mainContent ul li {
  margin-bottom: 10px;
  margin-left: 1em;
  text-indent: -1em;
  list-style-type: none;
}
.qa #mainContent ul li:before {
  color: #b2dd39;
  content: "・";
}

#mainContent .sentence {
  margin-bottom: 20px;
}

.page-nav {
  clear: both;
  margin: 0 auto;
}
.page-nav li {
  float: left;
  list-style: none;
}

#mainContent .box {
  float: left;
  width: 350px;
  margin-right: 10px;
}
#mainContent .box img {
  display: block;
  max-width: 350px;
  margin: 0 auto 10px;
  text-align: center;
}

.column1box,
.column2box {
  width: 720px;
  margin-bottom: 40px;
  overflow: hidden;
}

.column1box .boxInner,
.column2box .boxInner {
  margin-bottom: 60px;
}

.column1box figure {
  float: none;
  margin-bottom: 40px;
  text-align: center;
}
.column1box figure img {
  display: block;
  max-width: 720px;
  height: auto;
  margin: 0 auto;
}
.column1box .note {
  margin: 0 auto;
}

.column2box figure {
  float: left;
  width: 350px;
  min-height: 360px;
  margin: 0 5px 20px 0;
  text-align: center;
}
.column2box figure img {
  display: block;
  max-width: 350px;
  height: auto;
  margin: 0 auto;
}

.column3box figure {
  float: left;
  width: 236px;
  margin: 0 5px 20px 0;
  text-align: center;
}
.column3box figure img {
  display: block;
  max-width: 236px;
  height: auto;
  margin: 0 auto;
}
.column3box figure:nth-child(3n) {
  margin: 0 0 20px 0;
}

.column4box figure {
  float: left;
  width: 175px;
  margin: 0 5px 20px 0;
  text-align: center;
}
.column4box figure img {
  display: block;
  max-width: 175px;
  height: auto;
  margin: 0 auto;
}
.column4box figure:nth-child(4n) {
  margin: 0 0 20px 0;
}

.column1box figure figcaption,
.column2box figure figcaption,
.column3box figure figcaption,
.column4box figure figcaption {
  float: none;
  margin-top: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
}

.column1box p.tit,
.column2box p.tit,
.column3box p.tit,
.column4box p.tit {
  clear: both;
  font-weight: bold;
  text-align: center;
}

.column1box p.sub,
.column2box p.sub {
  margin-top: -10px;
  font-size: 12px;
  text-align: center;
}

.unit {
  float: right;
  margin: 0;
  font-size: 12px;
}

.single-post table {
  width: 720px;
  margin-bottom: 30px;
  font-size: 13px;
}
.single-post table tr td {
  word-break: break-all;
}
.single-post table caption {
  margin-top: 20px;
  font: 400 12px "Ubuntu", sans-serif;
  caption-side: bottom;
}

.hardness_conversion_table #mainContent {
  float: none;
  width: 1000px;
  min-height: 600px;
  margin-right: 0;
}
.hardness_conversion_table #mainContent section {
  float: none;
  width: 1000px;
  margin: 0 0 40px;
}
.hardness_conversion_table #mainContent table {
  width: 974px;
  margin-bottom: 0;
  font-size: 13px;
}

.single-post #mainContent table.equalPropotion {
  table-layout: fixed;
}
.single-post #mainContent table.narrow tr td {
  padding: 18px 5px;
}
.single-post #mainContent table .cellNowrap {
  white-space: nowrap;
}
.single-post #mainContent table ul {
  padding-left: 10px;
}
.single-post #mainContent table ul li {
  margin: 7px auto 7px;
}

.note {
  clear: both;
  color: #999;
  font-size: 12px;
  font-weight: normal;
}
.note ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.note ul li {
  margin: 10px 1em 7px 0;
  padding-left: 7px;
  line-height: 1.2em;
  border-left: 3px solid #31cec5;
}

.figFont {
  margin-right: 0.5em;
  font: 400 12px "Ubuntu", sans-serif;
  caption-side: bottom;
}

.box {
  float: left;
  height: auto;
}

.asterisk {
  font-size: 10px;
}

.center {
  margin: 0 auto;
  text-align: center;
}

.width20 {
  width: 20%;
}

.width40 {
  width: 40%;
}

.mt20 {
  margin-top: 20px;
}

.mt40 {
  margin-top: 40px;
}

.mt60 {
  margin-top: 60px;
}

.mt80 {
  margin-top: 80px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb80 {
  margin-bottom: 70px;
}

.mr10 {
  margin-right: 10px;
}

.red {
  color: #ea365c;
}

.font01 {
  font: 400 12px "Ubuntu", sans-serif;
}

.textSuper {
  font-size: 70%;
  vertical-align: super;
}

.textSub {
  font-size: 70%;
  vertical-align: sub;
}

.text13 {
  font-size: 13px;
}

.text12 {
  font-size: 12px;
}

.text11 {
  font-size: 11px;
}

.text10 {
  font-size: 10px;
}

.text09 {
  font-size: 9px;
}

.relativeLink {
  width: 640px;
  margin-left: 20px;
  padding: 14px 20px 0 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.relativeLink02 a {
  position: relative;
  display: inline-block;
  min-width: 160px;
  padding: 20px 38px 20px 20px;
  color: #fff;
  background-color: #31cec5;
  border-radius: 5px;
}
.relativeLink02 a:hover {
  text-decoration: none;
  background-color: #7ff1ea;
}
.relativeLink02 a::after {
  position: absolute;
  right: 20px;
  color: #fff;
  font-family: "FontAwesome";
  content: "\f105";
}
.relativeLink02.-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 40px;
}

#mainContent .over,
#mainContent tr:hover {
  background: #e7e7e7;
  /* 薄めの灰色 */
}

.error404 #mainContent .over,
.error404 #mainContent tr:hover {
  background: none;
}

.seach_result #mainContent .over,
.seach_result #mainContent tr:hover {
  background: none;
}

.error404 #mainContent .gsib_a {
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.error404 #mainContent .over_active {
  background: none;
}

#mainContent .over_active {
  background: #bbbbbb;
  /* 濃いめ灰色 */
}

th {
  background: #b4f0d6;
}

td {
  cursor: pointer;
}

/*
 #scrollable{
	width:990px;
 }

 #scrollable thead tr {
	 width:1000px;
 }


 #scrollable>tbody{
	height:200px;
	float:left;
	overflow:auto;
 }
 #scrollable tr{
	float:left;
 }
 */
.service #pageTitle {
  height: 414px;
  margin-bottom: 60px;
  background-color: #f2f3f0;
}
.service #pageTitle h3 {
  width: 1220px;
  height: 414px;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/service_main_image.jpg);
}
.service #mainContent .intro {
  text-align: center;
}
.service #mainContent section h4 {
  color: #01beb3;
  font-size: 20px;
  text-align: center;
  background-image: none;
}
.service #mainContent #servicePoint .intro {
  padding-bottom: 50px;
}
.service #mainContent #servicePoint ul {
  float: none;
  width: 800px;
  margin: 0 auto 50px;
  padding: 0;
  list-style: none;
}
.service #mainContent #servicePoint ul li {
  display: block;
  float: left;
  width: 183px;
  height: 250px;
  margin-right: 20px;
  text-align: center;
  border: 1px solid #31cec5;
  border-radius: 5px;
}
.service #mainContent #servicePoint ul li.last {
  margin-right: 0;
}
.service #mainContent #servicePoint .font02 {
  margin: -70px auto 30px;
  color: #01beb3;
  font-family: "Lato", sans-serif;
  font-size: 40px;
  text-align: center;
}
.service #mainContent #servicePoint ul h5 {
  color: #01beb3;
  font-size: 16px;
}
.service #mainContent #servicePoint ul .tit {
  margin-bottom: 10px;
  font-weight: bold;
}
.service #mainContent #servicePoint ul dd {
  margin: 0 20px 20px 20px;
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
}
.service #mainContent #servicePoint .example {
  clear: both;
}
.service #mainContent #servicePoint .example h6 {
  clear: both;
  width: 280px;
  margin-right: auto;
  margin-left: auto;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-bottom: 6px solid #31cec5;
}
.service #mainContent #servicePoint .example ul.first {
  margin: 0 auto 10px;
}
.service #mainContent #servicePoint .example ul.second {
  width: 595px;
  margin: 0 auto 50px;
}
.service #mainContent #servicePoint .example ul li {
  width: 145px;
  height: 103px;
  padding: 20px;
  text-align: left;
  background-image: url(../images/service_bg_balloon.jpg);
  background-repeat: no-repeat;
  border: none;
}

#servicePoint .example p {
  clear: both;
  margin: 0;
  text-align: center;
}

.service .sitechnoService {
  position: relative;
  width: 915px;
  height: 715px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(../images/service_bg_circle.jpg);
  background-position: 230px 60px;
  background-repeat: no-repeat;
}
.service .sitechnoService .first {
  position: absolute;
  top: 0;
  left: 710px;
  width: 230px;
}
.service .sitechnoService .second {
  position: absolute;
  top: 390px;
  left: 710px;
  width: 230px;
}
.service .sitechnoService .third {
  position: absolute;
  top: 390px;
  left: 0;
  width: 230px;
}
.service .sitechnoService .fourth {
  position: absolute;
  top: 0;
  left: 0;
  width: 230px;
}
.service .sitechnoService h5 {
  display: block;
  width: 164px;
  height: 34px;
  padding: 10px 0 0 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.service .sitechnoService ul {
  padding: 0;
  list-style: none;
}
.service .sitechnoService ul li {
  margin-bottom: 10px;
  line-height: 1.1;
  text-indent: 1em;
  list-style: none;
}
.service .sitechnoService .first ul li {
  border-left: 4px solid #d367ff;
}
.service .sitechnoService .second ul li {
  border-left: 4px solid #fc8c54;
}
.service .sitechnoService .third ul li {
  border-left: 4px solid #5ae3ae;
}
.service .sitechnoService .fourth ul li {
  border-left: 4px solid #76b1ff;
}
.service .sitechnoService .first h5 {
  background-color: #d367ff;
}
.service .sitechnoService .second h5 {
  background-color: #fc8c54;
}
.service .sitechnoService .third h5 {
  background-color: #5ae3ae;
}
.service .sitechnoService .fourth h5 {
  background-color: #76b1ff;
}
.service #pageTitle {
  height: 150px;
  background-color: #f3f3f3;
}
.service #pageTitle h3 {
  width: 1000px;
  height: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/service_tit_service.jpg);
  background-repeat: no-repeat;
}
.service .serviceSubNavi {
  width: 100%;
  height: 68px;
  margin-bottom: 30px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.service .serviceSubNavi ul {
  width: 1000px;
  margin: 25px auto 0;
  padding-left: 0;
  list-style: none;
}
.service .serviceSubNavi ul li {
  float: left;
  width: 200px;
  text-align: center;
}

.service-develop #mainContent h4 {
  width: 1000px;
  height: 113px;
  color: #ffffff;
  background: url(../images/service_tit_development.jpg) no-repeat;
}

.service-test #mainContent h4 {
  width: 1000px;
  height: 113px;
  color: #ffffff;
  background: url(../images/service_tit_test.jpg) no-repeat;
}

.service-consulting #mainContent h4 {
  width: 1000px;
  height: 113px;
  color: #ffffff;
  background: url(../images/service_tit_consulting.jpg) no-repeat;
}

.service-salessupport #mainContent h4 {
  width: 1000px;
  height: 113px;
  color: #ffffff;
  background: url(../images/service_tit_salessupport.jpg) no-repeat;
}

.service-develop h4 span,
.service-test h4 span,
.service-consulting h4 span,
.service-salessupport h4 span {
  display: block;
  padding-top: 50px;
  padding-left: 20px;
  font-size: 16px;
}

.service-develop #mainContent .intro,
.service-test #mainContent .intro,
.service-consulting #mainContent .intro,
.service-salessupport #mainContent .intro {
  text-align: left;
}

.service-develop h5,
.service-test h5,
.service-consulting h5,
.service-salessupport h5 {
  height: 60px;
  font-size: 16px;
  font-weight: bold;
  background-color: #f3f3f3;
}

.service-develop h5 span,
.service-test h5 span,
.service-consulting h5 span {
  display: block;
  height: 44px;
  margin: 5px;
  padding-top: 17px;
  text-indent: 4em;
}

.service-salessupport h5 span {
  display: block;
  height: 44px;
  margin: 5px;
  padding-top: 17px;
  text-indent: 11em;
}

.service-develop #section01 h5 span {
  background: url(../images/service_ico_material.png) no-repeat 0% 50%;
}
.service-develop #section02 h5 span {
  background: url(../images/service_ico_process.png) no-repeat 0% 50%;
}
.service-develop #section03 h5 span {
  background: url(../images/service_ico_heatTreat.png) no-repeat 0% 50%;
}
.service-develop #section04 h5 span {
  background: url(../images/service_ico_surface.png) no-repeat 0% 50%;
}
.service-develop #section05 h5 span {
  background: url(../images/service_ico_junction.png) no-repeat 0% 50%;
}
.service-develop #section06 h5 span {
  background: url(../images/service_ico_wire.png) no-repeat 0% 50%;
}

.service-test #section01 h5 span {
  background: url(../images/service_ico_specimen.png) no-repeat 0% 50%;
}
.service-test #section02 h5 span {
  background: url(../images/service_ico_contract.png) no-repeat 0% 50%;
}
.service-test #section03 h5 span {
  background: url(../images/service_ico_heatTreatment.png) no-repeat 0% 50%;
}

.service-consulting #section01 h5 span {
  background: url(../images/service_ico_support.png) no-repeat 0% 50%;
}
.service-consulting #section02 h5 span {
  background: url(../images/service_ico_processDesign.png) no-repeat 0% 50%;
}
.service-consulting #section03 h5 span {
  background: url(../images/service_ico_drawing.png) no-repeat 0% 50%;
}
.service-consulting #section04 h5 span {
  background: url(../images/service_ico_advise.png) no-repeat 0% 50%;
}

.service-salessupport #section01 h5 span {
  background: url(../images/service_ico_salessupport.png) no-repeat 0% 50%;
}

.service-consulting .boxInner,
.service-test .boxInner {
  overflow: hidden;
}

.service-develop #section03 h6 {
  margin-bottom: 10px;
  font-size: 14px;
}
.service-develop #section03 .note {
  margin: 0;
  padding-left: 1em;
  text-indent: -1em;
}
.service-develop #section03 .boxedArticle {
  margin-bottom: 40px;
  padding: 10px;
  border: 1px solid #12bfbf;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.service-develop #section03 .boxedArticle dt {
  margin-bottom: 20px;
  color: #12bfbf;
  font-weight: bold;
}
.service-develop #section03 .boxInner figure.last {
  width: 300px;
  margin: 44px 0;
}
.service-develop #section03 .boxInner figure.last img {
  width: auto;
}
.service-develop .boxInner {
  margin-bottom: 40px;
  overflow: hidden;
}
.service-develop #section04 .boxInner {
  clear: both;
}
.service-develop #section04 .boxInner.firstRow {
  width: 680px;
  margin: 0 auto 20px;
}
.service-develop #section04 .boxInner.secondRow {
  width: 510px;
  margin: 0 auto 20px;
}
.service-develop #section01 p,
.service-develop #section02 p {
  margin-bottom: 40px;
}

.service-test #section01 p,
.service-test #section02 p {
  margin-bottom: 40px;
}

.service-consulting #section01 p,
.service-consulting #section02 p,
.service-consulting #section03 p,
.service-consulting #section04 p {
  margin-bottom: 40px;
}

.service-develop #section01 .boxInner figure,
.service-develop #section02 .boxInner figure,
.service-develop #section03 .boxInner figure,
.service-develop #section04 .boxInner figure {
  width: 160px;
  margin-right: 8px;
}

.service-test #section01 .boxInner figure,
.service-test #section02 .boxInner figure {
  width: 160px;
  margin-right: 8px;
}

.service-develop #section05 .boxInner figure {
  margin-left: 8px;
}
.service-develop #section05 .note {
  margin-bottom: 40px;
}
.service-develop #section06 p {
  margin-bottom: 40px;
}
.service-develop #section06 .firstRow {
  width: 840px;
  margin: 0 auto 50px;
}
.service-develop #section06 .secondRow {
  width: 770px;
  margin: 0 auto 40px;
}
.service-develop #section06 .firstRow figure {
  margin: 0 20px;
}
.service-develop #section06 .secondRow figure {
  margin: 0 70px;
}
.service-develop #section01 .boxInner figure img,
.service-develop #section02 .boxInner figure img,
.service-develop #section03 .boxInner figure img,
.service-develop #section04 .boxInner figure img {
  float: none;
  width: 109px;
  margin: 0 auto;
  margin-left: 25px;
}

.service-test #section01 .boxInner figure img,
.service-test #section02 .boxInner figure img {
  float: none;
  width: 109px;
  margin: 0 auto;
  margin-left: 25px;
}

.service-develop #section01 .boxInner figure.last,
.service-develop #section02 .boxInner figure.last {
  margin-right: 0;
}

.service-test #section01 .boxInner figure.last {
  margin-right: 0;
}

.service-develop figcaption,
.service-test figcaption {
  float: none;
  text-align: center;
}

.service-develop figure .codicil {
  margin-top: 10px;
  font-size: 10px;
}
.service-develop figure .codicil .note {
  margin-top: 10px;
  font-size: 10px;
}
.service-develop #section04 .left {
  float: left;
  width: 320px;
  margin-right: 20px;
}
.service-develop #section04 .right {
  margin: 17px auto 40px;
}

.service-test #section01 .boxInner figure.widthAuto img,
.service-test #section02 .boxInner figure.widthAuto img {
  width: auto;
  margin-left: 0;
}
.service-test #section01 .boxInner figure.widthAuto,
.service-test #section02 .boxInner figure.widthAuto {
  width: auto;
  margin: 10px 20px auto auto;
}
.service-test #section01 .firstRow,
.service-test #section02 .firstRow {
  margin: 0 auto 50px;
}
.service-test .secondRow,
.service-test #section01 .secondRow {
  width: 800px;
  margin: 0 auto 40px;
}
.service-test #section02 .firstRow {
  width: 850px;
  margin: 0 auto 40px;
}
.service-test #section02 .secondRow {
  width: 900px;
  margin: 0 auto 40px;
}
.service-test .column1box {
  margin: 0 auto;
}

.column2box {
  margin: 0 auto;
}

.service-consulting #section01 {
  clear: both;
}
.service-consulting #section01 figure {
  float: none;
  width: 700px;
  margin: 0 auto;
}
.service-consulting #section01 ul {
  margin-bottom: 40px;
  list-style: none;
}
.service-consulting #section01 ul li {
  float: left;
  width: 270px;
  margin: 0 20px;
}
.service-consulting #section01 li ul li {
  float: none;
}
.service-consulting #section01 ul li dl dt {
  width: 176px;
  height: 176px;
  padding-top: 60px;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  background: url(../images/service_bg_circle_gr.png) no-repeat;
}
.service-consulting #section01 ul li dl dt span {
  font-size: 14px;
  font-weight: normal;
}
.service-consulting #section01 ul li dl dd {
  margin-left: 0;
}
.service-consulting #section01 ul li dl ul {
  padding-left: 0;
  list-style: disc;
}
.service-consulting #section03 .left {
  float: left;
  width: 620px;
  margin-right: 20px;
}
.service-consulting #section03 .right {
  margin: 17px auto 40px;
}
.service-consulting #section03 .right img {
  max-width: 350px;
  height: auto;
}

.service-salessupport #section01 figure ul {
  margin-bottom: 40px;
  overflow: hidden;
  list-style: none;
}
.service-salessupport #section01 figure ul li {
  float: left;
  width: 150px;
  margin: 0 70px;
}
.service-salessupport #section01 figure ul li.article01 {
  background: url(../images/service_salessupport_ico_doc.jpg) no-repeat 50% 0;
}
.service-salessupport #section01 figure ul li.article02 {
  background: url(../images/service_salessupport_ico_cata.jpg) no-repeat 50% 0;
}
.service-salessupport #section01 figure ul li.article03 {
  background: url(../images/service_salessupport_ico_web.jpg) no-repeat 50% 0;
}
.service-salessupport #section01 figure ul li dt {
  margin: 130px auto 20px;
  color: #01beb3;
  font-size: 20px;
  text-align: center;
}
.service-salessupport #section01 figure ul li dd {
  margin-left: 0;
}

.beginner #pageTitle {
  position: relative;
  width: 100%;
  height: 349px;
  margin-bottom: 60px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/beginner_main_image.jpg) no-repeat;
  background-size: cover;
}
.beginner #pageTitle h3 {
  position: relative;
  top: 30px;
  height: 128px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/base_silicolloy_pageTitle.png) no-repeat;
}
.beginner #mainContentInner {
  width: auto;
}
.beginner #mainContent {
  width: auto;
}
.beginner #mainContent section {
  width: 1000px;
  margin-bottom: 60px;
}
.beginner #mainContent .silicolloyball {
  width: 537px;
  margin: 0 auto;
}
.beginner #mainContent #section01 h4 {
  width: 290px;
  height: 33px;
  margin: 0 auto 50px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/beginner_tit01.jpg);
}

#mainContent #section01 p.contetText,
#mainContent #section02 p.contetText {
  margin-bottom: 60px;
}

.beginner #mainContent .column2box {
  margin: 0 auto;
}
.beginner #mainContent .column2box figure {
  margin: 0 auto 30px;
}
.beginner #mainContent .column2box figure img {
  margin: 0 auto 20px auto;
}
.beginner #mainContent .column2box figure .tit {
  color: #6699cc;
  font-weight: bold;
}
.beginner #mainContent .column2box figcaption {
  line-height: 1.4;
}
.beginner #mainContent section h5 {
  color: #5399be;
  font-size: 20px;
}
.beginner section div ul {
  padding: 0;
  list-style: none;
}
.beginner #section01 ul li {
  float: left;
  width: 163px;
  height: 163px;
  margin: 0 0 0 20px;
  padding: 10px 0 0 10px;
  border: 1px solid #31cec5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.beginner section div ul li.last {
  margin-right: 0;
}
.beginner section #siPoint {
  display: inline-block;
  margin-bottom: 80px;
}
.beginner section #siPoint dt {
  height: 40px;
  margin: 20px 10px;
  color: #01beb3;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
}
.beginner section #siPoint dd {
  width: 142px;
  margin: 0 auto;
}
.beginner section .columnBox {
  display: block;
  clear: both;
  width: 760px;
  margin: 0 auto;
  padding: 20px;
  background-image: url(../images/beginner_bg_cross01.jpg);
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.beginner #mainContent .columnBox p.tit {
  width: 159px;
  height: 32px;
  margin-bottom: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/beginner_tit_column.png);
  background-repeat: no-repeat;
}
.beginner #section01 .columnBox h6 {
  width: 601px;
  height: 29px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/beginner_tit_column01.png);
  background-repeat: no-repeat;
}
.beginner #section02 .columnBox h6 {
  width: 257px;
  height: 25px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/beginner_tit_column02.png);
  background-repeat: no-repeat;
}
.beginner section .columnBox .columnContent p {
  float: left;
  width: 490px;
  margin: 0 10px 0 0;
}
.beginner section .columnBox .columnContent .fig {
  float: left;
  width: 260px;
}
.beginner section .columnBox .columnContent .fig span {
  display: block;
  font-weight: bold;
  text-align: center;
}

.hrGear {
  clear: both;
  width: 100%;
  height: 408px;
  margin: 0 auto;
  margin-bottom: 60px;
  background: url(../images/beginner_bg_gear.jpg) no-repeat;
  background-size: cover;
  border: medium none;
}

.hrRing {
  clear: both;
  width: 100%;
  height: 408px;
  margin: 0 auto;
  margin-bottom: 60px;
  background: url(../images/beginner_bg_ring.jpg) no-repeat;
  background-size: cover;
  border: medium none;
}

.hrBolt {
  clear: both;
  width: 100%;
  height: 408px;
  margin: 0 auto;
  margin-bottom: 60px;
  background: url(../images/beginner_bg_bolt.jpg) no-repeat;
  background-size: cover;
  border: medium none;
}

.beginner #mainContent #section02 h4 {
  width: 435px;
  height: 34px;
  margin: 0 auto 50px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/beginner_tit02.jpg);
}
.beginner #section02 .merit {
  clear: both;
}
.beginner #section02 ul {
  list-style: none;
}
.beginner #section02 ul.first {
  width: 850px;
  margin: 0 auto 30px auto;
}
.beginner #section02 ul.second {
  width: 550px;
  margin: 0 auto 60px auto;
}
.beginner #section02 ul li {
  float: left;
  width: 250px;
  margin-right: 50px;
}
.beginner #section02 ul li.last {
  margin-right: 0;
}
.beginner #section02 ul li dt {
  height: 300px;
  color: #01beb3;
  font-size: 20px;
  line-height: 1.7;
  text-align: center;
}
.beginner #section02 ul li dt img {
  display: block;
  margin: 0 auto 30px auto;
}
.beginner #section02 ul li dd {
  width: 210px;
  margin: 0 auto;
}
.beginner #mainContent #section03 h4 {
  width: 435px;
  height: 34px;
  margin: 0 auto 50px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/beginner_tit03.jpg);
}
.beginner #section03 li {
  float: left;
  width: 235px;
  margin-right: 20px;
}
.beginner #section03 li dl.first {
  display: inline-block;
  height: 484px;
  background: url(../images/beginner_bg_arrow.jpg) no-repeat;
}
.beginner #section03 li.last {
  margin-right: 0;
}
.beginner #section03 li dt {
  display: block;
  margin: 30px auto;
  color: #01beb3;
  font-size: 24px;
  text-align: center;
}
.beginner #section03 li dt .sub {
  display: block;
  font-size: 14px;
}
.beginner #section03 li dd {
  width: 195px;
  margin: 0 20px;
}
.beginner #section03 li dd .alternate {
  text-align: center;
}
.beginner #section03 li dd .alternate .tit {
  display: block;
  padding-top: 30px;
  font-weight: bold;
}
.beginner #section03 li dd .alternate ul li {
  width: 195px;
}
.beginner #section03 li dl.second {
  display: block;
  width: 235px;
  height: 135px;
  border: 1px solid #01beb3;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.beginner #section03 li .second dt {
  margin: 25px auto 10px auto;
  color: #666;
  font-size: 14px;
}
.beginner #section03 li .second dd {
  color: #01beb3;
  font-size: 24px;
  text-align: center;
}
.beginner #section03 li .second dd span {
  display: block;
  font: 400 12px "Ubuntu", sans-serif;
  font-size: 14px;
}
.beginner #mainContent #section04 h4 {
  width: 474px;
  height: 34px;
  margin: 0 auto 50px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/beginner_tit04.jpg);
}
.beginner #section04 .columnBox h6 {
  width: 677px;
  height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/beginner_tit_column04.png);
  background-repeat: no-repeat;
}
.beginner #section04 .case {
  margin-bottom: 60px;
}
.beginner #section04 .columnBox .tit {
  color: #6699cc;
  font-size: 20px;
}
.beginner #section04 .columnBox .codicil {
  width: 740px;
  padding-left: 20px;
  color: #666;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.beginner #section04 .columnBox .codicil .tit {
  color: #01beb3;
  font-size: 14px;
  font-weight: bold;
}

.hardenplate #content {
  background: #e0e0e0;
}
.hardenplate #pageTitle {
  height: 349px;
  margin-bottom: 30px;
  background: #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
.hardenplate #pageTitle h3 {
  width: 1280px;
  height: 349px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/hardenplate_image_main.jpg) no-repeat;
}
.hardenplate #mainContent h4 {
  padding: 0;
  font-size: 24px;
  background-image: none;
}
.hardenplate #mainContent h5 {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #000000;
}
.hardenplate #mainContent .column2box,
.hardenplate #mainContent .column1box {
  margin: 0 auto;
}

.friction_wear #pageTitle {
  position: relative;
  width: 100%;
  height: 349px;
  margin-bottom: 60px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/friction_wear_main_image.jpg) no-repeat;
  background-size: cover;
}
.friction_wear #pageTitle h3 {
  position: relative;
  top: 70px;
  height: 145px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/friction_wear_pageTitle.png) no-repeat;
}
.friction_wear #mainContent section {
  margin-bottom: 80px;
}
.friction_wear #mainContent h4 {
  margin-bottom: 80px;
  text-align: center;
  background-image: none;
}
.friction_wear #mainContent h4 span {
  margin: 0 auto;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  background: none;
  background-image: none;
  border-bottom: 1px solid #31cec5;
}
.friction_wear #mainContent #section02 h5 {
  display: inline-block;
  clear: both;
  margin-bottom: 20px;
  padding: 10px;
  color: #01beb3;
  font-size: 17px;
  border: 1px solid #31cec5;
}
.friction_wear #mainContent #section02 ul {
  list-style: none;
}
.friction_wear #mainContent #section02 li {
  float: left;
  width: 241px;
  margin-right: 90px;
}
.friction_wear #mainContent #section02 li.last {
  margin-right: 0;
}
.friction_wear #mainContent #section02 section {
  clear: both;
  margin-bottom: 40px;
}
.friction_wear #mainContent .figureBox {
  clear: both;
  margin: 40px auto;
  overflow: hidden;
}
.friction_wear #mainContent .figureBox img {
  margin: auto auto;
}
.friction_wear #mainContent figure figcaption .tit,
.friction_wear #mainContent figure .tit {
  text-align: center;
}
.friction_wear #mainContent figure figcaption {
  float: none;
  text-align: center;
}
.friction_wear #mainContent .tableStyle02 {
  width: 800px;
  margin: 0 auto 40px;
}
.friction_wear #mainContent .tableStyle02 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.friction_wear #mainContent #section03 h5 {
  font-size: 18px;
}
.friction_wear #mainContent .youtube iframe {
  margin-right: 40px;
  border: none;
}
.friction_wear #mainContent .youtube iframe.last {
  margin-right: 0;
  border: none;
}
.friction_wear #mainContent #section04 ol {
  padding: 0;
  overflow: auto;
  border-bottom: 1px solid #dcdcdc;
  list-style-type: none;
}
.friction_wear #mainContent #section04 li {
  float: left;
  width: 459px;
  padding: 40px 20px;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}
.friction_wear #mainContent #section04 li.last {
  border-right: none;
}
.friction_wear #mainContent #section04 li.article01 {
  background: url(../images/friction_wear_resultTit01.gif) no-repeat 50% 40px;
}
.friction_wear #mainContent #section04 li.article02 {
  background: url(../images/friction_wear_resultTit02.gif) no-repeat 50% 40px;
}
.friction_wear #mainContent #section04 li.article03 {
  background: url(../images/friction_wear_resultTit03.gif) no-repeat 50% 40px;
}
.friction_wear #mainContent #section04 li.article04 {
  background: url(../images/friction_wear_resultTit04.gif) no-repeat 50% 40px;
}
.friction_wear #mainContent #section04 li dt.tit {
  height: 30px;
  margin-top: 185px;
  color: #01beb3;
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
}
.friction_wear #mainContent #section04 li dd {
  margin-left: 0;
}
.friction_wear #mainContent #section04 li .tit .sub {
  font-size: 14px;
}
.friction_wear #mainContent #section04 .relativeLink {
  width: 920px;
  padding: 14px 20px 0;
}
.friction_wear #mainContent #section04 .relativeLink dl dt {
  font-weight: bold;
}
.friction_wear #mainContent #section04 .relativeLink dl ul {
  float: none;
  clear: both;
  margin-bottom: 10px;
  overflow: auto;
}
.friction_wear #mainContent #section04 .relativeLink li {
  float: left;
  width: auto;
  padding: 0 20px 0;
  border-top: none;
  border-right: none;
  list-style: none;
}
.friction_wear #mainContent #section05 #testFlow ol {
  text-align: center;
}
.friction_wear #mainContent #section05 #testFlow ol li {
  background: url(../images/friction_wear_arrow.gif) no-repeat 50% 72px;
  list-style-type: none;
}
.friction_wear #mainContent #section05 #testFlow ol li.config {
  background: url(../images/friction_wear_arrow.gif) no-repeat 50% 193px;
}
.friction_wear #mainContent #section05 #testFlow ol li.last {
  background: none;
}
.friction_wear #mainContent #section05 #testFlow ol li span {
  display: inline-block;
  margin: 10px auto;
  padding: 15px;
  font-size: 18px;
  border: 1px solid #01beb3;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.friction_wear #mainContent #section05 #testFlow ol li.config dl {
  font-size: 14px;
  text-align: left;
}
.friction_wear #mainContent #section05 #testFlow ol li.config dl dt {
  float: left;
  width: 8em;
  font-weight: bold;
  text-align: right;
}
.friction_wear #mainContent #section05 #testFlow ol li.config dl dd {
  margin-left: 8em;
}

.case_success #mainContent .intro,
.case_failure #mainContent .intro {
  padding-bottom: 30px;
  background: url(../images/common_line_dot_grayh_6pxh.gif) repeat-x 0 100%;
}

.case_success #mainContent .intro li,
.case_failure #mainContent .intro li {
  color: #b500ae;
}

.case_success #mainContent .intro li span,
.case_failure #mainContent .intro li span {
  color: #666;
}

.case_success #mainContent .intro dl,
.case_failure #mainContent .intro dl {
  margin: 0 auto;
  padding-top: 26px;
  padding-bottom: 10px;
  background: url(../images/common_line_dot_grayh_6pxh.gif) repeat-x;
}

.case_success #mainContent .intro .benefit {
  width: 640px;
  margin: 0 20px 0 20px;
  padding: 20px 20px 0 20px;
  background-color: #f7f4f0;
  border: 1px solid #f7f4f0;
  border-radius: 5px;
}
.case_success #mainContent .intro .benefit .tit {
  color: #b500ae;
  font-size: 15px;
  font-weight: bold;
}
.case_success #mainContent .intro .benefit dl {
  padding: 15px auto 0 auto;
  padding-top: 15px;
  background: none;
}
.case_success #mainContent .intro .benefit dl dt {
  color: #000;
}
.case_success #mainContent .intro .benefit dl li {
  color: #666;
}
.case_success #mainContent .beginning {
  margin-bottom: 30px;
  overflow: auto;
}
.case_success #mainContent .beginning p {
  margin-top: 0;
}
.case_success #mainContent .beginning figure {
  text-align: center;
}
.case_success #mainContent .beginning figure figcaption {
  float: none;
  margin-top: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
}
.case_success #mainContent .beginning .column .left {
  float: left;
  width: 350px;
  margin-right: 20px;
}
.case_success #mainContent .beginning .column .right {
  float: left;
  width: 350px;
}
.case_success #mainContent .beginning .column .right figure img {
  max-width: 350px;
  height: auto;
}
.case_success #mainContent #section02 figure {
  max-height: 234px;
}
.case_success #mainContent #section02 figure img {
  height: auto;
  max-height: 234px;
}
.case_success .column1box,
.case_success .column2box {
  overflow: auto;
}
.case_success .column1box figure,
.case_success .column2box figure {
  min-height: 260px;
}

#mainContentInner {
  text-align: left;
}

#content {
  text-align: center;
}

body {
  color: #666;
  font: 14px/1.7 "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  letter-spacing: 0.02em;
}

.case_success #mainContent .intro ul,
.case_failure #mainContent .intro ul {
  margin: 0;
}

.case_success #mainContent .intro dl dt,
.case_failure #mainContent .intro dl dt {
  clear: both;
  height: 32px;
  padding-top: 6px;
  color: #b500ae;
  font-size: 15px;
  font-weight: bold;
  text-indent: 42px;
}

.case_success #mainContent .intro dl dd,
.case_failure #mainContent .intro dl dd {
  margin-bottom: 20px;
}

.case_success #mainContent .intro dl dd.after {
  margin-bottom: 15px;
}
.case_success #mainContent .intro dl dt.before {
  height: 34px;
  background: url(../images/product_suc_ico_before.gif) no-repeat;
}
.case_success #mainContent .intro dl dt.after {
  height: 34px;
  background: url(../images/product_suc_ico_after.gif) no-repeat;
}
.case_success #mainContent table a {
  display: block;
  text-align: center;
}

.youtube.column2box {
  width: 890px;
  margin: 0 auto;
}
.youtube iframe {
  margin-right: 40px;
}
.youtube iframe.last {
  margin-right: 0;
}

.page .column1box {
  width: auto;
  margin-bottom: 30px;
  overflow: hidden;
}

.tableStyle02 dl {
  width: 800px;
  border-bottom: 1px solid #ccc;
}
.tableStyle02 dt {
  float: left;
  clear: left;
  width: 180px;
  padding: 20px;
  border-top: 1px dotted #46bbb5;
}
.tableStyle02 dt.first {
  border-top: 1px solid #ccc;
}
.tableStyle02 dt .sub {
  margin-left: 10px;
  color: #ccc;
  font: 400 11px "Ubuntu", sans-serif;
}
.tableStyle02 dd {
  float: left;
  width: 500px;
  margin: 0;
  padding: 20px;
  border-top: 1px dotted #46bbb5;
}
.tableStyle02 dd.first {
  border-top: 1px solid #ccc;
}

.error404 #mainContent h4 {
  margin: 50px auto;
  font-size: 17px;
}
.error404 #search404 {
  width: 400px;
  margin: 30px 50px;
}

.gs-result .gs-title {
  text-decoration: none !important;
}
.gs-result .gs-title * {
  text-decoration: none !important;
}

.gs-webResult.gs-result .gs-snippet b {
  background-color: #faff22;
}

.tag #pageTitle .categoryIcon {
  height: 23px;
  background-image: none;
}
.tag #pageTitle h3 {
  background-image: none;
  border-bottom: none;
}

.page.en {
  letter-spacing: 0;
}
.page.en #pageHeader {
  float: none;
  width: 1000px;
  margin: 0 auto;
}
.page.en #pageHeader #rightContent {
  float: right;
}
.page.en #pageHeader h1 {
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
}
.page.en #pageHeader h1 a {
  display: block;
  width: 256px;
  height: 61px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(../images/cmn_en_logo.png);
  background-repeat: no-repeat;
}
.page.en #pageHeader #utility {
  float: right;
  clear: both;
  width: auto;
}
.page.en #pageHeader #utility #menu-utility li {
  background: transparent url("../images/common_ico_link01.png") no-repeat scroll 10px;
}
.page.en #pageHeader #utility #menu-utility li a {
  color: #fff !important;
  text-decoration: none !important;
}
.page.en #pageHeader #utility #menu-utility li a:hover {
  text-decoration: none !important;
}
.page.en #pageHeader #utility #menu-utility li a:visited {
  color: #fff !important;
}
.page.en #content {
  width: 1000px;
  margin: 0 auto;
}
.page.en #content article #pageTitle h2 {
  padding-top: 70px;
  font-size: 1rem;
  text-align: left;
}
.page.en #content #mainContent h3 {
  margin: 0 0 40px;
  padding: 17px 0 17px 20px;
  font-size: 1.06rem;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.page.en #content #mainContent h3 .material {
  margin-left: 20px;
  padding: 8px 15px;
  color: #fff;
  font-size: 0.87rem;
  font-weight: bold;
  background-color: #31cec5;
  border-radius: 5px;
}
.page.en #content #mainContent #intro {
  margin-bottom: 70px;
  overflow: auto;
}
.page.en #content #mainContent #intro .box {
  width: auto;
}
.page.en #content #mainContent #intro .box .left {
  float: left;
  width: 640px;
  margin-right: 20px;
}
.page.en #content #mainContent #intro .box .right {
  float: left;
  width: 320px;
}
.page.en #content #mainContent #intro .box .right figure {
  padding: 20px;
  background-color: #efeded;
}
.page.en #content #mainContent #intro .box .right figure figcaption {
  font-weight: bold;
}
.page.en #content #mainContent #intro .box .tit {
  margin-bottom: 10px;
  font-weight: bold;
}
.page.en #content #mainContent #intro .box .boxed {
  overflow: auto;
  background-color: #efeded;
  border-radius: 5px;
}
.page.en #content #mainContent #intro .box .boxed ul {
  margin: 0;
  padding: 20px;
  overflow: auto;
  list-style: none;
}
.page.en #content #mainContent #intro .box .boxed ul li {
  float: left;
  margin-right: 30px;
}
.page.en #content #mainContent #intro .box .boxed ul li svg {
  margin-right: 10px;
}
.page.en #content #mainContent section {
  margin-bottom: 70px;
  overflow: auto;
}
.page.en #content #mainContent section .box {
  width: 1000px;
  overflow: auto;
}
.page.en #content #mainContent section .box .left {
  float: left;
  width: 660px;
  margin-right: 20px;
}
.page.en #content #mainContent section .box .left .convent {
  margin-bottom: 40px;
  padding: 20px;
  overflow: auto;
  border: solid 1px #12bfbf;
  border-radius: 5px;
}
.page.en #content #mainContent section .box .left .convent h4 {
  width: auto;
  height: auto;
  margin: 0 auto 10px auto;
  color: #01beb3;
  font-weight: bold;
  background-image: none;
}
.page.en #content #mainContent section .box .left .convent ul {
  margin: 0 0 0 20px;
  padding: 0;
}
.page.en #content #mainContent section .box .left .convent ul li {
  float: left;
  margin-right: 30px;
}
.page.en #content #mainContent section .box .left .characteristics {
  margin-bottom: 0;
}
.page.en #content #mainContent section .box .left .characteristics h5 {
  margin: 0 0 20px;
  padding: 3px 0 3px 20px;
  font-size: 0.93rem;
  font-weight: bold;
  background-color: #eceff9;
}
.page.en #content #mainContent section .box .left .characteristics section {
  margin-bottom: 40px;
}
.page.en #content #mainContent section .box .left .characteristics section h6 {
  margin: 0 auto 30px auto;
  padding-left: 10px;
  font-size: 0.93rem;
  border-left: solid 3px #31cec5;
}
.page.en #content #mainContent section .box .left .characteristics section dl dt {
  font-weight: bold;
}
.page.en #content #mainContent section .box .left .characteristics section dl dd {
  margin: 0 0 20px 20px;
}
.page.en #content #mainContent section .box .right {
  float: left;
  width: 320px;
}
.page.en #content #mainContent section .example {
  float: none;
}
.page.en #content #mainContent section .example .tit {
  margin-bottom: 20px;
  font-weight: bold;
}
.page.en #content #mainContent section .example figure {
  float: left;
  width: 280px;
  margin-right: 20px;
  padding: 10px 20px;
  background-color: #efeded;
}
.page.en #content #mainContent section .example figure:last-child {
  width: 280px;
  margin-right: 0;
}
.page.en #content #mainContent section .example figure figcaption {
  float: none;
}
.page.en #content #mainContent section .example figure figcaption ul.charact {
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.page.en #content #mainContent section .example figure figcaption ul.charact li {
  display: inline;
}

.page-parent.en #content {
  width: auto;
}
.page-parent.en #content article {
  float: none;
}
.page-parent.en #content article #heroArea {
  height: 506px;
  overflow: auto;
  color: #fff;
  background-color: #000;
}
.page-parent.en #content article #heroArea h2 {
  width: 522px;
  height: 268px;
  margin: 62px auto 0;
  background: url(../images/en_top_bg_main.png) no-repeat;
}
.page-parent.en #content article #heroArea h2 img {
  margin-top: 100px;
}
.page-parent.en #content article #heroArea strong {
  display: inline-block;
  margin: 40px auto 16px;
  font-size: 1.1rem;
}
.page-parent.en #content article #heroArea p {
  margin-top: 0;
}
.page-parent.en #content article #heroArea p.repletion {
  margin: 30px auto;
  font-size: 0.75rem;
}
.page-parent.en #content #mainContent #mainContentInner h3 {
  font-size: 1.5rem;
}
.page-parent.en #content #mainContent #mainContentInner .preface {
  margin-bottom: 40px;
}
.page-parent.en #content #mainContent #mainContentInner #intro {
  width: 1000px;
  margin: 5px auto;
}
.page-parent.en #content #mainContent #mainContentInner #intro p {
  margin: 10px auto 50px;
  color: #999;
  font-size: 0.65rem;
  line-height: 1.4;
  text-align: right;
}
.page-parent.en #content #mainContent #mainContentInner #intro figure {
  float: none;
  width: 576px;
  margin: 0 auto 50px 280px;
}
.page-parent.en #content #mainContent #mainContentInner #intro #foreignStd table.tableType01 {
  width: 1000px;
  margin-bottom: 0;
}
.page-parent.en #content #mainContent #mainContentInner #intro #foreignStd table.tableType01 caption {
  margin-bottom: 20px;
  font-weight: bold;
}
.page-parent.en #content #mainContent #mainContentInner #intro #foreignStd table.tableType01 td {
  font-size: 0.8rem;
}
.page-parent.en #content #mainContent #mainContentInner #intro #foreignStd table.tableType01 td.silicolloyA2 {
  color: #0755be;
  font-weight: bold;
  white-space: nowrap;
}
.page-parent.en #content #mainContent #mainContentInner #intro #foreignStd table.tableType01 td.silicolloyXvi {
  color: #e82663;
  font-weight: bold;
  white-space: nowrap;
}
.page-parent.en #content #mainContent #mainContentInner #intro #foreignStd .legend {
  clear: both;
  overflow: auto;
}
.page-parent.en #content #mainContent #mainContentInner #intro #foreignStd .legend p {
  margin: 5px 0 0;
  text-align: left;
}
.page-parent.en #content #mainContent #mainContentInner #intro #foreignStd .legend ul {
  margin-top: 5px;
}
.page-parent.en #content #mainContent #mainContentInner #intro #foreignStd .legend ul li {
  float: left;
  margin-right: 20px;
  font-size: 0.8rem;
  list-style: none;
}
.page-parent.en #content #mainContent #Application {
  overflow: auto;
}
.page-parent.en #content #mainContent #Application p {
  margin: 36px auto 50px;
}
.page-parent.en #content #mainContent #Application figure {
  float: left;
  width: 235px;
  margin: 0 20px 10px 0;
  background-color: #f3f3f3;
}
.page-parent.en #content #mainContent #Application figure:nth-child(7) {
  margin-left: 146px;
}
.page-parent.en #content #mainContent #Application figure:nth-child(6) {
  margin-right: 0;
}
.page-parent.en #content #mainContent #Application figure figcaption {
  min-height: 115px;
  margin: 10px;
  padding-left: 1em;
  text-indent: -1em;
}
.page-parent.en #content #mainContent #Characteristics {
  overflow: auto;
}
.page-parent.en #content #mainContent #Characteristics p {
  margin: 36px auto 50px;
}
.page-parent.en #content #mainContent #Characteristics dl {
  float: left;
  width: 234px;
  margin: 0 20px 0 0;
}
.page-parent.en #content #mainContent #Characteristics dl:nth-child(odd) {
  background-color: #f3f3f3;
}
.page-parent.en #content #mainContent #Characteristics dl:last-child {
  margin-right: 0;
}
.page-parent.en #content #mainContent #Characteristics dl dt {
  min-height: 100px;
  margin: 10px;
  color: #01beb3;
  font-weight: bold;
}
.page-parent.en #content #mainContent #Characteristics dl dd {
  min-height: 500px;
  margin: 0;
}
.page-parent.en #content #mainContent #Characteristics dl dd figure {
  float: none;
  margin-bottom: 20px;
}
.page-parent.en #content #mainContent #Characteristics dl dd figure img {
  display: block;
  margin: 0 auto;
}
.page-parent.en #content #mainContent #Characteristics dl dd p {
  margin: 10px;
}
.page-parent.en #content #mainContent #orderProcess {
  overflow: auto;
}
.page-parent.en #content #mainContent #orderProcess p {
  margin: 36px auto 50px;
}
.page-parent.en #content #mainContent #orderProcess ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-parent.en #content #mainContent #orderProcess ol li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 180px;
  height: 100px;
  margin-right: 20px;
  color: #fff;
  font-size: 1.2em;
  background-color: #01beb3;
}
.page-parent.en #content #mainContent #orderProcess ol li:last-child {
  margin-left: 0;
}
.page-parent.en #content #mainContent #orderProcess ol li:last-child:after {
  content: none;
}
.page-parent.en #content #mainContent #orderProcess ol li:after {
  position: absolute;
  top: 40%;
  right: -17px;
  color: #01beb3;
  font-family: "FontAwesome";
  content: "\f054";
}

.page.en footer#pageFooter {
  float: none;
  font-size: 0.8rem;
}
.page.en footer#pageFooter #pointAttention {
  float: none;
  width: 920px;
  margin: 0 auto 70px;
  padding: 20px 40px;
  color: #fff;
  text-align: center;
  background-color: #01beb3;
  border-radius: 5px;
}
.page.en footer#pageFooter #pointAttention h4 {
  margin-top: 0;
  font-size: 1.28rem;
}
.page.en footer#pageFooter #footerBottom {
  overflow: auto;
  background-color: #f3f3f3;
}
.page.en footer#pageFooter #footerBottom .inner {
  width: 1000px;
  height: 400px;
  margin: 40px auto;
}
.page.en footer#pageFooter #footerBottom .inner section {
  float: left;
  clear: none;
  width: 320px;
  margin-right: 20px;
}
.page.en footer#pageFooter #footerBottom .inner section:last-child {
  margin-right: 0;
}
.page.en footer#pageFooter #footerBottom .inner section h5 {
  font-size: 0.9rem;
}
.page.en footer#pageFooter #footerBottom .inner section .companyName {
  font-size: 1rem;
  font-weight: bold;
}
.page.en footer#pageFooter #footerBottom .inner section.second .companyName {
  margin-bottom: 29px;
  font-size: 1rem;
  font-weight: bold;
}
.page.en footer#pageFooter #footerBottom .inner .second {
  -webkit-margin-before: 70px;
          margin-block-start: 70px;
}
.page.en footer#pageFooter #footerBottom .inner .third .tit {
  margin: 30px auto 10px;
  padding-left: 10px;
  font-weight: bold;
  border-left: solid 4px #01beb3;
}
.page.en footer#pageFooter #footerBottom .inner #utility ul {
  margin-top: 30px;
  list-style: none;
}
.page.en .copyright {
  padding-top: 40px;
  background-color: #f3f3f3;
}
.page.en figcaption {
  font-weight: bold;
}

.legend .higherStrength {
  color: #ff0153;
}
.legend .heatResistance {
  color: #f39800;
}
.legend .corrosionResistance {
  color: #00a0e9;
}
.legend .wearResistance {
  color: #079a3e;
}
.legend .seizureResistance {
  color: #7e308e;
}

table.tableType01 {
  width: auto;
  margin: 0 auto;
  margin-bottom: 40px;
  font-size: 14px;
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-collapse: separate;
  border-spacing: 0px 1px;
  table-layout: auto;
}
table.tableType01 tr th {
  padding: 10px 10px;
  color: #000;
  font-weight: normal;
  text-align: center;
  background-color: #aaaaaa;
  border-right: 1px solid #fff;
  vertical-align: middle;
}
table.tableType01 tr th.subTh {
  background-color: #4a9acc;
}
table.tableType01 tr td {
  padding: 7px 10px;
  border-bottom: 1px solid #ccc;
}
table.tableType01 tbody th.subTh {
  color: #666;
  background-color: #ebf5fd;
  border-right: solid 1px #dde1e5;
  border-bottom: solid 1px #dde1e5;
}
table tr td.austen {
  border-left: 3px solid #038dcf;
}
table tr td.marten {
  border-left: 3px solid #565656;
}
table tr td.precip {
  border-left: 3px solid #e51092;
}

a.btnType01 {
  padding: 7px 20px;
  color: #fff;
  text-decoration: none;
  background-color: #31cec5;
  border-radius: 5px;
}
a.btnType01:visited {
  color: #fff;
}
a.btnType01:hover {
  text-decoration: none;
  opacity: 0.7;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.charStrength {
  width: 14px;
  height: 14px;
  fill: #ff0153;
}

.charHeatResist {
  width: 14px;
  height: 14px;
  fill: #f37709;
}

.charCorrosion {
  width: 14px;
  height: 14px;
  fill: #3688c3;
}

.charWearResist {
  width: 14px;
  height: 14px;
  fill: #36c349;
}

.charHigherHardness {
  width: 14px;
  height: 14px;
  fill: #7c7c7c;
}

.charSeizureResist {
  width: 14px;
  height: 14px;
  fill: #7036c3;
}

.charHeatResist {
  width: 14px;
  height: 14px;
  fill: #f37709;
}

.page.en.appli #pageTitle {
  background: url(../images/en_appli_bg_page.jpg) no-repeat;
  border: none;
}
.page.en.data #pageTitle {
  background: url(../images/en_data_bg_page.jpg) no-repeat;
  border: none;
}
.page.en #mainContent table thead tr th.SaltSprayTest {
  background-color: #0d408d;
  background-image: none;
}
.page.en #mainContent table thead tr th.austenitic {
  border-bottom: solid 3px #0eb1d9;
}
.page.en #mainContent table thead tr th.precipitationhard {
  border-bottom: solid 3px #d90e56;
}
.page.en #mainContent table thead tr th.martensitic {
  border-bottom: solid 3px #3e3e3e;
}
.page.en #mainContent table tbody tr th.SaltSprayTest {
  color: #fff;
  background-color: #0d408d;
}
.page.en #mainContent table tbody tr.imgCell td {
  text-align: center;
}
.page.en #mainContent table tbody tr.imgCell td img {
  display: inline;
}

.en #mainContent table tr th {
  padding: 10px 0;
}
.en #mainContent table tr td {
  padding: 10px 5px;
  font-size: 0.875rem;
}
.en #mainContent table tr td img {
  width: auto;
}
.en.data #mainContent #grindingTest .example figure {
  margin-bottom: 20px;
}
.en.data #mainContent #grindingTest .example figure:nth-child(4) {
  margin-right: 0;
}
.en.data #mainContent #grindingTest .example figure figcaption {
  height: 3em;
}
.en.data #mainContent #grindingTest .convent {
  width: 720px;
  margin-bottom: 40px;
  padding: 20px;
  overflow: auto;
  border: solid 1px #12bfbf;
  border-radius: 5px;
}
.en.data #mainContent #grindingTest .convent h4 {
  margin: 0 auto 10px auto;
  color: #01beb3;
  font-weight: bold;
}
.en.data #mainContent #grindingTest .convent ul {
  float: left;
  width: 320px;
  margin: 0 20px 0 0;
  padding: 0;
  list-style: none;
}
.en.data #mainContent #grindingTest .convent ul li {
  float: left;
  margin-right: 30px;
}
.en.data #mainContent #grindingTest .testResult {
  width: 740px;
  margin: 0 auto;
}
.en.data #mainContent #grindingTest .testResult figure {
  width: 360px;
  min-height: 360px;
  margin-right: 20px;
}
.en.data #mainContent #grindingTest .testResult figure:last-child {
  margin-right: 0;
}
.en.data #mainContent #grindingTest .testResult figure img {
  max-width: 360px;
  height: auto;
}
.en.data #mainContent #grindingTest .testResult figure figcaption {
  float: none;
  text-align: center;
}

.page.en {
  letter-spacing: 0;
}
.page.en #gnavi {
  display: inline-block;
  width: 714px;
  height: 36px;
  margin: 20px auto auto 15px;
  overflow: auto;
  background: #f9f7f8;
  border: solid 1px #ccc;
  border-radius: 5px;
}
.page.en #gnavi ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}
.page.en #gnavi ul li {
  display: inline-block;
  float: left;
  height: 36px;
}
.page.en #gnavi ul li.home {
  width: 47px;
}
.page.en #gnavi ul li.home a {
  width: 46px;
  height: 36px;
  overflow: hidden;
  color: #000;
  white-space: nowrap;
  text-indent: 100%;
  background: #31cec5 url(../images/coomon_ico_home.svg) center/15px no-repeat;
}
.page.en #gnavi ul li.testPiece, .page.en #gnavi ul li.service, .page.en #gnavi ul li.table {
  display: inline-block;
  padding: 0 3px;
  color: #ccc;
  text-align: center;
  border-right: solid 1px #ccc;
}
.page.en #gnavi ul li.appli a, .page.en #gnavi ul li.data a, .page.en #gnavi ul li.contact a {
  margin-top: 5px;
  padding-right: 7px;
  padding-left: 7px;
}
.page.en #gnavi ul li a {
  display: inline-block;
  border-right: solid 1px #ccc;
}
.page.en #gnavi ul li a:hover {
  text-decoration: none;
}
.page.en #gnavi ul li.contact a {
  border: none;
}
.page.en #gnavi ul li .commingsoon {
  display: block;
  color: #ccc;
  font-size: 0.6rem;
  line-height: 0.5;
  text-align: center;
}

.en.appli #content #mainContent section#second .example figure:nth-child(4) {
  margin-top: 20px;
}
.en.appli #content #mainContent section#second .example figure:nth-child(3) {
  margin-right: 0;
}

.en_contact.en #pageTitle h3,
.en_contact-error.en #pageTitle h3,
.en_contact-comfirm.en #pageTitle h3,
.en_contact-completion.en #pageTitle h3 {
  margin: 45px auto !important;
}

.en_contact.en article,
.en_contact-error.en article,
.en_contact-comfirm.en article,
.en_contact-completion.en article,
.en_contact.en article section,
.en_contact-error.en article section,
.en_contact-comfirm.en article section,
.en_contact-completion.en article section {
  float: none;
}

.en_contact.en #mainContent table tr th,
.en_contact-error.en #mainContent table tr th,
.en_contact-comfirm.en #mainContent table tr th,
.en_contact-completion.en #mainContent table tr th {
  text-align: left;
  border: none;
}

.en_contact.en #mainContent table tr th .require,
.en_contact-error.en #mainContent table tr th .require,
.en_contact-comfirm.en #mainContent table tr th .require,
.en_contact-completion.en #mainContent table tr th .require {
  width: auto;
  padding: 2px 3px;
  color: #fff;
  font-size: 0.7rem;
  text-indent: inherit;
  background-color: #aa0a0d;
  background-image: none;
  border: solid 1px #aa0a0d;
  border-radius: 5px;
}

.en_contact.en #mainContent table tr td,
.en_contact-error.en #mainContent table tr td,
.en_contact-comfirm.en #mainContent table tr td,
.en_contact-completion.en #mainContent table tr td {
  padding-left: 20px;
  border: none;
}

.en_contact.en #mainContent table tr td .error,
.en_contact-error.en #mainContent table tr td .error,
.en_contact-comfirm.en #mainContent table tr td .error,
.en_contact-completion.en #mainContent table tr td .error {
  padding-left: 10px;
  color: #aa0a0d;
}

.eventHeadline {
  padding: 20px;
}
.eventHeadline time {
  float: left;
  min-width: 100px;
  margin-right: 20px;
  color: #31cec5;
  font-size: 14px;
  font-weight: bold;
}
.eventHeadline .category {
  float: left;
  margin-right: 20px;
  color: #fff;
  font-size: 12px;
  text-align: center;
}
.eventHeadline .category span {
  display: inline-block;
  width: 100px;
  margin-top: -5px;
  padding: 5px 0;
}
.eventHeadline .category .info {
  background: #15a7d7;
}
.eventHeadline .category .event {
  background: #d70586;
}
.eventHeadline .category .update {
  background: #31cec5;
}
.eventHeadline .tit {
  text-align: left;
}

.news #mainContent {
  float: left;
  width: 720px;
  min-height: 600px;
  margin-right: 30px;
}
.news #mainContent ul {
  list-style: none;
}
.news #mainContent ul li a {
  display: inline-block;
  float: none;
  width: 100%;
  padding-bottom: 20px;
  overflow: hidden;
  color: #000;
  border-bottom: 1px dotted #ccc;
}
.news #mainContent ul li a:hover {
  text-decoration: none;
  background: #d7d7d7;
}
.news #mainContent ul li a .eventHeadline .tit {
  float: right;
  width: 400px;
}

.single-news #pageTitle h3 {
  margin: 40px auto 0;
}
.single-news #mainContent h4 {
  clear: both;
  margin: 20px 0 20px;
  padding-left: 10px;
  font-size: 1.4rem;
  font-weight: normal;
  border: 4px solid #01beb3;
  border-width: 0 0 0 4px;
}
.single-news #mainContent .eventHeadline {
  margin-bottom: 40px;
}
.single-news #mainContent .eventHeadline time {
  float: right;
  min-width: auto;
  margin-right: 0;
  color: #c2c2c2;
  font-weight: normal;
}
.single-news #mainContent .textBody {
  min-height: 500px;
  margin-bottom: 70px;
  padding-left: 20px;
  line-height: 2.3;
}
.single-news #mainContent .textBody h5 {
  position: relative;
  clear: both;
  margin: 20px 0;
  font-size: 1.2rem;
  font-weight: normal;
  border-bottom: 1px solid #c2c2c2;
}
.single-news #mainContent .textBody h5:after {
  position: absolute;
  bottom: -1px;
  display: block;
  width: 30%;
  border-bottom: solid 1px #01beb3;
  content: " ";
}
.single-news #mainContent .textBody h6 {
  margin: 20px 0 0 0;
  font-size: 1.1rem;
  line-height: 1.5;
}
.single-news #mainContent .textBody img {
  max-width: 700px;
  height: auto;
  border: 1px solid #e1e1e1;
}
.single-news #mainContent .textBody .center {
  display: block;
  text-align: center;
}
.single-news #mainContent .textBody strong {
  font-weight: normal;
  background-color: #ffff00;
}
.single-news #mainContent .textBody figure {
  float: none;
}
.single-news #mainContent .textBody figcaption {
  display: block;
  font-weight: bold;
  text-align: center;
}
.single-news #mainContent .textBody .attention {
  color: #c0121b;
  font-weight: bold;
}
.single-news #mainContent .textBody .btn.type01 {
  margin-bottom: 10px;
}
.single-news #mainContent .textBody .btn.type01 a {
  width: 200px;
  height: 50px;
  margin: 10px 0;
  padding: 10px 20px;
  color: #fff;
  background-color: #31cec5;
  border: 1px solid #31cec5;
  border-radius: 3px;
}
.single-news #mainContent .textBody .btn.type01 a:hover {
  text-decoration: none;
  background-color: #39eee4;
  border: 1px solid #39eee4;
}
.single-news #mainContent .textBody .btn.type02 {
  margin: 10px 14px 10px 0;
  font-size: 12px;
  text-indent: 10px;
  background: url(../images/common_ico_link01.png) no-repeat 0 10px;
  list-style: none;
}
.single-news #mainContent .textBody .btn.type02 a {
  padding-left: 1em;
  color: #666;
  line-height: 1.2em;
  text-indent: 0;
  text-decoration: none;
}
.single-news #mainContent .textBody .btn.type02 a:hover {
  text-decoration: underline;
}
.single-news #mainContent .textBody ul {
  padding: 0;
  list-style: outside none none;
}
.single-news #mainContent .textBody ul li {
  padding: 5px 20px;
  background: none;
}
.single-news #mainContent .textBody ul li:before {
  margin-right: 10px;
  color: #01beb3;
  font-family: "FontAwesome";
  font-size: 16px;
  content: "\f0c8";
  vertical-align: middle;
}
.single-news #mainContent .textBody ol {
  margin-left: 1.2em;
  padding: 0;
  counter-reset: item;
  list-style-type: none;
}
.single-news #mainContent .textBody ol li {
  padding: 5px 0;
}
.single-news #mainContent .textBody ol li:before {
  color: #01beb3;
  font-weight: bold;
  content: counter(item) ". ";
  counter-increment: item;
}

.sls #pageTitle {
  position: relative;
  width: 100%;
  height: 349px;
  margin-bottom: 60px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/sls_main_image.jpg) no-repeat;
  background-size: cover;
}
.sls #pageTitle h3 {
  position: relative;
  top: 70px;
  height: 145px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/sls_pageTitle.png) no-repeat;
}
.sls #mainContent {
  width: auto;
}
.sls #mainContent section {
  margin-bottom: 80px;
}
.sls #mainContent h4 {
  margin-bottom: 80px;
  text-align: center;
  background-image: none;
}
.sls #mainContent h4 span {
  margin: 0 auto;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  background: none;
  background-image: none;
  border-bottom: 1px solid #31cec5;
}
.sls #mainContent .column3box figure {
  width: auto;
}
.sls #mainContent .column3box figure img {
  width: auto;
  max-width: none;
}
.sls #mainContent #section01 .particle {
  position: relative;
  height: 288px;
  background: url(../images/sls_feature_image.jpg) no-repeat;
}
.sls #mainContent #section01 .particle .tit {
  position: absolute;
  top: 100px;
  left: 70px;
  color: #fff;
}
.sls #mainContent #section01 .particle .tit strong {
  display: block;
  font-size: 24px;
  font-weight: bold;
}
.sls #mainContent #section01 .particle .tit span {
  font: 200 16px "Ubuntu", sans-serif;
}
.sls #mainContent #section01 #features01,
.sls #mainContent #section01 #features02,
.sls #mainContent #section01 #features03,
.sls #mainContent #section01 #features04 {
  padding: 60px 0;
}
.sls #mainContent #section01 #features01 .bomb,
.sls #mainContent #section01 #features02 .bomb,
.sls #mainContent #section01 #features03 .bomb,
.sls #mainContent #section01 #features04 .bomb {
  position: relative;
  width: 144px;
  height: 144px;
  margin: 0 auto;
  background-color: #31cec5;
  border-radius: 50%;
}
.sls #mainContent #section01 #features01 .bomb .tit,
.sls #mainContent #section01 #features02 .bomb .tit,
.sls #mainContent #section01 #features03 .bomb .tit,
.sls #mainContent #section01 #features04 .bomb .tit {
  position: relative;
  top: 24px;
  color: #000;
  font-size: 24px;
  line-height: 1;
  text-align: center;
}
.sls #mainContent #section01 #features01 .bomb .tit .en,
.sls #mainContent #section01 #features02 .bomb .tit .en,
.sls #mainContent #section01 #features03 .bomb .tit .en,
.sls #mainContent #section01 #features04 .bomb .tit .en {
  display: block;
  color: #fff;
  font-family: "EB Garamond", serif;
}
.sls #mainContent #section01 #features01 .bomb .tit .num,
.sls #mainContent #section01 #features02 .bomb .tit .num,
.sls #mainContent #section01 #features03 .bomb .tit .num,
.sls #mainContent #section01 #features04 .bomb .tit .num {
  font-family: "EB Garamond", serif;
  font-size: 60px;
}
.sls #mainContent #section01 #features01 .featuresInner,
.sls #mainContent #section01 #features02 .featuresInner,
.sls #mainContent #section01 #features03 .featuresInner,
.sls #mainContent #section01 #features04 .featuresInner {
  width: 960px;
  margin: 0 auto;
}
.sls #mainContent #section01 #features01 h5,
.sls #mainContent #section01 #features02 h5,
.sls #mainContent #section01 #features03 h5,
.sls #mainContent #section01 #features04 h5 {
  font-size: 24px;
  font-weight: normal;
  text-align: center;
}
.sls #mainContent #section01 #features01 .column,
.sls #mainContent #section01 #features04 .column {
  overflow: hidden;
}
.sls #mainContent #section01 #features01 .column .left,
.sls #mainContent #section01 #features04 .column .left {
  float: left;
  width: 470px;
  margin-right: 20px;
}
.sls #mainContent #section01 #features01 .column .right,
.sls #mainContent #section01 #features04 .column .right {
  float: left;
  width: 470px;
}
.sls #mainContent #section01 #features01 .column .right ul.point,
.sls #mainContent #section01 #features04 .column .right ul.point {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}
.sls #mainContent #section01 #features01 .column .right ul.point li,
.sls #mainContent #section01 #features04 .column .right ul.point li {
  float: left;
  width: 188px;
  margin-right: 10px;
  padding: 30px 20px;
  border: 1px solid #01beb3;
  border-radius: 5px;
}
.sls #mainContent #section01 #features01 .column .right ul.point li:last-child,
.sls #mainContent #section01 #features04 .column .right ul.point li:last-child {
  margin-right: 0;
}
.sls #mainContent #section01 #features01 .column .right ul.point li dl,
.sls #mainContent #section01 #features04 .column .right ul.point li dl {
  margin: 0;
}
.sls #mainContent #section01 #features01 .column .right ul.point li dl dt,
.sls #mainContent #section01 #features04 .column .right ul.point li dl dt {
  margin-bottom: 10px;
  color: #01beb3;
  font-size: 20px;
  text-align: center;
}
.sls #mainContent #section01 #features01 .column .right ul.point li dl dt strong,
.sls #mainContent #section01 #features04 .column .right ul.point li dl dt strong {
  display: block;
  font-size: 16px;
}
.sls #mainContent #section01 #features01 .column .right ul.point li dl dd,
.sls #mainContent #section01 #features04 .column .right ul.point li dl dd {
  margin: 0;
}
.sls #mainContent #section01 #features01 .column .right ul.point li dl dd p,
.sls #mainContent #section01 #features04 .column .right ul.point li dl dd p {
  margin-bottom: 20px;
}
.sls #mainContent #section01 #features02 {
  background-color: #f0efef;
}
.sls #mainContent #section01 #features02 .column3box {
  overflow: hidden;
}
.sls #mainContent #section01 #features02 .column3box figure {
  width: auto;
  margin: 0 21px 20px 0;
}
.sls #mainContent #section01 #features02 .column3box figure img {
  width: auto;
  max-width: none;
}
.sls #mainContent #section01 #features02 .column3box figure:last-child {
  margin-right: 0;
}
.sls #mainContent #section01 #features03 ul.point {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}
.sls #mainContent #section01 #features03 ul.point li {
  float: left;
  width: 154px;
  min-height: 100px;
  margin-right: 20px;
  padding: 30px 10px;
  border: 1px solid #01beb3;
  border-radius: 5px;
}
.sls #mainContent #section01 #features03 ul.point li:last-child {
  margin-right: 0;
}
.sls #mainContent #section01 #features03 ul.point li dl {
  margin: 0;
}
.sls #mainContent #section01 #features03 ul.point li dl dt {
  color: #01beb3;
  font-size: 20px;
  text-align: center;
}
.sls #mainContent #section01 #features03 ul.point li dl dt strong {
  display: block;
  font-size: 16px;
}
.sls #mainContent #section01 #features03 ul.point li dl dd {
  margin: 0;
}
.sls #mainContent #section01 #features04 {
  background-color: #f0efef;
}
.sls #mainContent #section01 #features04 ul.point li {
  background-color: #fff;
}
.sls #mainContent #section02 .column3box {
  overflow: hidden;
}
.sls #mainContent #section02 .column3box figure {
  width: auto;
  margin: 0 21px 20px 0;
}
.sls #mainContent #section02 .column3box figure img {
  max-width: 319px;
}
.sls #mainContent #section02 .column3box figure:last-child {
  margin-right: 0;
}
.sls #mainContent #section03 {
  width: 960px;
  margin: 0 auto;
}
.sls #mainContent #section03 .column {
  margin-bottom: 70px;
  overflow: hidden;
}
.sls #mainContent #section03 .column .left {
  width: 633px;
  margin-right: 21px;
}
.sls #mainContent #section03 .column .right {
  float: left;
  width: 306px;
}
.sls #mainContent #section03 .column .right figure {
  margin-bottom: 30px;
}
.sls #mainContent #section03 #testResult h5 {
  width: 200px;
  margin: 0 auto 40px;
  padding: 10px;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  background-color: #31cec5;
}
.sls #mainContent #section03 #testResult .terms {
  margin-bottom: 40px;
  padding: 30px 20px;
  background-color: #f0efef;
  border-radius: 5px;
}
.sls #mainContent #section03 #testResult .terms .tit {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.sls #mainContent #section03 #testResult .terms dl {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.sls #mainContent #section03 #testResult .terms dl dt {
  float: left;
  font-weight: bold;
}
.sls #mainContent #section03 #testResult .terms dl dd {
  float: left;
  margin: 0 30px 0 0;
}

.precipitation-hardening #pageTitle {
  position: relative;
  width: 100%;
  height: 349px;
  margin-bottom: 60px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/precipitation-hardening_main_image.jpg) no-repeat;
  background-position: bottom;
  background-size: cover;
}
.precipitation-hardening #pageTitle h3 {
  position: relative;
  top: 70px;
  height: 145px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: url(../images/precipitation-hardening_pageTitle.png) no-repeat;
}
.precipitation-hardening #mainContent {
  width: auto;
}
.precipitation-hardening #mainContent section {
  margin-bottom: 80px;
}
.precipitation-hardening #mainContent h4 {
  margin-bottom: 80px;
  text-align: center;
  background-image: none;
}
.precipitation-hardening #mainContent h4 span {
  margin: 0 auto;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  background: none;
  background-image: none;
  border-bottom: 1px solid #31cec5;
}
.precipitation-hardening .introCatch {
  display: block;
  margin-bottom: 80px;
  text-align: center;
  background-image: none;
}
.precipitation-hardening .introCatch span {
  margin: 0 auto;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  background: none;
  background-image: none;
  border-bottom: 1px solid #31cec5;
}
.precipitation-hardening .introText {
  width: 800px;
  margin: 50px auto;
}

.precipiHardenPoint {
  position: relative;
  height: 288px;
  color: #fff;
  background: url(../images/ph_feature_image.jpg) no-repeat;
}

.precipiHardenPoint__list {
  padding: 20px 30px;
  counter-reset: item;
  list-style-type: none;
}

.precipiHardenPoint__item {
  font-size: 18px;
}
.precipiHardenPoint__item .linebreak {
  display: block;
  margin-left: 390px;
  line-height: 0.2;
}
.precipiHardenPoint__item::before {
  margin-right: 10px;
  color: #01beb3;
  font-family: "EB Garamond", serif;
  font-size: 36px;
  content: counter(item) ". ";
  counter-increment: item;
}
.precipiHardenPoint__item .precipiHardenPointSub__list {
  line-height: 1.4;
  counter-reset: item;
  list-style-type: none;
}
.precipiHardenPoint__item .precipiHardenPointSub__item::before {
  margin-right: 5px;
  font-family: "EB Garamond", serif;
  font-size: 22px;
  content: counter(item) ". ";
  counter-increment: item;
}

.flowPrecipiHarden__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.flowPrecipiHarden__item {
  position: relative;
  width: 176px;
  margin: 0 30px 0 0;
}
.flowPrecipiHarden__item::after {
  position: absolute;
  top: 47px;
  right: -20px;
  width: 20px;
  height: 20px;
  border: 5px solid;
  border-color: #ccc #ccc transparent transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}
.flowPrecipiHarden__item:last-child {
  margin-right: 0;
}
.flowPrecipiHarden__item:last-child::after {
  border: none;
}

.flowPrecipiHarden__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 95px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  background-color: #5abcbe;
}

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

.flowPrecipiHardenBody__list {
  padding: 0 0 0 15px;
  list-style: disc;
}

.phMediaBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.phMedia.-half {
  width: 470px;
  margin-right: 20px;
}
.phMedia.-half:last-child {
  margin-right: 0;
}
.phMedia.-parallel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 40px;
}
.phMedia.-parallel .phMediaContent {
  width: 470px;
}
.phMedia.-parallel .phMedia__figure {
  width: 470px;
  margin-right: 20px;
}

.phMediaPoint__list {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.phMediaPoint_item {
  position: relative;
  margin-bottom: 10px;
  padding: 0 0 0 35px;
  color: #5abcbe;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}
.phMediaPoint_item::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 25px;
  height: 1px;
  background-color: #5abcbe;
  content: "";
}

.figureCaption {
  text-align: center;
}

.phMedia__figureTable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  grid-gap: 4px;
}

.figureTable__item {
  margin: 0;
}

.figureTable__img {
  width: auto;
  height: 200px;
}
.figureTable__img.-h264 {
  height: 264px;
}
.figureTable__img.-w154 {
  height: 154px;
}

.figureTable__caption {
  margin: 0;
  font-size: 12px;
  text-align: center;
}
.figureTable__caption.-w154 {
  width: 154px;
}

.gist {
  line-height: 1.3;
}

.phMedia__imgWrapper {
  width: 470px;
  height: auto;
}

.phMedia__img {
  width: 470px;
  height: auto;
}

.phMediaContent__body {
  margin-bottom: 30px;
}

.phMediaContent__list {
  padding: 0 0 0 20px;
}

.phMediaContent__tit {
  display: inline-block;
  color: #5abcbe;
  font-size: 16px;
  font-weight: bold;
}

.phMediaContent__subTit {
  display: inline-block;
  margin-left: 20px;
  color: #5abcbe;
}

.asideClosed {
  display: inline-block;
  float: none;
  width: 100%;
  margin: 0 auto 30px;
  padding: 10px;
  background-color: #ebebeb;
  border-radius: 6px;
}

.secTitle.-h5 {
  display: inline-block;
  clear: both;
  margin-bottom: 30px;
  padding: 10px;
  color: #01beb3;
  font-size: 17px;
  border: 1px solid #31cec5;
}
.secTitle.-h6 {
  margin: 0 0 30px;
  padding-left: 20px;
  font-size: 17px;
  border-left: 4px solid #000;
}
.secTitle.-h7 {
  clear: both;
  margin: 30px 0;
  font-size: 16px;
  font-weight: bold;
}
.secTitle.-h7::before {
  padding-right: 20px;
  color: #01beb3;
  font-family: "FontAwesome";
  content: "\f0c8";
}

.tabelFeature {
  width: 100%;
}
.tabelFeature tr.lowEmphasis {
  background-color: #fbf6cf;
}
.tabelFeature th {
  padding: 18px 0;
  text-align: center;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: none;
}
.tabelFeature td {
  padding: 10px 10px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.tabelFeature .tbody th {
  padding: 0 10px;
  white-space: nowrap;
  text-align: left;
  background: #ebebeb;
}
.tabelFeature .tbody tr.lowEmphasis th {
  color: #e2017d;
  font-weight: bold;
  background-color: #fbf6cf;
}
.tabelFeature .emphasis {
  color: #e2017d;
  font-weight: bold;
  background-color: #fbf6cf !important;
}

.applicationExampleBox {
  float: none;
  clear: both;
  width: 800px;
  margin: 30px auto 0;
  padding: 20px;
  overflow: hidden;
  background-color: #ebebeb;
  border-radius: 6px;
}
.applicationExampleBox .phMedia {
  clear: both;
  margin-bottom: 30px;
  overflow: hidden;
}
.applicationExampleBox .phMedia:last-child {
  margin-bottom: 0;
}
.applicationExampleBox .phMedia.-parallel .phMedia__img {
  width: 470px;
}
.applicationExampleBox .phMedia__img {
  width: 800px;
}

.figcaptionNote__list {
  font-size: 12px;
  list-style: none;
}

.applicationExample__title {
  margin-bottom: 30px;
  font-size: 17px;
  font-weight: bold;
}

.applicationExample__subTitle {
  margin-left: 40px;
}

.c-figBox__tit {
  text-align: center;
}

.c-figBox__imgWrapper {
  min-height: auto !important;
}

.figureTitle {
  font-weight: bold;
  text-align: center;
}

.importDataTable {
  display: none;
}

.chartAreaAdditionalLegendWrapper {
  position: relative;
}

.exemption__list {
  color: #999;
  padding: 0 20px;
  font-size: 10px;
  list-style: none;
}

.exemption__item {
  margin-bottom: 6px;
  padding-left: 6px;
  border: 1px solid #ccc;
  border-width: 0 0 0 1px;
}

.additionalLegend {
  display: contents;
  margin: 0 10px;
  padding: 10px;
  font-size: 10px;
  background-color: #fff;
}

.additionalLegend__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 !important;
  padding: 0;
  list-style: none;
}

.additionalLegend__item::before {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 6px;
  content: "";
  vertical-align: text-bottom;
}

.legendUsed {
  margin-top: 8px;
  font-size: 12px;
  text-align: right;
}

.friction_wear_ballon-sus440c #section01 .additionalLegend__item:nth-of-type(1)::before {
  background-color: #c3effc;
}
.friction_wear_ballon-sus440c #section01 .additionalLegend__item:nth-of-type(2)::before {
  background-color: #bcbce2;
}
.friction_wear_ballon-sus440c #section01 .additionalLegend__item:nth-of-type(3)::before {
  background-color: #c0f08c;
}
.friction_wear_ballon-sus440c #section01 .additionalLegend__item:nth-of-type(4)::before {
  background-color: #74c78e;
}

.additionalHighchartsUsage__wrapeer {
  position: relative;
}

.additionalHighchartsUsage {
  font-size: 12px;
  text-align: right;
}
.additionalHighchartsUsage.-inner {
  position: absolute;
  top: 40px;
  right: 20px;
  z-index: 100;
}

.chartArea.-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 10px;
}
.chartArea.-col2 .chart {
  width: 490px;
}

.highcharts-title {
  text-align: center;
}

.chartSubTit {
  font-size: 12px;
  font-weight: normal;
  text-align: center;
}

.friction_wear_ballon-sus440c-chartArea01 {
  height: 800px;
}

.friction_wear_ballon-suj2-chartArea01 {
  height: 800px;
}

@-webkit-keyframes slide-skew {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -22px);
            transform: translate(0, -22px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20%, 100% {
    opacity: 1;
  }
}

@keyframes slide-skew {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -22px);
            transform: translate(0, -22px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20%, 100% {
    opacity: 1;
  }
}
.highcharts-contextmenu {
  -webkit-animation: slide-skew 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
          animation: slide-skew 0.4s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
}

.tribology #mainContent {
  width: 1000px;
}
.tribology #mainContent section {
  width: 1000px;
}
.tribology #side {
  display: none;
}
.tribology aside#sideBanner {
  display: none;
}
.tribology.single-post table {
  width: 100%;
}

.friction_wear_ballon-sus440c-2 tbody th,
.friction_wear_ball-suj2-2 tbody th,
.friction_wear_ball-si3n4-2 tbody th,
.friction_wear_pin-s45c-2 tbody th {
  width: 1.5em;
  padding: 0 4px !important;
}
.friction_wear_ballon-sus440c-2 tbody th > span,
.friction_wear_ball-suj2-2 tbody th > span,
.friction_wear_ball-si3n4-2 tbody th > span,
.friction_wear_pin-s45c-2 tbody th > span {
  min-height: 13em;
  text-orientation: sideways;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -ms-writing-mode: vertical-rl;
}
.friction_wear_ballon-sus440c-2 tbody td,
.friction_wear_ball-suj2-2 tbody td,
.friction_wear_ball-si3n4-2 tbody td,
.friction_wear_pin-s45c-2 tbody td {
  padding: 0 !important;
}
.friction_wear_ballon-sus440c-2 tbody img,
.friction_wear_ball-suj2-2 tbody img,
.friction_wear_ball-si3n4-2 tbody img,
.friction_wear_pin-s45c-2 tbody img {
  display: block;
  margin: 0 auto;
}

.noticeTd {
  display: block;
  color: #000;
  font-size: 10px;
  text-align: center;
}
.noticeTd:hover {
  text-decoration: none !important;
}

.friction_wear_ball-suj2-2 #mainContentInner,
.friction_wear_ball-suj2-2 #mainContent,
.friction_wear_ball-suj2-2 .l-content-block,
.friction_wear_pin-s45c-2 #mainContentInner,
.friction_wear_pin-s45c-2 #mainContent,
.friction_wear_pin-s45c-2 .l-content-block {
  width: 1200px;
}
#pageHeader #utility #searchBox {
  height: 40px;
}
#pageHeader #utility #searchBox .gsc-search-box {
  position: relative;
  width: 100%;
  height: 40px;
}
#pageHeader #utility #searchBox .gsc-search-box-table,
#pageHeader #utility #searchBox #gs_id50.gsc-input,
#pageHeader #utility #searchBox #gs_id50.gsc-input tr,
#pageHeader #utility #searchBox #gs_id50.gsc-input td {
  height: 40px !important;
  padding: 0 !important;
  border: none !important;
  vertical-align: middle;
}
#pageHeader #utility #searchBox td.gsc-input {
  width: 100%;
}
#pageHeader #utility #searchBox .gsc-input-box,
#pageHeader #utility #searchBox .gsc-input > input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 40px !important;
  padding: 0 44px 0 14px !important;
  line-height: 40px !important;
  border-radius: 8px;
}
#pageHeader #utility #searchBox td.gsc-search-button,
#pageHeader #utility #searchBox td.gsc-clear-button {
  width: 44px !important;
  padding: 0 !important;
}
#pageHeader #utility #searchBox td.gsib_b {
  width: 0 !important;
  padding: 0 !important;
}
#pageHeader #utility #searchBox td.gsc-search-button {
  position: relative;
  display: table-cell !important;
}
#pageHeader #utility #searchBox td.gsc-search-button > button.gsc-search-button,
#pageHeader #utility #searchBox td.gsc-search-button > button.gsc-search-button-v2 {
  position: absolute;
  inset: 0;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: none;
          transform: none;
  cursor: pointer;
}

#pageHeader #utility #searchBox td.gsc-search-button > button.gsc-search-button-v2 > svg {
  fill: #5ca39a !important;
}

textarea#\39 3d1770b-d010-43f3-8191-fc1215d95357-2011104548478-input {
  height: 200px;
}/*# sourceMappingURL=default.css.map */