@charset "UTF-8";

/*==================================================

  共通設定
     
===================================================*/
/* clear
-----------------------------------------------------*/
#page-header .info:after, #page-header nav ul:after, #content:after, .list-des dd:after, .list-des-block dd:after, .box-inq:after, .box-download:after, .product-selector-select:after, .box:after, #top-article:after, #news:after, .banner-box:after, #contact-article {
  clear: both;
  display: block;
  content: "";
}

/* margin
-----------------------------------------------------*/
.hdg-01, .hdg-02, .hdg-03, .hdg-04, .hdg-05, .tbl-data, .box, .box-emphasis, .box-inq, .box-download, .form, .pagelist-dir2, .pagelist-dir2-2, .pagelist-dir3, .pagelist-dir3-2, .pagelist-dir4, .pagelist-pickup {
  margin-top: 30px;
}
.catch, .list, .list-num, .list-des, .list-des-block, .list-note, .list-note-num, .link, .links, .links-des, .links-anchor, .links-anchor-block, .link-back, .link-top, .img, .img-figleft, .img-figright, .img-figleft-wrap, .img-figright-wrap, .button, .faq, .list-news, div.warn,
section.warn, .agree, .map, .product-selector-list, .product-selector-select, .pagelist-about li, #contact-article .distributors, #contact-article .contact-form {
  margin-top: 20px;
}
.img-figleft .text, .img-figright .text, .img-figleft-wrap .text, .img-figright-wrap .text {
  margin-top: 0;
}
.box p:first-child, .box-emphasis p:first-child, .agree p:first-child,
.box .list:first-child,
.box-emphasis .list:first-child,
.agree .list:first-child,
.box .list-num:first-child,
.box-emphasis .list-num:first-child,
.agree .list-num:first-child,
.box .list-des:first-child,
.box-emphasis .list-des:first-child,
.agree .list-des:first-child,
.box .list-des-block:first-child,
.box-emphasis .list-des-block:first-child,
.agree .list-des-block:first-child,
.box .link:first-child,
.box-emphasis .link:first-child,
.agree .link:first-child,
.box .links:first-child,
.box-emphasis .links:first-child,
.agree .links:first-child,
.box .columns:first-child,
.box-emphasis .columns:first-child,
.agree .columns:first-child,
.box .button:first-child,
.box-emphasis .button:first-child,
.agree .button:first-child {
  margin-top: 0;
}
.box .list.col2:first-child, .box-emphasis .list.col2:first-child, .agree .list.col2:first-child,
.box .list.col3:first-child,
.box-emphasis .list.col3:first-child,
.agree .list.col3:first-child,
.box .links.col2:first-child,
.box-emphasis .links.col2:first-child,
.agree .links.col2:first-child,
.box .links.col3:first-child,
.box-emphasis .links.col3:first-child,
.agree .links.col3:first-child {
  margin-top: -6px;
}

/* button
-----------------------------------------------------*/
.button a, .product-search button, .box-inq .inq a, .box-download .download a {
  border: 1px solid #00236f;
  border-radius: 4px;
  box-shadow: 0 1px 1px #c4c4c4;
  display: inline-block;
  background: -webkit-linear-gradient(#324c98 0, #324c98 50%, #1a3276 50%, #1a3276 100%);
  background: linear-gradient(#324c98 0, #324c98 50%, #1a3276 50%, #1a3276 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FF324C98',EndColorStr='#FF1A3276')";
  background-color: #324c98;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
*:first-child + html .button a, .button *:first-child + html a, *:first-child + html .product-search button, .product-search *:first-child + html button, *:first-child + html .box-inq .inq a, .box-inq .inq *:first-child + html a, *:first-child + html .box-download .download a, .box-download .download *:first-child + html a {
  display: inline;
}
.button a:not(:target), .product-search button:not(:target), .box-inq .inq a:not(:target), .box-download .download a:not(:target) {
  border-radius: 0\9;
}
.button a, .product-search button, .box-inq .inq a, .box-download .download a, .button a[href], .product-search button[href], .box-inq .inq a[href], .box-download .download a[href], .button a[href]:hover, .product-search button[href]:hover, .box-inq .inq a[href]:hover, .box-download .download a[href]:hover, .button a[href]:focus, .product-search button[href]:focus, .box-inq .inq a[href]:focus, .box-download .download a[href]:focus, .button a[href]:visited, .product-search button[href]:visited, .box-inq .inq a[href]:visited, .box-download .download a[href]:visited {
  color: #fff;
}
.button a:hover, .product-search button:hover, .box-inq .inq a:hover, .box-download .download a:hover, .button a[href]:hover, .product-search button[href]:hover, .box-inq .inq a[href]:hover, .box-download .download a[href]:hover, .button a:focus, .product-search button:focus, .box-inq .inq a:focus, .box-download .download a:focus, .button a[href]:focus, .product-search button[href]:focus, .box-inq .inq a[href]:focus, .box-download .download a[href]:focus {
  border: 1px solid #546bb0;
  background: -webkit-linear-gradient(#7188cb 0, #7188cb 50%, #455ea7 50%, #455ea7 100%);
  background: linear-gradient(#7188cb 0, #7188cb 50%, #455ea7 50%, #455ea7 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FF7188CB',EndColorStr='#FF455EA7')";
  background-color: #455ea7;
  text-decoration: underline;
}
.button a:before, .product-search button:before, .box-inq .inq a:before, .box-download .download a:before {
  padding-right: 13px;
  position: relative;
  top: 5px;
  content: url(/shared/img/link/icon-circle-blue.png);
}

.button a, .product-search button, #sidebar .download section .button a {
  padding: 0 22px 3px 9px;
  font-size: 13px;
  font-size: 0.92857rem;
}

/* link
-----------------------------------------------------*/
.hdg-02 h1 a,
.hdg-02 h2 a,
.hdg-02 h3 a,
.hdg-02 h4 a,
.hdg-02 h5 a,
.hdg-02 h6 a, .link a, .links li a, .links li span, .pagelist-dir4 section h1 a, .product-selector-list li .title a, #sidebar .nav-relation a {
  padding-left: 10px;
  display: inline-block;
  background: url(/shared/img/link/icon-arrow-blue.png) no-repeat 0 0.3em;
}
*:first-child + html .hdg-02 h1 a, .hdg-02 h1 *:first-child + html a,
*:first-child + html .hdg-02 h2 a,
.hdg-02 h2 *:first-child + html a,
*:first-child + html .hdg-02 h3 a,
.hdg-02 h3 *:first-child + html a,
*:first-child + html .hdg-02 h4 a,
.hdg-02 h4 *:first-child + html a,
*:first-child + html .hdg-02 h5 a,
.hdg-02 h5 *:first-child + html a,
*:first-child + html .hdg-02 h6 a,
.hdg-02 h6 *:first-child + html a, *:first-child + html .link a, .link *:first-child + html a, *:first-child + html .links li a, .links li *:first-child + html a, *:first-child + html .pagelist-dir4 section h1 a, .pagelist-dir4 section h1 *:first-child + html a, *:first-child + html .product-selector-list li .title a, .product-selector-list li .title *:first-child + html a, *:first-child + html #sidebar .nav-relation a, #sidebar .nav-relation *:first-child + html a {
  display: inline;
}
.pagelist-dir2 section h1 a, .pagelist-dir2-2 section h1 a, .pagelist-dir3 section h1 a, .pagelist-dir3-2 section h1 a, {
  padding-left: 21px;
  display: inline-block;
  background: url(/shared/img/link/icon_circle_skyblue.png) no-repeat 0 0.2em;
}
*:first-child + html .pagelist-dir2 section h1 a, .pagelist-dir2 section h1 *:first-child + html a, *:first-child + html .pagelist-dir2-2 section h1 a, .pagelist-dir2-2 section h1 *:first-child + html a, *:first-child + html .pagelist-dir3 section h1 a, .pagelist-dir3 section h1 *:first-child + html a, *:first-child + html .pagelist-dir3-2 section h1 a, .pagelist-dir3-2 section h1 *:first-child + html a, *:first-child + html .pagelist-about li > a:first-child, .pagelist-about *:first-child + html li > a:first-child {
  display: inline;
}
.links-anchor a, .links-anchor-block a {
  padding-left: 13px;
  display: inline-block;
  background: url(/shared/img/link/icon-down.png) no-repeat 0 0.5em;
}
*:first-child + html .links-anchor a, .links-anchor *:first-child + html a, *:first-child + html .links-anchor-block a, .links-anchor-block *:first-child + html a {
  display: inline;
}
.box-inq .inq a, .box-download .download a, .button.large a {
  padding: 10px 22px 13px 9px;
  min-width: 14em;
}
#main a:hover img{
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

/*==================================================

  共通エレメント
     
===================================================*/
html,
body {
  color: #333333;
}

html {
  font-size: 88%;
}

body {
  margin: 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  background: #f4f4f4;
}

section,
nav,
aside,
header,
footer,
figure {
  display: block;
}

p,
ul,
ol,
li,
dl,
dt,
dd,
figure,
form {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: bold;
}

p {
  margin-top: 20px;
}

li {
  list-style: none;
}

table {
  border-collapse: collapse;
}

caption {
  text-align: center;
  font-weight: bold;
}

th,
td {
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}

em,
strong {
  color: #333;
  font-style: normal;
  font-weight: bold;
}

em em,
em strong {
  color: #a50808;
  font-weight: normal;
}

strong em,
strong strong {
  color: #700;
  font-weight: normal;
}

a[href] {
  color: #126ed6;
}
a[href]:visited {
  color: #4a43a6;
}
a[href]:hover, a[href]:focus {
  color: #5f89db;
  text-decoration: none;
}
a[tabindex] {
  cursor: pointer;
}

img {
  border: none;
}

:focus {
  outline: 0;
}

button {
  padding: 0;
  cursor: pointer;
}
button:focus {
  outline: 1px dotted #ccc;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

optgroup {
  color: #333;
  font-style: normal;
  font-weight: bold;
}
optgroup option {
  color: #000;
}

.newwin img,
.pdf img,
.pdfn img {
  padding: 0 0.4em;
  display: inline-block;
  vertical-align: middle;
}
*:first-child + html .newwin img, *:first-child + html
.pdf img, *:first-child + html
.pdfn img {
  display: inline;
}
.newwin img + img{
  display: none;
}

/*==================================================

  #page-header ヘッダ
     
===================================================*/
#page-header {
  position: relative;
  margin: auto;
  padding-bottom: 2.4em;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 1010px;
  /* background: url(/shared/america/img/header/corporate_logo.jpg) no-repeat; */
  background: url(/shared/america/img/header/corporate_logo.png) no-repeat;
  background-size: 269px;
  background-position: right 20px top 13px;
}
#page-header p {
  margin-top: 0;
}
#page-header a{
  text-decoration: none;
}
#page-header a:hover, #page-header a:focus{
  text-decoration: underline;
}
#page-header .info {
  position: relative;
  padding: 15px 20px 1px;
}
#page-header .site {
  float: left;
  width: 354px;
}
/* langNav */
#page-header .langNav {
  margin: 39px 0 0;
  float: right;
}
#page-header .langNav li {
  margin-left: -1px;
  padding: 0 20px;
  border-left: 1px solid #344f9f;
  border-right: 1px solid #344f9f;
  float: left;
  font-size: 12px;
  font-size: 0.85714rem;
}
#page-header .langNav li.current{
  background: #126ed6;
}
#page-header .langNav li.current a{
  color: #FFF;
  text-decoration: none;
}
/* utility */
#page-header .utility {
  position: absolute;
  /* top: 14px; */
  right: 5px;
}
#page-header .utility li {
  padding: 0 15px;
  border-left: 1px solid #344f9f;
  float: left;
  font-size: 12px;
  font-size: 0.85714rem;
}
/* search */
#page-header .search {
  margin: 36px 0 0 25px;
  float: right;
}
#page-header .search input[type="search"] {
  margin: 0;
  padding: 0 0.2em;
  border: 1px solid #b1b1b1;
  float: left;
  height: 20px;
  width: 152px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#page-header .search button {
  margin: 0 0 0 -1px;
  border: 1px solid #b1b1b1;
}
#page-header .search button img {
  display: block;
}
#page-header nav {
  margin: 4px auto 0;
  padding: 5px 20px;
  clear: both;
  background: #1369c0;
}
#page-header nav li {
  float: left;
  line-height: 1;
}
#page-header nav a,
#page-header nav img {
  display: block;
  width: 194px;
  height: 47px;
  color: #fff;
  font-weight: bold;
}

