@charset "UTF-8";

/* CSS Document */
/***------------
共通事項
------------***/
body {
  background: transparent none repeat scroll 0 0;
  color: #231815;
  font-size: 1em;
  letter-spacing: 0;
  line-height: 1.5em;
  margin: 0;
  min-width: 960px;
  padding: 0;
  text-align: left;
  word-wrap: break-word;
}

@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
}

body > header,
body > footer,
body > section,
body > article,
body > div {
  font-size: 0.875em;
}

/*------リンク----*/
a:link {
  color: #036eb8;
  text-decoration: underline;
}

a:visited {
  color: #036eb8;
  text-decoration: underline;
}

a:hover {
  color: #036eb8;
  text-decoration: none;
}

#nav a:link {
  color: #231815;
  text-decoration: none;
}

#nav a:visited {
  color: #231815;
  text-decoration: none;
}

#nav a:hover {
  color: #999999;
  text-decoration: none;
}

#footer2 a:link {
  color: #fff;
  text-decoration: none;
}

#footer2 a:visited {
  color: #fff;
  text-decoration: none;
}

#footer2 a:hover {
  color: #fff;
  text-decoration: underline;
}

#footer3 a:link {
  color: #231815;
  text-decoration: underline;
}

#footer3 a:visited {
  color: #231815;
  text-decoration: underline;
}

#footer3 a:hover {
  color: #231815;
  text-decoration: none;
}

#generic ul.gbox li a:link {
  color: #fff;
  text-decoration: none;
}

#generic ul.gbox li a:visited {
  color: #fff;
  text-decoration: none;
}

#generic ul.gbox li a:hover {
  color: #fff;
  text-decoration: underline;
}

#generic .pinkbox a:link {
  color: #e60012;
  text-decoration: underline;
}

#generic .pinkbox a:visited {
  color: #e60012;
  text-decoration: underline;
}

#generic .pinkbox a:hover {
  color: #e60012;
  text-decoration: none;
}

a img,
input[type="image"],
input[type="submit"],
input[type="button"] {
  cursor: pointer;
  -webkit-transition: opacity 0.2s linear 0s;
  -o-transition: opacity 0.2s linear 0s;
  transition: opacity 0.2s linear 0s;
}

a img {
  background: rgba(255, 255, 255, 0.01) none repeat scroll 0 0;
}

a:hover img,
input[type="image"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: transparent;
  opacity: 0.7;
}

/*------余白----*/
.pT30 {
  padding-top: 30px !important;
}

.pL10 {
  padding-left: 10px !important;
}

.pL20 {
  padding-left: 20px !important;
}

.pB20 {
  padding-bottom: 20px !important;
}

.pR20 {
  padding-right: 20px !important;
}

.mT20 {
  margin-top: 20px !important;
}

.mT10 {
  margin-top: 10px !important;
}

.mT7 {
  margin-top: 7px !important;
}

.mT3 {
  margin-top: 3px !important;
}

.mR0 {
  margin-right: 0 !important;
}

.mR5 {
  margin-right: 5px !important;
}

.mR7 {
  margin-right: 7px !important;
}

.mR10 {
  margin-right: 10px !important;
}

.mR15 {
  margin-right: 15px !important;
}

.mR20 {
  margin-right: 20px !important;
}

.mR65 {
  margin-right: 65px !important;
}

.mR1em {
  margin-right: 1em !important;
}

.mR2em {
  margin-right: 2em !important;
}

.mB0 {
  margin-bottom: 0 !important;
}

.mB5 {
  margin-bottom: 5px !important;
}

.mB10 {
  margin-bottom: 10px !important;
}

.mB15 {
  margin-bottom: 15px !important;
}

.mB20 {
  margin-bottom: 20px !important;
}

.mB25 {
  margin-bottom: 25px !important;
}

.mB30 {
  margin-bottom: 30px !important;
}

.mB35 {
  margin-bottom: 35px !important;
}

.mB40 {
  margin-bottom: 40px !important;
}

.mB45 {
  margin-bottom: 45px !important;
}

.mB50 {
  margin-bottom: 50px !important;
}

.mB55 {
  margin-bottom: 55px !important;
}

.mB60 {
  margin-bottom: 60px !important;
}

.mB70 {
  margin-bottom: 70px !important;
}

.mL10 {
  margin-left: 10px !important;
}

.mL17 {
  margin-left: 17px !important;
}

.mL20 {
  margin-left: 20px !important;
}

.mL25 {
  margin-left: 25px !important;
}

.mL30 {
  margin-left: 30px !important;
}

.mL40 {
  margin-left: 40px !important;
}

.mL50 {
  margin-left: 50px !important;
}

.mL70 {
  margin-left: 70px !important;
}

.mT5 {
  margin-top: 5px !important;
}

.mT20 {
  margin-top: 20px !important;
}

.pT3 {
  padding-top: 3px !important;
}

.pB10 {
  padding-bottom: 10px !important;
}

.txtRed {
  color: #e60012 !important;
}

.wid960 {
  width: 960px !important;
}

.wid177 {
  width: 177px !important;
}

.he70 {
  height: 70px !important;
}

/*------テキスト関係----*/
.txt_c {
  text-align: center !important;
}

.txt_r {
  text-align: right !important;
}

.txt_ind {
  padding-left: 1em;
  text-indent: -1em;
}

.txt_b {
  font-weight: bold;
}

.font12 {
  font-size: 0.857em;
}

.font16 {
  font-size: 16px;
}

.c_b {
  clear: both;
}

.Blue {
  color: #036eb8;
}

.Red {
  color: #e60012;
}

.white {
  color: #fff;
}

.kidou {
  font-family: ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}

/*------横並び----*/
.r {
  float: right;
}

.l {
  float: left;
}

/*------フォーム全般----*/
input[type="text"],
input[type="password"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 20px;
  line-height: 20px;
}

input[type="number"] {
  text-align: right;
}

select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 20px;
  line-height: 20px;
}

textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  ime-mode: active;
}

.ime_a {
  ime-mode: active;
}

.ime_i {
  ime-mode: inactive;
}

.ime_d {
  ime-mode: disabled;
}

/*------clearfix----*/
.cf:after,
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0.1px;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.cf,
.clearfix {
  display: inline-block;
}

* html .cf,
* html .clearfix {
  height: 1%;
  overflow: visible;
}

.cf,
.clearfix {
  display: block;
}

.cf:after,
header:after,
footer:after,
section:after,
article:after,
div:after,
ul:after,
ol:after {
  clear: both;
  content: "";
  display: block;
}

.pulldown {
  position: relative;
}

/***------------
テーブル
------------***/
#con_l .tb01 {
  border-collapse: collapse;
  letter-spacing: normal;
  margin-bottom: 20px;
  table-layout: auto;
  text-align: left;
  width: 680px;
}

#con_l .tb01 caption {
  margin-bottom: 3px;
  text-align: left;
}

#con_l .tb01 td,
.tb01 th {
  border: 1px solid #b5b5b6;
  line-height: 1.2em;
  padding: 13px 5px;
}

#con_l .tb01 th {
  background: #f2f2f2 none repeat scroll 0 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

#con_l .tb01 td {
  text-align: right;
}

/***------------
wrapper
------------***/
#wrapper {
  width: 100%;
}

/***------------
page-top
------------***/
#page-top {
  position: fixed;
  right: 31px;
  z-index: 10;
}

/***------------
header
------------***/
#header {
  border-bottom: 2px solid #036eb8;
  height: 118px;
  padding-top: 2px;
  width: 100%;
  background: #fff;
  page-break-after: avoid;
}

#headerIn {
  margin: 0 auto;
  width: 960px;
}

#headerIn p.logotxt {
  font-size: 0.786em;
  height: 28px;
  margin: 8px 75px -8px;
}

#headerIn .head02 {
  height: 30px;
  margin-bottom: 7px;
  position: relative;
  width: 960px;
}

#headerIn h1.logo {
  float: left;
  width: 267px;
}

#headerIn p.logo {
  float: left;
  width: 267px;
}

#headerIn .h_r {
  float: right;
  height: 30px;
  width: 424px;
}

#headerIn .toph_r {
  float: right;
  height: 30px;
  width: 625px;
}

#headerIn .h_r .eigo {
  float: left;
  height: 27px;
  margin-right: 30px;
}

#headerIn .h_r .eigo a {
  color: #000;
}

#headerIn ul.txtsize {
  border-left: 1px dotted #c9caca;
  border-right: 1px dotted #c9caca;
  float: left;
  height: 27px;
  margin-right: 10px;
  padding-left: 9px;
  padding-right: 9px;
  width: 151px;
}

#headerIn ul.txtsize li {
  float: left;
  height: 27px;
}

#headerIn ul.txtsize li.small,
#headerIn ul.txtsize li.middle,
#headerIn ul.txtsize li.large {
  cursor: pointer;
}

#headerIn ul.txtsize li.small.current {
  background: url("../img/btn_small_ov.gif") no-repeat scroll 0 0;
}

#headerIn ul.txtsize li.middle.current {
  background: url("../img/btn_middle_ov.gif") no-repeat scroll 0 0;
}

#headerIn ul.txtsize li.large.current {
  background: url("../img/btn_large_ov.gif") no-repeat scroll 0 0;
}

#headerIn ul.txtsize li.small.current img,
#headerIn ul.txtsize li.middle.current img,
#headerIn ul.txtsize li.large.current img {
  visibility: hidden;
}

/*--yahooカスタムサーチ--*/
#srchBox {
  width: 243px;
  text-align: left;
  float: right;
}

#srchBox * {
  margin: 0;
  padding: 0;
  font-size: 13px;
  *font-size: small;
  *font: x-small;
}

#srchBox a img {
  border: none;
}

#srchBox #srch #srchForm {
  white-space: nowrap;
}

#srchBox #srchInput {
  margin-right: 10px;
  height: 27px;
  width: 160px;
}

#srchBox #srchBtn {
  width: 69px;
}

#srchBox #srch #srchForm input[type="submit"] {
  background: url("../img/btn_search.gif") no-repeat scroll 0 0;
  border: medium none;
  height: 27px;
  width: 69px;
}

#srchBox ul {
  margin-top: 6px;
  text-align: left;
}

#srchBox li {
  list-style-type: none;
  display: inline;
  zoom: 1;
  padding-right: 10px;
}

#srchBox li input {
  zoom: 1;
  margin-right: 2px;
  _margin: -4px 0 -4px -4px;
  vertical-align: middle;
  border: 0;
}

*: +html #srchBox li input {
  margin: -4px 0 -4px -4px;
}

#srchBox #srchLogo {
  margin: 6px 6px 6px 0;
  text-align: right;
}

#srchBox #srchLogo a {
  color: #666666;
  text-decoration: none;
  font-size: 85%;
}

#srchBox #srchLogo a:hover {
  text-decoration: underline;
}

#srchBox.watermark {
  padding-bottom: 6px;
}

#srchBox.watermark #srchInput {
  padding: 0 5px;
  border: 1px solid #a5acb2;
  background: #fff
    url(https://s.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif)
    center center no-repeat;
}

#srchBox.watermark #srchInput.nomark {
  background: #fff;
}

#srchBox.watermark #srchLogo {
  display: none;
}

/***------------
ヘッダーメニュー
------------***/
ol#nav {
  background: url("../img/bk_nav.gif") no-repeat scroll 954px 14px;
  height: 53px;
  width: 960px;
}

#nav li {
  background: url("../img/bk_nav.gif") no-repeat scroll left 14px;
  display: table;
  float: left;
  font-size: 1.071em;
  height: 53px;
  position: relative;
  text-align: center;
  width: 191px;
}

#nav li a {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  width: 100%;
}

#nav > li > a {
  border-radius: 6px 6px 0 0;
  /* CSS3 */
  -webkit-border-radius: 6px 6px 0 0;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px 6px 0 0;
  /* Firefox用 */
  behavior: url(//www.kobayashikako.co.jp/temporary/css/pie/PIE.htc);
  /* IE用 */
  position: relative;
}

#nav > li:hover > a {
  color: #231815;
  text-decoration: none;
  width: 100%;
  background: #f2f2f2;
  height: 100%;
  border-radius: 6px 6px 0 0;
  /* CSS3 */
  -webkit-border-radius: 6px 6px 0 0;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px 6px 0 0;
  /* Firefox用 */
  behavior: url(//www.kobayashikako.co.jp/temporary/css/pie/PIE.htc);
  /* IE用 */
}

#nav > li > a.current {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #036eb8;
  height: 100%;
  border-radius: 6px 6px 0 0;
  /* CSS3 */
  -webkit-border-radius: 6px 6px 0 0;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px 6px 0 0;
  /* Firefox用 */
  behavior: url(//www.kobayashikako.co.jp/temporary/css/pie/PIE.htc);
  /* IE用 */
}

#nav li.last {
  background: url("../img/bk_nav.gif") no-repeat scroll left 14px;
  float: left;
  font-size: 1.071em;
  height: 53px;
  text-align: center;
  width: 190px;
}

/*----プルダウン部分----*/
#nav li ol {
  border-top: 1px solid #c9caca;
  border-left: 1px solid #c9caca;
  display: none;
  left: 0;
  position: absolute;
  top: 55px;
  z-index: 100;
}

#nav li ol.row1 {
  width: 190px;
}

#nav li ol.row2 {
  width: 379px;
}

#nav li ol.row3 {
  width: 568px;
}

#nav li ol li {
  background: #ffffff;
  border-bottom: 1px solid #c9caca;
  border-right: 1px solid #c9caca;
  font-size: 0.9em;
  line-height: 1.2em;
  text-align: left;
  width: 188px;
  float: left;
}

#nav li ol li a {
  background: #ffffff url("../img/icon1.gif") no-repeat scroll 10px center;
  display: table-cell;
  width: 158px;
  height: 100%;
  padding-left: 20px;
  padding-right: 10px;
}

#nav li ol li a:hover {
  background: #f2f2f2 url("../img/icon1.gif") no-repeat scroll 10px center;
  color: #231815;
  width: 100%;
  height: 100%;
}

.pulldown ol {
  display: none;
  left: 0;
  position: absolute;
  top: 100%;
}

/***------------
トップスライド
------------***/
#topimg {
  background: url("../img/bk_topimg.jpg") no-repeat scroll center top;
/*  height: 380px; */
  padding-top: 20px;
  width: 100%;
}
#topimg ul{
  margin-bottom: 30px;
}

#slide {
  border: 5px solid #fff;
  height: 340px;
  margin: 0 auto;
  position: relative;
  width: 950px;
}

#slide img {
  left: 0;
  position: absolute;
  top: 0;
}

/***------------
トップナビ2
------------***/
#nav2 {
  background: #efefef none repeat scroll 0 0;
  border-bottom: 1px solid #c9caca;
  border-top: 1px solid #c9caca;
  margin-bottom: 60px;
  width: 100%;
}

#nav2In {
  background: url(../img/line_top.gif) repeat-y;
  margin: 0 auto;
  width: 960px;
}

#nav2In li {
  float: left;
  padding: 20px;
  width: 280px;
}
#nav2In li:first-child {
  width: 560px;
}
#nav2In li h2 {
  background: url("../img/line1.gif") no-repeat scroll center bottom;
  height: 108px;
  margin-bottom: 13px;
}

#nav2In li p {
  background: url("../img/icon2.gif") no-repeat scroll left 4px;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 15px;
  padding-left: 15px;
}

/***------------
トップページ
------------***/
#topcontents {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 960px;
  page-break-before: avoid;
}

#topcontents a img{
  width: 100%;
}

#top_r {
/*  float: right;
  width: 680px;*/
}

#top_r ul.topbnr01 {
  width: 680px;
  margin-bottom: 60px;
  display: inline-block;
  /*--float時のIE8対応--*/
}

#top_r ul.topbnr01 li {
  width: 330px;
}

#top_r .news {
  border: 1px solid #c9caca;
  padding: 30px;
  width: 618px;
}

#top_r .news .header {
  border-bottom: 1px solid #898989;
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 618px;
  display: inline-block;
  /*--float時のIE8対応--*/
}

#top_r .news .header h3 {
  width: 237px;
  float: left;
}

#top_r .news .header p {
  width: 110px;
  float: right;
}

#top_r .news .wrap {
  height: 315px;
  overflow: auto;
}

#top_r .news .wrap dl {
  border-bottom: 1px dotted #898989;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

#top_r .news .wrap dl:last-child {
  margin-bottom: 0;
}

#top_r .news .wrap dl dt {
  float: left;
  width: 120px;
}

#top_r .news .wrap dl dd {
  padding-left: 120px;
}

#top_l {
/*  float: left;
  width: 240px;*/
}

#top_l ul.bnr li {
  margin-bottom: 10px;
}

#contents {
  background: url("../img/bk_topimg.png") no-repeat scroll center top;
  width: 100%;
  padding-bottom: 100px;
  display: inline-block\9;
  /*--float時のIE8対応--*/
}

/*------タイトルイメージ----*/
#contentsIn h1.genericimg {
  width: 960px;
  height: 180px;
  background: url(../generic/img/tit.jpg) no-repeat;
  text-align: center;
  display: table;
}

#contentsIn h1.facilitiesimg {
  width: 960px;
  height: 180px;
  background: url(../facilities/img/tit.jpg) no-repeat;
  text-align: center;
  display: table;
}

#contentsIn h1.companyimg {
  width: 960px;
  height: 180px;
  background: url(../company/img/tit.jpg) no-repeat;
  text-align: center;
  display: table;
}

#contentsIn h1.generalimg {
  width: 960px;
  height: 180px;
  background: url(../general/img/tit.jpg) no-repeat;
  text-align: center;
  display: table;
}

#contentsIn h1.genericimg span,
#contentsIn h1.facilitiesimg span,
#contentsIn h1.generalimg span,
#contentsIn h1.companyimg span {
  width: 960px;
  height: 180px;
  display: table-cell;
  vertical-align: middle;
  font-size: 1.143em;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 7px #000000;
}

#contentsIn h1.generalimg span {
  -webkit-filter: glow(color=#666666, strength=10px) \9;
  filter: glow(color=#666666, strength=10px) \9;
}

#contentsIn {
  margin: 0 auto;
  padding-top: 20px;
  width: 960px;
}

#contentsIn h1 {
  margin-bottom: 10px;
}

#contentsIn p.pankuzu {
  display: table-cell;
  font-size: 0.857em;
  height: 30px;
  padding-bottom: 5px;
  text-align: left;
  vertical-align: middle;
  width: 960px;
}

#contentsIn p.pankuzu2 {
  /*----ｗ960のh2使用時----*/
  display: table;
  font-size: 0.857em;
  height: 30px;
  padding-bottom: 5px;
  text-align: left;
  width: 960px;
}

#contentsIn p.pankuzu2 span {
  width: 960px;
  height: 30px;
  display: table-cell;
  vertical-align: middle;
}

#contentsIn ul.panbox li p.pankuzu3 {
  /*----detail.phpで使用----*/
  display: table;
  font-size: 0.857em;
  height: 30px;
  padding-bottom: 5px;
  text-align: left;
  width: 750px;
}

#contentsIn ul.panbox li p.pankuzu3 span {
  width: 750px;
  height: 30px;
  display: table-cell;
  vertical-align: middle;
}

#contentsIn ul.panbox li .sbtn {
  width: 200px;
  float: right;
}

#contentsIn ul.panbox li .sbtn p {
  width: 158px;
  padding: 5px 10px 5px 30px;
  border: 1px solid #c9caca;
  background: #e6e9ef url(../img/icon6.png) no-repeat 15px;
  display: table;
}

#contentsIn ul.panbox li .sbtn p a {
  width: 200px;
  display: table-cell;
  vertical-align: middle;
}

/***------------
右メニュー
------------***/
#con_r {
  float: right;
  padding-top: 6px;
  width: 240px;
}

#con_r dl.rightnav {
  margin-bottom: 20px;
  width: 240px;
}

