/***********************************************/
/* 動画　マニュアル HTML用*/
/***********************************************/
/* Copyright(C) 2017 Cybertech corporation     */

@charset "UTF-8";

/* コンテンツボックス */
div.user-custom-contentsbox {
  margin: 1em 1em 0 2em;
  padding: 0.5em 1.7em;

  border: 1px solid #000;
  display: inline-block;
  float: left;
  height: 240px;
}
/* コンテンツボックス用のラッパー */
.user-custom-boxContainer {
  overflow: hidden;
}
/* clearfix */
.user-custom-boxContainer:before,
.user-custom-boxContainer:after {
  content: "";
  display: table;
}
.user-custom-boxContainer:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.user-custom-boxContainer {
  zoom: 1;
}

/* 表 - 組版用途に装飾 */
table {
  margin-bottom: 3em;
  border-collapse: collapse;
}
table th {
  background-color: #c1c1c1;
  text-align: left;
}
table th,
table td,
table tr {
  /* border: 1px solid #000; */
}

/* 組版用にボーダースタイル調整 */
div.user_custom-box-vertical01 {
  font-family: "Meiryo", "MS Gothic";
  margin: 1em 0;
  padding: 0.5em 1em;
  -ms-writing-mode: tb-rl; /* IE用 */
  -webkit-writing-mode: vertical-rl; /* chrome用 */
  -o-writing-mode: vertical-rl; /* opera用 */
  writing-mode: vertical-rl;

  border: 1px solid #01df01;
}
/* 外枠(角丸) - 組版用にボーダースタイル調整 */
div.divblockstyle-05 {
  border: 1px solid #87ceeb;
}

/* 署名 - 画面下部に配置 */
div.user-custom-signature {
  margin-top: 10em;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 0.83em;
}

/* 大見出し */
p.blockstyle-01 {
  text-align: center;
  font-size: 2.5em;
  margin-bottom: 2em;
}
/* 中見出し */
p.blockstyle-03 {
  border-bottom: 1px solid;
  /* border-left: 5px solid; */
}
/* 右寄せ文章 */
p.user-custom-align-right {
  text-align: right;
  font-size: 0.8em;
}

/* 画像全般の最大サイズ */
img {
  max-width: 95%;
  height: auto;
}

/* 序章用の挿絵画像 */
p.user-custom-prologue img.illustration {
  border: 0px;
}

/* タイトル用の挿絵、図表画像 */
p.user-custom-title img.illustration,
p.user-custom-title table.figure img,
p.user-custom-title table.table img {
  border: 0px;
  margin-bottom: 2em;
}

/* 説明文の挿絵画像 */
p.user-custom-description img.illustration,
p.user-custom-description table.figure img,
p.user-custom-description table.table img {
  width: 630px;
  height: auto;
  margin: 6px;
}

/* フッター画像 */
div.user-custom-signature img.illustration {
  border: none;
  width: 160px;
  height: 44px;
  margin-top: 5px;
  margin-bottom: 125px;
  margin-right: 30px;
}
/* 20210930ipad用 フッター */
@media screen and (max-width: 801px) {
  div.user-custom-signature img.illustration {
    margin-bottom: 150px;
  }
}
/* 20210930スマホ用 フッター */
@media screen and (max-width: 767px) {
  div.user-custom-signature img.illustration {
    width: auto;
    height: auto;
    margin-bottom: 40px;
    margin-right: auto;
    margin-left: auto;
  }
}

td.center {
  text-align: center;
}

table.center {
  text-align: center;
}

th.center {
  text-align: center;
}

td.right {
  text-align: right;
}

div.vertical {
  font-family: "Meiryo", "MS Gothic";
  -ms-writing-mode: tb-rl; /* IE用　*/
  -webkit-writing-mode: vertical-rl; /* chrome用　*/
  -o-writing-mode: vertical-rl; /* opera用　*/
  writing-mode: vertical-rl;
  white-space: nowrap;
}

.pull-left {
  float: left;
}
.under {
  clear: both;
}

.inlinetable {
  display: table;
  table-layout: auto;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 0;
  border-width: 0;
}

.inlinetablecell {
  display: table-cell;
  vertical-align: top;
  /*text-align:center;*/
  background-color: white;
  border-style: none;
  width: 650px;
}
.maintable {
  min-width: 100%;
}

table.nowrap td {
  white-space: nowrap;
}

.nowrap {
  white-space: nowrap;
}

body {
  font-family: "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック",
    "MS PGothic", sans-serif;
  font-family: "Open Sans", sans-serif;
  counter-reset: chapter;
}

h2 {
  counter-reset: chapter;
  color: #006;
}

.blockstyle-03 {
  counter-reset: section;
}
.blockstyle-03:before {
  content: counter(chapter) ". ";
  counter-increment: chapter;
}
.blockstyle-04:before {
  content: counter(chapter) "." counter(section) " ";
  counter-increment: section;
}

table th,
table td,
table tr {
  padding-left: 5px;
  padding-right: 5px;
}

#wrapper {
  width: 100%;
  background: white;
}

.panel-back {
  /*background-color:#F8F8F8; */
  background-color: #fff;
}

.sidebar-collapse .nav > li > a {
  color: #202020;
  background: #fff;
  text-shadow: none;
  overflow-x: visible;
}

.sidebar-collapse .nav > li > a:hover,
.sidebar-collapse .nav > li > a:focus {
  /*	background:#0A0A0A;  */
  background: #fff;
  outline: 0;
  overflow-x: visible;
}