/*==================================================

  #content コンテンツヘッダ部分
     
===================================================*/
#content {
  margin: 0 auto;
  padding: 0 20px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 970px;
  clear: both;
}

/* .topic-path
-----------------------------------------------------*/
.topic-path {
  position: relative;
  margin: -2.5em 0 2.1em;
  font-size: 11px;
  font-size: 0.78571rem;
}
.topic-path .separator {
  margin: 0 0.5em;
}

/* .page-title
-----------------------------------------------------*/
.page-title {
  position: relative;
  padding: 15px 25px 10px;
  border: 3px solid #fff;
  border-radius: 2px;
  box-shadow: 0 1px 1px #c4c4c4;
  background: -webkit-linear-gradient(left, #d4e8fc 0, white 50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#ffd4e8fc}',EndColorStr='#ffffffff')";
  background: linear-gradient(to right, #d4e8fc 0, white 50%);
}
@media \0screen { /* for IE8 */
  .page-title {
    outline: 1px solid #d1d1d1;
  }
}
.page-title h1 {
  color: #344f9f;
  font-size: 30px;
  font-size: 2.14285rem;
}
.page-title p {
  margin: 0;
}
.page-title .icon{
  position: absolute;
  right: 12px;
  top: 25px;
}
/* 背景あり */
body.top .page-title {
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 25px;
  width: 100%;
  height: 180px;
  border: none;
  border-radius: 0;
}
body.top .title{
  display: table-cell;
  vertical-align: middle;
  padding-right: 380px;
}
.about-us.top .page-title { background: url(/shared/america/img/about-us/index-pagetitle.jpg) no-repeat 0 0; }
.products.top .page-title{ background: url(/shared/america/img/products/index-pagetitle.jpg) no-repeat 0 0; }
.recruit.top .page-title{ background: url(/shared/america/img/recruit/index-pagetitle.jpg) no-repeat 0 0; }


/*==================================================

  #main メインコンテンツ
     
===================================================*/
#main {
  float: left;
  width: 740px;
}
.page-title + #main {
  margin-top: 20px;
}
.nosidebar #main {
  width: 100%;
}
#main > p:first-child, #main > ul:first-child, #main > div:first-child, #main > section:first-child, #top-main > section:first-child {
  margin-top: 0;
}
#top-article #top-main {
  float: left;
  width: 720px;
}