#con_r dl.rightnav dt {
  background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#2178c2),
      to(#244a88)
    )
    repeat scroll 0 0;
  background: -webkit-linear-gradient(#2178c2, #244a88) repeat scroll 0 0;
  background: -o-linear-gradient(#2178c2, #244a88) repeat scroll 0 0;
  background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#2178c2),
      to(#244a88)
    )
    repeat scroll 0 0;
  background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#2178c2),
      to(#244a88)
    )
    repeat scroll 0 0;
  background: linear-gradient(#2178c2, #244a88) repeat scroll 0 0;
  /* IE 5.5-7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2178c2', endColorstr='#244a88', GradientType=0);
  /* IE 8+ */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2178c2', endColorstr='#244a88', GradientType=0)";
  /* IE 10 */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2178c2),
    to(#244a88)
  );
  /* safari */
  background: -webkit-linear-gradient(top, #2178c2, #244a88);
  background: -o-linear-gradient(top, #2178c2, #244a88);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2178c2),
    to(#244a88)
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2178c2),
    to(#244a88)
  );
  background: linear-gradient(to bottom, #2178c2, #244a88);
  border: 1px solid #031f61;
  color: #fff;
  display: table-cell;
  font-size: 1.143em;
  font-weight: bold;
  line-height: 1.3em;
  padding-bottom: 22px;
  padding-left: 10px;
  padding-top: 24px;
  vertical-align: middle;
  width: 228px;
}

#con_r dl.rightnav dt a {
  color: #fff;
  text-decoration: none;
}

#con_r dl.rightnav dd {
  color: #036eb8;
  font-weight: bold;
  line-height: 1.4em;
  background: #fff none repeat scroll 0 0;
}

#con_r dl.rightnav dd a {
  width: 213px;
  display: block;
  padding-bottom: 22px;
  padding-top: 22px;
  padding-right: 0px;
  border-left: 1px solid #c9caca;
  border-right: 1px solid #c9caca;
  padding-left: 25px;
  background: url("../img/icon2.gif") no-repeat scroll 10px center;
}

#con_r dl.rightnav dd a:link {
  color: #231815;
  text-decoration: none;
}

#con_r dl.rightnav dd a:visited {
  color: #231815;
  text-decoration: none;
}

#con_r dl.rightnav dd a:hover,
#con_r dl.rightnav dd.bo_n a:hover {
  text-decoration: none;
  background: #f2f2f2 url("../img/icon2.gif") no-repeat scroll 10px center;
  border-bottom: none;
  color: #231815;
}

#con_r dl.rightnav dd > a.current {
  color: #ffffff;
  text-decoration: none;
  background: #4a97cc url("../img/icon2.gif") no-repeat scroll 10px center !important;
  border-bottom: none;
}

#con_r dl.rightnav dd span {
  width: 203px;
  display: block;
  padding-bottom: 22px;
  padding-top: 22px;
  padding-right: 10px;
  border-left: 1px solid #c9caca;
  border-right: 1px solid #c9caca;
  padding-left: 25px;
  background: url("../img/icon2.gif") no-repeat scroll 10px center;
}

#con_r dl.rightnav dd ol {
  /*
	display:none;
*/
}

#con_r dl.rightnav dd {
  border-bottom: 1px solid #c9caca;
}

#con_r dl.rightnav dd ol,
#con_r dl.rightnav dd.bo_n ol {
  font-weight: normal;
  width: 238px;
  border-left: 1px solid #c9caca;
  border-right: 1px solid #c9caca;
}

#con_r dl.rightnav dd ol li,
#con_r dl.rightnav dd.bo_n ol li {
  font-size: 0.857em;
}

#con_r dl.rightnav dd ol li a,
#con_r dl.rightnav dd.bo_n ol li a {
  border-bottom: none;
  border-left: none;
  border-right: none;
  width: 183px;
  display: block;
  padding-bottom: 15px;
  padding-top: 15px;
  padding-right: 10px;
  padding-left: 45px;
  background: url("../img/icon2.gif") no-repeat scroll 30px center;
}

#con_r dl.rightnav dd ol li a:hover,
#con_r dl.rightnav dd.bo_n ol li a:hover {
  text-decoration: none;
  background: #f2f2f2 url("../img/icon2.gif") no-repeat scroll 30px center;
}

#con_r dl.rightnav dd ol li a.current,
#con_r dl.rightnav dd.bo_n ol li a.current {
  color: #ffffff;
  text-decoration: none;
  background: #4a97cc url("../img/icon2.gif") no-repeat scroll 30px center !important;
}

#con_r dl.rightnav dd ol li.last,
#con_r dl.rightnav dd.bo_n ol li.last {
  padding-bottom: 0;
}

#con_r ul.bnr {
  width: 240px;
}

#con_r ul.bnr li {
  margin-bottom: 20px;
}

/***-------------------
中ページコンテンツ共通
-------------------***/
#con_l {
  float: left;
  width: 680px;
}

#con_l h1.nontit {
  background: url("../img/bk_tit.png") no-repeat scroll 0 0;
  display: table-cell;
  font-size: 1.429em;
  font-weight: bold;
  height: 59px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-top: 3px;
  text-align: left;
  vertical-align: middle;
  width: 660px;
}

#con_l h2 {
  background: url("../img/bk_tit.png") no-repeat scroll 0 0;
  display: table-cell;
  font-size: 1.429em;
  font-weight: bold;
  height: 59px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-top: 3px;
  text-align: left;
  vertical-align: middle;
  width: 660px;
}

#contentsIn h1.w960 {
  background: url("../img/bk_tit2.png") no-repeat scroll 0 0;
  display: table-cell;
  font-size: 1.429em;
  font-weight: bold;
  height: 59px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-top: 3px;
  text-align: left;
  vertical-align: middle;
  width: 960px;
}

#contentsIn h2.w960 {
  background: url("../img/bk_tit2.png") no-repeat scroll 0 0 !important;
  display: table-cell;
  font-size: 1.429em;
  font-weight: bold;
  height: 59px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-top: 3px;
  text-align: left;
  vertical-align: middle;
  width: 960px;
}

#con_l h2.nontit {
  background: url("../img/bk_h3.png") no-repeat scroll 0 0;
  display: table;
  font-weight: bold;
  height: 52px;
  padding-left: 45px;
  width: 635px;
  padding-bottom: 0;
  padding-top: 0;
}

#con_l h2.nontit span {
  width: 635px;
  height: 52px;
  vertical-align: middle;
  display: table-cell;
}

#con_l h3 {
  background: url("../img/bk_h3.png") no-repeat scroll 0 0;
  display: table-cell;
  font-weight: bold;
  height: 49px;
  padding-bottom: 10px;
  padding-left: 45px;
  padding-top: 3px;
  vertical-align: middle;
  width: 635px;
}

#contentsIn h3.w960 {
  background: url("../img/bk_h3.png") no-repeat scroll 0 0;
  display: table-cell;
  font-weight: bold;
  height: 49px;
  padding-bottom: 10px;
  padding-left: 45px;
  padding-top: 3px;
  vertical-align: middle;
  width: 960px;
}

#con_l h3.sp1 {
  background: url("../img/bk_h3_02.gif") no-repeat scroll 0 0;
  display: table-cell;
  font-weight: bold;
  height: 56px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-top: 0;
  vertical-align: middle;
  width: 650px;
}

.table {
  display: table;
}

.table2 {
  display: table;
}

#contentsIn h2.imp {
  background: url("../img/border1.png") no-repeat scroll center bottom;
  display: table;
  font-size: 1.286em;
  font-weight: bold;
  height: 23px;
  padding-bottom: 5px;
  padding-left: 0;
  padding-top: 0;
  width: 680px;
  margin-bottom: 20px;
}

#contentsIn h2.imp span {
  background: url("../img/icon3.gif") no-repeat scroll left 3px;
  vertical-align: middle;
  padding-left: 30px;
  display: table-cell;
}

#con_l h3.imp {
  background: url("../img/border1.png") no-repeat scroll center bottom;
  display: table-cell;
  font-size: 1.286em;
  font-weight: bold;
  height: 23px;
  padding-bottom: 5px;
  padding-left: 0;
  padding-top: 0;
  vertical-align: middle;
  width: 680px;
}

#con_l h3.imp span {
  background: url("../img/icon3.gif") no-repeat scroll left 3px;
  padding-left: 30px;
}

#con_l h3.icon3 {
  width: 680px;
  background: url("../img/icon3.gif") no-repeat scroll left 5px;
  padding-left: 30px;
  border-bottom: 1px dotted #666;
  font-size: 1.429em;
  display: block;
  height: 100%;
  margin-bottom: 10px;
}

#con_l h4 {
  font-size: 1.071em;
  font-weight: bold;
  margin-bottom: 10px;
}

#con_l h4 span {
  color: #036eb8;
  font-family: ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}

#con_l .pdf {
  background: url("../img/pdf2.gif") no-repeat scroll left 3px;
  padding-left: 25px;
}

#con_l .pdf2 {
  background: url("../img/pdf2.gif") no-repeat scroll left top;
  padding-left: 25px;
  height: 21px;
}

#con_l .icon2 {
  background: url("../img/icon2.gif") no-repeat scroll 3px 5px;
  padding-left: 17px;
}

#con_l .icon6 {
  background: url("../img/icon6.png") no-repeat scroll 3px 5px;
  padding-left: 17px;
}

#contents .html {
  background: url("../img/html.gif") no-repeat scroll left 3px;
  padding-left: 30px;
}

#contents .pdf,
#contents .pdf3 {
  background: url("../img/pdf2.gif") no-repeat scroll left 3px;
  padding-left: 30px;
}

#contents .doc,
#contents .docx,
#contents .word,
#contents .world {
  background: url("../img/word.gif") no-repeat scroll left 3px;
  padding-left: 30px;
}

#contents .xls,
#contents .xlsx,
#contents .excel,
#contents .execel {
  background: url("../img/excel.gif") no-repeat scroll left 3px;
  padding-left: 30px;
}

/*----固定-----*/
.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}

/*----固定-----*/
/***------------
お知らせ
------------***/
#contents #con_l #product {
  width: 680px;
}

#contents #product ul.rekensaku {
}

#contents #product ul.rekensaku li.shibox {
  width: 150px;
  float: left;
}

#contents #product ul.rekensaku li.btn_re {
  width: 110px;
  float: left;
  margin-bottom: 30px;
}

#news {
  border-top: 1px dotted #424547;
  margin: 20px auto 0;
  padding-top: 20px;
  width: 640px;
}

#news dl.newsbox {
  border-bottom: 1px dotted #424547;
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 640px;
}

#news dl.newsbox dt {
  float: left;
  font-size: 0.857em;
  font-weight: bold;
  line-height: 2em;
  width: 120px;
}

#news dl.newsbox dd {
  float: left;
  font-size: 1em;
  line-height: 1.2em;
  width: 520px;
}

#news dl.newsbox dd h3 {
  background: none repeat scroll 0 0;
  display: block;
  font-size: 1em;
  font-weight: bold;
  height: auto;
  line-height: 1.4em;
  padding: 0;
  width: auto;
}

#news dl.newsbox dd p {
  line-height: 1.5em;
}

/*----3つのアイコン----*/
#news .catIcon0 {
  background: #d93334 none repeat scroll 0 0;
  min-width: 50px;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  line-height: 20px;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#news .catIcon1 {
  background: #172a88 none repeat scroll 0 0;
  min-width: 50px;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  line-height: 20px;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#news .catIcon2 {
  background: #006934 none repeat scroll 0 0;
  min-width: 50px;
  color: #fff;
  font-size: 1em;
  font-weight: bold;
  line-height: 20px;
  padding: 0 10px;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#news ul.paging {
  letter-spacing: -1em;
  position: relative;
  text-align: center;
  word-spacing: -1em;
}

:root #news ul.paging {
  font-size: 0.1px;
  letter-spacing: -1px;
  word-spacing: -1px;
}

#news ul.paging li {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0;
  margin: 0 1em;
  word-spacing: normal;
}

#news ul.paging li.prev {
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
}

#news ul.paging li.next {
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
}

/***------------
ジェネリック医薬品とは
------------***/
#generic {
  width: 680px;
}

#contents #con_l #generic {
  margin-top: 10px;
}

#contents #con_l #generic ul.safe {
  margin-right: -25px;
  width: 705px;
}

#contents #con_l #generic .safe li {
  float: left;
  margin-bottom: 20px;
  margin-right: 20px;
  width: 330px;
}

#contents #con_l #generic .safe h3 {
  background: #031f61 none repeat scroll 0 0;
  font-size: 1.143em;
  line-height: 1.2em;
  padding: 5px;
  width: 320px;
}

#contents #con_l #generic .safe h3 a {
  background: url("../img/icon3.png") no-repeat scroll 300px center;
  color: #fff;
  display: block;
  text-decoration: none;
}

#contents #con_l #generic h3 span {
  color: #036eb8;
  font-size: 0.833em;
  font-weight: normal;
  padding-left: 20px;
}

#generic .about01 {
  background: url("../generic/img/about01.gif") no-repeat scroll right 5px;
  height: 380px;
  padding-right: 250px;
  width: 430px;
}

#generic .public01 {
  background: url("../generic/img/public01.gif") no-repeat scroll right top;
  margin-bottom: 30px;
  padding-right: 250px;
  width: 410px;
}

#generic .pinkbox {
  background: #ffdcb9 none repeat scroll 0 0;
  padding: 10px;
  width: 80%;
}

#generic .pinkbox .icon2 {
  background: url("../img/icon2.gif") no-repeat scroll left 7px;
  padding-left: 5px;
}

#generic .quality01 {
  margin-bottom: 40px;
  width: 680px;
}

#generic .quality02 {
  float: right;
  padding-left: 20px;
}

#generic .quality03 {
  width: 680px;
}

#generic .quality04 {
  float: right;
  width: 270px;
}

#generic ol.tab {
  background: url("../generic/img/bk_tab.gif") no-repeat scroll center bottom;
  height: 82px;
  padding-left: 7px;
  width: 673px;
}

#generic ol.tab li {
  float: left;
}

#generic dl.pro01 {
  margin-bottom: 40px;
  width: 680px;
  display: inline-block;
  /*--float時のIE8対応--*/
}

#generic dl.pro01 dd {
  float: right;
  width: 250px;
}

#generic dl.pro01 dt {
  float: left;
  width: 405px;
}

#generic ul.pro01 {
  margin-bottom: 40px;
  width: 680px;
}

#generic ul.pro01 li.pro_l {
  float: left;
  width: 405px;
}

#generic ul.pro01 li.pro_r {
  float: right;
  width: 250px;
}

#generic .safe01 {
  width: 680px;
}

#generic .safe01 li.safe02 {
  float: right;
  width: 270px;
}

/***------------
小林化工の製剤改良
------------***/
#improvement {
  margin: 0 auto;
  width: 960px;
}

#improvement h1 {
  margin-bottom: 30px;
}

#improvement .head {
  background: url("../improvement/img/head02.png") no-repeat scroll 679px 270px;
  height: 400px;
  line-height: 2em;
  margin-bottom: 20px;
  text-align: center;
  width: 960px;
}

#improvement #con_l p.m_tit {
  height: 52px;
  margin-bottom: 40px;
  text-align: center;
}

html>

/**/
body #improvement li.vsie {
  margin-bottom/*\**/
	: 20px\9;
  /*--IE8のみ--*/
}

/***------------
施設紹介
------------***/
#facilities {
  width: 680px;
}

#contents #con_l #facilities {
  margin-top: 10px;
}

#contents #con_l #facilities ul.clearfix {
  margin-right: -25px;
  width: 705px;
}

#contents #con_l #facilities .clearfix li {
  width: 210px;
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}

#contents #con_l #facilities .clearfix h3 {
  background: #031f61 url(../img/icon3.png) no-repeat 192px center;
  font-size: 1.143em;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 15px;
  width: 185px;
  text-align: left;
}

#contents #con_l #facilities .clearfix h3 a {
  color: #fff;
  text-decoration: none;
  line-height: 1.3em;
}

#contents #con_l #facilities dl.pho {
  margin-bottom: 20px;
  padding-bottom: 20px;
  text-align: center;
  width: 680px;
}

#contents #con_l #facilities dl.pho dt {
  margin-bottom: 5px;
}

#contents #con_l #facilities dl.pho dd {
  text-align: left;
}

#contents #con_l #facilities .spho {
  width: 466px;
  margin: 0 auto 20px;
}

/***------------
医療関係者の皆様
------------***/
#medical {
  margin: 0 auto;
  width: 960px;
}

#medical h1 {
  margin-bottom: 15px;
}

#medical dl.question {
  background: #e6e9ef none repeat scroll 0 0;
  border: 1px solid #c9caca;
  padding-top: 30px;
  width: 958px;
}

#medical dl.question dt {
  border-bottom: 1px dotted #6b6e71;
  padding-bottom: 30px;
  text-align: center;
  width: 958px;
}

#medical dl.question dd {
  margin: 30px auto;
  width: 450px;
}

#medical dl.question dd div {
  width: 450px;
  display: inline-block;
  /*--float時のIE8対応--*/
}

/***------------
製品情報
------------***/
#contents .pnavi {
  width: 960px;
}

#contents .pnavi .pname {
  width: 720px;
  float: left;
}

#contents .pnavi ul.sbtn2 {
  width: 200px;
  float: right;
}

/*20160708追加ここから*/
#contents .pnavi ul.sbtn2 li.sbtnimg1 a,
#contents .pnavi ul.sbtn2 li.sbtnimg2 a {
  display: block;
}

#contents .pnavi ul.sbtn2 li.sbtnimg1 a:hover {
  background: url(../product/img/sbtn01_ov.png) no-repeat;
}

#contents .pnavi ul.sbtn2 li.sbtnimg2 a:hover {
  background: url(../product/img/sbtn02_ov.png) no-repeat;
}

#contents .pnavi ul.sbtn2 li.sbtnimg1 a:hover img,
#contents .pnavi ul.sbtn2 li.sbtnimg2 a:hover img {
  visibility: hidden;
}

/*20160708追加ここまで*/
#contents ul.btn_up {
  display: block;
  width: 960px;
  padding-bottom: 30px;
  margin-top: 30px;
  border-bottom: 3px solid #036eb8;
  margin-bottom: 30px;
}

#contents ul.btn_up li,
#contents ul.btn_down li {
  width: 540px;
  margin: 0 auto;
}

#contents ul.btn_down {
  display: block;
  width: 960px;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 3px solid #036eb8;
  clear: both;
}

#contents h3.detail {
  background: url(../img/icon3.gif) no-repeat left 1px;
  font-size: 1.9em;
  padding-left: 23px;
  margin-bottom: 10px;
  float: left;
}

#contents p.deIcon {
  float: left;
}

#contents p.deIcon span {
  background: #171c61 none repeat scroll 0 0;
  color: #fff;
  font-size: 0.857em;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}

#contents #con_l #product {
  width: 680px;
}

#contents #con_l #product .news {
  width: 680px;
  height: auto;
}

#contents #con_l #product .kensaku {
  background: #e6e9ef none repeat scroll 0 0;
  border: 1px solid #c9caca;
  margin-bottom: 30px;
  padding: 15px;
  width: 648px;
}

#contents #con_l #product .kensaku h3 {
  background: none;
  padding: 0;
  width: 122px;
  height: 28px;
  display: block;
  margin: 0 auto;
}

#contents #con_l #product .kensaku ul.kensakuIn {
  width: 648px;
  position: relative;
  display: inline-block;
  /*--float時のIE8対応--*/
}

#contents #con_l #product .kensaku ul.border {
  border-bottom: 1px dotted #6b6e71;
  margin-bottom: 10px;
  padding-bottom: 10px;
  width: 648px;
}

#contents #con_l #product .kensaku ul.kensakuIn li {
  display: inline-block;
  /*--float時のIE8対応--*/
}

#contents #con_l #product .kensaku ul.kensakuIn li input,
#contents #con_l #product .kensaku ul.kensakuIn li select,
#contents #con_l #product .kensaku ul.kensakuIn li select option {
  padding-left: 5px;
  padding-right: 5px;
}

#contents #con_l #product .kensaku ul.kensakuIn li select option {
  border-bottom: 1px dotted #c9caca;
  padding-bottom: 5px;
  padding-top: 5px;
}

#contents #con_l #product .kensaku ul.kensakuIn li input[type="text"] {
  float: left;
  height: 30px;
}

#contents #con_l #product .kensaku ul.kensakuIn li input[name="txtSearchName"] {
  width: 340px;
}

#contents #con_l #product .kensaku ul.kensakuIn li input[name="txtSearchNo"] {
  width: 255px;
}

#contents #con_l #product .kensaku ul.kensakuIn li select.sltKana {
  float: left;
  height: 30px;
  margin-left: 10px;
  width: 175px;
}