.sidebar-collapse .nav > li.map > a {
  background: url(../img/arrow-square-right_skyblue.svg) left no-repeat;
  background-size: 15px;
}

.navbar-side {
  border: none;
  background: #fff;
  width: 330px;
}
@media screen and (max-width: 801px) {
  .navbar-side {
    width: 250px;
  }
}
@media screen and (max-width: 767px) {
  .navbar-side {
    width: 95%;
  }
}

#page-wrapper {
  margin: 0 0 0 330px;
}
@media screen and (max-width: 797px) {
  #page-wrapper {
    margin: 0 0 0 240px;
  }
}
@media screen and (max-width: 763px) {
  #page-wrapper {
    margin: 0 0 0 0;
  }
}

#page-inner {
  width: 100%;
}

/* ロゴポジション */
div.navbar-header div.pmx-logo {
  min-width: 330px;
}
@media screen and (max-width: 801px) {
  div.navbar-header div.pmx-logo {
    min-width: 250px;
  }
}
@media screen and (max-width: 763px) {
  div.navbar-header div.pmx-logo {
    min-width: 100vw;
  }
}

/*ページ送り非表示*/
div.divblockstyle-06 {
  visibility: hidden;
}

/* ナビゲーションリスト */
/* リンククリック後に現在の選択肢を可視化 */
.sidebar-collapse .nav > li.thisTopic a {
  background-color: #f3f3f3;
}

/* テーブル内の画像が0x0になるのを解消 */
#page-inner > table > tbody > tr > td > img {
  max-width: none;
}
/* topicから出力時*/
/* テーブル内の画像が0x0になるのを解消 */
#page-wrapper > table > tbody > tr > td > img {
  max-width: none;
}

/* 表紙ページ内の文字の重なり解消 */
p.blockstyle-01 {
  line-height: 1.1;
}

/* レスポンシブ対応 */
@media screen and (max-width: 801px) {
  table {
    width: 100% !important;
  }
  /* 表の横スクロール */
  .tablescroll-sp-wrapper {
    display: block;
    overflow-x: scroll;
    /* white-space: break-spaces; */
    -webkit-overflow-scrolling: touch;
  }
  .tablescroll-sp {
    table-layout: fixed;
  }
  /* 2.4 テキストコンテンツの入稿と編集（トピックエディタ） */
  table.tablescroll-sp th.tablescroll-sp-title1 {
    width: 150px !important;
  }
  table.tablescroll-sp th.tablescroll-sp-title2 {
    width: 100px !important;
  }
  table.tablescroll-sp th.tablescroll-sp-title3 {
    width: 250px !important;
  }
  table.tablescroll-sp td {
    width: auto !important;
  }
  /* 3 素材管理 */
  table.tablescroll-sp th.tablescroll-sp-title4 {
    width: 60px !important;
    white-space: normal;
  }
  table.tablescroll-sp th.tablescroll-sp-title5 {
    width: 150px !important;
  }
  table.tablescroll-sp th.tablescroll-sp-title6 {
    width: 50px !important;
  }
  table.tablescroll-sp th.tablescroll-sp-title7 {
    width: 50px !important;
  }
  table.tablescroll-sp th.tablescroll-sp-title8 {
    width: 200px !important;
  }
}

/* 表の横スクロール */
.tablescroll-wrapper {
  display: block;
  overflow-x: scroll;
  /* white-space: break-spaces; */
  -webkit-overflow-scrolling: touch;
}
.tablescroll {
  table-layout: fixed;
}

/* HTML非表示 */
div.pdf_only {
  display: none;
}

/*横線を引く*/
div.simple_line{
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #87ceeb;

   height: 1px;         /* 高さ(※古いIE用) */
}

/* ナビゲーション */
.navbar-cls-top {
  /*background: #3498db; 背景色*/
  background: #21608a;
}

/* コンテンツ周囲の隙間 */
#frame {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid white;
}

/* コンテンツの周囲の色 */
#page-wrapper {
  background: #f8f8ff;
}
/* サイドナビのアクティブ時の色 */
.sidebar-collapse .nav > li.thisTopic a {
  background: #f8f8ff;
  font-weight: bold;
}
/* .tabs li.select{background: #21608a;} */

div.image_center {
  text-align: center;
}

/* 検索タブと一覧タブのsvgアイコンの色 */
.tabs li{
	background-color: #f8f8ff;
	border-color: #21608a;
}
.tabs li.select{
	background: #21608a;
}
path.menuIcon,path.searchIcon{
  fill: gray;
}
.tabs li.select path.menuIcon,
.tabs li.select path.searchIcon{
	fill: #fff;
}


/* 出力制御(HTML出力時）の対策 */
.control{
  color: #202020;
  background-color: #fff;
}
/* custom.cssは「a.bookmark以下略」で指定 */
span.bookmark-topic1{
  margin-left: 50px;
}
span.bookmark-topic2{
  margin-left: 65px;
}
span.bookmark-topic3{
  margin-left: 80px;
}
span.bookmark-topic4{
  margin-left: 95px;
}
span.bookmark-topic5{
  margin-left: 110px;
}
span.bookmark-topic6{
  margin-left: 125px;
}
span.bookmark-map1{
  margin-left: 15px;
}
span.bookmark-map2{
  margin-left: 30px;
}
span.bookmark-map3{
  margin-left: 45px;
}
span.bookmark-map4{
  margin-left: 60px;
}
span.bookmark-map5{
  margin-left: 75px;
}
span.bookmark-map6{
  margin-left: 90px;
}