/*==================================================

  見出し
     
===================================================*/
/* .hdg-01
-----------------------------------------------------*/
.hdg-01 {
  margin-bottom: -10px;
  padding: 11px 8px 9px;
  border: 1px solid #1564b2;
  background: -webkit-linear-gradient(#3d83cb, #186cc1);
  background: linear-gradient(#3d83cb, #186cc1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FF3D83CB',EndColorStr='#FF186CC1')";
  background-color: #2977c6;
}
.hdg-01 h1,
.hdg-01 h2,
.hdg-01 h3,
.hdg-01 h4,
.hdg-01 h5,
.hdg-01 h6 {
  color: #fff;
  font-size: 16px;
  font-size: 1.14286rem;
}
.hdg-01 a[href] {
  color: #fff;
}
/* .hdg-02
-----------------------------------------------------*/
.hdg-02 {
  margin-bottom: -10px;
  padding: 0 4px 4px;
  border-bottom: 2px solid #1161b1;
}
.hdg-02 h1,
.hdg-02 h2,
.hdg-02 h3,
.hdg-02 h4,
.hdg-02 h5,
.hdg-02 h6 {
  color: #1161b1;
  font-size: 16px;
  font-size: 1.14286rem;
}
/* .hdg-03
-----------------------------------------------------*/
.hdg-03 {
  margin-bottom: -10px;
  padding: 0 3px 0 15px;
  background: url(/shared/img/icon/icon-hdg-03.gif) no-repeat 0 0.3em;
}
.hdg-03 h1,
.hdg-03 h2,
.hdg-03 h3,
.hdg-03 h4,
.hdg-03 h5,
.hdg-03 h6 {
  color: #1161b1;
  font-size: 15px;
  font-size: 1.07143rem;
}
/* .hdg-04
-----------------------------------------------------*/
.hdg-04 {
  margin-bottom: -10px;
  padding: 10px 3px 10px 15px;
  background: #d7e1f4;
}
.hdg-04 h1,
.hdg-04 h2,
.hdg-04 h3,
.hdg-04 h4,
.hdg-04 h5,
.hdg-04 h6 {
  font-size: 16px;
  font-size: 1.14286rem;
  font-weight: normal;
}
/* .hdg-05
-----------------------------------------------------*/
.hdg-05 {
  margin-bottom: -20px;
}
.hdg-05 h1,
.hdg-05 h2,
.hdg-05 h3,
.hdg-05 h4,
.hdg-05 h5,
.hdg-05 h6 {
  font-size: 16px;
  font-size: 1.14286rem;
  font-weight: normal;
  color: #2f61b1;
}


/*==================================================

  ボックスレイアウト
     
===================================================*/
/* .box
-----------------------------------------------------*/
.box {
  padding: 15px 15px;
  border: 2px solid #fff;
  border-radius: 3px;
  box-shadow: 0 1px 3px #9b9b9b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
@media \0screen {
  .box {
    outline: 1px solid #d1d1d1;
  }
}
.box h1 {
  margin: -7px -7px 0;
  padding: 9px 12px 6px;
  background: #eef0f4;
  font-size: 16px;
  font-size: 1.14286rem;
}
.box h1 + p, .box h1 + .list, .box h1 + .list-num, .box h1 + .list-des, .box h1 + .list-des-block, .box h1 + .link, .box h1 + .links, .box h1 + .button, .box h1 + .columns {
  margin-top: 10px;
}
/* .boxes
-----------------------------------------------------*/
/* col2：2カラム */
.boxes.col2 {
  margin-left: -20px;
  letter-spacing: -0.4em;
}
.boxes.col2 .box {
  margin-left: 20px;
  width: 359px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
*:first-child + html .boxes.col2 .box {
  display: inline;
}
#top-article .boxes.col2 .box {
  width: 349px;
}
.nosidebar .boxes.col2 .box {
  width: 474px;
}
/* col3：3カラム */
.boxes.col3 {
  margin-left: -15px;
  letter-spacing: -0.4em;
}
.boxes.col3 .box {
  margin-left: 15px;
  width: 235.66667px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
*:first-child + html .boxes.col3 .box {
  display: inline;
}
#top-article .boxes.col3 .box {
  width: 229px;
}
.nosidebar .boxes.col3 .box {
  width: 312.33333px;
}
/* box-emphasis：新商品など */
.box-emphasis {
  padding: 15px 15px;
  border: 2px solid #1161b1;
  border-radius: 2px;
  background: #eef6ff;
}
.box-emphasis h1 {
  margin: -15px -15px 0;
  padding: 9px 12px 6px;
  border-bottom: #1161b1;
  color: #fff;
  background: -webkit-linear-gradient(#337dc8, #146ac0);
  background: linear-gradient(#337dc8, #146ac0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FF337DC8',EndColorStr='#FF146AC0')";
  background-color: #146ac0;
  font-size: 16px;
  font-size: 1.14286rem;
}
.box-emphasis h1 a {
  color: #FFF!important;
  text-decoration: none;
}
.box-emphasis h1 a:hover {
  color: #FFF;
  text-decoration: underline;
}
.box-emphasis h1 + p, .box-emphasis h1 + .list, .box-emphasis h1 + .list-num, .box-emphasis h1 + .list-des, .box-emphasis h1 + .list-des-block, .box-emphasis h1 + .link, .box-emphasis h1 + .links, .box-emphasis h1 + .button {
  margin-top: 10px;
}
/* .box-inq：お問い合わせ
-----------------------------------------------------*/
.box-inq {
  margin-top: 50px;
  padding: 13px 16px 10px;
  border: 3px solid #fff;
  border-radius: 2px;
  box-shadow: 0 1px 1px #c4c4c4;
  position: relative;
}
.box-inq .gradient {
  background: -webkit-linear-gradient(#f0f7ff, white);
  background: linear-gradient(#f0f7ff, white);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFF0F7FF',EndColorStr='#FFFFFFFF')";
  background-color: #fefeff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.box-inq .inner {
  position: relative;
  z-index: 2;
}
.box-inq h1 {
  color: #394663;
  font-size: 16px;
  font-size: 1.14286rem;
  font-weight: bold;
}
.box-inq .text {
  margin: 0;
  float: left;
  width: 55%;
}
.box-inq .text > div, .box-inq .text > p, .box-inq .text > ul {
  margin: 6px 0 0;
}
.box-inq .inq {
  float: right;
}
/* .columns
-----------------------------------------------------*/
/* col2：2カラム*/
.columns.col2 {
  margin-left: -20px;
  letter-spacing: -0.4em;
}
.columns.col2 .column {
  margin-left: 20px;
  width: 359px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
*:first-child + html .columns.col2 .column {
  display: inline;
}
.box .columns.col2 .column, .box-emphasis .columns.col2 .column {
  width: 342px;
}
#top-article .box .columns.col2 .column, #top-article .box-emphasis .columns.col2 .column {
  width: 332px;
}
.nosidebar .box .columns.col2 .column, .nosidebar .box-emphasis .columns.col2 .column {
  width: 457px;
}
#top-article .columns.col2 .column {
  width: 349px;
}
.nosidebar .columns.col2 .column {
  width: 474px;
}
/* col3:3カラム */
.columns.col3 {
  margin-left: -21px;
  letter-spacing: -0.4em;
}
.columns.col3 .column {
  margin-left: 21px;
  width: 232.66667px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
*:first-child + html .columns.col3 .column {
  display: inline;
}
.box .columns.col3 .column, .box-emphasis .columns.col3 .column {
  width: 221.33333px;
}
#top-article .box .columns.col3 .column, #top-article .box-emphasis .columns.col3 .column {
  width: 214.66667px;
}
.nosidebar .box .columns.col3 .column, .nosidebar .box-emphasis .columns.col3 .column {
  width: 298px;
}
#top-article .columns.col3 .column {
  width: 226px;
}
.nosidebar .columns.col3 .column {
  width: 309.33333px;
}
/* col4:4カラム */
.columns.col4 {
  margin-left: -20px;
  letter-spacing: -0.4em;
}
.columns.col4 .column {
  margin-left: 20px;
  width: 169px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
*:first-child + html .columns.col4 .column {
  display: inline;
}
.box .columns.col4 .column, .box-emphasis .columns.col4 .column {
  width: 160.5px;
}
#top-article .box .columns.col4 .column, #top-article .box-emphasis .columns.col4 .column {
  width: 155.5px;
}
.nosidebar .box .columns.col4 .column, .nosidebar .box-emphasis .columns.col4 .column {
  width: 218px;
}
#top-article .columns.col4 .column {
  width: 164px;
}
.nosidebar .columns.col4 .column {
  width: 226.5px;
}

/*==================================================

  画像レイアウト
     
===================================================*/
.img .figure > img, .img-figleft .figure > img, .img-figright .figure > img, .img-figleft-wrap .figure > img, .img-figright-wrap .figure > img, .img-list li > img, .img .figure > object, .img-figleft .figure > object, .img-figright .figure > object, .img-figleft-wrap .figure > object, .img-figright-wrap .figure > object, .img-list li > object {
  border: 1px solid #e2e2e2;
  display: block;
}
.img .figure > img.noborder, .img-figleft .figure > img.noborder, .img-figright .figure > img.noborder, .img-figleft-wrap .figure > img.noborder, .img-figright-wrap .figure > img.noborder, .img-list li > img.noborder, .img .figure > object.noborder, .img-figleft .figure > object.noborder, .img-figright .figure > object.noborder, .img-figleft-wrap .figure > object.noborder, .img-figright-wrap .figure > object.noborder, .img-list li > object.noborder {
  border: none;
}
.img .figure > img.padding, .img-figleft .figure > img.padding, .img-figright .figure > img.padding, .img-figleft-wrap .figure > img.padding, .img-figright-wrap .figure > img.padding, .img-list li > img.padding, .img .figure > object.padding, .img-figleft .figure > object.padding, .img-figright .figure > object.padding, .img-figleft-wrap .figure > object.padding, .img-figright-wrap .figure > object.padding, .img-list li > object.padding {
  background: #fff;
  padding: 10px;
}
.img .figure > img + img, .img-figleft .figure > img + img, .img-figright .figure > img + img, .img-figleft-wrap .figure > img + img, .img-figright-wrap .figure > img + img, .img-list li > img + img, .img .figure > img + object, .img-figleft .figure > img + object, .img-figright .figure > img + object, .img-figleft-wrap .figure > img + object, .img-figright-wrap .figure > img + object, .img-list li > img + object, .img .figure > object + img, .img-figleft .figure > object + img, .img-figright .figure > object + img, .img-figleft-wrap .figure > object + img, .img-figright-wrap .figure > object + img, .img-list li > object + img, .img .figure > object + object, .img-figleft .figure > object + object, .img-figright .figure > object + object, .img-figleft-wrap .figure > object + object, .img-figright-wrap .figure > object + object, .img-list li > object + object {
  margin-top: 20px;
}
.img .figure .caption, .img-figleft .figure .caption, .img-figright .figure .caption, .img-figleft-wrap .figure .caption, .img-figright-wrap .figure .caption, .img-list li .caption {
  margin: 5px 0 0;
  text-align: center;
  color: #666;
}
.img {
  text-align: center;
}
.img .figure {
  display: inline-block;
}
.link + .img {
  margin-top: 5px;
}
.img + p {
  margin-top: 5px;
}
/* img-figleft */
.img-figleft {
  direction: rtl;
}
.img-figleft .text {
  padding-left: 22px;
  display: table-cell;
  width: 100%;
  vertical-align: top;
  direction: ltr;
}
.img-figleft .text > p:first-child, .img-figleft .text > ul:first-child, .img-figleft .text > ol:first-child, .img-figleft .text > dl:first-child, .img-figleft .text > div:first-child {
  margin-top: 0;
}
.img-figleft .figure {
  display: table-cell;
  vertical-align: top;
  direction: ltr;
}
.img-figleft .figure + .figure {
  padding-left: 10px;
}
/* img-figright */
.img-figright .text {
  padding-right: 22px;
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.img-figright .text > p:first-child, .img-figright .text > ul:first-child, .img-figright .text > ol:first-child, .img-figright .text > dl:first-child, .img-figright .text > div:first-child {
  margin-top: 0;
}
.img-figright .figure {
  display: table-cell;
  vertical-align: top;
}
.img-figright .figure + .figure {
  padding-left: 10px;
}
/* img-figleft-wrap */
.img-figleft-wrap .figure {
  margin: 0 23px 20px 0;
  float: left;
}
.img-figright-wrap .figure {
  margin: 0 0 20px 23px;
  float: right;
}
/* img-list */
.img-list {
  text-align: center;
}
.img-list li {
  margin: 20px 15px 0 0;
  display: inline-block;
  vertical-align: top;
}
*:first-child + html .img-list li {
  display: inline;
}
.img-list p {
  margin: 0;
  text-align: left;
}

/*==================================================

  リンク
     
===================================================*/
/* .links-anchor：ページ内リンク
-----------------------------------------------------*/
.links-anchor {
  padding: 12px 12px 10px;
  border: 1px solid #bfbfbf;
  border-radius: 2px;
}
.links-anchor li {
  display: inline-block;
}
*:first-child + html .links-anchor li {
  display: inline;
}
.links-anchor li + li {
  margin-left: 9px;
  padding-left: 14px;
  border-left: 1px solid #bfbfbf;
}
.links-anchor li span{
  font-size: 12px;
  font-size: 0.85714rem;
}
.links-anchor-block {
  padding: 6px 12px 14px;
  border: 1px solid #bfbfbf;
  border-radius: 2px;
}
.links-anchor-block li {
  margin-top: 8px;
}
/* .link-box
-----------------------------------------------------*/
.link-box {
  display: block;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.link-box h1,
.link-box h2,
.link-box h3,
.link-box h4,
.link-box h5,
.link-box h6 {
  margin: 15px 0 8px;
  padding-left: 23px;
  background: url(/shared/img/link/icon-circle-skyblue.png) no-repeat 0 0.15em;
}
.link-box .ttl01 {
  font-size: 16px;
  font-size: 1.14286rem;
}
.link-box .ttl02 {
  margin-top: 25px;
  font-size: 13px;
  font-size: 0.92857rem;
}
.link-box .figure {
  margin-bottom: 5px;
}
.link-box p {
  margin-top: 0;
  color: #333;
  font-size: 12px;
  font-size: 0.85714rem;
}
/* .link-back
-----------------------------------------------------*/
.link-back {
  padding-top: 14px;
  border-top: 1px dotted #aaa;
}
.link-back a {
  padding-left: 16px;
  display: inline-block;
  background: url(/shared/img/icon/icon-back.png) no-repeat 0 0.4em;
}
*:first-child + html .link-back a {
  display: inline;
}

/*==================================================

  pタグレイアウト
     
===================================================*/
.catch {
  color: #001657;
  font-size: 16px;
  font-size: 1.14286rem;
  font-weight: bold;
}
p.notes {
  font-size: 12px;
  font-size: 0.85714rem;
}
/*==================================================

  dlタグレイアウト
     
===================================================*/
.def-lines dt {
  font-weight: bold;
}
.def-lines dd {
  margin-bottom: 5px;
}

/*==================================================

  リストレイアウト
     
===================================================*/
/* .list
-----------------------------------------------------*/
.list {
  margin-left: 15px;
}
.list li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: url(/shared/img/icon/icon-dot-large.gif);
}
.list li + li {
  margin-top: 6px;
}
.list li li {
  margin: 6px 0 0 12px;
  list-style: url(/shared/img/icon/icon-dot-small.gif);
}
/* .list-num
-----------------------------------------------------*/
.list-num {
  margin-left: 30px;
}
.list-num li {
  list-style: decimal;
}
.list-num li + li {
  margin-top: 6px;
}
.list-num li li {
  margin: 6px 0 0 30px;
}
/* .list-note-num
-----------------------------------------------------*/
.list-note-num li {
  margin-left: 4em;
  color: #777;
  font-size: 12px;
  font-size: 0.85714rem;
  text-indent: -4em;
}
.list-note-num .sign {
  display: inline-block;
  width: 4em;
  text-indent: 0;
}
*:first-child + html .list-note-num .sign {
  display: inline;
}
/* .list-des：2段組み
-----------------------------------------------------*/
.list-des dt {
  margin-top: 4px;
  font-weight: bold;
  width: 13.2em;
  clear: both;
  float: left;
}
.list-des dt:first-child, .list-des dt:first-child + dd {
  margin-top: 0;
}
.list-des dd {
  margin-top: 4px;
  margin-left: 14em;
  text-indent: -0.8em;
}
.list-des dd:before {
  margin-right: 0.3em;
  content: ":";
}
/* .list-note：注釈
-----------------------------------------------------*/
.list-note li {
  margin-left: 1.5em;
  color: #777;
  font-size: 12px;
  font-size: 0.85714rem;
  text-indent: -1.5em;
}
.list-note .sign {
  margin-right: 0.5em;
}

/*==================================================

  テーブルレイアウト
     
===================================================*/
/* tbl-data
-----------------------------------------------------*/
.tbl-data table {
  width: 100%;
}
.tbl-data th,
.tbl-data td {
  padding: 10px 12px 8px;
  border: 1px solid #bfbfbf;
  vertical-align: middle;
}
.tbl-data th {
  background: #d4e8fc;
}
.tbl-data td {
  background: #fff;
}
.tbl-data thead th,
.tbl-data thead td {
  color: #fff;
  background: #3981ca;
  text-align: center;
}
.tbl-data tfoot th,
.tbl-data tfoot td {
  background: #f8f5df;
}
.tbl-data table p,
.tbl-data table .list,
.tbl-data table .list-num,
.tbl-data table .list-des,
.tbl-data table .list-des-block,
.tbl-data table .link,
.tbl-data table .links,
.tbl-data table .img,
.tbl-data table .img-figleft,
.tbl-data table .img-figright,
.tbl-data table .columns,
.tbl-data table .button {
  margin-top: 0;
}
.tbl-data table .list.col2,
.tbl-data table .list.col3,
.tbl-data table .links.col2,
.tbl-data table .links.col3 {
  margin-top: -6px;
}
.tbl-data .icon img,
.tbl-data .icon .empty {
  margin: 0 2px;
  display: inline-block;
  height: 25px;
  width: 25px;
  vertical-align: middle;
}
*:first-child + html .tbl-data .icon img, *:first-child + html
.tbl-data .icon .empty {
  display: inline;
}
.tbl-data .note{
  font-size: 11px;
  font-size: 0.78571rem;
}

/*==================================================

  ボタン
     
===================================================*/
/* .contactBtn
-----------------------------------------------------*/
.contactBtn a {
  border: 1px solid #00236f;
  border-radius: 4px;
  box-shadow: 0 1px 1px #c4c4c4;
  display: inline-block;
  background: -webkit-linear-gradient(#324c98 0, #324c98 50%, #1a3276 50%, #1a3276 100%);
  background: linear-gradient(#324c98 0, #324c98 50%, #1a3276 50%, #1a3276 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FF324C98',EndColorStr='#FF1A3276')";
  background-color: #324c98;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.contactBtn a:before {
  padding-right: 13px;
  position: relative;
  top: 5px;
  content: url(/shared/img/link/icon-circle-blue.png);
}
.contactBtn a {
  padding: 10px 22px 13px 9px;
  min-width: 14em;
}
.contactBtn a {
  color:#fff!important;
}
.contactBtn a:hover {
  text-decoration: underline!important;
}

/*==================================================

  アイコン
     
===================================================*/
span.icon {
  padding: 2px 0 0;
  display: inline-block;
  min-width: 10em;
  font-size: 11px;
  font-size: 0.78571rem;
  text-align: center;
}
*:first-child + html span.icon {
  display: inline;
}
span.icon.bearing {
  color: #fff;
  background: #0066ff;
}
span.icon.air-bearing {
  color: #fff;
  background: #359bad;
}
span.icon.oiles-bearing {
  color: #fff;
  background: #2b96d3;
}
span.icon.slide-shifter {
  color: #fff;
  background: #4080b6;
}
span.icon.menshin {
  color: #fff;
  background: #669999;
}
span.icon.kanagata {
  color: #fff;
  background: #444ea9;
}
span.icon.bridge {
  color: #fff;
  background: #94a426;
}
span.icon.building {
  color: #fff;
  background: #58a42a;
}
span.icon.residence {
  color: #fff;
  background: #006a0b;
}
span.icon.corporate {
  color: #fff;
  background: #b8822c;
}
span.icon.ir {
  color: #fff;
  background: #be5b5b;
}
span.icon.etc {
  color: #fff;
  background: #8b8178;
}
/* newwin */
/*p .newwin span, li .newwin span, h1 .newwin span, table .newwin span*/
.newwin span {
  padding-right: 15px;
  background: url(/shared/img/icon/icon-newwin.png) no-repeat right 2px;
}
.button .newwin span {
  padding-right: 15px;
  background: url(/shared/img/icon/icon-newwin-button.png) no-repeat right 1px;
}
/*
.download .newwin span {
  padding-right: 15px;
  background: url(/shared/img/icon/icon-newwin-button.png) no-repeat right 3px;
}
*/

/*==================================================

  ABOUT US
     
===================================================*/
/* .pagelist-about：index.html
-----------------------------------------------------*/
.pagelist-about {
  margin: 0 0 0 -10px;
  letter-spacing: -0.4em;
}
.pagelist-about li {
  display: inline-block;
  margin: 17px 0 0 11px;
  vertical-align: top;
  letter-spacing: normal;
  line-height: 1.2;
  background-position: 0 0;
  background-repeat: no-repeat;
}
*:first-child + html .pagelist-about li {
  display: inline;
}
.pagelist-about li a{
  display: block;
  padding: 12px 135px 12px 15px;
  width: 315px;
  height: 125px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pagelist-about li h2 {
  padding-left: 21px;
  font-size: 16px;
  font-size: 1.04286rem;
  font-weight: bold;
  background: url(/shared/img/link/icon-circle-skyblue.png) no-repeat 0 0.1em;
}
.pagelist-about p {
  margin-top: 6px;
  font-size: 12px;
  font-size: 0.85714rem;
  color: #333;
}
.pagelist-about .li01 { background-image: url(/shared/america/img/about-us/index-bg01.jpg); }
.pagelist-about .li02 { background-image: url(/shared/america/img/about-us/index-bg02.jpg); }
.pagelist-about .li03 { background-image: url(/shared/america/img/about-us/index-bg03.jpg); }
.pagelist-about .li04 { background-image: url(/shared/america/img/about-us/index-bg04.jpg); }
.pagelist-about .li05 { background-image: url(/shared/america/img/about-us/index-bg05.jpg); }
.pagelist-about .li06 { background-image: url(/shared/america/img/about-us/index-bg06.jpg); }

/* .location-box：location.html
-----------------------------------------------------*/
/* location */
.location-box .location {
  float: left;
  width: 390px;
}
.location-box .location h2 {
  margin: 20px 0 10px;
}
.location-box .location .photo,
.location-box .location dl {
  display: inline-block;
  width: 188px;
  vertical-align: top;
}
.location-box .location dl {
  padding-left: 10px;
  width: 185px;
}
.location-box .location dt {
  font-weight: bold;
}
.location-box .lead,
.location-box .location dd,
.location-box .location p {
  font-size: 12px;
  font-size: 0.85714rem;
}
.location-box .location dd,
.location-box .location p {
  margin-top: 2px;
}
.location-box .location p.tel,
.location-box .location p.fax {
  display: inline-block;
  /* width: 188px; */
}
/* map */
.location-box .map {
  float: right;
  width: 300px;
}
.location-box .map .link {
  margin-top: 5px;
  text-align: right;
  font-size: 13px;
  font-size: 0.92857rem;
  font-weight: bold;
}
/* customer */
.location-box .customer {
  clear: both;
}
.location-box .customer p {
  margin-top: 2px;
}

/* .certificate：certificate.html
-----------------------------------------------------*/
.tbl-data table td .pdflink {
  display: inline-block;
  width: 225px;
  padding: 15px 15px;
  background: url(/shared/img/icon/icon-pdf-large.png) no-repeat 0 50%;
}
.tbl-data table td .pdflink a {
  padding-left: 25px;
  color: #333;
  text-decoration: none;
}
.tbl-data table td .pdflink a:hover {
  text-decoration: underline;
}
#certificate-form{
  margin: 0;
  padding: 60px 20px 0;
  height: 100%;
}


/*==================================================

  Products
     
===================================================*/
/* .pagelist-products：index.html
-----------------------------------------------------*/
.pagelist-products {
  margin: 5px 0 0 -20px;
  letter-spacing: -0.4em;
}
.pagelist-products section {
  margin: 15px 0 0 20px;
  padding: 11px 19px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 1px 3px #9b9b9b;
  display: inline-block;
  width: 350px;
  background: #fff;
  vertical-align: top;
  letter-spacing: normal;
}
*:first-child + html .pagelist-products section {
  display: inline;
}
@media \0screen {
  .pagelist-products section {
    outline: 1px solid #d1d1d1;
  }
}
.pagelist-products section a {
  display: block;
  text-decoration: none;
}
.pagelist-products section h1 {
  font-size: 16px;
  font-size: 1.14286rem;
}
.pagelist-products section a h1 {
  padding-left: 22px;
  background: url(/shared/img/link/icon-circle-skyblue.png) no-repeat 0 0.2em;
}
.pagelist-products section p {
  margin-top: 10px;
  color: #333;
}
/* product-search */
.product-search input {
  padding: 6px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background: #e5ecff;
}
.product-search .submit {
  margin-top: 10px;
  text-align: center;
}
.product-search button {
  padding-bottom: 5px;
}
.product-search button:hover, .product-search button:focus {
  text-decoration: underline;
}

/*==================================================

  Applications
     
===================================================*/
/* .banner-box：index.html
-----------------------------------------------------*/
.banner-box{
  margin-top: 10px;
}
.banner-box .banner{
  float: right;
  width: 232px;
}
.banner-box .text{
  float: left;
  width: 720px;
}
/* applications/automotive.html
-----------------------------------------------------*/
.tbl-data.narrow th,
.tbl-data.narrow td {
  padding: 4px 12px 2px;
  font-size: 12px;
  font-size: 0.85714rem;
}
/* hydropower.html
-----------------------------------------------------*/
.hydropower-colums .columns.col2 .column {
  margin-left: 37px;
  padding-left:0;
  width: 430px !important;
}

/*==================================================

  Technology
     
===================================================*/
/* .pagelist-technology：index.html
-----------------------------------------------------*/
.pagelist-technology {
  margin: 5px 0 0 -20px;
  letter-spacing: -0.4em;
}
.pagelist-technology section {
  margin: 15px 0 0 20px;
  border-radius: 2px;
  box-shadow: 0 1px 3px #9b9b9b;
  display: inline-block;
  width: 474px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 4px;
  vertical-align: top;
  letter-spacing: normal;
}
*:first-child + html .pagelist-technology section {
  display: inline;
}
@media \0screen {
  .pagelist-technology section {
    outline: 1px solid #d1d1d1;
  }
}
.pagelist-technology section a {
  display: block;
  padding: 11px 19px;
  min-height: 176px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pagelist-technology section h1 {
  font-size: 16px;
  font-size: 1.14286rem;
}
.pagelist-technology section a h1 {
  padding-left: 22px;
  background: url(/shared/img/link/icon-circle-skyblue.png) no-repeat 0 0.2em;
}
.pagelist-technology section p,
.pagelist-technology section ul {
  margin-top: 10px;
  color: #333;
}
.pagelist-technology section ul li{
  padding-left: 12px;
  background: url(/shared/img/icon/icon-line-list.jpg) no-repeat 0 0.6em;
}
.pagelist-technology .li01 { background-image: url(/shared/america/img/technology/index-bg01.jpg); }
.pagelist-technology .li02 { background-image: url(/shared/america/img/technology/index-bg02.jpg); }
.pagelist-technology .li03 { background-image: url(/shared/america/img/technology/index-bg03.jpg); }
.pagelist-technology .li04 { background-image: url(/shared/america/img/technology/index-bg04.jpg); }

/* .technology-list：core-technologie.html
-----------------------------------------------------*/
.technology-list {
  margin: 5px 0 0 -20px;
  letter-spacing: -0.4em;
}
.technology-list section {
  display: inline-block;
  margin: 15px 0 0 20px;
  padding: 8px;
  width: 474px;
  vertical-align: top;
  letter-spacing: normal;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px #9b9b9b;
  border-width: 2px;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:first-child + html .pagelist-technology section {
  display: inline;
}
.technology-list section.tribology {
  border-color: #126ed6;
}
.technology-list section.damping {
  border-color: #e91a1a;
}
.technology-list section h1{
  margin-bottom: 10px;
  padding: 5px 10px;
  color: #FFF;
  font-size: 16px;
  font-size: 1.14286rem;
}
.technology-list section.tribology h1 {
  background-color: #126ed6;
}
.technology-list section.damping h1 {
  background-color: #e91a1a;
}
.technology-list section .block {
  padding: 0 8px;
}
.technology-list section .block p {
  margin: 10px 0;
}
.technology-list section .case h3 {
  margin-top: 15px;
  font-size: 16px;
  font-size: 1.14286rem;
}

/*==================================================

  recruit
     
===================================================*/
.recruit #main {
  padding: 15px 15px;
  border: 2px solid #fff;
  border-radius: 3px;
  box-shadow: 0 1px 3px #9b9b9b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}
@media \0screen {
  .recruit #main {
    outline: 1px solid #d1d1d1;
  }
}
/* 見出し */
.recruit #main h2 {
  margin-bottom: 15px;
  padding: 11px 8px 9px;
  color: #fff;
  font-size: 16px;
  font-size: 1.14286rem;
  border: 1px solid #1564b2;
  background: -webkit-linear-gradient(#3d83cb, #186cc1);
  background: linear-gradient(#3d83cb, #186cc1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FF3D83CB',EndColorStr='#FF186CC1')";
  background-color: #2977c6;
}
.recruit #main h3 {
  margin-bottom: 15px;
  padding: 0 3px 0 15px;
  color: #1161b1;
  font-size: 15px;
  font-size: 1.07143rem;
  background: url(/shared/img/icon/icon-hdg-03.gif) no-repeat 0 0.3em;
}
.recruit #main h4 {
  margin-bottom: 20px;
  padding: 0 4px 4px;
  color: #1161b1;
  font-size: 16px;
  font-size: 1.14286rem;
  border-bottom: 2px solid #1161b1;
}
.recruit #main h5 {
  margin-bottom: 10px;
  padding: 9px 12px 6px;
  background: #eef0f4;
  font-size: 16px;
  font-size: 1.14286rem;
}
.recruit #main h6 {
  margin: 0 0 5px;
  font-size: 14px;
  font-size: 1rem;
  font-weight: bold;
}
.recruit #main p {
  /*margin-top: 0;
  margin-bottom: 20px;*/
  margin: 0;
}
/*
.recruit #main p + h4 {
  margin-top: 40px;
}
*/
/* ページ内リンク */
.recruit #main ul {
  margin-bottom: 30px;
  padding: 12px 12px 10px;
  border: 1px solid #bfbfbf;
  border-radius: 2px;
}
.recruit #main ul li {
  display: inline-block;
}
*:first-child + html .recruit #main ul li {
  display: inline;
}
.recruit #main ul li + li {
  margin-left: 9px;
  padding-left: 14px;
  border-left: 1px solid #bfbfbf;
}
.recruit #main ul li a {
  padding-left: 13px;
  background: url(/shared/img/link/icon-down.png) no-repeat 0 0.5em;
}
/* お問い合わせ */
.recruit #main .box-inq{
    margin-top: 0px;
}