#contents #con_l #product .kensaku ul.kensakuIn li select[name="ippan"] {
  float: left;
  height: 30px;
  margin-left: 10px;
  /*width: 180px;*/
}

#contents #con_l #product .kensaku ul.kensakuIn li select[name="kobayashi"] {
  float: left;
  height: 30px;
  /*width: 180px;*/
}

#contents #con_l #product .kensaku ul.kensakuIn li select[name="bunrui"] {
  float: left;
  height: 30px;
  /*width: 490px;*/
}

#contents #con_l #product .kensaku ul.kensakuIn li.radio {
  margin-bottom: 5px;
}

#contents #con_l #product .kensaku ul.kensakuIn li.radio p {
  color: #244a88;
  float: left;
}

#contents #con_l #product .kensaku ul.kensakuIn li.radio p input[type="radio"] {
  display: none;
}

#contents
  #con_l
  #product
  .kensaku
  ul.kensakuIn
  li.radio
  p
  input[type="radio"]
  + label {
  display: block;
  background-image: url(../img/radio.png);
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 4px 0 0 20px;
}

#contents
  #con_l
  #product
  .kensaku
  ul.kensakuIn
  li.radio
  p
  input[type="radio"]:checked
  + label {
  background-image: url(../img/radio_on.png);
}

#contents #con_l #product .kensaku ul.kensakuIn li p {
  float: left;
  margin-left: 10px;
}

#contents #con_l #product h4 {
  margin-bottom: 20px;
}

#contents #con_l #product ol.btn {
  margin-bottom: 10px;
  width: 680px;
}

#contents #con_l #product ol.btn li {
  float: left;
  height: 35px;
  margin-left: 10px;
  position: relative;
}

#contents #con_l #product ol.btn li:first-child {
  margin-left: 0;
}

#contents #con_l #product ol.btn li p {
  color: #e60012;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  position: absolute;
  left: 5px;
  bottom: 100%;
}

#contents #con_l #product dl.news2 {
  border-bottom: 1px dotted #898989;
  line-height: 1em;
  padding-bottom: 15px;
  padding-top: 15px;
  width: 680px;
}

#contents #con_l #product dl.news2 dt {
  float: left;
  width: 130px;
  line-height: 1.5em;
}

#contents #con_l #product dl.news2 dd {
  float: left;
  width: 550px;
  line-height: 1.5em;
}

#contents #con_l #product p.shibori {
  background: url("../img/icon6.png") no-repeat scroll left 5px;
  color: #031f61;
  font-size: 1.143em;
  font-weight: bold;
  padding-left: 15px;
}

#contents #con_l #product ul.shiboriIn {
  margin-bottom: 25px;
}

#contents #con_l #product ul.shiboriIn li {
  float: left;
  font-weight: bold;
}

#contents #con_l #product ul.shiboriIn li p {
  display: table-cell;
  height: 35px;
  vertical-align: middle;
}

#contents #con_l #product ul.shiboriIn li input,
#contents #con_l #product ul.shiboriIn li input select,
#contents #con_l #product ul.shiboriIn li input select option {
  padding-left: 5px;
  padding-right: 5px;
}

#contents #con_l #product ul.shiboriIn li select option {
  border-bottom: 1px dotted #c9caca;
  padding-bottom: 5px;
  padding-top: 5px;
}

#contents #con_l #product ul.shiboriIn li input[type="text"] {
  float: left;
  height: 35px;
  width: 250px;
}

#contents #con_l #product ul.shiboriIn li select.sltKana {
  float: left;
  height: 35px;
  margin-left: 10px;
  width: 80px;
}

#contents #con_l #product ul.listbox {
  width: 680px;
  margin-bottom: 50px;
}

#contents #con_l #product ul.listbox li {
  background: #e6e9ef url("../img/icon6.png") no-repeat scroll 15px 50%;
  border: 1px solid #c9caca;
}

#contents #con_l #product ul.listbox li p {
  display: table-cell;
  height: 38px;
  padding-left: 25px;
  width: 443px;
  vertical-align: middle;
}

.tbShima {
  border-collapse: collapse;
  letter-spacing: normal;
  margin-bottom: 0;
  table-layout: auto;
  text-align: left;
  width: 960px;
}

.tbShima caption {
  margin-bottom: 3px;
  text-align: left;
}

.tbShima td,
.tbShima th {
  border: 1px solid #b5b5b6;
  line-height: 1.2em;
  padding: 20px 15px;
}

.tbShima th {
  background: #f2f2f2 none repeat scroll 0 0;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}

.tbShima tr:nth-child(2n + 0) td {
  border: 1px solid #b5b5b6;
  line-height: 1.2em;
  padding: 20px 15px;
  background: #e6e9ef;
}

#contents #con_l #product .toi {
  background: #e6e9ef none repeat scroll 0 0;
  border: 1px solid #c9caca;
  margin-bottom: 30px;
  padding: 15px 40px;
  width: 598px;
}

#contents #con_l #product .toi p {
  margin-bottom: 15px;
}

#contents #con_l #product .toi .clearfix {
  display: inline-block;
  /*--float時のIE8対応--*/
}

#contents #con_l #product .toi dl {
  width: 280px;
}

#contents #con_l #product .toi dl dt {
  width: 280px;
  border-bottom: 1px dotted #666;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-weight: bold;
}

/*--20160621追加--*/
#contents #con_l #product .topbox {
  width: 960px;
}

/*----新製品情報等----*/
#contents #topbox_p {
  width: 960px;
  height: 290px;
  background: url(../product/img/bk_topbnr.png) no-repeat;
  margin-bottom: 30px;
}

#contents #topbox_p li.box1 {
  width: 634px;
  height: 254px;
  float: left;
  padding: 18px 10px 18px 16px;
}

#contents #topbox_p > div {
  float: left;
  padding: 18px 16px;
}

#contents #topbox_p > div.box2.new {
  padding-top: 54px;
}

#contents #topbox_p li.box1.slide {
  padding: 0;
}

#contents #topbox_p li.box2 {
  padding-left: 22px;
  padding-top: 53px;
  float: left;
}

#contents #topbox_p .box2 div ol {
  background: #fff none repeat scroll 0 0;
  width: 208px;
  border: 1px solid #c9caca;
  margin-left: -115px;
  display: none;
  padding: 0 10px;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 100;
}

#contents #topbox_p .box2 div ol li {
  border-bottom: 1px solid #c9caca;
  border-left: medium none;
  font-size: 0.9em;
  line-height: 1.2em;
  text-align: center;
  width: 100%;
}

#contents #topbox_p .box2 div ol li:last-child {
  border-bottom: medium none;
}

#contents #topbox_p .box2 div ol li a {
  display: block;
  width: 100%;
  padding: 10px 0;
}

#contents #topbox_p .box2 div ol li a:hover {
  color: #999;
  width: 100%;
  background: none;
  height: 100%;
}

#contents #con_l #product2 ul.btn1 {
  width: 300px;
  margin: 0 auto 30px;
}

#contents #con_l #product2 .titbox {
  width: 680px;
  height: 43px;
  border-bottom: 7px solid #244a88;
  margin-bottom: 10px;
  position: relative;
}

#contents #con_l #product2 .titbox h3 {
  width: 340px;
  height: 43px;
  padding: 0;
  font-weight: bold;
  font-size: 1.286em;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2177c1+0,244f8f+100 */
  background: #2177c1;
  /* Old browsers */
  /* FF3.6-15 */
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2177c1 0%, #244f8f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2177c1),
    to(#244f8f)
  );
  background: -o-linear-gradient(top, #2177c1 0%, #244f8f 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2177c1),
    to(#244f8f)
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2177c1),
    to(#244f8f)
  );
  background: linear-gradient(to bottom, #2177c1 0%, #244f8f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2177c1', endColorstr='#244f8f', GradientType=0);
  /* IE6-9 */
  border-radius: 6px 6px 0 0;
  /* CSS3 */
  -webkit-border-radius: 6px 6px 0 0;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 6px 6px 0 0;
  /* Firefox用 */
  behavior: url(//www.kobayashikako.co.jp/temporary/css/pie/PIE.htc);
  /* IE用 */
  border-left: 1px solid #031f61;
  border-right: 1px solid #031f61;
  border-top: 1px solid #031f61;
  float: left;
  margin-left: 49px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

#contents #con_l #product2 .titbox h3 span {
  width: 340px;
  text-align: center;
  height: 43px;
  display: table-cell;
  vertical-align: middle;
}

#contents #con_l #product2 .titbox h3 img {
  margin-top: 7px;
  margin-right: 5px;
}

#contents #con_l #product2 ul.newbox1,
#contents #con_l #product2 ul.newbox2,
#contents #con_l #product2 ul.newbox3,
#contents #con_l #product2 ul.newbox4,
#contents #con_l #product2 ul.newbox5,
#contents #con_l #product2 ul.newbox6,
#contents #con_l #product2 ul.newbox7,
#contents #con_l #product2 ul.newbox8,
#contents #con_l #product2 ul.newbox9 {
  width: 640px;
  padding: 20px;
  border: 1px dotted #031f61;
  margin-bottom: 40px;
  background: #fff;
}

/*newbox1*/
#contents #con_l #product2 ul.newbox1 li .newboxIn {
  width: 371px;
  border-left: 5px solid #031f61;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox1 li .newboxIn2 {
  width: 290px;
  border-left: 5px solid #031f61;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox1 li .newboxIn p.txt3 span {
  min-width: 100px;
  display: inline-block;
  padding: 7px 5px 4px;
  border: 1px solid #031f61;
  box-sizing: border-box;
  color: #031f61;
  font-size: 1em;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
}

#contents #con_l #product2 ul.newbox1 li .newboxIn p.txt3.yet span {
  min-width: 115px;
}

#contents #con_l #product2 ul.newbox1 .large{
  font-size: large;
}

#contents #con_l #product2 ul.newbox1 sub{
  font-size: 10px;
  vertical-align: text-bottom;
}

#contents #con_l #product2 ul.newbox1 sup{
  font-size: 10px;
  vertical-align: text-top;
}

/*newbox2*/
#contents #con_l #product2 ul.newbox2 li .newboxIn {
  width: 371px;
  border-left: 5px solid #ff6369;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox2 li .newboxIn2 {
  width: 290px;
  border-left: 5px solid #ff6369;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox2 li .newboxIn p.txt3 span {
  width: 100px;
  height: 27px;
  font-size: 1em;
  line-height: 1em;
  color: #ff6369;
  border: 1px solid #ff6369;
  padding: 2px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*newbox3*/
#contents #con_l #product2 ul.newbox3 li .newboxIn {
  width: 371px;
  border-left: 5px solid #ff610d;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox3 li .newboxIn2 {
  width: 290px;
  border-left: 5px solid #ff610d;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox3 li .newboxIn p.txt3 span {
  width: 100px;
  height: 27px;
  font-size: 1em;
  line-height: 1em;
  color: #ff610d;
  border: 1px solid #ff610d;
  padding: 2px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*newbox4*/
#contents #con_l #product2 ul.newbox4 li .newboxIn {
  width: 371px;
  border-left: 5px solid #358fbe;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox4 li .newboxIn2 {
  width: 290px;
  border-left: 5px solid #358fbe;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox4 li .newboxIn p.txt3 span {
  width: 100px;
  height: 27px;
  font-size: 1em;
  line-height: 1em;
  color: #358fbe;
  border: 1px solid #358fbe;
  padding: 2px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*newbox5*/
#contents #con_l #product2 ul.newbox5 li .newboxIn {
  width: 371px;
  border-left: 5px solid #de3017;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox5 li .newboxIn2 {
  width: 290px;
  border-left: 5px solid #de3017;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox5 li .newboxIn p.txt3 span {
  width: 100px;
  height: 27px;
  font-size: 1em;
  line-height: 1em;
  color: #de3017;
  border: 1px solid #de3017;
  padding: 2px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*newbox6*/
#contents #con_l #product2 ul.newbox6 li .newboxIn {
  width: 371px;
  border-left: 5px solid #00911f;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox6 li .newboxIn2 {
  width: 290px;
  border-left: 5px solid #00911f;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox6 li .newboxIn p.txt3 span {
  width: 100px;
  height: 27px;
  font-size: 1em;
  line-height: 1em;
  color: #00911f;
  border: 1px solid #00911f;
  padding: 2px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*newbox7*/
#contents #con_l #product2 ul.newbox7 li .newboxIn {
  width: 371px;
  border-left: 5px solid #734d82;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox7 li .newboxIn2 {
  width: 371px;
  border-left: 5px solid #734d82;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox7 li .newboxIn p.txt3 span {
  width: 100px;
  height: 27px;
  font-size: 1em;
  line-height: 1em;
  color: #734d82;
  border: 1px solid #734d82;
  padding: 2px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*newbox8*/
#contents #con_l #product2 ul.newbox8 li .newboxIn {
  width: 371px;
  border-left: 5px solid #ee2b63;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox8 li .newboxIn2 {
  width: 290px;
  border-left: 5px solid #ee2b63;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox8 li .newboxIn p.txt3 span {
  width: 100px;
  height: 27px;
  font-size: 1em;
  line-height: 1em;
  color: #ee2b63;
  border: 1px solid #ee2b63;
  padding: 2px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*newbox9*/
#contents #con_l #product2 ul.newbox9 li .newboxIn {
  width: 371px;
  border-left: 5px solid #00a29a;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox9 li .newboxIn2 {
  width: 290px;
  border-left: 5px solid #00a29a;
  padding: 10px 0 15px 15px;
  margin-bottom: 20px;
}

#contents #con_l #product2 ul.newbox9 li .newboxIn p.txt3 span {
  width: 100px;
  height: 27px;
  font-size: 1em;
  line-height: 1em;
  color: #00a29a;
  border: 1px solid #00a29a;
  padding: 2px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#contents #con_l #product2 ul.newbox1 li .newboxIn p.txt1,
#contents #con_l #product2 ul.newbox2 li .newboxIn p.txt1,
#contents #con_l #product2 ul.newbox3 li .newboxIn p.txt1,
#contents #con_l #product2 ul.newbox4 li .newboxIn p.txt1,
#contents #con_l #product2 ul.newbox5 li .newboxIn p.txt1,
#contents #con_l #product2 ul.newbox6 li .newboxIn p.txt1,
#contents #con_l #product2 ul.newbox7 li .newboxIn p.txt1,
#contents #con_l #product2 ul.newbox8 li .newboxIn p.txt1,
#contents #con_l #product2 ul.newbox9 li .newboxIn p.txt1 {
  font-size: 1em;
  line-height: 1.3em;
  margin-bottom: 8px;
}

#contents #con_l #product2 ul.newbox1 li .newboxIn h4,
#contents #con_l #product2 ul.newbox1 li .newboxIn2 h4,
#contents #con_l #product2 ul.newbox2 li .newboxIn h4,
#contents #con_l #product2 ul.newbox2 li .newboxIn2 h4,
#contents #con_l #product2 ul.newbox3 li .newboxIn h4,
#contents #con_l #product2 ul.newbox3 li .newboxIn2 h4,
#contents #con_l #product2 ul.newbox4 li .newboxIn h4,
#contents #con_l #product2 ul.newbox4 li .newboxIn2 h4,
#contents #con_l #product2 ul.newbox5 li .newboxIn h4,
#contents #con_l #product2 ul.newbox5 li .newboxIn2 h4,
#contents #con_l #product2 ul.newbox6 li .newboxIn h4,
#contents #con_l #product2 ul.newbox6 li .newboxIn2 h4,
#contents #con_l #product2 ul.newbox7 li .newboxIn h4,
#contents #con_l #product2 ul.newbox7 li .newboxIn2 h4,
#contents #con_l #product2 ul.newbox8 li .newboxIn h4,
#contents #con_l #product2 ul.newbox8 li .newboxIn2 h4,
#contents #con_l #product2 ul.newbox9 li .newboxIn h4,
#contents #con_l #product2 ul.newbox9 li .newboxIn2 h4 {
  font-size: 1.643em;
  font-weight: bold;
  line-height: 1.2em;
}

#contents #con_l #product2 ul.newbox1 li .newboxIn small,
#contents #con_l #product2 ul.newbox1 li .newboxIn2 small,
#contents #con_l #product2 ul.newbox2 li .newboxIn small,
#contents #con_l #product2 ul.newbox2 li .newboxIn2 small,
#contents #con_l #product2 ul.newbox3 li .newboxIn small,
#contents #con_l #product2 ul.newbox3 li .newboxIn2 small,
#contents #con_l #product2 ul.newbox4 li .newboxIn small,
#contents #con_l #product2 ul.newbox4 li .newboxIn2 small,
#contents #con_l #product2 ul.newbox5 li .newboxIn small,
#contents #con_l #product2 ul.newbox5 li .newboxIn2 small,
#contents #con_l #product2 ul.newbox6 li .newboxIn small,
#contents #con_l #product2 ul.newbox6 li .newboxIn2 small,
#contents #con_l #product2 ul.newbox7 li .newboxIn small,
#contents #con_l #product2 ul.newbox7 li .newboxIn2 small,
#contents #con_l #product2 ul.newbox8 li .newboxIn small,
#contents #con_l #product2 ul.newbox8 li .newboxIn2 small,
#contents #con_l #product2 ul.newbox9 li .newboxIn small,
#contents #con_l #product2 ul.newbox9 li .newboxIn2 small {
  vertical-align: super;
}

#contents #con_l #product2 ul.newbox1 li .newboxIn p.txt2,
#contents #con_l #product2 ul.newbox1 li .newboxIn2 p.txt2,
#contents #con_l #product2 ul.newbox2 li .newboxIn p.txt2,
#contents #con_l #product2 ul.newbox2 li .newboxIn2 p.txt2,
#contents #con_l #product2 ul.newbox3 li .newboxIn p.txt2,
#contents #con_l #product2 ul.newbox3 li .newboxIn2 p.txt2,
#contents #con_l #product2 ul.newbox4 li .newboxIn p.txt2,
#contents #con_l #product2 ul.newbox4 li .newboxIn2 p.txt2,
#contents #con_l #product2 ul.newbox5 li .newboxIn p.txt2,
#contents #con_l #product2 ul.newbox5 li .newboxIn2 p.txt2,
#contents #con_l #product2 ul.newbox6 li .newboxIn p.txt2,
#contents #con_l #product2 ul.newbox6 li .newboxIn2 p.txt2,
#contents #con_l #product2 ul.newbox7 li .newboxIn p.txt2,
#contents #con_l #product2 ul.newbox7 li .newboxIn2 p.txt2,
#contents #con_l #product2 ul.newbox8 li .newboxIn p.txt2,
#contents #con_l #product2 ul.newbox8 li .newboxIn2 p.txt2,
#contents #con_l #product2 ul.newbox9 li .newboxIn p.txt2,
#contents #con_l #product2 ul.newbox9 li .newboxIn2 p.txt2 {
  font-size: 0.833em;
  color: #898989;
  line-height: 1.3em;
  margin-bottom: 3px;
}

#contents #con_l #product ul.pageokuri,
#contents #con_l #product2 ul.pageokuri {
  width: 680px;
  min-height: 1.5em;
  padding: 0 90px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}

#contents #con_l #product ul.pageokuri li,
#contents #con_l #product2 ul.pageokuri li {
  margin: 0 0.5em;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#contents #con_l #product ul.pageokuri li.pre,
#contents #con_l #product2 ul.pageokuri li.pre {
  margin: 0;
  position: absolute;
  left: 0;
}

#contents #con_l #product ul.pageokuri li.next,
#contents #con_l #product2 ul.pageokuri li.next {
  margin: 0;
  position: absolute;
  right: 0;
}

#contents #con_l #product2 .totop {
  width: 680px;
  text-align: center;
}

#contents #con_l #product2 .totop p {
  width: 680px;
  text-align: center;
  padding-top: 3px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2177c1+0,244f8f+100 */
  background: #2177c1;
  /* Old browsers */
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2177c1 0%, #244f8f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2177c1),
    to(#244f8f)
  );
  background: -o-linear-gradient(top, #2177c1 0%, #244f8f 100%);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2177c1),
    to(#244f8f)
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2177c1),
    to(#244f8f)
  );
  background: linear-gradient(to bottom, #2177c1 0%, #244f8f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2177c1', endColorstr='#244f8f', GradientType=0);
  /* IE6-9 */
}

#contents #con_l #product2 .totop p span {
  display: block;
  width: 680pxpx;
  background: #fff;
  padding-top: 50px;
}

