@charset "UTF-8";
/* ----------------------------------------
   html5のリセットCSS
---------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  border: 0;
  color: #525252;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left; }

a:focus {
  outline: none; }

.clearfix:after {
  content: "";
  clear: both;
  display: block; }

.clearfix {
  zoom: 1; }

* html .clearfix {
  height: 1px; }

.cl {
  clear: both; }

img {
  vertical-align: bottom; }

/* ----------------------------------------
   base
---------------------------------------- */
.ite-area-sitehtml {
  background-color: #323232; }

.ite-area-allbody {
  background: #323232; }

.ite-area-sitebody {
  background: #716f69 url(../images/common/ite-bg-body-stripe.png) left top repeat;
  font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  position: relative; }

/* ----------------------------------------
   サイトヘッダー・サイトフッター
---------------------------------------- */
.ite-area-site-header,
.ite-area-site-footer {
  margin: 0 auto;
  position: relative;
  width: 980px; }

.ite-area-site-header {
  height: 101px; }

/* ----------------------------------------
   ボディー
---------------------------------------- */
.ite-area-main {
  margin: 0 auto;
  padding: 50px 0;
  width: 980px; }

/* ----------------------------------------
   リンクスタイル
---------------------------------------- */
a {
  color: #f18d00;
  text-decoration: none; }
  a:hover {
    color: #f18d00;
    text-decoration: underline; }

/* ----------------------------------------
   サイトヘッダー(サブなし)
---------------------------------------- */
.ite-wrap-site-header {
  background: #716f69;
  height: 107px;
  width: 100%; }
  .ite-wrap-site-header .ite-area-site-title {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9998; }
  .ite-wrap-site-header .ite-label-site-title {
    background: #fff;
    display: block;
    height: 107px;
    line-height: 107px;
    text-align: center;
    vertical-align: top;
    width: 160px; }
  .ite-wrap-site-header .ite-label-site-title-logo {
    vertical-align: middle; }
  .ite-wrap-site-header .ite-area-form-search {
    position: absolute;
    right: 0;
    top: 28px; }
  .ite-wrap-site-header .ite-area-form-search-keyword,
  .ite-wrap-site-header .ite-btn-form-search-submit {
    border: none;
    display: block;
    float: left;
    margin: 0;
    padding: 10px 6px; }
  .ite-wrap-site-header .ite-area-form-search-keyword {
    height: 16px;
    width: 138px; }
  .ite-wrap-site-header .ite-btn-form-search-submit {
    background: #323232 url(../images/common/ite-icon-search-btn.png) center center no-repeat;
    cursor: pointer;
    height: 36px;
    text-indent: -9999px;
    width: 36px; }

/* ----------------------------------------
   サイトヘッダー(サブあり)
---------------------------------------- */
.ite-wrap-site-header.ite-wrap-site-header-subopen {
  height: 146px;
  /* ----------------------------------------
    サブメニュー(サブあり)
  ---------------------------------------- */ }
  .ite-wrap-site-header.ite-wrap-site-header-subopen .ite-label-site-title {
    height: 146px;
    line-height: 146px; }
  .ite-wrap-site-header.ite-wrap-site-header-subopen .ite-wrap-area-sub-link {
    height: 45px; }
  .ite-wrap-site-header.ite-wrap-site-header-subopen .ite-wrap-sub-link .ite-btn-sub-link {
    height: 45px;
    line-height: 45px; }

/* ----------------------------------------
   メインメニュー
---------------------------------------- */
.ite-area-main-link {
  margin-left: 160px; }

.ite-area-main-link-liner {
  height: 4px;
  left: 0;
  position: absolute;
  top: 0; }

.ite-wrap-main-link {
  float: left; }
  .ite-wrap-main-link .ite-btn-main-link {
    color: #fff;
    display: block;
    font-size: 12px;
    height: 73px;
    letter-spacing: .1em;
    padding: 28px 15px 0;
    text-align: center; }
    .ite-wrap-main-link .ite-btn-main-link .ite-label-main-link {
      color: #fff;
      font-size: 11px; }
    .ite-wrap-main-link .ite-btn-main-link:hover {
      text-decoration: none; }
      .ite-wrap-main-link .ite-btn-main-link:hover:not(.ite-btn-main-link-current) {
        color: #5fc1bd; }
        .ite-wrap-main-link .ite-btn-main-link:hover:not(.ite-btn-main-link-current) span {
          color: #5fc1bd; }
    .ite-wrap-main-link .ite-btn-main-link.ite-btn-main-link-current {
      background-color: #5fc1bd; }

/* ----------------------------------------
  サブメニュー(サブなし)
---------------------------------------- */
.ite-wrap-area-sub-link {
  background: #323232;
  height: 6px;
  position: relative;
  width: 100%; }

.ite-area-sub-link {
  margin: 0 auto;
  width: 980px; }

.ite-wrap-sub-link {
  display: inline-block;
  font-size: 12px;
  vertical-align: top; }
  .ite-wrap-sub-link:first-child {
    margin-left: 160px; }
  .ite-wrap-sub-link .ite-btn-sub-link {
    background: #323232;
    color: #fff;
    height: 45px;
    line-height: 45px;
    margin: 0 30px;
    overflow: hidden;
    text-decoration: none; }
    .ite-wrap-sub-link .ite-btn-sub-link:active {
      color: #e58600; }
    .ite-wrap-sub-link .ite-btn-sub-link:hover {
      color: #e58600; }
  .ite-wrap-sub-link .ite-btn-sub-link-current {
    color: #e58600; }

/* ----------------------------------------
   フッター
---------------------------------------- */
.ite-wrap-site-footer {
  background-color: #323232;
  color: #fff;
  padding: 20px 0 15px 0;
  position: relative; }

.ite-area-site-footer {
  position: relative; }

.ite-wrap-footer-links {
  margin-bottom: 48px; }

.ite-area-footer-links {
  float: left;
  margin-left: 40px; }
  .ite-area-footer-links:nth-of-type(1) {
    margin-left: 0; }

.ite-label-footer-link-header {
  color: #fff;
  display: block;
  font-size: 12px;
  margin-bottom: 17px; }
  .ite-label-footer-link-header:hover {
    text-decoration: none; }

.ite-area-footer-link {
  margin-bottom: 3px; }
  .ite-area-footer-link .ite-label-footer-link {
    background: url(../images/common/ite-icon-list-footer-link-arrow-sprite.png) no-repeat left 4px;
    color: #fff;
    font-size: 10px;
    overflow: hidden;
    padding-left: 15px;
    text-decoration: none; }
    .ite-area-footer-link .ite-label-footer-link:hover {
      background-position: left -10px;
      color: #e58600; }

/* リンクテキストと同じスタイルを仮にあてています */
.ite-label-footer-nolink {
  background: url(../images/common/ite-icon-list-footer-link-arrow-sprite.png) no-repeat left 7px;
  color: #fff;
  font-size: 10px;
  line-height: 2.1;
  overflow: hidden;
  padding-left: 15px;
  text-decoration: none; }

.ite-logo-iticket-logomark-jp {
  display: block;
  margin-bottom: 30px; }

.ite-area-footer-contents {
  border-top: 1px solid #737373;
  margin-top: 24px;
  position: relative;
  padding-top: 24px; }

.ite-wrap-util-link {
  font-size: 10px;
  position: absolute;
  right: 0;
  top: 24px; }

.ite-area-util-link {
  float: right; }

.ite-label-util-link {
  color: #fff; }
  .ite-label-util-link:hover {
    text-decoration: none; }

.ite-label-copyright {
  color: #fff;
  display: block;
  font-size: 10px;
  text-align: center; }

/* ----------------------------------------
   TOPページ等 主リンクボタン
---------------------------------------- */
/* 「GO TO TOPボタン」 */
.ite-area-to-pagetop-btn {
  float: right;
  height: 60px;
  position: absolute;
  right: 71px;
  top: -30px; }
  .ite-area-to-pagetop-btn:link {
    text-decoration: none; }
  .ite-area-to-pagetop-btn .ite-btn-to-pagetop {
    background: url(../images/common/ite-icon-gototop-btn.png) no-repeat center center #716f69;
    border-radius: 8px;
    cursor: pointer;
    height: 60px;
    right: 0;
    text-indent: -9999px;
    width: 60px; }

.ite-label-blank:after {
  background: url(../images/common/ite-icon-footer-link-window.png) no-repeat right center transparent;
  content: "";
  padding-right: 13px; }

/* -------------------------------------------
   ページ共通
-------------------------------------------- */
/*　タイトルエリア　*/
.ite-wrap-page-title {
  background: transparent url(../images/common/ite-title-border-dotline.png) left bottom repeat-x;
  margin-bottom: 20px;
  position: relative; }
  .ite-wrap-page-title .ite-area-page-title {
    border-bottom: 5px solid #5fc1bd;
    display: inline-block;
    font-size: 32px;
    line-height: 1;
    padding: 0 5px 8px 0; }

/* ---------------------------------------------

   トップページ

----------------------------------------------- */
/* ----------------------------------------
  お見舞い
---------------------------------------- */
.itp-wrap-get-well-soon {
  background-color: #96d6d4;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;

  padding: 15px 0; }

.itp-area-get-well-soon {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 30px 22px;
  border: 1px solid #5FC1BD;
  background-color: #fff; }
  .itp-area-get-well-soon h1 {
    font-size: 30px;
    margin-bottom: 18px;
    text-align: center;
    font-weight: 300 !important; }
  .itp-area-get-well-soon p {
    font-size: 120% !important;
    line-height: 160%;
 text-align: center; }










/* ----------------------------------------
  レイアウト
---------------------------------------- */
.ite-top-area-main {
  padding-top: 0;
  width: auto; }
  .ite-top-area-main .ite-top-wrap-catch {
    background: #fffcea;
    border-bottom: 5px solid #fff;
    height: auto;
    margin-bottom: 22px; }
    .ite-top-area-main .ite-top-wrap-catch .ite-top-area-catch {
      background: transparent url(../images/top/ite-top-graphic-chart.png) left 37px no-repeat;
      height: 384px;
      margin: 0 auto 0;
      position: relative;
      width: 980px; }
      .ite-top-area-main .ite-top-wrap-catch .ite-top-area-catch .ite-top-label-catch {
        position: absolute;
        top: 60px;
        right: 0; }
      .ite-top-area-main .ite-top-wrap-catch .ite-top-area-catch .ite-top-cont-btn {
        position: absolute;
        bottom: 37px;
        right: 0; }

.ite-top-wrap-content-main {
  margin: 0 auto 60px;
  width: 980px; }
  .ite-top-wrap-content-main .ite-top-heading {
    font-size: 16px;
    line-height: 18px;
    margin: 10px 0; }
    .ite-top-wrap-content-main .ite-top-heading.ite-top-heading-prod {
      background: transparent url(../images/top/ite-top-icon-prod.png) left top no-repeat;
      padding-left: 30px;
      position: relative; }
      .ite-top-wrap-content-main .ite-top-heading.ite-top-heading-prod:after {
        border-top: 1px dashed #999;
        content: '';
        position: absolute;
        top: 50%;
        left: 190px;
        width: 790px; }
    .ite-top-wrap-content-main .ite-top-heading.ite-top-heading-topics {
      background: transparent url(../images/top/ite-top-icon-topics.png) left top no-repeat;
      padding-left: 18px;
      position: relative; }
      .ite-top-wrap-content-main .ite-top-heading.ite-top-heading-topics:after {
        border-top: 1px dashed #999;
        content: '';
        position: absolute;
        top: 50%;
        left: 80px;
        width: 400px; }
    .ite-top-wrap-content-main .ite-top-heading.ite-top-heading-comp {
      background: transparent url(../images/top/ite-top-icon-comp.png) left top no-repeat;
      padding-left: 23px;
      position: relative; }
      .ite-top-wrap-content-main .ite-top-heading.ite-top-heading-comp:after {
        border-top: 1px dashed #999;
        content: '';
        position: absolute;
        top: 50%;
        left: 180px;
        width: 300px; }

.ite-top-wrap-bnr {
  float: left;
  margin-left: 22px; }
  .ite-top-wrap-bnr:nth-of-type(1) {
    margin-left: 0; }
  .ite-top-wrap-bnr .ite-top-area-bnr {
    background-color: #fff;
    display: block;
    height: 115px;
    padding-left: 30px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    width: 272px; }
    .ite-top-wrap-bnr .ite-top-area-bnr:hover {
      -moz-border-radius: 14px;
      -ms-border-radius: 14px;
      -o-border-radius: 14px;
      -webkit-border-radius: 14px;
      border-radius: 14px;
      text-decoration: none; }
    .ite-top-wrap-bnr .ite-top-area-bnr .ite-top-label-sub {
      font-size: 13px;
      margin-top: 10px; }
    .ite-top-wrap-bnr .ite-top-area-bnr.ite-top-area-bnr-prod {
      background: #fff url(../images/top/ite-top-bg-prod-medical.png) 230px 32px no-repeat;
      border: 5px solid #5fc1bd; }
      .ite-top-wrap-bnr .ite-top-area-bnr.ite-top-area-bnr-prod .ite-top-label-sub {
        color: #5fc1bd; }
    .ite-top-wrap-bnr .ite-top-area-bnr.ite-top-area-bnr-comp {
      background: #fff url(../images/top/ite-top-bg-prod-comp.png) 218px 32px no-repeat;
      border: 5px solid #666; }
      .ite-top-wrap-bnr .ite-top-area-bnr.ite-top-area-bnr-comp .ite-top-label-sub {
        color: #666; }
    .ite-top-wrap-bnr .ite-top-area-bnr.ite-top-area-bnr-patient {
      background: #fff url(../images/top/ite-top-bg-prod-patient.png) 208px 32px no-repeat;
      border: 5px solid #f18d00; }
      .ite-top-wrap-bnr .ite-top-area-bnr.ite-top-area-bnr-patient .ite-top-label-sub {
        color: #f18d00; }
    .ite-top-wrap-bnr .ite-top-area-bnr .ite-top-heading-bnr {
      font-size: 22px;
      line-height: 1;
      margin-top: 34px; }

.ite-top-wrap-topics {
  float: left;
  width: auto;
  height: auto; }
  .ite-top-wrap-topics .ite-top-area-topics {
    background: #fff;
    height: 440px;
    padding: 20px 30px;
    position: relative;
    width: 420px; }
  .ite-top-wrap-topics .ite-top-area-legend {
    background: #f5f5f5;
    padding: 14px 0;
    margin-bottom: 23px; }
    .ite-top-wrap-topics .ite-top-area-legend .ite-top-list-legend {
      float: left;
      font-size: 11px;
      margin-left: 20px; }
      .ite-top-wrap-topics .ite-top-area-legend .ite-top-list-legend:before {
        content: "";
        display: inline-block;
        height: 12px;
        margin-right: 10px;
        vertical-align: middle;
        width: 12px; }
    .ite-top-wrap-topics .ite-top-area-legend .ite-top-list-legend-prod:before {
      background: #f39c12; }
    .ite-top-wrap-topics .ite-top-area-legend .ite-top-list-legend-press:before {
      background: #5fc1bd; }
    .ite-top-wrap-topics .ite-top-area-legend .ite-top-list-legend-other:before {
      background: #716f69; }
  .ite-top-wrap-topics .ite-top-inner-topics {
    overflow: auto;
    height: 332px; }
  .ite-top-wrap-topics .ite-top-wrap-topic {
    border-bottom: 1px dashed #b6b6b6;
    margin-bottom: 15px;
    padding-bottom: 5px; }
    .ite-top-wrap-topics .ite-top-wrap-topic.ite-top-wrap-topic-prod .ite-top-area-topic {
      border-color: #f39c12; }
    .ite-top-wrap-topics .ite-top-wrap-topic.ite-top-wrap-topic-press .ite-top-area-topic {
      border-color: #5fc1bd; }
    .ite-top-wrap-topics .ite-top-wrap-topic.ite-top-wrap-topic-other .ite-top-area-topic {
      border-color: #716f69; }
    .ite-top-wrap-topics .ite-top-wrap-topic .ite-top-area-topic {
      border-left: 5px solid #111;
      padding-left: 5px; }
      .ite-top-wrap-topics .ite-top-wrap-topic .ite-top-area-topic .ite-top-label-update {
        color: #777777;
        font-size: 10px;
        overflow: hidden;
        width: 150px; }
      .ite-top-wrap-topics .ite-top-wrap-topic .ite-top-area-topic .ite-top-label-body {
        display: block;
        font-size: 12px;
        min-height: 21px; }
      .ite-top-wrap-topics .ite-top-wrap-topic .ite-top-area-topic .ite-top-icon-pdf {
        font-size: 11px; }
  .ite-top-wrap-topics .ite-top-label-topics {
    background: url(../images/common/ite-icon-link-arrow-sprite-gray.png) no-repeat 7px 12px;
    border: 2px solid #818181;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    bottom: 14px;
    color: #818181;
    display: block;
    font-size: 12px;
    height: 33px;
    line-height: 33px;
    padding: 0 7px 0 19px;
    position: absolute;
    text-align: center;
    right: 30px; }
    .ite-top-wrap-topics .ite-top-label-topics:hover {
      background-position: 7px -21px;
      border-color: #f18d00;
      color: #f18d00;
      text-decoration: none; }

.ite-top-area-comps {
  float: right;
  width: 480px; }
  .ite-top-area-comps .ite-top-wrap-comp {
    float: left; }
    .ite-top-area-comps .ite-top-wrap-comp.ite-top-wrap-recruit {
      margin-left: 10px; }
    .ite-top-area-comps .ite-top-wrap-comp.ite-top-wrap-location {
      margin-top: 10px; }
    .ite-top-area-comps .ite-top-wrap-comp.ite-top-wrap-contact {
      margin-left: 10px;
      margin-top: 10px; }
  .ite-top-area-comps .ite-top-area-comp {
    display: block;
    height: 225px;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    width: 225px; }
    .ite-top-area-comps .ite-top-area-comp:hover {
      border-color: #fff !important;
      -moz-border-radius: 14px;
      -ms-border-radius: 14px;
      -o-border-radius: 14px;
      -webkit-border-radius: 14px;
      border-radius: 14px; }
    .ite-top-area-comps .ite-top-area-comp.ite-top-area-compdesc {
      border: 5px solid #5fc1bd;
      background: #5fc1bd url(../images/top/ite-top-bg-comp-comp.png) 146px 146px no-repeat; }
    .ite-top-area-comps .ite-top-area-comp.ite-top-area-recruit {
      border: 5px solid #716f69;
      background: #716f69 url(../images/top/ite-top-bg-comp-recruit.png) 126px 138px no-repeat; }
    .ite-top-area-comps .ite-top-area-comp.ite-top-area-location {
      border: 5px solid #716f69;
      background: #716f69 url(../images/top/ite-top-bg-comp-location.png) 155px 144px no-repeat; }
    .ite-top-area-comps .ite-top-area-comp.ite-top-area-contact {
      border: 5px solid #f18d00;
      background: #f18d00 url(../images/top/ite-top-bg-comp-contact.png) 157px 179px no-repeat; }
    .ite-top-area-comps .ite-top-area-comp .ite-top-label-comps {
      margin: 20px 0 0 26px; }

/* ----------------------------------------
   ボタンスタイル
---------------------------------------- */
.ite-top-cont-btn {
  display: inline-block;
  width: 191px; }
  .ite-top-cont-btn .ite-cttp-label-btn {
    -moz-box-shadow: 0 4px 0 #cd7800;
    -webkit-box-shadow: 0 4px 0 #cd7800;
    box-shadow: 0 4px 0 #cd7800;
    background: #f18d00 url(../images/top/ite-top-label-to-vision.png) no-repeat center;
    color: #fff;
    display: block;
    padding: 17px 22px 30px 40px;
    position: relative;
    text-indent: -5000px;
    width: 129px; }
    .ite-top-cont-btn .ite-cttp-label-btn:hover {
      text-decoration: none;
      -moz-box-shadow: 0 2px 0 #CD7800;
      -webkit-box-shadow: 0 2px 0 #CD7800;
      box-shadow: 0 2px 0 #CD7800;
      top: 2px; }
    .ite-top-cont-btn .ite-cttp-label-btn:before {
      background-color: transparent;
      background-position: left center;
      background-repeat: no-repeat;
      content: "";
      display: inline-block;
      width: 25px;
      height: 100%;
      position: absolute;
      left: 0;
      margin-left: 22px;
      top: 0;
      vertical-align: middle; }