/*==================================================

  .list-news ニュース一覧
     
===================================================*/
.list-news li {
  padding: 8px 0 7px;
  border-bottom: 1px dotted #939393;
  position: relative;
}
.list-news .date {
  position: absolute;
}
.list-news .icon {
  margin: 0 0 5px 13.4em;
}
.list-news p {
  margin: 0 0 0 10.5em;
}
/*
div.list-news,
section.list-news {
  padding: 8px 10px 6px;
  border: 2px solid #fff;
  border-radius: 2px;
  box-shadow: 0 1px 1px #c4c4c4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f6f6f6;
}
div.list-news h1,
div.list-news h2,
div.list-news h3,
div.list-news h4,
div.list-news h5,
div.list-news h6,
section.list-news h1,
section.list-news h2,
section.list-news h3,
section.list-news h4,
section.list-news h5,
section.list-news h6 {
  margin-bottom: 9px;
  padding-bottom: 5px;
  border-bottom: 1px solid #d1d1d1;
}
div.list-news li,
section.list-news li {
  border: 0;
}
div.list-news .for-list,
section.list-news .for-list {
  text-align: right;
}
*/
/* news detail */
.news-date{
  margin: 20px 0;
  text-align: right;
}
.news-content{
  margin-bottom: 30px;
}
.news-content h2 {
  margin-bottom: 15px;
  padding: 11px 8px 9px;
  color: #fff;
  font-size: 16px;
  font-size: 1.14286rem;
  border: 1px solid #1564b2;
  background: -webkit-linear-gradient(#3d83cb, #186cc1);
  background: linear-gradient(#3d83cb, #186cc1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FF3D83CB',EndColorStr='#FF186CC1')";
  background-color: #2977c6;
}
.news-content h3 {
  margin-bottom: 15px;
  padding: 0 3px 0 15px;
  color: #1161b1;
  font-size: 15px;
  font-size: 1.07143rem;
  background: url(/shared/img/icon/icon-hdg-03.gif) no-repeat 0 0.3em;
}
.news-content h4 {
  margin-bottom: 20px;
  padding: 0 4px 4px;
  color: #1161b1;
  font-size: 16px;
  font-size: 1.14286rem;
  border-bottom: 2px solid #1161b1;
}
.news-content h5 {
  margin-bottom: 15px;
  padding: 9px 12px 6px;
  font-size: 16px;
  font-size: 1.14286rem;
  font-weight: normal;
  background: #d7e1f4;
}
.news-content h6 {
  margin: 0 0 15px;
  font-size: 14px;
  font-size: 1rem;
  font-weight: bold;
}
.news-content p, .news-content ul, .news-content ol{
  margin-top: 0!important;
}
.news-content ul li{
  margin-left: 1.2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: url(/shared/img/icon/icon-dot-large.gif);
}
.news-content ol li{
  margin-left: 1.5em;
  list-style: decimal;
}


/*==================================================

  .form お問い合わせフォーム
     
===================================================*/
.form{
  padding: 0 20px 20px;
}
.form table {
  width: 100%;
}
.form table + table {
  margin-top: 30px;
}
.form th {
  padding: 10px 12px 8px;
  border: 1px solid #caccce;
  background: #d4e8fc;
  font-weight: bold;
}
.form td {
  padding: 10px 7px 8px;
  border: 1px solid #caccce;
  background: #fff;
}
.form td > div, .form td > p, .form td > ul {
  margin: 0 5px;
}
.form td button {
  padding: 0.1em 0.5em;
}
.form .text,
.form textarea,
.form select {
  margin: 0 5px;
}
.form div + .text,
.form p + .text,
.form ul + .text {
  margin-top: 6px;
}
.form input[type="checkbox"],
.form input[type="radio"] {
  margin-right: 9px;
}
.form .checks {
  margin-left: 8px;
  display: inline-block;
}
*:first-child + html .form .checks {
  display: inline;
}
.form .checks li {
  margin-right: 0.5em;
  display: inline-block;
}
*:first-child + html .form .checks li {
  display: inline;
}
.form .checks label {
  white-space: nowrap;
}
.form .agree-check {
  margin-top: 10px;
}
.form .agree-check p {
  margin: 0;
}
.form .address span.zipmark {
  margin-left: 5px;
}
.form .address .prefecture {
  margin-top: 8px;
  display: block;
}
.form .address .city,
.form .address .building {
  margin-top: 5px;
  display: block;
}
.form tr.warn th {
  background: #ffe0ea;
}
.form tr.warn td {
  background: #fff2f6;
}
.form p.warn {
  padding-left: 26px;
  background: url(/shared/img/icon/icon-warn.png) no-repeat 0 0;
}
.form p.warn strong {
  color: #a50808;
}
.form div.warn{
  margin-bottom: 20px;
}
.form .required {
  /*margin-left: 5px;*/
  margin-top: 5px;
  padding: 0 5px;
  float: right;
  color: #fff;
  background: #a50808;
  font-weight: normal;
  white-space: nowrap;
  font-size: 12px;
  font-size: 0.85714rem;
}
.form .date-item{
  display: block;
}
.form .buttons {
  margin-top: 20px;
  text-align: center;
}
.form .buttons .back {
  margin-right: 71px;
  padding: 10px 20px 10px 35px;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  box-shadow: 0 1px 1px #c4c4c4;
  color: #344f9f;
  background: #e2e2e2 url(/shared/img/link/icon-form-back.png) no-repeat 8px 50%;
  font-size: 14px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
.form .buttons .back:hover, .form .buttons .back:focus {
  background-color: #eee;
  text-decoration: underline;
}
.form .buttons .submit {
  padding: 10px 20px 10px 30px;
  border: 1px solid #00236f;
  border-radius: 4px;
  box-shadow: 0 1px 1px #c4c4c4;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  min-width: 85px;
  color: #fff;
  background: #344f9f url(/shared/img/link/icon-circle-blue.png) no-repeat 8px 50%;
  font-size: 14px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}
.form .buttons .submit:hover, .form .buttons .submit:focus {
  background-color: #455ea7;
  text-decoration: underline;
}
.form textarea{
  width: 95%;
  height: 120px;
}
.form input.default[type="text"]{
  width: 93%;
}
.form input.tel[type="text"]{
  width: 20%;
}
.form select.industry{
  width: 95%;
}
.form .notice{
  font-size: 12px;
  font-size: 0.85714rem;
}

/* agree */
.agree {
  padding: 0.5em 1em;
  border: 2px solid #e2e2e2;
  max-height: 150px;
  overflow-y: auto;
  background: #fff;
}
.agree div:first-child {
  margin: 0;
}

/*==================================================

  .search-form 検索結果
     
===================================================*/
.search-form form {
  margin: 40px auto;
  display: inline-block;
}
*:first-child + html .search-form form {
  display: inline;
}
.search-form form p {
  margin: 0;
}
.search-form input[type="search"] {
  margin: 0;
  padding: 0.2em;
  border: 1px solid #b1b1b1;
  float: left;
  height: 30px;
  width: 480px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.search-form button {
  margin: 0 0 0 -1px;
  border: 1px solid #b1b1b1;
}
.search-form button img {
  display: block;
}

/*==================================================

  #sidebar 左サイドコンテンツ
     
===================================================*/
/* common layout
-----------------------------------------------------*/
#sidebar {
  float: right;
  width: 212px;
}
#top-article #sidebar {
  width: 232px;
}
.page-title + #main + #sidebar {
  margin-top: 20px;
}
#sidebar p {
  margin-top: 0;
}
/* aside
-----------------------------------------------------*/
#sidebar aside {
  margin-top: 11px;

  border-radius: 2px;
  box-shadow: 0 1px 1px #c4c4c4;
  background: #fff;
}
#sidebar aside section {
  padding: 5px 4px;
  font-size: 92%;
}
#sidebar aside section h1 {
  padding: 4px 6px 2px;
  color: #333;
  background: -webkit-linear-gradient(#eeeeee, #e0dfdf);
  background: linear-gradient(#eeeeee, #e0dfdf);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFEEEEEE',EndColorStr='#FFE0DFDF')";
  background-color: #dddddd;
}
#sidebar aside:first-child {
  margin-top: 0;
}
/* .local-nav：ローカルナビ
-----------------------------------------------------*/
#sidebar .local-nav {
  border: 2px solid #344f9f;
  border-radius: 2px;
  background: #fff;
}
#sidebar .local-nav h1 a {
  padding: 8px 0 7px 40px;
  border-bottom: 1px solid #00236f;
  display: block;
  color: #fff;
  background: #344f9f url(/shared/img/link/icon-ring-white-large.png) no-repeat 10px 50%;
  font-size: 14px;
  font-size: 1rem;
  font-weight: bold;
}
#sidebar .local-nav h2 {
  padding: 6px 9px 4px;
  border-top: 2px solid #b3b2b2;
  border-bottom: 1px solid #b3b2b2;
  background: -webkit-linear-gradient(#e9e8e8, #d5d5d5);
  background: linear-gradient(#e9e8e8, #d5d5d5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFE9E8E8',EndColorStr='#FFD5D5D5')";
  background-color: #dedede;
}
#sidebar .local-nav > ul a {
  display: block;
  font-size: 13px;
  font-size: 0.92857rem;
  text-decoration: none;
}
#sidebar .local-nav > ul a:hover, #sidebar .local-nav > ul a:focus {
  color: #126ed6;
  text-decoration: underline;
}
#sidebar .local-nav > ul .current > a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
  background: #e2ebff;
}
#sidebar .local-nav > ul .current > a[href]:hover, #sidebar .local-nav > ul .current > a[href]:focus {
  text-decoration: underline;
}
#sidebar .local-nav > ul > li + li {
  border-top: 1px solid #c6d1f0;
}
#sidebar .local-nav > ul > li > a {
  padding: 14px 5px 10px 20px;
  text-indent: -10px;
}
#sidebar .local-nav > ul > li > a:hover, #sidebar .local-nav > ul > li > a:focus {
  background-color: #e2ebff;
}
#sidebar .local-nav > ul > li > a:before {
  margin-right: 5px;
  content: url(/shared/img/link/icon-arrow-blue.png);
}
#sidebar .local-nav > ul > li.haschild > a {
  padding-left: 22px;
  border-bottom: 1px solid #8496c8;
  background: #e2ebff;
  font-weight: bold;
  text-indent: -12px;
}
#sidebar .local-nav > ul > li.haschild > a:before {
  margin-right: 5px;
  content: url(/shared/img/icon/icon-localnav-dir3-haschild.png);
  position: relative;
  top: -3px;
}
#sidebar .local-nav > ul > li.haschild > ul {
  display: block;
}
#sidebar .local-nav > ul > li.current > a {
  background: #e2ebff;
}
/* 2階層目 */
#sidebar .local-nav > ul > li > ul {
  display: none;
}
#sidebar .local-nav > ul > li > ul > li {
  border-top: 1px solid #fff;
}
#sidebar .local-nav > ul > li > ul > li > a {
  padding: 9px 5px 6px 29px;
  background: #eef1f9;
  text-indent: -9px;
}
#sidebar .local-nav > ul > li > ul > li > a:hover, #sidebar .local-nav > ul > li > ul > li > a:focus {
  background: #e2ebff;
}
#sidebar .local-nav > ul > li > ul > li > a:before {
  margin-right: 5px;
  content: url(/shared/img/icon/icon-localnav-dir4.png);
  position: relative;
  top: -3px;
}
#sidebar .local-nav > ul > li > ul > li.haschild > a {
  background: #eef1f9;
}
#sidebar .local-nav > ul > li > ul > li.current > a {
  background: #e2ebff;
}
#sidebar .local-nav > ul > li > ul > li > ul > li > a {
  padding: 9px 5px 6px 40px;
  text-indent: -12px;
}
#sidebar .local-nav > ul > li > ul > li > ul > li > a:before {
  margin-right: 5px;
  content: url(/shared/img/icon/icon-localnav-dir5.png);
  position: relative;
  top: -3px;
}
/* .download
-----------------------------------------------------*/
#sidebar .download {
  padding: 10px 15px;
  border: 2px solid #1161b1;
}
#sidebar .download > h1 {
  margin: -10px -15px 0;
  padding: 8px 0 8px 40px;
  color: #fff;
  background: #1161b1 url(/shared/img/icon/icon-download.png) no-repeat 10px 0.6em;
  font-size: 16px;
  font-size: 1.14286rem;
  font-weight: bold;
}
#sidebar .download > ul {
  margin: 10px 0 0;
  font-size: 13px;
  font-size: 0.92857rem;
}
#sidebar .download section {
  margin: 0 -15px;
}
#sidebar .download section .figure {
  margin: 9px 0 0;
  text-align: center;
}
#sidebar .download section .button {
  margin: 1px 0 4px;
}
#sidebar .download section .button a {
  margin: 0 12px;
  padding-left: 0;
  padding-right: 0;
  display: block;
}
#sidebar .download section .button a:before {
  padding-right: 2px;
}
#sidebar .download section .bnr {
  margin: 9px 0 0;
}
#sidebar .download section .bnr a {
  margin: 12px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  border:#CCC 1px solid;  
}
#sidebar .download section .bnr a:hover img{
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#sidebar .download section .bnr a .text{
  padding:5px 7px;
  font-size: 11px;
  letter-spacing:0.98;
  font-size: 0.78571rem;
  display:block;
  background:#F5F5F5;
}
#sidebar .download section .note {
  margin: 0 12px;
  font-size: 11px;
  line-height:1.2;
  font-size: 0.78571rem;
}
/* .nav-relation：関連リンク
-----------------------------------------------------*/
#sidebar .nav-relation {
  margin-top: 10px;
  border: 2px solid #ddd;
  border-radius: 2px;
  background: #fff;
}
#sidebar .nav-relation li + li {
  border-top: 1px solid #ddd;
}
#sidebar .nav-relation a {
  padding: 13px 5px 10px 20px;
  display: block;
  background-position: 10px 15px;
  font-size: 12px;
  font-size: 0.85714rem;
  text-decoration: none;
}
#sidebar .nav-relation a:hover, #sidebar .nav-relation a:focus {
  text-decoration: underline;
}
#sidebar .nav-relation .current {
  background: #e2ebff;
}
#sidebar .nav-relation .current > a {
  font-weight: bold;
  text-decoration: none;
}
#sidebar .nav-relation .current > a[href]:hover, #sidebar .nav-relation .current > a[href]:focus {
  text-decoration: underline;
}
/* .relation：関連情報
-----------------------------------------------------*/
#sidebar .relation > h1 {
  padding: 8px 11px 0;
  font-size: 15px;
  font-size: 1.07143rem;
}
#sidebar .relation .figure-right {
  margin: 10px 0 0;
}
#sidebar .relation .figure-right .text,
#sidebar .relation .figure-right .fig {
  display: table-cell;
  vertical-align: middle;
}
#sidebar .relation .figure-right .text {
  padding: 0 8px;
}
#sidebar .relation .figure-right .link {
  padding-left: 29px;
  background: url(/shared/img/link/icon-circle-skyblue.png) no-repeat 8px 50%;
}
#sidebar .relation .figure-right .fig img {
  display: block;
}