/*----ユースフルジェネリック----*/
#contents #con_l #product3 {
  width: 680px;
}

#contents #con_l #product3 p.come {
  border-bottom: 1px dotted #666;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#contents #con_l #product3 ul.bnr {
  width: 680px;
}

#contents #con_l #product3 ul.bnr li {
  float: left;
  margin-bottom: 30px;
}

#contents #con_l #product ul.listbtn {
  width: 500px;
  margin: 0 auto;
}

/*----製品詳細----*/
#contents #product4 {
  width: 960px;
}

#contents #product4 #det_l {
  width: 300px;
  float: left;
  position: relative;
}

#contents #product4 #det_l ul.detbox_tab {
  width: 260px;
  height: 35px;
  margin: 0 auto;
}

#contents #product4 #det_l ul.detbox_tab li {
  width: 125px;
  height: 35px;
}

#contents #product4 #det_l ul.detbox_tab li.tab1 {
  float: left;
}

#contents #product4 #det_l ul.detbox_tab li.tab1 a {
  display: block;
}

#contents #product4 #det_l ul.detbox_tab li.tab1 a.current,
#contents #product4 #det_l ul.detbox_tab li.tab1 a:hover {
  background: url(../product/img/tab1_ov.gif) no-repeat;
}

#contents #product4 #det_l ul.detbox_tab li.tab1 a.current img,
#contents #product4 #det_l ul.detbox_tab li.tab1 a:hover img {
  visibility: hidden;
}

#contents #product4 #det_l ul.detbox_tab li.tab2 {
  float: right;
}

#contents #product4 #det_l ul.detbox_tab li.tab2 a {
  display: block;
}

#contents #product4 #det_l ul.detbox_tab li.tab2 a.current,
#contents #product4 #det_l ul.detbox_tab li.tab2 a:hover {
  background: url(../product/img/tab2_ov.gif) no-repeat;
}

#contents #product4 #det_l ul.detbox_tab li.tab2 a.current img,
#contents #product4 #det_l ul.detbox_tab li.tab2 a:hover img {
  visibility: hidden;
}

#contents #product4 #det_l .detbox {
  width: 260px;
  border: 5px solid #031f61;
  padding: 30px 15px;
}

#contents #product4 #det_l .detbox .bx-wrapper .bx-viewport {
  margin-bottom: 15px;
}

#contents #product4 #det_l .detbox .bx-controls a {
  width: 12px;
  height: 20px;
  margin-top: -10px;
  top: 100px;
}

#contents #product4 #det_l .detbox .bx-controls a.bx-prev {
  background: url(../product/img/btn_det_prev.png) no-repeat left top;
}

#contents #product4 #det_l .detbox .bx-controls a.bx-next {
  background: url(../product/img/btn_det_next.png) no-repeat left top;
}

#contents #product4 #det_l .detboxIn > div {
  width: 200px;
  margin: 0 auto;
}

#contents #product4 #det_l ul.detboxIn,
#contents #product4 #det_l .detboxIn > div .pho {
  width: 198px;
  height: 198px;
  border: 1px solid #c9caca;
  margin: 0 auto 10px;
  text-align: center;
  vertical-align: middle;
  display: table;
}

#contents #product4 #det_l .detboxIn > div .pho span {
  width: 198px;
  height: 198px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

#contents #product4 #det_l .detboxIn > div .pho span img {
  max-width: 198px;
  max-height: 198px;
}

#contents #product4 #det_l .detbox p {
  width: 200px;
  margin: 0 auto;
  text-align: left;
}

#contents #product4 #det_r {
  width: 630px;
  float: right;
}

#contents #product4 #det_l > p:first-child {
  position: absolute;
  top: -24px;
}

#contents #product4 #det_l .photos {
  width: 290px;
  border: 5px solid #031f61;
  margin-bottom: 20px;
}

#contents #product4 #det_l .photos .section {
  padding-bottom: 10px;
}

#contents #product4 #det_l .photos .section h4 {
  background: -webkitlinear-gradient(top, #2272b6, #234882);
  background: -o-linear-gradient(top, #2272b6, #234882);
  -pie-background: linear-gradient(top, #2272b6, #234882);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2272b6),
    to(#234882)
  );
  background: -webkit-linear-gradient(top, #2272b6, #234882);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2272b6),
    to(#234882)
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2272b6),
    to(#234882)
  );
  background: linear-gradient(top, #2272b6, #234882);
  background: linear-gradient(to bottom, #2272b6, #234882);
  width: auto;
  padding: 9px 14px;
  margin-bottom: 15px;
}

#contents #product4 #det_l .photos .section .inner,
#contents #product4 #det_l .photos .section .bx-wrapper {
  width: 200px;
  margin: 0 auto;
}

#contents #product4 #det_l .photos .section .bx-controls a {
  width: 12px;
  height: 20px;
  margin-top: -10px;
  top: 50%;
}

#contents #product4 #det_l .photos .section .bx-controls a.bx-prev {
  background: url(../product/img/btn_det_prev.png) no-repeat left top;
  left: -30px;
}

#contents #product4 #det_l .photos .section .bx-controls a.bx-next {
  background: url(../product/img/btn_det_next.png) no-repeat left top;
  right: -30px;
}

#contents #product4 #det_l .photos .section .inner > div .pho {
  width: 198px;
  height: 198px;
  border: 1px solid #c9caca;
  margin: 0 auto 10px;
  text-align: center;
  vertical-align: middle;
  display: table;
}

#contents #product4 #det_l .photos .section .inner > div .pho a {
  width: 198px;
  height: 198px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  position: relative;
}

#contents #product4 #det_l .photos .section .inner > div .pho a:after {
  content: "";
  background: url(../img/icon_detail.png) no-repeat left top;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 4px;
  bottom: 4px;
}

#contents #product4 #det_l .photos .section .inner > div .pho a img {
  max-width: 198px;
  max-height: 198px;
}

#contents #product4 #det_l .photos .section .inner > div p:not(:last-child) {
  margin-bottom: 5px;
}

#contents #product4 #det_l form[name="download"] p a,
#contents #product4 #det_l .photos .section .inner > div p a {
  background: url(../img/icon8.gif) no-repeat left center;
  padding-left: 12px;
}

#contents #product4 #det_l form[name="download"] p {
  padding-left: 50px;
}

/*--製品詳細テーブル1--*/
#contents #product4 #det_r .tbDetail {
  width: 630px;
  border-collapse: collapse;
  margin-bottom: 20px;
  text-align: left;
  letter-spacing: normal;
  table-layout: fixed;
  /*--列幅均等--*/
}

#contents .tbDetail td,
.tbDetail th {
  padding: 15px;
  border: 1px solid #c9caca;
}

#contents .tbDetail th {
  width: 200px;
  background: #f2f2f2;
  white-space: nowrap;
  color: #000;
  text-align: left;
  font-weight: bold;
}

#contents .tbDetail tr td p {
  font-size: 0.85em;
  color: #898989;
  text-align: right;
}
#contents #product4 #det_r .tbDetail.product-name{
  table-layout: auto;
}
#contents #product4 #det_r .tbDetail.product-name th{
    vertical-align: middle;
}
#contents #product4 #det_r .tbDetail.product-name td{
  vertical-align: middle;
}
#contents #product4 #det_r .tbDetail.product-name .price{
  width: 110px;
  padding: 10px;
  text-align: center;
}

/*20201016追記*/
.product-row-title{
  width:80px !important;
}
th.maker, .product-column-title{
  text-align:center !important;
}
.unit{
  width: 70px !important;
  text-align:center !important;
}


/*--製品詳細テーブル2--*/
#contents #product4 #det_r .tbDetail2 {
  width: 630px;
  border-collapse: collapse;
  margin-bottom: 20px;
  text-align: center;
  letter-spacing: normal;
  table-layout: fixed;
  /*--列幅均等--*/
}

#contents .tbDetail2 td,
.tbDetail2 th {
  padding: 15px;
  border: 1px solid #c9caca;
  vertical-align: middle;
}

#contents .tbDetail2 th {
  background: #f2f2f2;
  white-space: nowrap;
  color: #000;
  text-align: center;
  font-weight: bold;
  word-wrap: break-all;
}

#contents #product4 h4 {
  width: 960px;
  font-size: 1.25em;
  margin-bottom: 10px;
  padding-bottom: 3px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#036eb8+0,ffffff+100&1+0,0+100 */
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(3, 110, 184, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(3, 110, 184, 1)),
    to(rgba(255, 255, 255, 0))
  );
  background: -o-linear-gradient(
    left,
    rgba(3, 110, 184, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(3, 110, 184, 1)),
    to(rgba(255, 255, 255, 0))
  );
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(3, 110, 184, 1)),
    to(rgba(255, 255, 255, 0))
  );
  background: linear-gradient(
    to right,
    rgba(3, 110, 184, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#036eb8', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 */
}

#contents #product4 h4 span {
  display: block;
  width: 960px;
  padding-bottom: 5px;
  background: #fff url(../img/icon3.gif) no-repeat left 1px;
  padding-left: 23px;
}

#contents #product4 .news2box {
  width: 960px;
  height: 370px;
  overflow-y: scroll;
  margin-bottom: 60px;
}

#contents #product4 dl.news2 {
  border-bottom: 1px dotted #898989;
  line-height: 1em;
  padding-bottom: 15px;
  padding-top: 15px;
  width: 930px;
}

#contents #product4 dl.news2 dt {
  float: left;
  width: 130px;
  line-height: 1.5em;
}

#contents #product4 dl.news2 dd {
  float: left;
  width: 800px;
  line-height: 1.5em;
}

#contents #product4 .shidousen {
  width: 960px;
  margin-bottom: 60px;
}

#contents #product4 .shidousen table {
  width: 100%;
  border-top: 1px solid #b5b5b6;
  border-left: 1px solid #b5b5b6;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#contents #product4 .shidousen table td {
  padding: 19px;
  border-right: 1px solid #b5b5b6;
  border-bottom: 1px solid #b5b5b6;
  font-size: 0.857em;
  vertical-align: middle;
}

#contents #product4 .shidousen table td:first-child {
  width: 200px;
  padding: 14px;
  text-align: center;
}

#contents #product4 .shidousen table td[colspan="2"]:first-child {
  text-align: left;
}

#contents #product4 .shidousen table td:first-child img {
  max-width: 200px;
  max-height: 200px;
}

#contents #product4 .dlboxout {
  width: 960px;
  margin-bottom: 60px;
}

#contents #product4 .dlboxout dl.dlbox {
  width: 308px;
  border: 1px solid #b5b5b6;
  margin: 15px 15px 0 0;
  float: left;
}

#contents #product4 .dlboxout dl.dlbox:nth-child(-n + 3) {
  margin-top: 0;
}

#contents #product4 .dlboxout dl.dlbox:nth-child(3n + 0) {
  margin-right: 0;
}

#contents #product4 .dlboxout dl.dlbox dt {
  background: #f2f2f2;
  padding: 7px 15px;
  color: #031f61;
  font-weight: bold;
  font-size: 1.25em;
}

#contents #product4 dl.dlbox dd {
  width: 278px;
  padding: 3px 15px 15px;
  font-size: 0.857em;
}

/*--製品検索結果一覧--*/
#contents ul.btn_up2 {
  width: 520px;
  margin: 30px auto;
}

#contents #product p.shibori2 {
  background: url("../img/icon6.png") no-repeat scroll left 5px;
  color: #031f61;
  font-size: 1.143em;
  font-weight: bold;
  padding-left: 15px;
}

#contents #product ul.shibori2In {
  margin-bottom: 25px;
}

#contents #product ul.shibori2In li {
  margin-left: 10px;
  float: left;
  font-weight: bold;
}

#contents #product ul.shibori2In li:first-child {
  margin-left: 0;
}

#contents #product ul.shibori2In li p {
  display: table-cell;
  height: 35px;
  vertical-align: middle;
}

#contents #product ul.shibori2In li input,
#contents #product ul.shibori2In li input select,
#contents #product ul.shibori2In li input select option {
  padding-left: 5px;
  padding-right: 5px;
}

#contents ##product ul.shibori2In li select option {
  border-bottom: 1px dotted #c9caca;
  padding-bottom: 5px;
  padding-top: 5px;
}

#contents #product ul.shibori2In li input[type="text"] {
  float: left;
  height: 35px;
  width: 227px;
}

#contents #product ul.shibori2In li select.sltKana {
  float: left;
  width: 105px;
  height: 35px;
  margin-left: 10px;
}

#contents ul.btn_down2 li {
  width: 520px;
  margin: 0 auto;
}

#contents ul.btn_down2 {
  display: block;
  width: 960px;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 3px solid #036eb8;
  clear: both;
}

#contents ul.btn_down3 li {
  width: 500px;
  margin: 0 auto;
}

#contents ul.btn_down3 li p {
  width: 240px;
}

#contents ul.btn_down3 {
  display: block;
  width: 960px;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 3px solid #036eb8;
}

#contents #product ul.pageokuri {
  min-height: 1.5em;
  padding: 0 90px;
  margin: 50px auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}

#contents #product ul.pageokuri li {
  margin: 0 0.5em;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#contents #product ul.pageokuri li.pre {
  margin: 0;
  position: absolute;
  left: 0;
}

#contents #product ul.pageokuri li.next {
  margin: 0;
  position: absolute;
  right: 0;
}

#contents #product ul.shibori2In li.print {
  width: 98px;
  height: 33px;
  text-align: center;
  border: 1px solid #c9caca;
  background: #e6e9ef url(../img/icon6.png) no-repeat 10%;
  display: table;
}

#contents #product ul.shibori2In li.print a {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

/*--製品情報総覧--*/
#contents #product form.count {
  /*
	position:relative;
*/
}

#contents #product form.count p {
  /*
	position:absolute;
	top:0;
	right:0;
*/
}

#contents #product table + form.count p {
  float: right;
}

#contents #product ul.sorantab {
  width: 960px;
  height: 82px;
  background: url(../product/img/bk_tab.png) no-repeat bottom;
}

#contents #product ul.sorantab li {
  float: left;
}

#contents #product ul.sorantab li a.current:hover img {
  opacity: 1;
}

#contents #product p.gyo {
  width: 958px;
  height: 48px;
  background: #e6e9ef;
  border: 1px solid #c9caca;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  margin-bottom: 10px;
}

#contents #product ol.gyo {
  background: #e6e9ef;
  width: 958px;
  padding: 9px 0;
  border: 1px solid #c9caca;
  text-align: center;
}

#contents #product ol.gyo li {
  margin: 0 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#contents #product .soran_txt {
  width: 660px;
  float: left;
}

#contents #product .soran_btn {
  width: 290px;
  float: right;
  margin-top: 7px;
}

/*----総覧プルダウン部分----*/
#contents #product .soran_btn ul#nav3 {
  background: url("../img/bk_nav.gif") no-repeat scroll 954px 14px;
  height: 36px;
  width: 290px;
}

#contents #product .soran_btn ul#nav3 li {
  width: 140px;
  height: 36px;
  position: relative;
}

#contents #product .soran_btn ul#nav3 li.yakka {
  background: url(../product/img/btn_yakka_ov.png) no-repeat;
  float: left;
}

#contents #product .soran_btn ul#nav3 li.keika {
  background: url(../product/img/btn_keika_ov.png) no-repeat;
  float: right;
}

#contents #product .soran_btn ul#nav3 li.yakka a,
#contents #product .soran_btn ul#nav3 li.keika a {
  display: block;
}

#contents #product .soran_btn ul#nav3 li.yakka a:hover,
#contents #product .soran_btn ul#nav3 li.keika a:hover {
  background-color: transparent;
  /* IE6対応 */
}

#contents #product .soran_btn ul#nav3 li.yakka a:hover img,
#contents #product .soran_btn ul#nav3 li.keika a:hover img {
  visibility: hidden;
}

#contents #product .soran_btn ul#nav3 li ol {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #c9caca;
  display: none;
  left: 0;
  padding: 0 10px !important;
  position: absolute;
  top: 35px;
  width: 118px;
  z-index: 100;
}

#contents #product .soran_btn ul#nav3 li ol li {
  border-bottom: 1px solid #c9caca;
  border-left: medium none;
  font-size: 0.9em;
  line-height: 1.2em;
  text-align: center;
  width: 118px;
}

#contents #product .soran_btn ul#nav3 li ol li.last,
#contents #product .soran_btn ul#nav3 li ol li:last-child {
  border-bottom: medium none;
}

#contents #product .soran_btn ul#nav3 li ol li a {
  display: block;
  width: 118px;
  padding: 10px 0;
}

#contents #product .soran_btn ul#nav3 li ol li a:hover {
  color: #999;
  width: 100%;
  background: none;
  height: 100%;
}

.pulldown ol {
  display: none;
  left: 0;
  position: absolute;
  top: 100%;
}

/*----総覧テーブル----*/
.tbSoran {
  border-collapse: collapse;
  letter-spacing: normal;
  margin-top: 180px;
  margin-bottom: 5px;
  table-layout: auto;
  position: relative;
}

.tbSoran.nothing {
  width: 100%;
  margin-top: 0;
  table-layout: fixed;
}

.tbSoran thead {
  /*
	width:100%;
*/
  border-top: 1px solid #b5b5b6;
  border-left: 1px solid #b5b5b6;
  display: block;
  position: absolute;
  top: -180px;
  /*
	left:0px;
*/
}

.tbSoran.nothing thead {
  position: static;
  top: 0;
  display: table-header-group;
}

.tbSoran thead tr {
  display: block;
}

.tbSoran.nothing thead tr {
  display: table-row;
}

.tbSoran thead tr th {
  background: #f2f2f2 none repeat scroll 0 0;
  height: 180px;
  width: 30px;
  padding: 5px;
  border-right: 1px solid #b5b5b6;
  border-bottom: 1px solid #b5b5b6;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  display: block;
  float: left;
}

.tbSoran.nothing thead tr th {
  display: table-cell;
  float: none;
}

.tbSoran tbody {
  border-top: 1px solid #b5b5b6;
  border-left: 1px solid #b5b5b6;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tbSoran tbody tr {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.tbSoran.nothing tbody tr {
  display: table-row;
}

.tbSoran tbody tr td {
  width: 30px;
  padding: 0 5px;
  border-right: 1px solid #b5b5b6;
  border-bottom: 1px solid #b5b5b6;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  display: block;
  float: left;
}

.tbSoran.nothing tbody tr td {
  display: table-cell;
  float: none;
}

.tbSoran tbody tr td div {
  padding: 10px 0;
}

.tbSoran thead tr th.senpatu,
.tbSoran tbody tr td.senpatu {
  width: 165px;
}

.tbSoran thead tr th.name,
.tbSoran tbody tr td.name {
  width: 254px;
}

.tbSoran tbody tr td.senpatu,
.tbSoran tbody tr td.name {
  text-align: left;
}

.tbSoran tbody tr td.noting {
  width: 960px;
}

.tbSoran tbody tr:nth-child(2n + 0) td {
  background: #e6e9f0;
}

.tbSoran tbody tr td a[target="_blank"] {
  display: block;
  letter-spacing: 0;
}

.tbSoran tbody tr td a[target="_blank"]:not(:last-child) {
  margin-bottom: 5px;
}

.tbSoran tbody tr.manryo td {
  width: 130px;
}

.tbSoran tbody tr.manryo td.senpatu {
  width: 300px;
}

.tbSoran tbody tr.manryo td.name {
  width: 399px;
}

/***------------
sitemap
------------***/
#contents #sitemap h2 {
  width: 952px;
  height: 62px;
  background: url(../sitemap/img/bg_ttl.png) no-repeat center center;
  font-weight: bold;
  font-size: 1.429em;
  line-height: 62px;
  padding-left: 20px;
  margin-left: -6px;
  margin-bottom: 25px;
}

#contents #sitemap h3 {
  width: 930px;
  height: 47px;
  background: url(../sitemap/img/bg_subttl.png) no-repeat center center;
  font-size: 1.071em;
  line-height: 47px;
  padding-left: 42px;
  margin-left: -6px;
}

