@charset "Shift_JIS";

div#Contents {
	padding-top: 42px;
}

div.ImgW100SetStyle p.Img {
	float: left;
	width: 100px;
	margin: 0 10px 0 0;
	padding: 0 0 15px;
}

div.ImgW100SetStyle div.ImgSet { float: left; }

/* ---[c16-1-1] 枠囲み > パターンA 文字サイズ83%--- */
/* ---[c16-1-2] 枠囲み > パターンA 文字サイズ83%> 見出しにリンクあり--- */
div.BoxPatternA2 { margin: 0 0 15px; }

div.BoxPatternA2 p.Title { border-top: 3px solid #9f9f9f; }

div.BoxPatternA2 p.Title strong {
	display: block;
	padding: 5px 5px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-size: 83%;
	line-height: 1.35;
	background-color: #efefef;
}
div.BoxPatternA2 p.Title strong a { line-height: 1.35; }

div.BoxPatternA2 div.Inner {
	padding: 10px 10px 0;
	border: solid  1px #cdcdcd;
}

/* ---[c1-1-2] ページタイトル下線なし > テキスト--- */
/* ---[c1-2-2] ページタイトル下線なし > テキスト > サブタイトルつき(文字色：グレー)--- */
div.PageTitleStyle21 {margin: 0 0 25px;}

div.PageTitleStyle21 h1 {
	font-size: 150%;
	font-weight: bold;
	line-height: 130%;
	color: #777;
}
div.PageTitleStyle21 p.SubTitle {
	margin: 0;
	font-size: 100%;
	line-height: 130%;
color: #a9a9a9;
}
div.PageTitleStyle21 h1 a,
div.PageTitleStyle21 p.SubTitle strong,
div.PageTitleStyle21 p.SubTitle strong a { line-height: 1.35; }

/* [c14] データテーブル
=========================================================================================== */

table.TableStyle7 caption,
table.TableStyle8 caption,
table.TableStyle8Width250 caption,
table.TableStyle9 caption,
table.TableStyle12 caption,
table.TableStyle13 caption,
table.TableStyle14 caption,
table.TableStyle15 caption,
table.TableStyle17 caption,
table.TableStyle18 caption { display: none; }

table.TableStyle20 caption {
	display: none;
	font-size: 90%;
 }

table.TableStyle10 caption,
table.TableStyle11 caption,
table.TableStyle16 caption {
	padding: 0 0 3px;
	font-size: 83%;
	line-height: 1.35;
	text-align: left;
}

table.TableStyle7,
table.TableStyle9,
table.TableStyle10,
table.TableStyle11,
table.TableStyle15,
table.TableStyle16,
table.TableStyle18,
table.TableStyle20 { width: 100%; }

table.TableStyle7 th {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
 }

table.TableStyle20 th {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
 }

table.TableStyle7 td {
	width: 80px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
 }

table.TableStyle20 td {
	width: 80px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
 }

table td.calholiday {
	color: #cc0000;
	font-weight: bold;
	font-size: 90%;
}


table.TableStyle8 { 
	margin: 0 0 15px 70px;
 }

table.TableStyle8 th {
	width: 200px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
 }

table.TableStyle8 td {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
 }

table.TableStyle8Width250 { 
	margin: 0 0 15px 160px;
 }

table.TableStyle8Width250 th {
	width: 250px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
 }

table.TableStyle8Width250 td {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
 }

table td.emphasis {
	color: #990000;
	font-weight: bold;
	line-height: 1.35;
}

table.TableStyle9 th {
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
 }

table.TableStyle9 td {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
 }

table.TableStyle10 th {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
 }

table.TableStyle10 td {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
 }

table.TableStyle11 th {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
 }

table.TableStyle11 td {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
 }

table.TableStyle12 { 
	margin: 0 0 15px 60px;
 }

table.TableStyle13 { 
	margin: 0 0 15px 15px;
 }

table.TableStyle12 th,
table.TableStyle13 th {
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
 }

table.TableStyle12 td,
table.TableStyle13 td {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
 }

table.TableStyle14 {
	border-collapse:collapse;
 }

table.TableStyle14 th {
	background-color: transparent;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
 }

table.TableStyle14 td {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
 }

table.TableStyle15 th,
table.TableStyle16 th,
table.TableStyle17 th {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
 }

table.TableStyle15 td,
table.TableStyle16 td,
table.TableStyle17 td {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
 }

table.TableStyle18 th {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
 }

table.TableStyle18 td {
	margin-left: auto;
	margin-right: auto;
 }

table td.hatching  {
	background-color: #ffffcc;
}

table th.BoldStyle  {
	font-weight: bold;
}

table th.Width15,
table td.Width15 {
	width: 15px;
}

table th.Width45,
table td.Width45 {
	width: 45px;
}

table th.Width60,
table td.Width60 {
	width: 60px;
}

table th.Width75,
table td.Width75 {
	width: 60px;
}


table th.Width80 {
	width: 80px;
}


table th.Width90,
table td.Width90 {
	width: 90px;
}

table th.Width100 {
	width: 100px;
}

table th.Width120,
table td.Width120 {
	width: 120px;
}

table th.Width140,
table td.Width140 {
	width: 140px;
}

table th.Width160,
table td.Width160 {
	width: 160px;
}

table th.Width180,
table td.Width180 {
	width: 180px;
}
table th.Width200,
table td.Width200 {
	width: 200px;
}

table th.Width300,
table td.Width300 {
	width: 300px;
}

table td.Width80 {
	width: 80px;
	text-align: center;
}

table td.Width100 {
	width: 100px;
	text-align: center;
}




/* FloatBtn */
#FloatBtnStopper {
  position: relative;
  height: 50px; }