/*==================================================

  #page-footer フッタ
     
===================================================*/
#page-footer {
  margin: auto;
  padding: 20px 0 0;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 1010px;
  font-size: 12px;
  font-size: 0.85714rem;
}
#page-footer p {
  margin-top: 0;
}
#page-footer a {
  text-decoration: none;
}
#page-footer a:hover, #page-footer a:focus {
  text-decoration: underline;
}
#page-footer .footer-links .sublinks a, #page-footer .utility a {
  padding-left: 25px;
  display: inline-block;
  background: url(/shared/img/link/icon-arrow-white.png) no-repeat 9px 0.5em;
}
#page-footer .utility a {
  background-position: 9px 0.4em;
}
*:first-child + html #page-footer .footer-links li a, #page-footer .footer-links li *:first-child + html a, *:first-child + html #page-footer .utility a, #page-footer .utility *:first-child + html a {
  display: inline;
}

/* .for-top
-----------------------------------------------------*/
#page-footer .for-top {
  margin-right: 20px;
  text-align: right;
  font-size: 13px;
  font-size: 0.92857rem;
}
#page-footer .for-top a {
  padding: 9px 11px 7px 24px;
  border-radius: 3px 3px 0 0;
  display: inline-block;
  background: #e4e4e4 url(/shared/img/link/icon-for-top.png) no-repeat 11px 50%;
}
*:first-child + html #page-footer .for-top a {
  display: inline;
}
/* .footer-links
-----------------------------------------------------*/
#page-footer .footer-links {
  padding: 0 20px;
  border-bottom: 1px solid #000;
  color: #fff;
  background: #1369c0 url(/shared/img/footer/bg.png) no-repeat 50% 100%;
  line-height: 1.8;
}
#page-footer .footer-links .inner {
  padding: 25px 0;
  letter-spacing: -0.4em;
}
#page-footer .footer-links .footer-nav {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  letter-spacing: normal;
}
*:first-child + html #page-footer .footer-links .footer-nav {
  display: inline;
}
#page-footer .footer-links .single, #page-footer .footer-links h1 {
  padding-left: 25px;
  background: url(/shared/img/link/icon-ring-white.png) no-repeat 3px 0.3em;
  font-size: 13px;
  font-size: 0.92857rem;
  font-weight: bold;
}
#page-footer .footer-links .single a, #page-footer .footer-links h1 a {
  color: #fff;
}
#page-footer .footer-links .sublinks li a {
  color: #fff;
  font-size: 12px;
  font-size: 0.85714rem;
}
/* .utility
-----------------------------------------------------*/
#page-footer .utility {
  padding: 0 20px;
  border-top: 1px solid #4d4d4d;
  color: #fff;
  background: #000;
}
#page-footer .utility .inner {
  margin: 0 auto;
  padding: 15px 0;
}
#page-footer .utility ul {
  float: left;
}
#page-footer .utility li {
  display: inline-block;
}
*:first-child + html #page-footer .utility li {
  display: inline;
}
#page-footer .utility li + li {
  margin-left: 28px;
}
#page-footer .utility a {
  color: #fff;
}
#page-footer .utility small {
  display: block;
  text-align: right;
  font-size: 10px;
  font-size: 0.71429rem;
}