#contents #sitemap h4 {
  background-color: #f2f2f2;
  border: 1px solid #e2e2e2;
  margin-bottom: 15px;
  padding: 5px 0 5px 9px;
  line-height: 1em;
  font-size: 1em;
}

#contents #sitemap h4 a {
  padding-left: 11px;
  background: url(../sitemap/img/icon001.png) no-repeat left center;
  display: block;
}

.sitmap-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.sitmap-container::after {
  content: none;
}

.sitmap-item {
  width: 460px;
  flex: 0 0 auto;
}

#contents #sitemap ul {
  margin-left: 35px;
  line-height: 2.143em;
}

#contents #sitemap ul li a {
  background: url(../sitemap/img/icon002.png) no-repeat left center;
  padding-left: 12px;
}

#contents #sitemap ul li ul {
  margin-left: 30px;
}

#contents #sitemap ul li ul li a {
  background: url(../sitemap/img/icon003.png) no-repeat left center;
  padding-left: 10px;
}

#contents #sitemap .line {
  margin-left: -6px;
  margin-bottom: 15px;
}

/***------------
anniversary
------------***/
#contents #anniversary h2 {
  width: 952px;
  height: 62px;
  background: url(../sitemap/img/bg_ttl.png) no-repeat center center;
  font-weight: bold;
  font-size: 1.429em;
  line-height: 62px;
  padding-left: 20px;
  margin-left: -6px;
  margin-bottom: 25px;
}

#contents #anniversary h3 {
  font-size: 1.643em;
  margin-bottom: 10px;
}

#contents #anniversary .l {
  width: 640px;
}

#contents #anniversary .r p {
  font-size: 1.071em;
}

/***------------
privacy
------------***/
#contents #con_l #privacy {
  margin-top: 20px;
}

#contents #con_l #privacy h3 {
  background: url(../img/bg_subttl.png) no-repeat center;
  width: 642px;
  height: 52px;
  margin-left: -6px;
  padding-left: 52px;
  line-height: 52px;
  margin-bottom: 10px;
  font-size: 1.286em;
  padding-top: 15px;
}

#contents #con_l #privacy h3 + p {
  margin-bottom: 25px;
}

#contents #con_l #privacy dl {
  border-top: 1px dotted #c9caca;
  padding-top: 10px;
  margin-bottom: 45px;
}

#contents #con_l #privacy dl dt {
  font-size: 1.071em;
  font-weight: bold;
  line-height: 1.857em;
  margin-bottom: 5px;
}

#contents #con_l #privacy dl dd {
  padding-left: 15px;
  border-bottom: 1px dotted #c9caca;
  padding-bottom: 10px;
  margin-bottom: 10px;
  line-height: 1.5em;
}

#contents #con_l #privacy .contact {
  margin-left: 50px;
}

#contents #con_l #privacy .contact p:first-child {
  margin-left: -15px;
}

/***------------
howto
------------***/
#contents #con_l #howto h3 {
  background: url(../img/bg_subttl.png) no-repeat center;
  width: 642px;
  height: 52px;
  margin-left: -6px;
  padding-left: 52px;
  line-height: 52px;
  margin-bottom: 10px;
  font-size: 1.286em;
  padding-top: 15px;
}

#contents #con_l #howto > div {
  margin-bottom: 40px;
}

#contents #con_l #howto > div ul li {
  margin-left: 20px;
  margin-top: 5px;
}

#contents #con_l #howto > div li {
  background: url(../img/icon2.gif) no-repeat center left;
  padding-left: 11px;
}

/***------------
link
------------***/
#contents #link {
  width: 960px;
}

#contents #link ul.linkIn {
  width: 680px;
  margin: 50px auto 0;
  padding-bottom: 100px;
}

#contents #link ul.linkIn li {
  width: 322px;
  height: 98px;
  background: url(../link/img/btn_bk.png) no-repeat;
  text-align: center;
  display: table;
  font-size: 1.2em;
}

#contents #link ul.linkIn li a {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  text-decoration: none;
}

#contents #link ul.linkIn li a:hover {
  color: #358fbe;
}

#contents #con_l #link2 {
  margin-top: 15px;
}

#contents #con_l #link2 > div > div {
  width: 330px;
}

#contents #con_l #link2 h3 {
  background: #031f61;
  height: 2.857em;
  font-size: 1.143em;
  line-height: 2.857em;
  display: block;
  width: 330px;
  padding: 0;
}

#contents #con_l #link2 h3 a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding-left: 10px;
  background: url(../img/icon3.png) no-repeat 312px center;
}

#contents #con_l #link2 dl {
  border-top: 1px dotted #c9caca;
  padding-top: 10px;
}

#contents #con_l #link2 dl dt {
  font-size: 1.071em;
  line-height: 1.857em;
}

#contents #con_l #link2 dl dt a {
  background: url(../img/icon2.gif) no-repeat left center;
  color: #;
  font-weight: bold;
  padding-left: 11px;
}

#contents #con_l #link2 dl dd {
  border-bottom: 1px dotted #c9caca;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-left: 11px;
  line-height: 1.5em;
}

#contents #con_l #link2 ul {
  border-top: 1px dotted #c9caca;
  padding-top: 10px;
}

#contents #con_l #link2 li {
  border-bottom: 1px dotted #c9caca;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-left: 11px;
}

#contents #con_l #link2 li a {
  background: url(../img/icon2.gif) no-repeat left center;
  color: #;
  font-weight: bold;
  padding-left: 11px;
}

/***------------
company
------------***/
#contents #con_l #company {
  margin-top: 10px;
}

#contents #con_l #company ul.clearfix {
  margin-right: -25px;
  width: 705px;
}

#contents #con_l #company .clearfix li {
  width: 210px;
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}

/*20170226追記*/
#contents #con_l #company .clearfix li:nth-child(3n + 1) {
  clear: both;
}

#contents #con_l #company .nav_overview ul li:nth-child(3n + 1) {
  clear: none;
}

#contents #con_l #company .nav_overview ul li:nth-child(4n + 1) {
  clear: both;
}

/*20170226追記ここまで*/
#contents #con_l #company .clearfix h3 {
  background: #031f61 url(../img/icon3.png) no-repeat 192px center;
  font-size: 1.143em;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 15px;
  width: 185px;
  text-align: left;
}

#contents #con_l #company .clearfix h3 a {
  color: #fff;
  text-decoration: none;
  line-height: 1.3em;
}

#contents #con_l #company .policy div {
  margin-top: 15px;
  margin-bottom: 45px;
}

#contents #con_l #company .office {
  line-height: 1.429em;
}

#contents #con_l #company .office ul.clearfix {
  width: 690px;
  margin-right: -10px;
  margin-bottom: 30px;
  margin-top: 15px;
}

#contents #con_l #company .office ul.clearfix li {
  width: 220px;
  margin-right: 10px;
}

#contents #con_l #company .office ul.clearfix li small {
  font-size: 0.929em;
}

#contents #con_l #company .office ul.clearfix li div,
#contents #con_l #company .office ul.cf li div {
  margin-bottom: 5px;
}

#contents #con_l #company .office ul.cf {
  width: 696px;
  margin-right: -16px;
  margin-bottom: 45px;
}

#contents #con_l #company .office ul.cf li {
  width: 158px;
  margin-right: 16px;
  float: left;
  margin-bottom: 30px;
}

#contents #con_l #company .idea h4 {
  border-bottom: 1px dashed #424547;
  margin-bottom: 20px;
}

#contents #con_l #company .idea h4 span {
  display: block;
  margin-bottom: 10px;
}

#contents #con_l #company .idea .r {
  margin-left: 25px;
  margin-bottom: 35px;
}

#contents #con_l #company .idea .l {
  margin-right: 15px;
  margin-bottom: 25px;
}

#contents #con_l #company .idea .en {
  color: #036eb8;
  margin-top: 25px;
}

#contents #con_l #company .guideline dl {
  margin-top: 20px;
}

#contents #con_l #company .guideline dl dt {
  font-size: 1.071em;
  font-weight: bold;
  margin-bottom: 5px;
  border-top: 1px dotted #c9caca;
  padding-top: 15px;
}

#contents #con_l #company .guideline dl dt span {
  color: #036eb8;
}

#contents #con_l #company .guideline dl dd {
  margin-bottom: 15px;
  margin-left: 15px;
}

#contents #con_l #company .guideline dl dd a {
  background: url(../img/icon2.gif) no-repeat left center;
  padding-left: 15px;
  margin-left: 15px;
}

#contents #con_l #company .guideline dl dd strong {
  display: block;
}

#contents #con_l #company .guideline dl dd > div {
  margin-bottom: 50px;
}

#contents #con_l #company .guideline dl dd table {
  margin-top: 15px;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #c9caca;
}

#contents #con_l #company .guideline dl dd table th {
  border: 1px solid #c9caca;
  background-color: #f2f2f2;
  padding: 15px 10px;
  width: 210px;
  font-weight: normal;
}

#contents #con_l #company .guideline dl dd table td {
  border: 1px solid #c9caca;
  padding: 15px 10px;
}

#contents #con_l #company .nav_overview {
  width: 530px;
  border-bottom: 7px solid #244a88;
  padding: 0 75px;
  margin-bottom: 2px;
}

#contents #con_l #company .nav_overview ul {
  margin-right: -10px;
  width: 540px;
}

#contents #con_l #company .nav_overview li {
  float: left;
  margin: 0 10px 0 0;
  width: 125px;
}

#contents #con_l #company .overview {
  background: url(../company/img/bg_overview.png) repeat-x top;
  padding-top: 34px;
}

#contents #con_l #company .overview h3 {
  background: url(../company/img/icon_ttl.gif) no-repeat left center;
  padding: 0 0 0 27px;
  display: block;
  height: auto;
  line-height: 2.143em;
}

#contents #con_l #company .overview .outline {
  background: url(../company/img/line.png) repeat-x top;
  padding-top: 7px;
  margin-top: 15px;
}

#contents #con_l #company .overview .outline table {
  border-collapse: collapse;
  width: 100%;
  line-height: 1.429em;
}

#contents #con_l #company .overview .outline table th {
  background-color: #f2f2f2;
  width: 80px;
  font-weight: normal;
  border-left: 1px solid #c9caca;
  border-bottom: 1px solid #c9caca;
  padding: 15px 10px;
}

#contents #con_l #company .overview .outline table td {
  border-right: 1px solid #c9caca;
  border-bottom: 1px solid #c9caca;
  padding: 15px 10px;
}

#contents #con_l #company .overview .outline table td.officer {
  border-bottom: 1px dotted #c9caca;
}

#contents #con_l #company .overview .outline table td.officer p span {
  display: block;
  width: 180px;
  float: left;
}

#contents #con_l #company .overview .outline table td.officer2 {
  border-bottom: 1px solid #c9caca;
}

#contents #con_l #company .overview .outline table td.officer2 p span {
  display: block;
  width: 180px;
  float: left;
}

#contents #con_l #company .overview .organization p {
  text-align: right;
  margin-top: -21px;
  margin-bottom: 7px;
}

#contents #con_l #company .overview .organization > div {
  background: url(../company/img/line.png) repeat-x top;
  padding-top: 30px;
  text-align: center;
}

#contents #con_l #company .overview .jigyosho {
  background: url(../company/img/line.png) repeat-x top;
  margin-top: 15px;
  padding-top: 25px;
}

#contents #con_l #company .overview .jigyosho h4 {
  width: 635px;
  height: 49px;
  background: url(../img/bk_h3.png) no-repeat;
  font-weight: bold;
  font-size: 1.286em;
  vertical-align: middle;
  display: table-cell;
  padding-top: 3px;
  padding-left: 45px;
  padding-bottom: 10px;
}

#contents #con_l #company .overview .jigyosho h5 {
  font-size: 1.071em;
  line-height: 1.857em;
}

#contents #con_l #company .overview .jigyosho dt.tith5 {
  font-size: 1.071em;
  line-height: 1.857em;
  font-weight: bold;
}

#contents #con_l #company .overview .jigyosho > div > div {
  margin-left: 15px;
}

#contents #con_l #company .overview .jigyosho > div > div ul {
  margin-top: 20px;
  margin-bottom: 25px;
}

#contents #con_l #company .overview .jigyosho > div > div li {
  width: 300px;
}

#contents #con_l #company .overview .jigyosho dl {
  width: 640px;
  margin: 0 auto 40px;
}

#contents #con_l #company .overview .jigyosho dl dt {
  border-top: 1px dotted #c9caca;
  padding-top: 20px;
}

#contents #con_l #company .overview .jigyosho dl dt h5 {
  width: 465px;
}

#contents #con_l #company .overview .jigyosho dl dt:first-child {
  border-top: none;
  padding-top: 0;
}

#contents #con_l #company .overview .jigyosho dl dd {
  margin-bottom: 20px;
}

#contents #con_l #company .overview .jigyosho dl dd .l {
  width: 465px;
}

#contents #con_l #company .overview .jigyosho dl dd.clearfix .r {
  margin-top: -25px;
}

#contents #con_l #company .overview .jigyosho dl dd.cf .r {
  margin-top: -48px;
}

#contents #con_l #company .overview .history > p {
  text-align: right;
  margin-top: -21px;
  margin-bottom: 7px;
}

#contents #con_l #company .overview .history > div {
  background: url(../company/img/line.png) repeat-x top;
  padding-top: 7px;
}

#contents #con_l #company .overview .history table {
  border-collapse: collapse;
  width: 100%;
  line-height: 1.857em;
}

#contents #con_l #company .overview .history table th {
  background-color: #f2f2f2;
  width: 130px;
  font-weight: normal;
  border-left: 1px solid #c9caca;
  border-bottom: 1px solid #c9caca;
  padding: 15px 10px;
}

#contents #con_l #company .overview .history table td {
  border-right: 1px solid #c9caca;
  border-bottom: 1px solid #c9caca;
  border-left: 1px solid #c9caca;
  padding: 15px 10px;
}






/*** 2020.12.09 test add ****/
#contents #con_l #company .overview2 {
}

#contents #con_l #company .overview2 h3 {
  background: url(../company/img/icon_ttl.gif) no-repeat left center;
  padding: 0 0 0 27px;
  display: block;
  height: auto;
  line-height: 2.143em;
}

#contents #con_l #company .overview2 .outline {
  background: url(../company/img/line.png) repeat-x top;
  padding-top: 7px;
  margin-top: 15px;
}

#contents #con_l #company .overview2 .outline table {
  border-collapse: collapse;
  width: 100%;
  line-height: 1.429em;
}

#contents #con_l #company .overview2 .outline table th {
  background-color: #f2f2f2;
  width: 80px;
  font-weight: normal;
  border-left: 1px solid #c9caca;
  border-bottom: 1px solid #c9caca;
  padding: 15px 10px;
}

#contents #con_l #company .overview2 .outline table td {
  border-right: 1px solid #c9caca;
  border-bottom: 1px solid #c9caca;
  padding: 15px 10px;
}

#contents #con_l #company .overview2 .outline table td.officer {
  border-bottom: 1px dotted #c9caca;
}

#contents #con_l #company .overview2 .outline table td.officer p span {
  display: block;
  width: 180px;
  float: left;
}

#contents #con_l #company .overview2 .outline table td.officer2 {
  border-bottom: 1px solid #c9caca;
}

#contents #con_l #company .overview2 .outline table td.officer2 p span {
  display: block;
  width: 180px;
  float: left;
}

#contents #con_l #company .overview2 .organization p {
  text-align: right;
  margin-top: -21px;
  margin-bottom: 7px;
}

#contents #con_l #company .overview2 .organization > div {
  background: url(../company/img/line.png) repeat-x top;
  padding-top: 30px;
  text-align: center;
}

#contents #con_l #company .overview2 .jigyosho {
  background: url(../company/img/line.png) repeat-x top;
  margin-top: 15px;
  padding-top: 25px;
}

#contents #con_l #company .overview2 .jigyosho h4 {
  width: 635px;
  height: 49px;
  background: url(../img/bk_h3.png) no-repeat;
  font-weight: bold;
  font-size: 1.286em;
  vertical-align: middle;
  display: table-cell;
  padding-top: 3px;
  padding-left: 45px;
  padding-bottom: 10px;
}

#contents #con_l #company .overview2 .jigyosho h5 {
  font-size: 1.071em;
  line-height: 1.857em;
}

#contents #con_l #company .overview2 .jigyosho dt.tith5 {
  font-size: 1.071em;
  line-height: 1.857em;
  font-weight: bold;
}

#contents #con_l #company .overview2 .jigyosho > div > div {
  margin-left: 15px;
}

#contents #con_l #company .overview2 .jigyosho > div > div ul {
  margin-top: 20px;
  margin-bottom: 25px;
}

#contents #con_l #company .overview2 .jigyosho > div > div li {
  width: 300px;
}

#contents #con_l #company .overview2 .jigyosho dl {
  width: 640px;
  margin: 0 auto 40px;
}

#contents #con_l #company .overview2 .jigyosho dl dt {
  border-top: 1px dotted #c9caca;
  padding-top: 20px;
}

#contents #con_l #company .overview2 .jigyosho dl dt h5 {
  width: 465px;
}

#contents #con_l #company .overview2 .jigyosho dl dt:first-child {
  border-top: none;
  padding-top: 0;
}

#contents #con_l #company .overview2 .jigyosho dl dd {
  margin-bottom: 20px;
}

#contents #con_l #company .overview2 .jigyosho dl dd .l {
  width: 465px;
}

#contents #con_l #company .overview2 .jigyosho dl dd.clearfix .r {
  margin-top: -25px;
}

#contents #con_l #company .overview2 .jigyosho dl dd.cf .r {
  margin-top: -48px;
}

#contents #con_l #company .overview2 .history > p {
  text-align: right;
  margin-top: -21px;
  margin-bottom: 7px;
}

#contents #con_l #company .overview2 .history > div {
  background: url(../company/img/line.png) repeat-x top;
  padding-top: 7px;
}

#contents #con_l #company .overview2 .history table {
  border-collapse: collapse;
  width: 100%;
  line-height: 1.857em;
}

#contents #con_l #company .overview2 .history table th {
  background-color: #f2f2f2;
  width: 130px;
  font-weight: normal;
  border-left: 1px solid #c9caca;
  border-bottom: 1px solid #c9caca;
  padding: 15px 10px;
}

#contents #con_l #company .overview2 .history table td {
  border-right: 1px solid #c9caca;
  border-bottom: 1px solid #c9caca;
  border-left: 1px solid #c9caca;
  padding: 15px 10px;
}

/*** 2020.12.09 test end ****/














#contents #con_l #company.dealer {
}

#contents #con_l #company.dealer .navbtn {
  width: 450px;
  margin: 0 auto 30px;
}

#contents #con_l #company.dealer .ttl {
  font-weight: bold;
  font-size: 0.938em;
  color: #231815;
  text-align: center;
  line-height: 1.5em;
  margin-bottom: 15px;
}

#contents #con_l #company.dealer .ttl span {
  font-size: 1.875em;
  color: #036eb8;
}

#contents #con_l #company.dealer .sales ul {
  width: 690px;
  margin: 10px -10px 30px 0;
}

#contents #con_l #company.dealer .sales ul li {
  float: left;
  width: 128px;
  height: 50px;
  margin-right: 10px;
  line-height: 50px;
  font-size: 1.25em;
  text-align: center;
  font-weight: bold;
}

#contents #con_l #company.dealer .sales ul li a {
  display: block;
  text-decoration: none;
  color: #231815;
  background: url(../company/img/bgbtn_off.png) no-repeat center center;
}

#contents #con_l #company.dealer .sales ul li a:hover,
#contents #con_l #company.dealer .sales ul li.active a {
  color: #fff;
  background: url(../company/img/bgbtn_on.png) no-repeat center center;
}

#contents #con_l #company.dealer .sales table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #c9caca;
  margin-bottom: 30px;
}

#contents #con_l #company.dealer .sales table th {
  border: 1px solid #c9caca;
  background-color: #f2f2f2;
  padding: 10px;
}

#contents #con_l #company.dealer .sales table td {
  border: 1px solid #c9caca;
  padding: 10px;
}

#contents #con_l #company.dealer .sales > div div a {
  text-decoration: none;
  color: #231815;
  background: url(../company/img/icon_wholesale.png) no-repeat left center;
  padding-left: 75px;
  line-height: 27px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#contents #con_l #company.dealer .sales > div.salescompany div a {
  text-decoration: none;
  color: #231815;
  background: url(../company/img/icon_salescompany.png) no-repeat left center;
  padding-left: 120px;
  line-height: 27px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