#FloatBtnWrap {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: 10;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%); }
  #FloatBtnWrap.narrow {
    -webkit-transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
  #FloatBtnWrap.visible {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); }
    #FloatBtnWrap.visible .PageTopBtn {
      top: -70px; }
      #FloatBtnWrap.visible .PageTopBtn img {
        width: 50px; }
  #FloatBtnWrap.static {
    position: absolute; }
    #FloatBtnWrap.static .ContactBlock {
      width: 100%;
      height: 50px;
      background: #3d3d3d;
      display: flex;
      justify-content: center; }
  #FloatBtnWrap .PageTopBtn {
    position: absolute;
    top: 0;
    opacity: 1.0;
    -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
    #FloatBtnWrap .PageTopBtn:hover {
      opacity: 0.7; }
  #FloatBtnWrap .ContactBlock {
    display: flex;
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: center;
    background: rgba(60, 60, 60, 0.8);
    -webkit-transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: background 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
    #FloatBtnWrap .ContactBlock a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 310px;
      height: 30px;
      font-size: 18px;
      font-size: 112.5%;
      color: #fff;
      text-align: center;
      font-weight: bold;
      text-decoration: none;
      padding: 2px 0 2px 20px;
      margin: 0 10px;
      -webkit-transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
      border: 1px solid #fff;
      background: #212121;
      position: relative; }
      #FloatBtnWrap .ContactBlock a:hover {
        opacity: 0.7; }
      #FloatBtnWrap .ContactBlock a:before {
        position: absolute;
        content: '';
        display: inline-block;
        width: 20px;
        height: 22px; }
      #FloatBtnWrap .ContactBlock a:nth-child(1):before {
        top: 10px;
        left: 90px;
        background: url("/products/infrastructure/product_site/ts_logi/site_spec/image/icon_mail.png");
        background-repeat: no-repeat;
        background-size: contain; }

@media screen and (min-width: 1305px) {
  #FloatBtnWrap .PageTopBtn {
    right: 50%;
    -moz-transform: translateX(630px);
    -ms-transform: translateX(630px);
    -webkit-transform: translateX(630px);
    transform: translateX(630px); } }
@media screen and (max-width: 1304px) {
  #FloatBtnWrap .PageTopBtn {
    right: 40px; } }
@media screen and (max-width: 767px) {
  #FloatBtnStopper {
    height: 40px; }

  #FloatBtnWrap .PageTopBtn {
    right: 20px; }
  #FloatBtnWrap.static .ContactBlock {
    display: block;
    height: 32px; }
  #FloatBtnWrap.visible .ContactBlock {
    height: 32px; }
  #FloatBtnWrap.visible .PageTopBtn {
    top: -65px; }
  #FloatBtnWrap .ContactBlock {
    display: block;
    height: 32px;
    padding: 10px 0; }
    #FloatBtnWrap .ContactBlock a {
      width: 290px;
      height: 26px;
      margin: 0 auto 11px; }
      #FloatBtnWrap .ContactBlock a:last-of-type {
        margin-bottom: 0; }
      #FloatBtnWrap .ContactBlock a span {
        padding-left: 0;
        background-size: 15px; }
      #FloatBtnWrap .ContactBlock a:before {
        width: 20px;
        height: 20px; }
      #FloatBtnWrap .ContactBlock a:nth-child(1):before {
        top: 7px;
        left: 84px; }
      #FloatBtnWrap .ContactBlock a:nth-child(2):before {
        top: 5px;
        left: 49px; } }