/*==================================================

  #contact-article お問い合わせ 20160414 added
     
===================================================*/
#contact-article .distributors{
  float: left;
  width: 310px;
}
#contact-article .contact-form{
  float: right;
  width: 640px;
  border: 1px solid #bfbfbf;
  background: #FFF;
}

/*==========================================

  共通-補足属性
     
===========================================*/
.al { text-align: left !important; }
.ac { text-align: center !important; }
.ar { text-align: right !important; }
.mt0 { margin-top: 0px !important; }
.mr0 { margin-right: 0px !important; }
.mb0 { margin-bottom: 0px !important; }
.ml0 { margin-left: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mr5 { margin-right: 5px !important; }
.mb5 { margin-bottom: 5px !important; }
.ml5 { margin-left: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mr10 { margin-right: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.ml10 { margin-left: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mr15 { margin-right: 15px !important; }
.mb15 { margin-bottom: 15px !important; }
.ml15 { margin-left: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mr20 { margin-right: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mr25 { margin-right: 25px !important; }
.mb25 { margin-bottom: 25px !important; }
.ml25 { margin-left: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mr30 { margin-right: 30px !important; }
.mb30 { margin-bottom: 30px !important; }
.ml30 { margin-left: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mr35 { margin-right: 35px !important; }
.mb35 { margin-bottom: 35px !important; }
.ml35 { margin-left: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mr40 { margin-right: 40px !important; }
.mb40 { margin-bottom: 40px !important; }
.ml40 { margin-left: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mr45 { margin-right: 45px !important; }
.mb45 { margin-bottom: 45px !important; }
.ml45 { margin-left: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mr50 { margin-right: 50px !important; }
.mb50 { margin-bottom: 50px !important; }
.ml50 { margin-left: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mr55 { margin-right: 55px !important; }
.mb55 { margin-bottom: 55px !important; }
.ml55 { margin-left: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mr60 { margin-right: 60px !important; }
.mb60 { margin-bottom: 60px !important; }
.ml60 { margin-left: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mr65 { margin-right: 65px !important; }
.mb65 { margin-bottom: 65px !important; }
.ml65 { margin-left: 65px !important; }
.mr100 { margin-right: 100px !important; }
.mt5- { margin-top: -5px !important; }
.mb5- { margin-bottom: -5px !important; }
.mt10- { margin-top: -10px !important; }
.mb10- { margin-bottom: -10px !important; }
.mt15- { margin-top: -15px !important; }
.mb15- { margin-bottom: -15px !important; }
.ml160 { margin-left: 160px !important; }
.font-nomal { font-weight: normal !important; }

.w740 { width: 740px !important; }

@media print {
  html,
  body {
    background: #fff;
  }

  #page-header {
    background: #fff;
  }
  #page-header .info .search,
  #page-header .info .utility {
    display: none;
  }
  #page-header nav {
    display: none;
  }

  .topic-path {
    display: none;
  }

  #main {
    float: none;
    width: 100%;
  }

  #sidebar {
    display: none;
  }

  #page-footer .for-top,
  #page-footer .footer-links {
    display: none;
  }
  #page-footer .utility {
    color: #000;
    background: #fff;
  }
  #page-footer .utility ul {
    display: none;
  }
}

/*=======================================================================
    ida Add 2017.03
=======================================================================*/
/* header  2017.03
-----------------------------------------------------*/
/* newwin */
.newwin span {
  padding-right: 19px;
}
/* utility */
#page-header .utility {
  position: absolute;
  bottom: 13px;
  right: 215px;
  padding: 0 17px;
}
/* sns */
.social_media_link {
  position: absolute;
  top: 10px;
  right: 326px;
}
.social_media_link img {
  width: 23px;
}

/* Applications  2017.03
-----------------------------------------------------*/
.applications .columns .column {
  margin-top: 40px;
}
.applications .columns {
  margin-top: -20px !important;
}
.applications .columns .link a {
  margin-left: 18px;
}
.applications .banner-box .banner {
  float: right;
  width: 468px;
}
.applications .banner-box .text {
  float: left;
  width: 470px;
}
.applications .banner-box .text2 {
  padding: 20px 0 0;
  clear: both;
}

/* 動画コンテンツ  2017.03
-----------------------------------------------------*/
.pagelist-videos {
  margin: 5px 0 0 -20px;
  letter-spacing: -0.4em;
}
.pagelist-videos section {
  margin: 15px 0 0 20px;
  padding: 23px;
  border-radius: 2px;
  box-shadow: 0 1px 3px #9b9b9b;
  display: inline-block;
  width: 428px;
  min-height: 396px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 4px;
  vertical-align: top;
  letter-spacing: normal;
}
*:first-child + html .pagelist-videos section {
  display: inline;
}
@media \0screen {
  .pagelist-videos section {
    outline: 1px solid #d1d1d1;
  }
}
.pagelist-videos section h1 {
  margin: 5px 0 0;
  font-size: 16px;
  font-size: 1.14286rem;
  color: #1369c0;
}
.pagelist-videos section p,
.pagelist-videos section ul {
  margin-top: 10px;
  color: #333;
}
.pagelist-videos section ul li{
  padding-left: 12px;
  background: url(/shared/img/icon/icon-line-list.jpg) no-repeat 0 0.6em;
}
/* .pagelist-videos .li03,
.pagelist-videos .li04 {
  min-height: 396px;
  } */
.pagelist-videos section .thumb {
  margin: 0 auto;
  width: 428px;
}

/* Product  2017.03
-----------------------------------------------------*/
/* 製品トップページ */
.pagelist-products section {
  padding: 0;
}
.pagelist-products section a {
  padding: 11px 10px;
}
.box-emphasis {
  position: relative;
}
.btn-headline {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 10px;
  padding-left: 21px;
  text-align: center;
  font-weight: bold;
  background: url(/shared/img/link/icon-arrow-white.png) no-repeat 9px 0.4em;
}
.btn-headline a {
  color: #fff;
  text-decoration: none;
}
.btn-headline a:visited {
  color: #fff;
}
.btn-headline a:hover {
  text-decoration: underline;
}

/* 製品ページ 共通 */
.products.top.plastic .page-title { background: url(/shared/america/img/products/index-pagetitle-plastic.jpg) no-repeat 0 0; }
.products.top.multilayer .page-title { background: url(/shared/america/img/products/index-pagetitle-multilayer.jpg) no-repeat 0 0; }
.products.top.metallic .page-title { background: url(/shared/america/img/products/index-pagetitle-metallic.jpg) no-repeat 0 0; }

.page-title + #main + #sidebar {
  margin-top: 20px;
}
.page-title {
  padding: 19px 21px 16px;
  border: 3px solid #fff;
  border-radius: 2px;
  box-shadow: 0 1px 1px #c4c4c4;
  background: -webkit-linear-gradient(left, #d4e8fc 0, white 50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#ffd4e8fc}',EndColorStr='#ffffffff')";
  background: linear-gradient(to right, #d4e8fc 0, white 50%);
}
@media \0screen {
  .page-title {
    outline: 1px solid #d1d1d1;
  }
}
.page-title h1 {
  display: inline-block;
  color: #344f9f;
  font-size: 24px;
  font-size: 1.71429rem;
}
*:first-child + html .page-title h1 {
  display: inline;
}
.page-title img {
  margin: -22px -24px -25px;
  display: block;
}
.page-title p {
  margin: 0;
  font-weight: bold;
}
.page-title .compact {
  margin-left: 10px;
  display: inline-block;
}
*:first-child + html .page-title .compact {
  display: inline;
}
.page-title.icon {
  padding-right: 132px;
  position: relative;
}
.page-title.icon p {
  position: absolute;
  top: 1.9em;
  right: 12px;
}

.page-icons {
  margin-top: 10px;
}
.page-icons ul {
  display: inline-block;
}
*:first-child + html .page-icons ul {
  display: inline;
}
.page-icons ul + ul {
  margin-left: 10px;
  border-left: 1px solid #bfbfbf;
}
.page-icons ul + ul li:first-child {
  margin-left: 14px;
}
.page-icons li {
  display: inline-block;
}
*:first-child + html .page-icons li {
  display: inline;
}

/* 製品一覧ページ 表上部のアイコンリスト */
.tbl-data .legend {
  margin: 40px 0 10px;
  text-align: right;
}
.tbl-data .legend li {
  display: inline-block;
}
.tbl-data .legend li + li {
  margin-left: 26px;
}
.tbl-data .legend img {
  margin: 0 2px;
  display: inline-block;
  width: 36px;
  height: 36px;
  vertical-align: middle;
}
.tbl-data .legend span {
  margin: 0 2px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-size: 13px;
}

/* 製品一覧ページ 表 */
.tbl-data thead th,
.tbl-data thead td {
  padding: 14px 10px 12px;
}
.tbl-data tbody td.icon {
  padding-left: 8px;
  padding-right: 8px;
}
.tbl-data .icon img,
.tbl-data .icon .empty {
  margin: 1px 0;
  display: inline-block;
  height: 23px;
  width: 23px;
  vertical-align: middle;
}
.tbl-data .unit {
  line-height: 1.0;
}
.tbl-data .unit span {
  /* display: block; */
  font-size: 11px;
  font-size: 0.78571rem;
}
.tbl-data .small {
  text-align: right;
  font-size: 11px;
  font-size: 0.78571rem;
  line-height: 1.2;
}
.tbl-data .ac,
.tbl-data.ac th,
.tbl-data.ac td {
  text-align: center;
}
/* 製品ページ 詳細 */
.tbl-data th {
  padding: 14px 12px 12px;
 /*  width: 60%; */
 /* text-align: left !important; */
}
.products .download {
  display: table;
  padding: 40px 60px 0;
}
.products .download dl {
  display: table-cell;
  width: 425px;
  text-align: center;
}
.products .download dd {
  margin: 10px 0 0;
}
.products .download dd .icon {
  display: inline-block;
  margin: 0 8px 0 0;
  vertical-align: middle;
}
.products .section .figure {
  margin: 15px 0 0;
}
.products .section .figure img {
  border: 1px solid #e2e2e2;
}
.products .head-space {
  display: block;
  margin-top: 0;
  margin-left: 1em;
  text-indent: -0.6em;
}

/* sintered-vents */
.tbl-data.sintered-vents th,
.tbl-data.sintered-vents td {
  padding: 15px 12px 14px
}

.spec .inner {
  margin: 0 auto;
  padding: 30px 0 0;
  width: 820px;
}

/* インチサイズ */
.available-inch {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 2px 6px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #cc0000;
  border-radius: 3px;
  border: 1px solid #cc0000;
  background: #F9E4E4;
}

/* sup */
sup {
  font-size: 10px;
  vertical-align: 0.4em;
}

/* カタログダウンロード  2017.03
-----------------------------------------------------*/
.cl {
  clear: both;
}
.flL { float: left }
.flR { float: right }
.w50p { width: 50%; }
.booklet {
  position: relative;
  overflow: hidden;
}
.booklet-all {
  margin-top: 25px;
  padding: 15px 0 0;
}
.booklet-all-thumb {
  display: block;
  float: left;
  margin: -15px 3.5% 0 0;
}
.booklet-category {
  float: right;
  margin: 20px 0 0;
  padding: 25px 25px 15px;
  width: 75%;
  border-top: 1px solid #bfbfbf;
}
.booklet-category-item {
  float: left;
  width: 210px;
  margin: 0 4% 25px 0;
}
.booklet-category-thumb {
  margin: 0 0 4px 0;
}
/* ブローシャ― */
.brochure .booklet-all {
  width: 49%;
}
.booklet-spec {
  display: inline-block;
}
.textbox {
  padding: 10px 15px 15px;
  border: 1px solid #bfbfbf;
}
.textbox p {
  margin-top: 5px;
}

/* フォームパーツ */
label,
input[type=checkbox] {
  cursor: pointer;
}
#catalog-dl input[type=checkbox] {
  margin-top: 2px;
  width: 16px;
  height: 17px;
  vertical-align: top;
}
#catalog-dl .form {
  margin: 60px auto 0;
  padding: 0;
}
.warn {
  padding-left: 26px;
  background: url(/shared/img/icon/icon-warn.png) no-repeat 0 0;
}
.warn p,
.warn strong {
  font-weight: bold;
  color: #a50808;
}

/* ====================================================
/* レスポンシブ  2017.10
==================================================== */
.only-pc {
  display: block !important;
}
.only-sp {
  display: none !important;
}

@media screen and (max-width: 640px) {
  .only-pc {
    display: none !important;
  }
  .only-sp {
    display: block !important;
  }
  body {
    font-size: 16px;
    font-size: 1.14286rem;
  }
  * {
    box-sizing: border-box;
  }
  img {
    width: 100%;
  }
  p {
    word-wrap: break-word;
  }
}

/* page-header
-----------------------------------*/
@media screen and (max-width: 640px) {
  #page-header {
    position: relative;
    padding-bottom: 40px;
    width: 100%;
    background: none;
  }
  #page-header .info {
    padding: 20px 15px 6px;
    border-bottom: 4px solid #1369c0;
  }
  #page-header .site {
    width: 60%;
  }
  #page-header .search {
    display: none;
  }
  #page-header .utility ul {
    display: none;
  }
  #page-header .social_media_link {
    display: none;
  }
} /* page-header (max-width: 640px) ここまで */