#contents #con_l #company .study {
}

#contents #con_l #company .study > div {
  margin-bottom: 45px;
}

#contents #con_l #company .study > div h4 {
  font-size: 1.2em;
  border-bottom: 1px dotted #424547;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

#contents #con_l #company .study > div h4 span {
  display: block;
  color: #036eb8;
  font-family: "メイリオ", Meiryo, Verdana, "游ゴシック", YuGothic,
    "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

#contents #con_l #company .study > div > div.en {
  margin-top: 25px;
  color: #036eb8;
}

#contents #con_l #company .study > div > div.clearfix {
  width: 363px;
  margin: 20px auto 0;
}

#contents #con_l #company .study > div > div.cf {
  width: 557px;
  margin: 20px auto 0;
}

#contents #con_l #company .study > div > div > div {
  width: 171px;
}

#contents #con_l #company .study > div > div > div.l {
  margin-right: 20px;
}

#contents #con_l #company .production {
}

#contents #con_l #company .production .navbtn {
  width: 589px;
  margin: 0 auto 30px;
}

#contents #con_l #company .production h3.clearfix {
  height: 72px;
  line-height: 77px;
  background: url(../company/img/bgttl_production.png) no-repeat -3px center;
  display: block;
  margin-bottom: 20px;
}

#contents #con_l #company .production h3.clearfix strong {
}

#contents #con_l #company .production h3.clearfix span {
  float: right;
  width: 150px;
  line-height: 1.2em;
  height: 72px;
  font-size: 11px;
  text-align: right;
  margin-top: 5px;
  margin-right: 20px;
}

#contents #con_l #company .production h3.clearfix span strong {
  width: 200px;
  height: 72px;
  display: table-cell;
  vertical-align: middle;
}

#contents #con_l #company .production h4 {
  font-size: 1.333em;
  line-height: 2.067em;
  background: url(../company/img/line.gif) no-repeat center bottom;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

#contents #con_l #company .production h4 span {
  display: block;
  color: #036eb8;
  line-height: 1.6em;
  font-family: "メイリオ", Meiryo, Verdana, "游ゴシック", YuGothic,
    "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

#contents #con_l #company .production h5 {
  font-size: 1.2em;
  border-bottom: 1px dotted #424547;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

#contents #con_l #company .production h5 span {
  display: block;
  color: #036eb8;
}

#contents #con_l #company .production > div {
  margin-bottom: 35px;
}

#contents #con_l #company .production > div > div.en {
  margin-top: 25px;
  color: #036eb8;
}

#contents #con_l #company .production > div > div > div > p.en {
  margin-top: 5px;
  color: #036eb8;
}

#contents #con_l #company .production h3 + ul {
  width: 720px;
  margin-right: -40px;
  font-size: 0.8em;
  line-height: 1.067em;
}

#contents #con_l #company .production h3 + ul li {
  width: 320px;
  float: left;
  margin-right: 40px;
}

#contents #con_l #company .production h3 + ul li div {
  margin-bottom: 10px;
}

#contents #con_l #company .production ul.box1 {
  width: 400px;
  margin: 0 auto;
}

#contents #con_l #company .production ul.box1 li {
  width: 170px;
  float: left;
}

#contents #con_l #company .production ul.box1 li img,
#contents #con_l #company .production .box2 li img {
  margin-bottom: 10px;
}

#contents #con_l #company .production ul.box1 li p,
#contents #con_l #company .production .box2 li p {
  line-height: 1.2em;
}

#contents #con_l #company .production .box2 {
  width: 590px;
  margin: 0 auto;
}

#contents #con_l #company .production .box2 li {
  width: 170px;
  float: left;
  height: 185px;
}

#contents #company .eru1 {
  background: url(../company/img/logo_eru.gif) no-repeat right top;
  padding-right: 200px;
  height: 100%;
  padding-bottom: 100px;
}

#contents #company h4.erutit {
  border-bottom: 1px dotted #031f61;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#contents #company h5.erutit2 {
  font-size: 1em;
  margin-bottom: 5px;
}

#contents #company ul.border_eru {
  width: 960px;
  border-bottom: 1px dotted #031f61;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#contents #company ul.border_eru li {
  margin-left: 20px;
}

#contents #company .tberu {
  border-collapse: collapse;
  letter-spacing: normal;
  table-layout: auto;
  text-align: left;
  width: 680px;
  margin: 0 auto 40px;
}

#contents #company .tberu td,
.tberu th {
  border: 1px solid #b5b5b6;
  line-height: 1.2em;
  padding: 15px;
}

#contents #company .tberu th {
  background: #f2f2f2 none repeat scroll 0 0;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

#contents #company .tberu td {
  text-align: left;
  font-size: 1.2em;
  vertical-align: top;
}

#contents #company .tberu td p {
  margin-bottom: 10px;
}

#contents #company .tberu td img {
  margin-bottom: 10px;
}

#contents #company .erubox_out {
  width: 680px;
  margin: 0 auto;
  text-align: left;
}

#contents #company p.erubox span {
  padding: 10px 20px;
  background: #ffdcb9 url("../img/icon2.gif") no-repeat 15px center;
  border-radius: 3px;
  /* CSS3 */
  -webkit-border-radius: 3x;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 3px;
  /* Firefox用 */
  behavior: url(//www.kobayashikako.co.jp/temporary/css/pie/PIE.htc);
  /* IE用 */
  font-size: 1.2em;
  color: #000;
  font-weight: bold;
}

#contents #company p.erubox a {
  text-decoration: underline;
  color: #000;
}

#contents #company p.erubox a:hover {
  text-decoration: none;
}

/***------------
お問い合わせ
------------***/
#contact dl.conbox1 {
  margin-bottom: 40px;
}

#contact dl.conbox1 dt {
  font-weight: bold;
  font-size: 1.286em;
  margin-bottom: 5px;
}

#contact dl.conbox1 dd {
  position: relative;
}

#contact dl.conbox1 dd .conbox1_btn {
  position: absolute;
  right: 0;
  bottom: 0;
}

#contact dl.conbox1 dd .conbox1_btn a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 240px;
  height: 40px;
  border: solid 1px #031f61;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#244a88),
    to(#2178c2)
  );
  background: -webkit-linear-gradient(bottom, #244a88, #2178c2);
  background: -o-linear-gradient(bottom, #244a88, #2178c2);
  background: linear-gradient(to top, #244a88, #2178c2);
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-shadow: 1px 1px 0 #3a4696;
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

#contact dl.conbox1 dd .conbox1_btn a:hover {
  opacity: 0.75;
}

#contact dl.conbox1 dd .conbox1_btn a:before {
  content: "";
  display: block;
  width: 4px;
  height: 6px;
  margin-right: 7px;
  background: url("../img/icon-arrow.svg") no-repeat center/auto;
}

#contact dl.conbox2 {
  margin-bottom: 45px;
  padding: 10px;
  border: 1px solid #333333;
  background-color: #ffffff;
}

#contact dl.conbox2 dt {
  font-weight: bold;
}

/***--
#contact p input[type="radio"] {
	position: absolute;
	top: 0;
	opacity: 0;
	width:100%;
	height:100%;
}
#contact p input[type="radio"] + label {
	display: block;
	background-image:url(../img/radio.png);
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 4px 0 0 20px;
}
#contact p input[type="radio"]:checked + label {
	background-image: url(../img/radio_on.png);
}
-***/
#contact ul.conform {
  width: 680px;
  display: table;
  margin-bottom: 40px;
}

#contact ul.conform li {
  width: 680px;
  display: table-cell;
  text-align: center;
}

#contact .tb01 {
  border-collapse: collapse;
  letter-spacing: normal;
  margin-bottom: 20px;
  table-layout: auto;
  text-align: left;
  width: 680px;
}

#contact .tb01 caption {
  margin-bottom: 3px;
  text-align: left;
}

#contact .tb01 td,
.tb01 th {
  border: 1px solid #b5b5b6;
  line-height: 1.2em;
  padding: 13px;
}

#contact .tb01 th {
  width: 200px;
  background: #f2f2f2 none repeat scroll 0 0;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}

#contact .tb01 td {
  background: #fff;
  text-align: left;
}

#contact input[type="text"],
#contact select,
#contact textarea {
  border-radius: 2px;
  /* CSS3 */
  -webkit-border-radius: 2px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 2px;
  /* Firefox用 */
  behavior: url(//www.kobayashikako.co.jp/temporary/css/pie/PIE.htc);
  /* IE用 */
  border: 1px solid #c9caca;
  padding: 5px;
}

#contact select option {
  border-radius: 2px;
  /* CSS3 */
  -webkit-border-radius: 2px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 2px;
  /* Firefox用 */
  behavior: url(//www.kobayashikako.co.jp/temporary/css/pie/PIE.htc);
  /* IE用 */
  padding: 5px;
}

#contact input[type="text"],
#contact select {
  height: 30px;
  ime-mode: active;
}

#contact input[name="txtName"],
#contact input[name="txtKana"],
#contact input[name="txtMedical"],
#contact input[name="txtBelongs"] {
  width: 300px;
}

#contact input[name="txtEmail"],
#contact input[name="txtEmailCheck"] {
  width: 400px;
  ime-mode: disabled;
}

#contact input[name="txtTel1"],
#contact input[name="txtTel2"],
#contact input[name="txtTel3"] {
  width: 70px;
  ime-mode: disabled;
}

#contact select[name="sltPref"] {
  width: 150px;
}

#contact select[name="sltCats"] {
  width: 212px;
}

#contact input[name="txtAddress1"],
#contact input[name="txtAddress2"] {
  width: 400px;
}

#contact input[name="txtPost1"] {
  width: 50px;
}

#contact input[name="txtPost2"] {
  width: 70px;
}

#contact input[name="txtAge"] {
  width: 50px;
}

#contact textarea[name="txtBody"] {
  width: 440px;
  height: 150px;
}

/***------------
フッター
------------***/
#footer1 {
  background: #036eb8 none repeat scroll 0 0;
  height: 30px;
  width: 100%;
  display: block;
}

#footer1In {
  margin: 0 auto;
  width: 960px;
}

#footer2 {
  background: #031f61 none repeat scroll 0 0;
  width: 100%;
  display: inline-block;
  /*--float時のIE8対応--*/
}

#footer2In {
  color: #fff;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 1px;
  width: 960px;
}

#footer2In ul li {
  float: left;
  width: 200px;
}

#footer2In ul li dl dt {
  background: url("../img/bk_footdt1.gif") no-repeat scroll center bottom;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#footer2In ul li dl dt a {
  background: url("../img/bk_footdt2.gif") no-repeat scroll left center;
  padding-left: 10px;
}

#footer2In ul li dl dd {
  background: url("../img/foot_icon2.gif") no-repeat scroll left 3px;
  font-size: 0.786em;
  line-height: 1.3em;
  margin-bottom: 10px;
  padding-left: 12px;
}
#footer2In ul li.contact{
  width: 250px;
}
#footer2In ul li.contact dl dt{
  background: url("../img/bk_footdt1.gif") repeat-x scroll center bottom;
}
#footer3 {
  width: 100%;
}

#footer3In {
  margin: 10px auto;
  width: 960px;
}

#footer3In li p {
  background: url("../img/foot_icon3.gif") no-repeat scroll left 2px;
  float: left;
  font-size: 0.786em;
  line-height: 1em;
  padding-left: 7px;
}

/*20160617追加*/
.wid_680 {
  width: 680px;
  margin: 0 auto 0 auto;
}

:root article .vsie8_0 {
  margin-bottom: 3px \0 / IE9;
  /*--IE9のみ--*/
}

.vsie8 {
  display: inline-block;
  /*--float時のIE8対応--*/
  margin-bottom: 50px;
  margin-bottom: 70px\9;
  /*--float時のIE8対応--*/
}

.vsie8_02 {
  margin-bottom: 100px\9;
  /*--float時のIE8対応--*/
}

/*20160624追加*/
dl.kyuryo {
  width: 450px;
}

dl.kyuryo dt {
  width: 115px;
  float: left;
}

dl.kyuryo dd {
  width: 335px;
  float: right;
}

/*not404ページ*/
#notpage {
  background: url("../img/bk_topimg.jpg") no-repeat scroll center top;
  width: 100%;
}

#nopageIn {
  margin: 0 auto;
  padding-top: 20px;
  width: 960px;
}

#notpage h1.notpageimg {
  width: 960px;
  height: 200px;
  background: url(../company/img/tit.jpg) no-repeat;
  text-align: center;
  display: table;
}

#notpage h1 {
  margin-bottom: 10px;
}

#notpage dl.question {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #c9caca;
  padding-top: 30px;
  width: 958px;
}

#notpage dl.question dt {
  border-bottom: 1px dotted #6b6e71;
  padding-bottom: 30px;
  text-align: center;
  width: 958px;
}

#notpage dl.question dd {
  margin: 30px auto;
  width: 450px;
}

#notpage dl.question dd div {
  width: 450px;
  display: inline-block;
}

#notpage .nopage_txt {
  width: 504px !important;
  text-align: left;
  margin-bottom: 20px;
}

.gsc-control-cse,
.gsc-control-cse .gsc-table-result,
table.gsc-search-box,
table#gs_id50 {
  table-layout: auto;
}

.gsc-results .gsc-cursor-box::after,
.gsc-results .gsc-cursor::after,
.gsc-results .gsc-cursor-box .gsc-cursor-page::after {
  content: none !important;
}

/*Googleカスタム検索ボックス用 20160722追加*/
#gsc {
  width: 243px;
  margin: 0 auto;
  position: relative;
}

/* テキスト入力フォーム*/
#gsc #gsc-iw-id1 {
  border: 1px solid #a9a9a9 !important;
}

/* ボタンの色 */
#gsc input.gsc-search-button {
  background: #357ae8 !important;
  background: -ms-linear-gradient(top, #008ee1 0%, #008ee1 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008ee1', endColorstr='#008ee1', GradientType=0);
  /* IE6-9 */
  border: 1px solid #2f5bb7 !important;
}

/* ボタンの位置調整 */
#gsc .gsc-search-button {
  margin: 0 0 0 2px !important;
}

/*----- 製品総覧修正20160902 -----*/
#contents #product p.gyo2 {
  width: 958px;
  height: 48px;
  background: #e6e9ef;
  border: 1px solid #c9caca;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  margin-bottom: 10px;
}

#contents #product ol.gyo2 {
  background: #e6e9ef;
  width: 958px;
  padding-top: 9px;
  padding-bottom: 9px;
  border-bottom: 1px solid #c9caca;
  border-left: 1px solid #c9caca;
  border-right: 1px solid #c9caca;
  text-align: center;
}

#contents #product ol.gyo2 li {
  margin: 0 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* 行プルダウン */
#contents #product ol.gyo2 li ol {
  border-top: 1px solid #c9caca;
  border-left: 1px solid #c9caca;
  display: none;
  left: 0;
  position: absolute;
  top: 32px;
  z-index: 100;
}

#contents #product ol.gyo2 li ol.row1 {
  width: 171px;
}

#contents #product ol.gyo2 li ol li {
  background: #ffffff;
  border-bottom: 1px solid #c9caca;
  border-right: 1px solid #c9caca;
  font-size: 0.9em;
  line-height: 1.2em;
  width: 33px;
  height: 43px;
  float: left;
  display: table;
  text-align: center;
  margin: 0;
}

#contents #product ol.gyo2 li ol li a {
  display: table-cell;
  width: 33px;
  height: 43px;
  height: 100%;
  vertical-align: middle;
}

#contents #product ol.gyo2 li ol li a:hover {
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.pulldown ol {
  display: none;
  left: 0;
  position: absolute;
  top: 100%;
}

/* 総覧検索BOX */
#contents #product .kensaku2 {
  background: #e6e9ef none repeat scroll 0 0;
  border-top: 1px solid #c9caca;
  border-left: 1px solid #c9caca;
  border-right: 1px solid #c9caca;
  width: 928px;
  padding: 10px 15px 0 15px;
}

#contents #product .kensaku2 .border {
  border-bottom: 1px dotted #6b6e71;
  width: 928px;
}

#contents #product .kensaku2 h3 {
  background: none;
  padding: 0;
  width: 122px;
  height: 28px;
  display: block;
  float: left;
  margin-top: 3px;
}

#contents #product .kensaku2 ul.kensakuIn2 {
  width: 790px;
  float: right;
  display: inline-block;
  /*--float時のIE8対応--*/
}

#contents #product .kensaku2 ul.kensakuIn2 li {
  display: inline-block;
  /*--float時のIE8対応--*/
}

#contents #product .kensaku2 ul.kensakuIn2 li input,
#contents #product .kensaku2 ul.kensakuIn2 li select,
#contents #product .kensaku2 ul.kensakuIn2 li select option {
  padding-left: 5px;
  padding-right: 5px;
}

#contents #product .kensaku2 ul.kensakuIn2 li select option {
  border-bottom: 1px dotted #c9caca;
  padding-bottom: 5px;
  padding-top: 5px;
}

#contents #product .kensaku2 ul.kensakuIn2 li input[type="text"] {
  float: left;
  height: 30px;
}

#contents #product .kensaku2 ul.kensakuIn2 li input[name="txtSearchName"] {
  width: 200px;
}

#contents #product .kensaku2 ul.kensakuIn2 li input[name="txtSearchNo"] {
  width: 255px;
}

#contents #product .kensaku2 ul.kensakuIn2 li select.sltKana {
  float: left;
  height: 30px;
  margin-left: 10px;
  width: 60px;
}

#contents #product .kensaku2 ul.kensakuIn2 li select[name="ippan"] {
  float: left;
  height: 30px;
  margin-left: 10px;
  /*width: 180px;*/
}

#contents #product .kensaku2 ul.kensakuIn2 li select[name="kobayashi"] {
  float: left;
  height: 30px;
  /*width: 180px;*/
}

#contents #product .kensaku2 ul.kensakuIn2 li select[name="bunrui"] {
  float: left;
  height: 30px;
  /*width: 490px;*/
}

#contents #product .kensaku2 ul.kensakuIn2 li.radio {
  margin-bottom: 5px;
}

#contents #product .kensaku2 ul.kensakuIn2 li.radio p {
  color: #244a88;
  float: left;
}

#contents #product .kensaku2 ul.kensakuIn2 li.radio p input[type="radio"] {
  display: none;
}

#contents
  #product
  .kensaku2
  ul.kensakuIn2
  li.radio
  p
  input[type="radio"]
  + label {
  display: block;
  background-image: url(../img/radio.png);
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 4px 0 0 20px;
}

#contents
  #product
  .kensaku2
  ul.kensakuIn2
  li.radio
  p
  input[type="radio"]:checked
  + label {
  background-image: url(../img/radio_on.png);
}

#contents #product .kensaku2 ul.kensakuIn2 li p.btn {
  float: right;
  margin-left: 10px;
}

/*20160902追記*/
#kotei {
  background: #fff;
}

/* 20161025 総覧 */
#contents #product #kotei #refine {
  background: #e6e9ef;
  width: 890px;
  padding: 7px 34px;
  border-bottom: 1px solid #c9caca;
  border-left: 1px solid #c9caca;
  border-right: 1px solid #c9caca;
}

#contents #product #refine .r {
  width: 210px;
}

#contents #product #refine .r li {
  width: 100px;
  height: 35px;
  display: table;
}

#contents #product #refine .l > li {
  width: 35px;
  height: 35px;
  margin-left: 10px;
  display: table;
  float: left;
}

#contents #product #refine .l > li:first-child {
  width: 50px;
  margin-left: 0;
}

#contents #product #refine .r > li > a,
#contents #product #refine .l > li > a,
#contents #product #refine .r > li > span,
#contents #product #refine .l > li > span {
  width: 100%;
  height: 100%;
  border: solid 1px #9fa0a0;
  border-radius: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #3e3a39;
  font-size: 1.1em;
  text-align: center;
  text-decoration: none;
  -moz-text-shadow: 1px 1px 0px #d8d8d8;
  -webkit-text-shadow: 1px 1px 0px #d8d8d8;
  text-shadow: 1px 1px 0px #d8d8d8;
  vertical-align: middle;
  display: table-cell;
  position: relative;
}

#contents #product #refine .r > li > a,
#contents #product #refine .l > li > a {
  background: -webkit-linear-gradient(top, #ffffff, #dcdddd);
  background: -o-linear-gradient(top, #ffffff, #dcdddd);
  -pie-background: linear-gradient(top, #ffffff, #dcdddd);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ffffff),
    to(#dcdddd)
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ffffff),
    to(#dcdddd)
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ffffff),
    to(#dcdddd)
  );
  background: linear-gradient(180deg, #ffffff, #dcdddd);
  background: linear-gradient(to bottom, #ffffff, #dcdddd);
}

#contents #product #refine .r > li > span,
#contents #product #refine .l > li > span {
  background: #ffffff;
}

#contents #product #refine .r > li > a:hover,
#contents #product #refine .r > li > a.current,
#contents #product #refine .l > li > a:hover,
#contents #product #refine .l > li > a.current {
  background: -webkit-linear-gradient(top, #2178c2, #244a88);
  background: -o-linear-gradient(top, #2178c2, #244a88);
  -pie-background: linear-gradient(top, #2178c2, #244a88);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2178c2),
    to(#244a88)
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2178c2),
    to(#244a88)
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2178c2),
    to(#244a88)
  );
  background: linear-gradient(180deg, #2178c2, #244a88);
  background: linear-gradient(to bottom, #2178c2, #244a88);
  color: #ffffff;
  -moz-text-shadow: -1px -1px 0px #054677;
  -webkit-text-shadow: -1px -1px 0px #054677;
  text-shadow: -1px -1px 0px #054677;
}

#contents #product #refine .r > li ol {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #c9caca;
  display: none;
  left: 0;
  padding: 0 10px !important;
  position: absolute;
  top: 35px;
  width: 78px;
  z-index: 100;
}

#contents #product #refine .r > li ol li {
  border-bottom: 1px solid #c9caca;
  border-left: medium none;
  font-size: 0.9em;
  line-height: 1.2em;
  text-align: center;
  width: 78px;
}

#contents #product #refine .r > li li:last-child {
  border-bottom: medium none;
}

#contents #product #refine .r > li ol li a {
  display: block;
  width: 78px;
  padding: 10px 0;
}

#contents #product #refine .r > li ol li a:hover {
  color: #999;
}

#contents #product #refine .l > li ol {
  border-top: 1px solid #c9caca;
  border-left: 1px solid #c9caca;
  display: none;
  left: 0;
  position: absolute;
  top: 32px;
  z-index: 100;
}

#contents #product #refine .l > li ol.row1 {
  width: 171px;
}

#contents #product #refine .l > li ol li {
  background: #ffffff;
  border-bottom: 1px solid #c9caca;
  border-right: 1px solid #c9caca;
  font-size: 0.9em;
  line-height: 1.2em;
  width: 33px;
  height: 43px;
  float: left;
  display: table;
  text-align: center;
  margin: 0;
}

#contents #product #refine .l > li ol li a {
  display: table-cell;
  width: 33px;
  height: 43px;
  height: 100%;
  vertical-align: middle;
}

#contents #product #refine .l > li ol li a:hover {
  width: 100%;
  height: 100%;
  text-decoration: none;
}

#contents #product form.count.cf {
  padding: 15px 0 10px;
}

#contents #product form.count.cf .l {
  letter-spacing: -1em;
  word-spacing: -1em;
}

:root #contents #product form.count.cf .l {
  letter-spacing: -1px;
  word-spacing: -1px;
}

#contents #product form.count.cf .l dl {
  display: inline-block;
}

#contents #product form.count.cf .l p,
#contents #product form.count.cf .l dl dt,
#contents #product form.count.cf .l dl dd {
  display: inline-block;
  font-size: 0.85em;
  letter-spacing: 0;
  word-spacing: normal;
}

#contents #product form.count.cf .l p {
  margin-right: 20px;
}

#contents #product form.count.cf .l dl dd:not(:last-child) {
  margin-right: 0.5em;
}

#contents #product form.count.cf .l dl dd img {
  width: 20px;
}

#contents #product .tbSoran #fixedBox.pie {
  -webkit-box-shadow: 0px 5px 2px -5px #231815;
  box-shadow: 0px 5px 2px -5px #231815;
  border-bottom: solid 7px #244a88;
  top: -152px;
}

#contents #product .tbSoran #fixedBox.pie th {
  height: 144px;
  padding-bottom: 0;
  border-bottom: none;
}

#contents #product .tbSoran #fixedBox.pie th img {
  width: 12px;
}

/* 2017.03.28 追記 */
#con_l.con_center {
  float: none !important;
  margin: 0 auto;
}

/*2017.08.29 追記*/
.prolink {
  width: 690px;
  margin: 10px -10px 30px 0;
}

.prolink li {
  float: left;
  width: 128px;
  height: 50px;
  margin-right: 10px;
  line-height: 1.4;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  display: table;
  margin-bottom: 10px;
}

.prolink li a {
  display: table-cell;
  text-decoration: none;
  color: #231815;
  background-color: #dcdddd;
  height: 40px;
  vertical-align: middle;
  border-radius: 3px;
}

.prolink li a:hover {
  color: #fff;
  background-color: #358fbe;
}

/*2017.10.03 追記*/
#headerIn p.eigo {
  float: left;
  width: 171px;
  text-align: csnter;
}

/*20171201患者向け資料追記*/
#contents #con_l #paitien h3 {
  background: url(../recruit/img/bg_subttl_recruit.png) no-repeat left center;
  font-size: 1.286em;
  height: 23px;
  display: block;
  line-height: 20px;
  padding: 0 0 0 27px;
  margin-bottom: 15px;
  width: 653px;
}

#contents #con_l #paitien div.document {
  margin-bottom: 25px;
}

#contents #con_l #paitien div.document:last-child {
  margin-bottom: 0;
}

#contents #con_l #paitien div.document ul li {
  width: 220px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
}

#contents #con_l #paitien div.document ul li:nth-of-type(-n + 3) {
  margin-top: 0;
}

#contents #con_l #paitien div.document ul li:nth-of-type(3n + 0) {
  margin-right: 0;
}

#contents #con_l #paitien div.document ul li:nth-child(3n + 1) {
  clear: both;
}

#contents #con_l #paitien div.document ul li div.p_pho {
  width: 220px;
  height: 220px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #b5b5b6;
  padding: 20px;
  margin-bottom: 10px;
  display: table;
}

#contents #con_l #paitien div.document ul li div.p_pho div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#contents #con_l #paitien div.document ul li div.p_pho div img {
  max-width: 180px;
  max-height: 180px;
}

#contents #con_l #paitien div.document ul li p {
  position: relative;
  padding-left: 25px;
}

#contents #con_l #paitien div.document ul li p a {
  font-size: 12px;
}

#contents #con_l #paitien div.document ul li p:before {
  content: "";
  background: url(../product/img/icon_pdf.gif) no-repeat;
  width: 20px;
  height: 19px;
  position: absolute;
  left: 0;
  top: 2px;
}

/*製品情報総覧機能追加*/
body.allist #contents #product .tbSoran #fixedBox.pie th {
  height: 165px;
}

.allist #cboxLoadedContent {
  background: #fff;
}

.allist #cboxOverlay {
  background: #231815;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

body.allist table tr th.senpatu,
body.allist table tr td.senpatu {
  width: 135px !important;
}

body.allist table tr th.s_tenp {
  padding-top: 30px;
  width: 60px !important;
}

body.allist table tr th.k_tenp {
  padding-top: 30px;
}

body.allist table tr td.s_tenp {
  width: 60px !important;
  display: block;
}

body.allist table tr td.s_tenp div {
  display: block;
  vertical-align: middle;
  padding: 15px 0;
}

body.allist table tr th.s_tenp span {
  display: block;
  text-align: center;
}

body.allist table tr th.s_tenp span a img {
  width: 40px !important;
}

body.allist table thead {
  position: relative;
}

body.allist table tr th.tenpbun {
  width: 120px !important;
  height: 25px !important;
  border-left: none;
  border-top: none;
  border-bottom: 1px solid #b5b5b6 !important;
  position: absolute;
  top: 0;
  left: 479px;
}

body.allist table.nothing tr th.tenpbun {
  border-right: none;
  border-top: 1px solid #b5b5b6 !important;
  border-left: 1px solid #b5b5b6 !important;
}

body.allist table tr th.tenpbun img {
  width: 56px !important;
}

#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #abe8f5;
  z-index: 1000;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

#loader {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  /*color: #abe8f5;*/
  z-index: 1001;
}

#loader img {
  width: 120px;
}

#loader p {
  font-size: 15px;
  font-weight: bolder;
}

#modal-bg {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 250;
}

#download {
  /*
	width: 100%;
	height: 100%;
	position: relative;
	*/
  background: #fff;
  width: 802px;
  height: 470px;
  left: 548.5px;
  top: 94px;
  border: 2px solid;
  position: fixed;
  z-index: 500;
  display: block;
  display: none;
}

#dialog-tool {
  right: 0;
  position: absolute;
  top: 0;
  padding: 6px;
}

#dialog-close {
  height: 30px;
  width: 30px;
  font-size: 27px;
}

#download .d_contents {
  width: 800px;
  margin: 0 auto;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: table;
}

#download .title_d {
  background: #fff;
  border-bottom: solid 3px #244a88;
  margin-bottom: 20px;
}

#download .d_txt {
  font-size: 12px;
  color: #595757;
  margin-bottom: 30px;
}

#download .txt_Blue {
  color: #244a88;
}

#download dl {
  width: 410px;
}

#download dl dd {
  margin-bottom: 5px;
}

#download dl dd {
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #595757;
  margin-bottom: 20px;
}

#download dl dd.d_list {
  padding: 0;
}

#download dl dd.d_list ul {
  border: solid 1px #b5b5b6;
  height: 287px;
  overflow: auto;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#download ul.btn_d {
  width: 315px;
  padding-top: 80px;
  text-align: right;
  margin: 0 auto;
}

#download ul.btn_d li.btn_din {
  width: 300px;
  height: 60px;
  margin-bottom: 50px;
}

#download ul.btn_d li.btn_din a {
  background: url(../product/img/btn_down.png) no-repeat;
  width: 300;
  height: 60px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

#download ul.btn_d li.btn_din a:hover {
  background: url(../product/img/btn_down_hover.png) no-repeat;
}

#download ul.btn_d li.btn_matome {
  width: 300px;
  height: 60px;
}

#download ul.btn_d li.btn_matome a {
  background: url(../product/img/btn_siori.png) no-repeat;
  width: 300;
  height: 60px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

#download ul.btn_d li.btn_matome a:hover {
  background: url(../product/img/btn_siori_hover.png) no-repeat;
}

/*20180220 動画ギャラリー平山追記*/

#contents #contentsIn #movie .l {
  width: 418px;
  height: 204px;
  background-color: #ffffff;
  border: dotted #231815 1px;
  margin-right: 20px;
  margin-top: 89px;
}

#contents #contentsIn #movie .l div {
  margin: 25px 30px 30px;
}

#contents #contentsIn #movie .l div p:nth-child(1) {
  font-size: 18px;
  font-weight: bold;
  border-bottom: #727171 solid 1px;
  border-spacing: 10px;
  padding-bottom: 6px;
}

#contents #contentsIn #movie .l div p:nth-child(2) {
  text-align: right;
  margin-top: 8px;
  margin-bottom: 3px;
}

#contents #contentsIn #movie .l div p:nth-child(3) {
  font-weight: bold;
  font-size: 13px;
}

#contents #contentsIn #movie h2 {
  margin-top: 50px;
  margin-bottom: 25px;
}

#contents #contentsIn #movie h2 span {
  background: url(../img/icon3.gif) no-repeat scroll left 3px;
  vertical-align: middle;
  padding-left: 30px;
  display: table-cell;
}

#contents #contentsIn #movie hr {
  border: #231815 dotted;
  border-width: 1px 0px 0px 0px;
  margin: 0px 0px 30px 0px;
}

#contents #contentsIn #movie .r {
  width: 520px;
  height: 293px;
}

#contents #contentsIn #movie ul {
  width: 960px;
}

#contents #contentsIn #movie li {
  width: 225px;
  height: 235px;
  float: left;
  margin-right: 20px;
}

#contents #contentsIn #movie li:nth-child(4) {
  margin-right: 0px;
}

#contents #contentsIn #movie li div {
  background-color: #e6e9ef;
  height: 110px;
  width: 225px;
}

#contents #contentsIn #movie li div p:nth-child(1) {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px 0px 10px;
}

#contents #contentsIn #movie li div p:nth-child(2) {
  font-size: 12px;
  margin-bottom: 12px;
  margin-left: 3px;
}

#contents #contentsIn #movie li div div {
  background-color: #244a88;
  width: 205px;
  height: 30px;
  margin: 0 auto;
  position: relative;
  display: table;
}

#contents #contentsIn #movie li div div:before {
  content: "";
  background: url(../img/foot_icon2.gif) no-repeat;
  width: 4px;
  height: 6px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#contents #contentsIn #movie .iframe {
  color: #ffffff;
  text-decoration: none;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#contents #contentsIn #movie .imglink {
  padding-left: 0px;
}

#contents #contentsIn #movie a:link {
  color: #ffffff;
  text-decoration: none;
}

#contents #contentsIn #movie a:visited {
  color: #ffffff;
  text-decoration: none;
}

/*20180220 施設紹介平山追記*/

#contents #contentsIn #facilities .movie {
  margin-top: 50px;
  margin-bottom: 25px;
}

#contents #contentsIn #facilities .movie span {
  background: url(../img/icon3.gif) no-repeat scroll left 3px;
  vertical-align: middle;
  padding-left: 30px;
  display: table-cell;
  font-size: 1.429em;
  font-weight: bold;
}

#contents #contentsIn #facilities iframe {
  margin-bottom: 15px;
}

#contents #contentsIn #facilities hr {
  border: #231815 dotted;
  border-width: 1px 0px 0px 0px;
  margin: 0px 0px 30px 0px;
}

/*20180307追記*/
body.allist table tr th.s_tenp span.tip {
  color: #231815;
  background: #e6e9f0;
  display: none;
  padding: 10px;
  position: absolute;
  z-index: 100000;
  border: solid 1px #c9caca;
  width: 260px;
}

/* 20180412 追記 */
#multi {
  background: #fff;
  width: 802px;
  min-height: 340px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 500;
  display: block;
}

#multi .multiin {
  width: 800px;
  margin: 0 auto;
  padding: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#multi .multiin ul.list {
  border-top: solid 1px #c9caca;
  padding-top: 20px;
}

#multi .multiin ul.list li {
  border-bottom: solid 1px #c9caca;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
}

#multi .multiin ul.list li span {
  position: absolute;
  left: 0;
  top: 2px;
}

#multi .multiin ul.list li a {
  padding-left: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
}

#multi .multiin #dialog-tool #dialog-close {
  height: 30px;
  width: 30px;
  font-size: 40px;
  line-height: 0;
  background: #fff;
  border: none;
}

/* 2018.06.01 発売準備中スタイル追記 */
p.txt4 {
  display: inline-block;
  padding: 2px 5px;
  background: #ffdcd4;
  color: #f14a24;
  margin-top: 15px;
}

/* 2018.10.19 品質保証・品質管理　スタイル追記 */
div.production div.about_txt {
  width: 100%;
  background: #031f61;
  padding: 14px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 40px;
  margin-bottom: 20px !important;
}

div.production div.about_txt p {
  font-size: 16px;
  color: #fff;
  letter-spacing: 3px;
}

div.production div.about_txt p span {
  font-weight: bold;
}

/* 2019.3.13 ユースフルジェネリック　スタイル追記 */
#contents.useful #contentsIn #con_l #product3 ul.bnr li:nth-child(1) {
  background-image: url("../product/img/usefulbnr1_s.jpg");
  width: 310px;
  height: 100px;
}

#contents.useful #contentsIn #con_l #product3 ul.bnr li:nth-child(2) {
  background-image: url("../product/img/usefulbnr2_s.jpg");
  width: 310px;
  height: 100px;
}

#contents.useful #contentsIn #con_l #product3 ul.bnr li:nth-child(3) {
  background-image: url("../product/img/usefulbnr3_s.jpg");
  width: 310px;
  height: 100px;
}

#contents.useful #contentsIn #con_l #product3 ul.bnr li:nth-child(4) {
  background-image: url("../product/img/usefulbnr4_s.jpg");
  width: 310px;
  height: 100px;
}

#contents.useful #contentsIn #con_l #product3 ul.bnr li:nth-child(5) {
  background-image: url("../product/img/usefulbnr5_s.jpg");
  width: 310px;
  height: 100px;
}

#contents.useful #contentsIn #con_l #product3 ul.bnr li:nth-child(6) {
  background-image: url("../product/img/usefulbnr6_s.jpg");
  width: 310px;
  height: 100px;
}

#contents.useful #contentsIn #con_l #product3 ul.bnr li:nth-child(7) {
  background-image: url("../product/img/usefulbnr7_s.jpg");
  width: 310px;
  height: 100px;
}

#contents.useful #contentsIn #con_l #product3 ul.bnr li:nth-child(8) {
  background-image: url("../product/img/usefulbnr8_s.jpg");
  width: 310px;
  height: 100px;
}

#contents.useful #contentsIn #con_l #product3 ul.bnr li a:hover {
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#contents.useful #contentsIn #con_l #product3 ul li a {
  width: 100%;
  height: 100%;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 22px;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 0.09em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#contents.useful #contentsIn #con_l #product3 ul li a p {
  padding: 0 0 0 25px;
}

/*2019.06.13追加*/
.lnew img {
  width: 160px;
  padding-top: 50px;
}

.rnew img {
  width: 150px;
}

.rnew2 img {
  width: 90px;
}

/*2019.08.08追加*/
ul.newbox4 li.new div.pic p {
  width: 150px;
}

ul.newbox4 li.new div.pic p img {
  width: 100%;
}

ul.newbox5 li.new div.pic p {
  width: 150px;
}

ul.newbox5 li.new div.pic p img {
  width: 100%;
}

/*20200212追記*/
#contents #topbox_p .bx-pager {
  display: block;
}

/*20210106追記*/
#accordion dt {
  cursor: pointer;
  padding: 10px;
  text-decoration: underline;
}
 