/* topic-path
-----------------------------------*/
.topic-path a {
  display: inline-block;
}
.topic-path .separator {
  display: inline-block;
}

/* ナビメニュー
-----------------------------------*/
.menu_trigger {
  display: none;
}
@media screen and (max-width: 640px) {
  .menu_trigger {
    display: block;
  }
  #page-header .menu_trigger {
    position: absolute;
    top: 16px;
    right: 15px;
    cursor: pointer;
  }
  #page-header .menu_trigger a,
  #page-header .menu_trigger a span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  #page-header .menu_trigger a {
    position: relative;
    padding: 6px 12px 6px;
    font-size: 16px;
    font-size: 1.14286rem;
    font-weight: bold;
    color: #fff;
    border: 1px solid #2769c0;
    border-radius: 2px;
    background: #2769c0;
    text-decoration: none;
  }
  #page-header .menu_trigger.is-open a {
    background: #2769c0;
    color: #fff;
  }
  #page-header nav {
    display: none;
    margin: 0;
  }
  #page-header nav li {
    float: none;
    width: 100%;
  }
  #page-header nav a {
    margin: 0 0 2px;
    padding: 15px 0;
    width: 100%;
    height: auto;
    text-align: center;
    color: #1369c0;
    border-radius: 2px;
    background: #fff;
  }
  #page-header nav img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 768px) {
  #page-header nav {
    display: block !important;
  }
} /* page-header (min-width: 768px) ここまで */


/* page-footer
-----------------------------------*/
@media screen and (max-width: 640px) {
  #page-footer {
    width: 100%;
  }
  #page-footer .footer-links {
    display: none;
  }
  #page-footer .footer-links .footer-nav {
    width: 100%;
  }
  #page-footer .utility li + li {
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 0;
  }
  #page-footer .utility li:nth-child(2n) {
    margin-left: 28px;
  }
  #page-footer .utility small {
    clear: both;
    padding-top: 15px;
    text-align: center;
  }
} /* page-footer (max-width: 640px) ここまで */