#accordion dd {
}
.scroll-div{
    border: 1px solid #ccc;
    height: 80vh;
    margin-bottom: 30px;
    min-height: 500px;
    overflow: auto;
    width: 100%;
}
.table-search {
    table-layout: fixed;
    width: 100%;
}
.table-search th {
    background: linear-gradient(to bottom, #2178c2, #244a88);
    color: white;
    line-height: 1.3em;
    text-align: center;
}
.table-search th, .table-search td {
    border: solid 1px #ccc;
    font-family: Roboto, 'Segoe UI',Arial,Meiryo,sans-serif;
    padding: 10px;
    vertical-align: middle;
}
.table-search td{
    border-left: 0;
    border-top: 0;
    font-size: 90%;
}
.table-search td div{
    font-family: Roboto, 'Segoe UI',Arial,Meiryo,sans-serif;
}
.table-search tr:last-child td{
    border-bottom: 0;
}
.scroll-div .table-search th:first-child{
    border-left: 0;
}
.scroll-div .table-search th{
    border-top: 0;
}
.scroll-div .table-search th:last-child{
    border-right: 0;
}
.scroll-div .table-search tr td:last-child{
    border-right: 0;
}
#substitute-list-div{
  margin: 0 auto;
  min-width: 960px;
  width: 85%;
}
.initial-button-wrapper{
  display: table;
  min-width: 960px;
  padding-bottom: 2px;
  width: 100%;
}
.initial-button-area{
  display: table-cell;
  letter-spacing: -1em;
  text-align: center;
  white-space: nowrap;
}
.initial-button{
  background-color: #f0f0f0;
  border: 0;
  color: #036eb8;
  cursor: pointer;
  display: inline-block;
  letter-spacing: normal;
  margin: 0px auto;
  margin-right: 1px;
  max-width: 100px;
  padding: 8px 0px;
  text-align: center;
  width: 9%;
}
.initial-button:last-child{
  margin-right: 0;
}
.initial-button-area .active{
  background: linear-gradient(to bottom, #2178c2, #244a88);
  color: white;
}
.td-initial{
  display: none;
}
.tr-resume td{
  background-color: #fff8dc;
}
.tr-eol td{
  background-color: #ddd;
}
.td-center{
  text-align: center;
}
.col-product{
/*  min-width: 310px;*/
}
.col-substitute-product{
/*  min-width: 320px;*/
}
.col-substitute-contact{
/*  min-width: 300px;*/
}
.col-substitute-plan{

}
.div-substitute-company{
  font-weight: bold;
}
.div-substitute-product{
  padding-left: 1em;
}
#no-data-row{
  display: none;
}
#no-data-row td{
  border-bottom: 0;
  font-weight: bold;
}
.banner-area{
  margin-top: -30px;
}
.banner-area a{
/*  color: #fff;*/
  color: #fff;
  text-decoration: none;
}
.banner-area span{
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.banner{
  display: table;
  font-weight: bold;
  height: 7.3em;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
.banner-area .banner:hover{
  opacity: 0.8;
}
.banner-itraconazole{
/*  background: linear-gradient(#ee2222, #ff0505, #ee2222);*/
/*  background-color: navy;*/
  background-color: #036eb8;
}
.banner-itraconazole a{
}
.banner-title-area{
  display: table-row;
}
.banner-title{
  display: table-cell;
  font-size: 1.8em;
  height: 1.5em;
  vertical-align: bottom;
  width: 100%;
}
.banner-content-area{
  display: table-row;
}
.banner-content{
  display: table-cell;
  font-size: 2.3em;
  height: 2em;
  vertical-align: middle;
  width: 100%;
}
.banner-itraconazole-hosho{
  background-color: #33cc99;
}
.banner-itraconazole-substitute{
  background-color: #cccc33;
  margin-top: 30px;
}
.apology-area{
/*  background-color: rgba(224, 223, 221, 0.7);*/
  background-color: rgba(255, 255, 255, 1);
  border: 5px solid #fff;
/*  min-width: 980px; */
/*  padding: 15px 0px; */
  width: 62em;
}
.apology-area span{
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
}
.apology-title{
  font-size: 2em;
/*  padding: 20px; */
  padding: 10px;
}
.apology-content{
  font-size: 1.1em;
/*  padding: 15px 0px;*/
  padding: 8px 0px 0px;
  text-align: left;
  text-indent: 1em;
  width: 55em;
}
.wid_840 {
  width: 840px;
  margin: 0 auto 0 auto;
}

/* 2021/01/18追加分 */
.itraconazole-h3{
  margin-top: 1.5em;
}
.itraconazole-h3 span{
  font-size: 1.2em;
}
.itraconazole-dead-status-div{
  margin: 15px 0 40px 50px;
  width: 800px;
}
.itraconazole-dead-status-div table{
  background: #ffffff;
  border: 1px solid #c9caca;
  width: 100%;
}
.itraconazole-dead-status-div th{
  background-color: #f2f2f2;
  border-bottom: 1px solid #c9caca;
  border-left: 1px solid #c9caca;
  font-weight: normal;
  padding: 15px 10px;
  text-align: center;
  width: 80px;
}
.itraconazole-dead-status-div .th-date{
  white-space: nowrap;
  width: 180px;
}
.itraconazole-dead-status-div td{
  border-bottom: 1px solid #c9caca;
  border-right: 1px solid #c9caca;
  padding: 15px 10px;
  text-align: center;
}
.itraconazole-health-status-div{
  margin-left: 50px;
  margin-top: 10px;
}
.itraconazole-health-status-comment-div{
  margin: 10px 0 0 20px;
  width: 850px;
}
.itraconazole-health-status-list-div{
  margin: 15px 0 15px 20px;
  width: 800px;
}
.itraconazole-health-status-list-div table{
  background: #ffffff;
  margin-bottom: 1em;
}
.itraconazole-health-status-list-div table td{
  border-bottom: 1px solid #cccccc;
  border-right: 5px solid white;
  padding: 15px 10px;
  white-space: nowrap;
  vertical-align: middle;
}
.itraconazole-health-status-list-div table tr:first-child td{
  border-top: 1px solid #cccccc;
}
.td-content{
  text-align: left;
  width: 340px;
}
.td-count{
  text-align: right;
  width: 60px;
}
.td-content-indent1{
  margin-left: 2em;
}
.itraconazole-health-status-notice{
  font-size: 0.75em;
  margin-left: 1em;
}
.itraconazole-health-history-title{
  margin-left: 40px;
  margin-top: 30px;
}
.itraconazole-health-history{
  margin-left: 50px;
  margin-top: 10px;
}
.div-before-20201228{
  margin-top: 30px;
  margin-right: 100px;
  text-align: right;
}
.div-before-20201228 span{
  font-size: 1.3em;
  margin-left: 1em;
}
.substitute-list-header{
  padding-bottom: 10px;
}
.recall-download-div{
  text-align: right;
}
.download-div{
  display: inline-block;
  float: right;
  text-align: right;
}
.download-btn-div{
  display: inline-block;
}
.download-link{
  background: linear-gradient(to bottom, #2178c2, #244a88);
  border-radius: 5px;
  color: white !Important;
  padding: 8px 25px;
}
.new-icon::after{
  content: url(../img/new.gif);
  margin-left: 5px;
  vertical-align: middle;
}
.recall-dt{
  font-size: 1.25em;
}
.recall-dt a.recall-list-pdf{
  margin-left: 0.5em;
}
.recall-list-div{
}
.recall-list{
  margin: 0 auto;
  width: 860px;
}
.recacll-list-20220131{
  font-size: 90%;
  width: auto;
}
.recall-list th{
/*  background-color: navy;*/
  background: linear-gradient(to bottom, #2178c2, #244a88);
  border: 1px solid #ccc;
  color: white;
  padding: 1em;
  text-align: center;
  vertical-align: middle;
}
.recall-list td{
  background-color: white;
  border: 1px solid #ccc;
  padding: 1em;
  vertical-align: middle;
}
.recall-accordion{
  font-size: 1.2em;
  padding-bottom: 30px;
}
.recall-accordion dt{
  padding: 10px;
  text-align: center;
}
.recall-annotation{
  font-size: 85%;
  text-indent: 1em;
}
.col-recall-product .inner-div:not(:last-child){
  margin-bottom: 10px;
}
.iryo-banner-area{
  margin: 0 0 5px 0;
}
.iryo-banner-area a{
  color: white;
  text-decoration: none;
}
.iryo-banner-area .banner{
  height: 5em;
}
.iryo-banner-area .banner:hover{
  opacity: 0.8;
}
.iryo-banner-area .banner .banner-content{
  font-size: 1.8em;
}
.banner-recall {
  background: linear-gradient(to bottom, #33aa99, #227768);
}
.banner-substitute {
  background: linear-gradient(to bottom, #aa3399, #772268);
}
.banner-resume {
/*  background: linear-gradient(to bottom, #2178c2, #244a88);*/
  background: linear-gradient(to bottom, #982f2f, #4c0808);
}
.substitute-main-div{
  margin: 20px auto;
  text-align: center;
}
.half-div{
  display: inline-block;
  margin-right: 10%;
  text-align: center;
  width: 35%;
}
.half-div:last-child{
  margin-right: 0;
}
.half-div a{
  color: white;
  line-height: 2em;
  text-decoration: none;
}
.btn-div{
  background: linear-gradient(to bottom, #2178c2, #244a88);
  border-radius: 10px;
  font-size: 1.5em;
  padding: 1em;
}
.btn-div:hover{
  opacity: 0.8;
}
.substitute-date-div{
  display: inline-block;
  margin-bottom: 10px;
}
.col-date{
  text-align: center;
  width: 8em;
}
.div-contact-notice{
  text-indent: 1em;
}
.div-contact-notice:before{
  content: "※";
}
.div-contact-tel{
  text-indent: 2em;
}
.emphasis-message{
  color: red;
  font-weight: bold;
}
.substitute-dd{
  margin-top: 1em;
}
.substitute-contact-kk{
  font-size: 1.1em;
  font-weight: bold;
  padding-right: 60px;
  text-align: right;
}
.resume-list{
  margin: 0 auto;
  width: 860px;
}
.resume-list th{
/*  background-color: navy;*/
  background: linear-gradient(to bottom, #2178c2, #244a88);
  border: 1px solid #ccc;
  color: white;
  padding: 1em;
  text-align: center;
  vertical-align: middle;
}
.resume-list td{
  background-color: white;
  border: 1px solid #ccc;
  padding: 1em;
  vertical-align: middle;
}
.resume-accordion dt{
  padding: 10px;
}
.col-resume-date{
  display: none;
}
.div-resume-statement{
  margin: 20px 50px;
}
.itraconazole-health-notice-inline-div:before{
  content: '※';
  vertical-align: top;
}
.itraconazole-health-notice-inline-div span{
  display: inline-block;
  width: 95%;
}
#nav li {
  background: url("../img/bk_nav.gif") no-repeat scroll left 14px;
  display: table;
  float: left;
  font-size: 1.071em;
  height: 53px;
  position: relative;
  text-align: center;
  width: 320px;
}
#nav li.last {
  background: url("../img/bk_nav.gif") no-repeat scroll left 14px;
  float: left;
  font-size: 1.071em;
  height: 53px;
  text-align: center;
  width: 320px;
}
#nav li ol.row3 {
  width: 379px;
}
/* #nav2In{
  background: none;
  background-color: #fff;
}
#nav2In li{
  width: 435px;
}
#nav2In li:first-child{
  float: left;
}
#nav2In li:last-child{
  border-left: 1px solid #ccc;
  float: right;
}
#nav2In li h2{
  background: url(../img/line1.gif) repeat-x scroll center bottom;
}
#nav2In li p{
  margin-left: 1em;
} */
/* 採用情報削除対応 ここまで */
#topimg{
  padding-bottom: 15px;
}
#topimg ul{
  margin-bottom: 0;
}
.no-decoration-a{
  text-decoration: none !important;
}
.nav2-banner-image-div{
  background-color: rgba(224, 223, 221, 0.7);
  display: flex;
/*  height: 186px; */
  height: 265px;
  position: relative;
  text-align: center;
  transition:all 0.7s;
  vertical-align: middle;
}
.nav2-banner-image-div:hover{
  opacity: 0.7;
  transition:all 0.7s;
}
.nav2-banner-image-div span{
  bottom: 0;
  color: black;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 12pt;
  font-weight: bold;
  height: 45px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}
.nav2-banner-title-div{
  display: inline-block;
  height: 90px;
  width: 180px;
}
.nav2-banner-title-top-div{
  border-bottom: 1px black dotted;
  height: 35%;
  margin: 10px;
  width: 95%;
}
.nav2-banner-title-top-div span{
  color: #021d60;
  font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "Osaka", "MS P Gothic", "ＭＳ Ｐゴシック", "lroSVbN", sans-serif;
  font-size: 15pt;
  letter-spacing: -2px;
}
.nav2-banner-title-under-div{
  margin: 10px;
}
.nav2-banner-title-under-div span{
  color: #ccc;
  font-size: 9pt;
  font-weight: normal;
}
#top_l ul.bnr li{
  width: 100%;
}

#nav2{
  margin-bottom: 20px;
}
#nav2In{
  background: none;
  background-color: #fff;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  width: 645px;
}
#nav2In li{
  border-right: solid 1px #ccc;
  padding-bottom: 10px;
}
#nav2In li:last-child{
  border-right: none;
}
#nav2In li p:last-child{
  margin-bottom: 0;
}
#nav2In li a img{
  border: solid 1px #ccc;
  width: 100%;
  height: 235px;
  object-fit: cover;
}
.photo-img-div{
  position: relative;
  margin: 0 40px;
}
.photo-img-div .photo-img-comment-div{
  background-color: rgba(0,0,128,0.5);
  border: solid 1px rgba(0, 0, 128, 0);
  bottom: 0;
  padding: 15px 0px;
  position: absolute;
  text-align: center;
  transition:all 0.2s;
  width: 100%;
}
#nav2In li a:hover .photo-img-comment-div{
  background-color: rgba(0,0,128,1) !important;
  transition:all 0.2s;
}
.photo-img-div .photo-img-comment-div span{
  color: #f0f8ff;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 18pt;
}
/* #top_l{
  width: 100%;
} */
/* #top_l .news{
  width: auto;
} */
#top_r .news .header{
  width: 100%;
}
ul.product-alllist{
  margin: 0 auto;
  width: 330px;
}



#nav2In{
  display: table;
  text-align: center;
  width: 960px;
}
#nav2In li{
  display: table-cell;
  float: none;
  vertical-align: top;
  width: 320px;
}
#nav2In li p{
  margin: 15px 40px;
  text-align: left;
}
.nav2-banner-image-div span{
  font-size: 18pt;
  height: 2.6em;
  line-height: 1.3em;
}

.relative-div{
  position: relative;
}
.message-right-line-div{
  height: 3em;
}
.message-right-company-div{
  height: 5em;
}
.message-right-div{
  position: absolute;
  right: 0;
}
.greeting-title{
  text-align: center;
  font-size: 1.5em;
}
.greeting-area{
  font-size: 1.25em;
}
#top_l{
/*  width: 320px;*/
}
#top_r .news {
  width: auto;
}
#top_r {
/*  width: 620px;*/
}
#top_l .news {
  background-color: #fffff0;
  border: 1px solid #c9caca;
  padding: 30px;
  width: auto;
}
#top_l .news .header{
  border-bottom: 1px solid #898989;
  display: inline-block;
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 100%;
}
#top_l .news .header h3 {
  float: left;
  width: 237px;
}
#top_l .news .header p {
  float: right;
  width: 110px;
}
#top_l .news .wrap {
  height: 150px;
  margin-bottom: 20px;
  overflow: auto;
}
#top_l .news .wrap dl{
  margin-bottom: 15px;
}
#top_l .news .wrap dl dt {
  float: left;
  width: 120px;
}

#top_l .news .wrap dl dd {
  padding-left: 120px;
}
#top_l .news p.all-list{
  margin: 0 auto;
  width: 110px;
}

.nav2-banner-image-div span.single-line{
  font-size: 18pt;
  height: 1.3em;
  line-height: 1.3em;
}
#top_l .news .header h3.improve-news-title{
  font-size: 16pt;
  font-weight: normal;
  line-height: 23pt;
/*  width: 100%; */
}
#top_l .news .header h3.improve-news-title p{
  float: none;
  width: 100%;
}
#top_l .news .wrap dl {
  border-bottom: 1px dotted #898989;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.nav2-banner-image-div.banner-recovery{
  background-color: #036eb8;
}
.nav2-banner-image-div.banner-recovery:hover{
}
.nav2-banner-image-div.banner-recovery span{
  color: #f0f8ff;
}
li.banner-recovery-li {
  background-color: #fffff0;
}
#nav2In li a .photo-img-div.outline-comment img{
  border-bottom: none;
}
.photo-img-div.outline-comment .photo-img-comment-div{
  background-color: rgba(0, 0, 128, 0.7);
  border: solid 1px rgba(0, 0, 128, 0);
  padding: 15px 0px;
  position: static;
  text-align: center;
  transition:all 0.2s;
  width: 100%;
}
#nav2In li a:hover .photo-img-div.outline-comment .photo-img-comment-div{
  background-color: rgba(0,0,128,1) !important;
  transition:all 0.2s;
}
.photo-img-div.outline-comment .photo-img-comment-div span{
  color: #f0f8ff;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 18pt;
}
.philosophy img,
.charter img{
/*  border: 1px solid #ddd;*/
  margin-top: 20px;
  width: 100%;
}
.philosophy-div{
  padding: 25px 0;
}
.philosophy-div p.sub-title{
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 10px;
}
.philosophy-div .content{
  font-size: 110%;
  margin-left: 15px;
}
p.list-title{
  font-weight: bold;
  margin: 8px 0px;
}
p.list-content{
/*  margin-left: 20px; */
  margin-left: 2em;
}
div.philosophy-div{
  text-align: center;
}
div.philosophy-header-div{
  text-align: center;
}
div.philosophy-div span.sub-title{
  color: #e20076;
  display: block;
  font-size: 130%;
  font-weight: bold;
  margin-bottom: 0;
}
div.philosophy-div span.sub-title.vision{
  color: #00969e;
}
div.philosophy-div span.sub-title.value{
  color: #3b71b9;
}
div.philosophy-div div.charter span.sub-title{
  margin-bottom: 15px;
}
div.philosophy-div div.mission span.main-title{
  display: block;
/*  font-size: 450%; */
  font-size: 350%;
  font-weight: bold;
  line-height: normal;
}
div.philosophy-div div.mission p{
  font-size: 130%;
}
div.philosophy-div div.charter span.main-title{
  display: block;
  font-size: 130%;
  font-weight: bold;
  line-height: normal;
}
hr.philosophy-header-line{
  border-top: solid 1px #036eb8;
}
div.philosophy-header-div span.sub-title{
  color: #e20076;
  display: block;
  font-size: 225%;
  font-weight: bold;
  line-height: 2em;
  margin-bottom: 0;
}
div.philosophy-header-div div.charter span.main-title{
  display: block;
  font-size: 130%;
  font-weight: bold;
  line-height: normal;
}
div.philosophy-header-div div.charter span.main-title:last-of-type{
  margin-bottom: 25px;
}
hr.philosophy-line{
  border-top: solid 1px #e20076;
}
hr.hr-philosophy-div{
  margin-top: 50px;
}
div.charter div.content{
  display: inline-block;
  margin: 20px auto;
/*  padding-left: 15px;*/
  text-align: left;
}
#contents #con_l #company.poster{
  background-color: #fdd5eb;
}
hr.philosophy-header-line.poster{
  background-color: #fff;
  border: none;
  margin: 0;
  padding: 0.1em 0;
}
.recall-link{
  font-size: 120%;
}

#topcontents #top_r .contents{
  padding: 20px 0;
}
#topcontents #top_r .contents_title{
  background: linear-gradient(to bottom, #fefefe, #dedfdf);
  border: solid 2px #d1d2d2;
  font-size: 16pt;
  font-weight: normal;
  height: 42px;
  line-height: 42px;
  margin-top: 10px;
  padding-left: 70px;
  position: relative;
}
#topcontents #top_r .contents_title span.title{
  position: relative;
}
#topcontents #top_r .contents_title span.title::before{
  background: linear-gradient(135deg, #036eb8 0%, #036eb8 50%, #031f61 50%, #031f61 100%);
  content: "";
  display: block;
  height: 30px;
  left: -40px;
  position: absolute;
  top: 0;
  width: 30px;
}
#topcontents #top_r .contents_title span.english_text{
  color: #4292ca;
  font-size: 10pt;
  margin-left: 8px;
  vertical-align: middle;
}
#company .outline,
#informations .outline{
  background: url(../company/img/line.png) repeat-x top;
  margin-top: 15px;
  padding-top: 7px;
}
#company .outline table{
  border-collapse: collapse;
  line-height: 1.429em;
  width: 100%;
}
#company .outline table th{
  background-color: #f2f2f2;
  border-bottom: 1px solid #c9caca;
  border-left: 1px solid #c9caca;
  font-weight: normal;
  padding: 15px 10px;
  width: 80px;
}
#company .outline table td{
  border-bottom: 1px solid #c9caca;
  border-right: 1px solid #c9caca;
  padding: 15px 10px;
}
#products .outline{
  margin-top: 15px;
  padding: 7px 60px 0;
}
#products ul li.pdf2{
  background: url(../img/pdf2.gif) no-repeat scroll left top;
  height: 21px;
  padding-left: 25px;
}
a.btn_news_list{
  background-color: #036eb8;
  border-radius: 0.3rem;
  color: #fff;
  font-size: 10pt;
  font-weight: bold;
  line-height: initial;
  padding: 5px 15px 5px 28px;
  position: absolute;
  right: 30px;
  text-decoration: none;
  top: 10px;
}
a.btn_news_list::before{
  border: 0;
  border-right: solid 2px #fff;
  border-top: solid 2px #fff;
  content: '';
  height: 6px;
  left: 10px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 6px;
}
#informations .news{
  border: none;
  padding: 10px 0 20px 20px;
}
#informations .news .wrap dl {
  margin-bottom: 0;
  padding-top: 15px;
}
#header{
  height: 80px;
}
.apology-content{
  font-size: 1.3em;
  width: 47em;
}
#top_r .news .wrap{
  height: auto;
}