/* contact form
-----------------------------------*/
.form {
  padding: 0 2% 20px;
}
.form .text, .form textarea, .form select {
  width: 100%;
}


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

  /* top-article
  -----------------------------------*/
  .topic-path {
    margin: -2em 0 1em;
    font-size: 14px;
    font-size: 1rem;
  }

  /* box-inq
  -----------------------------------*/
  .box-inq {
    margin-top: 30px;
  }
  .box-inq h1 {
    font-size: 17px;
  }
  .box-inq .text {
    float: none;
    width: 100%;
  }
  .box-inq .inq {
    float: none;
    margin: 10px auto 0;
    width: 100%;
  }

  /* layout
  -----------------------------------*/
  #content {
    width: 100%;
  }
  #main {
    float: none;
    width: 100%;
  }

  /* sidebar
  -----------------------------------*/
  #sidebar {
    float: none;
    margin: 25px auto;
    width: 100%;
  }
  #sidebar .local-nav > ul a {
    font-size: 15px;
    font-size: 1.07143rem;
  }


  body.top .page-title {
    padding: 15px 25px;
    width: 100%;
    height: 140px;
  }
  body.top .title {
    padding: 0;
  }
  .page-title h1 {
    display: block;
  }
  .hdg-04 h1, .hdg-04 h2, .hdg-04 h3, .hdg-04 h4, .hdg-04 h5, .hdg-04 h6 {
    font-size: 17px;
  }

  /* About us
  -----------------------------------*/
  .pagelist-about li h2 {
    font-size: 17px;
  }
  .pagelist-about p {
    font-size: 15px;
    font-size: 1.07143rem;
  }
  .pagelist-about li {
    width: 97%;
    max-height: 118px;
    box-shadow: 3px 3px 2px rgba(0,0,0,.1);
  }
  .pagelist-about li a {
    padding: 12px 70px 12px 15px;
    width: 100%;
    z-index: 2;
  }
  .pagelist-about .li01 {
    margin-top: 0;
    background: #fff url(/shared/america/img/about-us/index-bg01-sp.jpg) no-repeat top right;
    background-size: auto 100%;
  }
  .pagelist-about .li02 {
    background: #fff url(/shared/america/img/about-us/index-bg02-sp.jpg) no-repeat top right;
    background-size: auto 100%;
  }
  .pagelist-about .li03 {
    background: #fff url(/shared/america/img/about-us/index-bg03-sp.jpg) no-repeat top right;
    background-size: auto 100%;
  }
  .pagelist-about .li04 {
    background: #fff url(/shared/america/img/about-us/index-bg04-sp.jpg) no-repeat top right;
    background-size: auto 100%;
  }
  .pagelist-about .li05 {
    background: #fff url(/shared/america/img/about-us/index-bg05-sp.jpg) no-repeat top right;
    background-size: auto 100%;
  }
  .pagelist-about .li06 {
    background: #fff url(/shared/america/img/about-us/index-bg06-sp.jpg) no-repeat top right;
    background-size: auto 100%;
  }

  /* top-article
  -----------------------------------*/
  #top-article #top-main {
    float: none;
    width: 100%;
  }
  #top-article .box .columns.col3 .column,
  #top-article .box-emphasis .columns.col3 .column {
    margin-left: 0;
    width: 100%;
  }
  #top-article .columns.col3 .column {
    margin-left: 0;
    width: 100%;
  }
  #top-article #sidebar {
    float: none;
    width: 100%;
  }

  /* module
  -----------------------------------*/
  .columns.col2 {
    margin-left: 0;
  }
  .columns.col3 {
    margin-left: 0;
  }
  .columns.col3 .column {
    margin-left: 0;
  }
  .boxes.col2 {
    margin-left: 0;
  }
  .nosidebar .boxes.col2 .box {
    margin-left: 0;
    width: 100%;
  }
  .nosidebar .box .columns.col3 .column, .nosidebar .box-emphasis .columns.col3 .column {
    width: 50%;
  }
  .nosidebar .columns.col2 .column {
    margin-left: 0;
    width: 100%;
  }
  .boxes.col2 .box {
    width: 100%;
    height: auto;
  }

  /* products
  -----------------------------------*/
  .products.top .page-title {
    background-size: cover;

  }

  /* applications
  -----------------------------------*/
  .applications .banner-box .banner {
    width: 100%;
  }
  .banner-box .banner {
    width: 100%;
  }
  .applications .banner-box .text {
    float: none;
    width: 100%;
  }
  .nosidebar .box .columns.col2 .column,
  .nosidebar .box-emphasis .columns.col2 .column {
    width: 100% !important;
    margin-left: 0;
  }
  .img-figleft .figure.to-automotive-content {
    display: block;
    margin: 15px auto 0;
  }


  /* technology
  -----------------------------------*/
  .pagelist-technology {
    margin-left: 0;
  }
  .pagelist-technology section {
    display: block;
    margin-left: 0;
    width: 100%;
  }
  .pagelist-technology section h1 {
    font-size: 17px;
  }
  .technology-list {
    margin-left: 0;
  }
  .technology-list section {
    margin-left: 0;
    width: 100%;
  }
  .technology .img .figure object {
    width: 100%;
  }

  /* contact
  -----------------------------------*/
  #contact-article .distributors {
    float: none;
    width: 100%;
  }
  #contact-article .contact-form {
    width: 100%;
  }

  /* ISO
  -----------------------------------*/
  .tbl-data table td .pdflink {
    padding-left: 36px;
    width: 100%;
  }
  .tbl-data table td .pdflink a {
    padding-left: 0;
  }

  .links-anchor li {
    margin-top: 12px;
    width: 100%;
    vertical-align: top;
  }
  .links-anchor li + li {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
  }
  .links-anchor li:first-child {
    margin-top: 0;
  }

  /* environment
  -----------------------------------*/
  .list.ml35 {
    margin-left: 20px !important;
  }
  .boxes.col2 .box {
    margin-left: 0;
  }

  /* location
  -----------------------------------*/
  .location-box .location {
    float: none;
    width: 100%;
  }
  .location-box .location .photo, .location-box .location dl {
    display: block;
    margin: 10px auto;
  }
  .location-box .location dl {
    padding-left: 0;
    width: 100%;
  }
  .location-box .lead, .location-box .location dd, .location-box .location p {
    font-size: 14px;
    font-size: 1rem;
  }
  .location-box .map {
    float: none;
    width: 100%;
  }
  .location-box .map .link {
    margin-right: 5px;
  }

  /* Corporate Profile
  -----------------------------------*/
  .tbl-data .list-num {
    margin-left: 12%;
  }

  /* applications
  -----------------------------------*/
  .applications .box .columns.col3 .column {
    width: 100%;
  }
  .img-figleft .text {
    padding-left: 0;
  }

  /* video
  -----------------------------------*/
  .pagelist-videos {
    margin-left: 0;
  }
  .pagelist-videos section {
    display: block;
    margin: 15px auto;
    width: 100%;
    min-height: auto;
  }
  .pagelist-videos section .thumb {
    width: 100%;
  }

  /* news
  -----------------------------------*/
  .list-news li {
    padding: 10px 0 10px;
  }
  .list-news p{
    display: block;
    margin-left: 0;
  }

  /* prodcuct　トップ
  -----------------------------------*/
 #sidebar aside section h1 {
    font-size: 16px;
    font-size: 1.14286rem;
  }
 #sidebar .download section .bnr a .text {
    font-size: 13px;
    font-size: 0.92857rem;;
  }
  #sidebar .download section .note {
    font-size: 12px;
    font-size: 0.85714rem;
  }
  .link-box .ttl02 {
    font-size: 16px;
    font-size: 1.14286rem;
  }
  .link-box p {
    font-size: 16px;
    font-size: 1.14286rem;
  }
  .button a, .product-search button, #sidebar .download section .button a {
    font-size: 14px;
    font-size: 1rem;
  }
  .btn-headline {
    position: inherit;
    text-align: left;
    background: url(/shared/img/link/icon-arrow-dark-blue.png) no-repeat 9px 0.4em
  }
  .btn-headline a {
    color: #1369c0;
    text-align: left;
  }

  /* prodcuct 一覧
  -----------------------------------*/
  .tbl-data .legend {
    text-align: left;
  }
  .tbl-data .legend li {
    width: 45%;
    margin-bottom: 6px;
  }
  .tbl-data .legend li + li {
    margin-left: 0;
  }
  .tbl-data .legend li:nth-child(2n) {
    margin-left: 4%;
  }
  .tbl-data .legend span {
    font-size: 14px;
    font-size: 1rem;
  }
  .tbl-data .small {
    text-align: left;
  }
  .scroll-table {
    padding: 0 0 25px;
    width: 100%;
    overflow-x: scroll;
  }
  .scroll-attention {
    margin-bottom: 5px;
    text-align: left;
    font-size: 16px;
    font-size: 1.14286rem;
  }

  /* prodcuct 詳細
  -----------------------------------*/
  .available-inch {
    position: inherit;
    margin: 6px 0 !important;
    text-align: left;
  }
  .products .download dl {
    margin: 0 auto 30px;
    display: block;
    width: 100%;
  }
  .products .download {
    padding: 30px 30px 0;
  }
  .products .download dd {
    width: 100%;
    text-align: left;
  }
  .products .download dd .icon {
    display: inline;
    width: 31px;
  }
  .spec .inner {
    width: 100%;
  }


} /* content (max-width: 640px) ここまで */

/* 2017.6 Add by ida  追従バナー */
.news-banner {
  position: fixed;
  top: 200px;
  right: 0;
  width: 390px;
  height: 80px;
}
.news-banner-inner {
  position: relative;
  margin-bottom: 15px;
  height: 100px;
}
.news-banner-inner a:after {
  display: block;
  content: ' ';
  clear: both;
  height: 0;
}
.news-banner a {
  display: block;
  overflow: hidden;
  text-decoration: none;
}
.news-banner-btn {
  /* display: none; */
  position: absolute;
  top: 0;
  right: 12px;
  width: 100px;
  height: 100px;
  text-align: center;
  line-height: 1.6;
  font-weight: bold;
}
.news-banner-btn a {
  padding: 12px 6px;
  height: 76px;
  line-height: 1.3;
  color: #fff;
  border-radius: 50%;
  background: #1369c0;
  box-shadow: 0 0 3px rgba(0,0,0,.15);
}
.news-banner-btn a:visited {
  color: #fff;
}
.news-banner-btn a:hover {
  color: #fff;
  opacity: .8;
}
.news-banner-btn span {
  display: block;
  line-height: 1.1;
}
.news-banner-btn .new{
  margin: 0 0 2px;
  line-height: 1.8;
  color: #FEBE0D;
}
.news-banner-btn .date{
  margin: 0 0 4px;
  font-size: 12px;
  font-weight: normal;
}
.news-banner-btn .sub {
  margin-top: 4px;
  font-size: 12px;
  font-weight: normal;
}
.news-banner-content {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
  width: 250px;
  height: auto;
  min-height: 50px;
  border: 2px solid #1369c0;
  border-radius: 2px;
  vertical-align: middle;
  background: #fff;
  -webkit-filter:drop-shadow(0px 0px 2px rgba(0,0,0,.15));
}
.news-banner-content.visible {
  display: table !important;
}
.news-banner-content a{
  display: table-cell;
  padding: 10px 10px;
  line-height: 1.6;
  vertical-align: middle;
  font-size: 13px;
  color: #1369c0;
}
.news-banner-content:before,
.news-banner-content:after {
  position: absolute;
  top: 50%;
  right: -11px;
  content: '';
  height: 0;
  width: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  /* border: solid transparent;
  border-width: 12px; */
  margin: -12px -14px 0 0;
}
.news-banner-content:before {
  margin-right: -17px;
  border-left-color: #1369c0;
}
.news-banner-content:after {
  border-left-color: #FFFFFF;
}
/* end 2017.6 Add by ida  追従バナー */

/* 2018.9 Add by ida */
.text-orange {
  color: #e56000
}
.text-bold {
  font-weight: bold;
}
body.new .page-title:after {
  display: block;
  content: 'New';
  position: absolute;
  top: 17px;
  right: 21px;
  width: 52px;
  padding: 6px 5px 5px;
  line-height: 1;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  font-size: 1.42857rem;
  color: #fff;
  border-radius: 3px;
  background: #ea3333;
}