@charset "utf-8";

/*
 *
 * ===== 標準CSS =====
 *
 */


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


    要素のリセット


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


/* --- HTML5 --- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
  margin: 0;
  padding: 0;
}


/* --- 要素 ---*/

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
p,
blockquote,
ul,
ol,
li,
dl,
dt,
dd,
form {
  margin: 0;
  padding: 0;
}



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


    標準スタイル


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

/*
 * --- 文書全体 ---
 */

html {
  overflow-y: scroll;
}

body {
  font-size: 14px;
  text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
  background-color: #FFFFFF;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}


/*
 * --- フォント指定 ---
 */

body:lang(ja),
h1:lang(ja), h2:lang(ja), h3:lang(ja), h4:lang(ja), h5:lang(ja),
input:lang(ja), button:lang(ja), select:lang(ja), textarea:lang(ja) {
  font-family: 'MSゴシック','メイリオ', Meiryo, 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
body:lang(en),
h1:lang(en), h2:lang(en), h3:lang(en), h4:lang(en), h5:lang(en),
input:lang(en), button:lang(en), select:lang(en), textarea:lang(en) {
  font-family: 'Arial','メイリオ', Meiryo, 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
body:lang(zh_cn),
h1:lang(zh_cn), h2:lang(zh_cn), h3:lang(zh_cn), h4:lang(zh_cn), h5:lang(zh_cn),
input:lang(zh_cn), button:lang(zh_cn), select:lang(zh_cn), textarea:lang(zh_cn) {
  font-family: 'SimHei','メイリオ', Meiryo, 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
body:lang(zh_tw),
h1:lang(zh_tw), h2:lang(zh_tw), h3:lang(zh_tw), h4:lang(zh_tw), h5:lang(zh_tw),
input:lang(zh_tw), button:lang(zh_tw), select:lang(zh_tw), textarea:lang(zh_tw) {
  font-family: 'SimHei','メイリオ', Meiryo, 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
body:lang(ko),
h1:lang(ko), h2:lang(ko), h3:lang(ko), h4:lang(ko), h5:lang(ko),
input:lang(ko), button:lang(ko), select:lang(ko), textarea:lang(ko) {
  font-family: 'Gulim','メイリオ', Meiryo, 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}

/*
 * --- テキスト ---
 */

p {
  line-height: 1.6;
  margin-bottom: 10px;
  text-align: justify;
  text-justify: inter-ideograph;
}

p:last-child {
  margin-bottom: 0;
}

strong,
dfn,
b,
u {
  text-decoration: none;
  font-style: italic;
  font-weight: normal;
}

em,
i {
  text-decoration: none;
  font-style: italic;
  font-weight: normal;
}

strong,
dfn,
b {
  font-weight: bold;
}


strong {
  color: #F00000;
}

dfn {
}

u {
  border-bottom: 1px dashed #A0A0A0;
}



/*
 * --- 画像 ---
 */

img {
}


/*
 * --- 区切り ---
 */

hr {
  margin: 20px 0;
}



/*
 * --- リスト ---
 */

ul {
  padding-left: 1.1em;
}

ol {
  padding-left: 1.6em;
}

li {
  text-align: justify;
  text-justify: inter-ideograph;
}

dt {
  font-weight: normal;
}


/*
 * --- リンク／ボタン ---
 */

a,
button {
  outline: none !important;
  text-decoration: none !important;
  transition: color 0.2s, background-color 0.2s;
}


/*
 * --- フォーム ---
 */

input {
  outline: none;
  -webkit-appearance: none;
}



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


    フォーム


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

/*
 * --- フォーム ---
 */

input.form-control,
textarea.form-control {
  -webkit-appearance: none;
}

/* --- IE ×ボタン --- */

input::-ms-clear {
  display: none;
}

/* --- テキストエリア --- */

textarea {
  resize: vertical;
}

/* --- スピンボタンを非表示に --- */

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}




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


    Bootstrap コンポーネント


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

/*
 * --- フォント ---
 */

kbd:lang(ja),
.btn:lang(ja),
.tooltip:lang(ja),
.popover:lang(ja) {
  font-family: 'MSゴシック','メイリオ', Meiryo, 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}

kbd:lang(en),
.btn:lang(en),
.tooltip:lang(en),
.popover:lang(en) {
  font-family: 'Arial','メイリオ', Meiryo, 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
kbd:lang(ko),
.btn:lang(ko),
.tooltip:lang(ko),
.popover:lang(ko) {
  font-family: 'Gulim','メイリオ', Meiryo, 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
kbd:lang(zh_cn),
.btn:lang(zh_cn),
.tooltip:lang(zh_cn),
.popover:lang(zh_cn) {
  font-family: 'SimHei','メイリオ', Meiryo, 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
kbd:lang(zh_tw),
.btn:lang(zh_tw),
.tooltip:lang(zh_tw),
.popover:lang(zh_tw) {
  font-family: 'SimHei','メイリオ', Meiryo, 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}

/*
 * --- 要素 ---
 */

kbd {
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #607D8B;
  box-shadow: none;
}



/*
 * --- グリッド ---
 */

.row {
  margin-left: -5px;
  margin-right: -5px;
}

/* --- 詰めてグリッド --- */

.row-tight > [class^='col-'] {
  padding-left: 5px;
  padding-right: 5px;
}



/*
 * --- ボタン ---
 */

.btn {
  box-shadow: 0 2px #D0D0D0;
  margin-bottom: 2px !important;
  white-space: normal;
}

.btn:active {
  box-shadow: none;
  margin-top: 2px !important;
  margin-bottom: 0 !important;
}

.btn-block {
  display: inline-block;
}

.btn:disabled {
  cursor: default;
}

.btn-xs {
  padding-top: 2px;
  padding-bottom: 2px;
}



/*
 * --- ラベル ---
 */

.label {
  display: inline-block;
  font-size: 100%;
  font-weight: normal;
  white-space: normal;
  line-height: 1;
  padding: 6px 15px 5px 15px;
  background-color: #A0A0A0;
  border-radius: 20px;
}


/*
 * --- ツールチップ ---
 */

.tooltip {
  z-index: 20;
}

.tooltip-inner {
  background-color: #4FC1E9;
  padding: 5px 10px;
}

.tooltip.top .tooltip-arrow { border-top-color: #4FC1E9; }
.tooltip.right .tooltip-arrow { border-right-color: #4FC1E9; }
.tooltip.left .tooltip-arrow { border-left-color: #4FC1E9; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #4FC1E9; }


/*
 * --- ヘルパー ---
 */

/* --- 表示／非表示 --- */

span.visible-xs {
  display: inline !important;
}


/* --- 回り込み --- */

.pull-clear {
  clear: both;
}



/*
 * --- 印刷時の調整 ---
 */

@media print {

  a[href]::after {
    content: '' !important;
  }

  abbr[title]::after {
    content: '' !important;
  }

}




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


    汎用コンポーネント


   ======================================== */
/* ----------------------------------------

    テーブル

   ---------------------------------------- */
table {
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
}
.confluenceTable {
    margin-bottom: 20px;
    border: 1px solid #ddd;
}
.confluenceTable > tbody > tr > td, .confluenceTable > tbody > tr > th, .confluenceTable > tfoot > tr > td, .confluenceTable > tfoot > tr > th, .confluenceTable > thead > tr > td, .confluenceTable > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd;
}
.confluenceTh {
    background-color: #f0f0f0
}
/* ----------------------------------------

    箇条書き

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

/*
 * --- 通常の箇条書き ---
 */

#page-content ol {
  
}

#page-content ol li {
  
}

#page-content ul {
  list-style-type: disc;
}

#page-content ul li {
  
}


/*
 * --- 手順を示す箇条書き ---
 */

ol.option01 {
	list-style: none;
	counter-reset: counterStepList;
}

ol.option01 > li {
	position: relative;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-left: 0.4em;
}

ol.option01 > li:before {
	content: counter(counterStepList);
	counter-increment: counterStepList;
	position: absolute;
  display: inline-block;
	left: -1.6em;
  padding: 1px 5px;
	text-align: center;
  font-size: 0.8em;
  color: #FFFFFF;
	background-color: #606060;
	border-radius: 5px;
}


/*
 * --- 手順を示す箇条書き ---
 */
#page-content h5.option01 {
    font-weight: bold;
    /*font-size: 22px;*/
    line-height: 1.5;
    margin: 10px 0 0 0;
    background-color: #e0e0e0
}
#page-content h5.option02 {
    font-weight: bold;
    /*font-size: 14px;*/
    line-height: 1.5;
    margin: 10px 0 0 0;
}
#page-content h5.option03 {
    font-weight: bold;
    /*font-size: 14px;*/
    line-height: 1.5;
    margin: 10px 0 0 0;
    text-align: center;
}
#page-content h5.option04 {
    font-weight: bold;
    /*font-size: 16px;*/
    line-height: 1.5;
    margin: 10px 0 0 0;
}
#page-content h5.option04:before {
  content:"■";
}
#page-content h6.option01 {
    text-align: center;
}
#page-content h6.option02 {
    text-align: center;
}
#page-content table h6.option02 {
    text-align: center;
    margin: 0;
    line-height: normal;
}

#page-content h6.option03 {
    text-align: center;
}

#page-content h6.option04 {
    font-size: 18px;
}
#page-content h6.option06 {
    font-size: 20px;
}


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

    パネル

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

.wiki-panel-hint,
.wiki-panel-info,
.wiki-panel-caution,
.wiki-panel-warning {
  margin-bottom: 10px;
  padding: 15px 15px 15px 40px;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
}

.wiki-panel-hint h5,
.wiki-panel-info h5,
.wiki-panel-caution h5,
.wiki-panel-warning h5 {
  position: relative;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 15px;
}

.wiki-panel-hint h5::before,
.wiki-panel-info h5::before,
.wiki-panel-caution h5::before,
.wiki-panel-warning h5::before {
  position: absolute;
  left: -1.5em;
  top: -2px;
  font-family: 'Glyphicons Halflings';
  font-size: 17px;
  font-weight: normal;
}

.wiki-panel-hint {
  background-color: #F3F9F4;
  border-color: #91C89C;
}
.wiki-panel-hint h5::before {
  content: '\e089';
  color: #32892C;
}

.wiki-panel-info {
  background-color: #FCFCFC;
  border-color: #AAB8C6;
}
.wiki-panel-info h5::before {
  content: '\e086';
  color: #536785;
}

.wiki-panel-caution {
  background-color: #FFFDF6;
  border-color: #FFEAAE;
}
.wiki-panel-caution h5::before {
  content: '\e107';
  color: #734300;
}

.wiki-panel-warning {
  background-color: #FFF8F7;
  border-color: #D04437;
}
.wiki-panel-warning h5::before {
  content: '\e101';
  color: #CF4336;
}


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

    メニューリスト（子ページへのリンク）

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

.childpages-macro {

}

.childpages-macro li {
  list-style: none;
  margin-bottom: 5px;
  line-height: 1.2;
}

.childpages-macro li a {
}


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


    そのほかのコンポーネント


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

/*
 * --- アイコン ---
 */

[class^='ti-'] {
  vertical-align: -10%;
}


/*
 * --- アニメーション ---
 */

.animated-slow {
  -webkit-animation-duration: 1.4s;
  -webkit-animation-delay: 0.3s;
  animation-duration: 1.4s;
  animation-delay: 0.3s;
}

.animated-slower {
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 0.5s;
  animation-duration: 2s;
  animation-delay: 0.5s;
}


/*
 * --- カスタムスクロールバー ---
 */

.mCSB_inside > .mCSB_container {
  margin-right: 15px;
}


/*
 * --- Webkitスクロールバー ---
 */

.webkit-scroll-vertical::-webkit-scrollbar {
	width: 6px;
	background-color: #E9E9E9;
}

.webkit-scroll-vertical::-webkit-scrollbar-thumb {
  background-color: #B0B0B0;
  border-radius: 6px;
}



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


    ページレイアウト


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


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

    全体

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

body:not(.animation-ready) * {
  transition: none !important;
}

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

    メニュー

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

/* --- XSサイズ --- */
@media screen and (min-width: 1px) and (max-width: 767px) {
  body:not(.animation-ready) #page-menu {
    display: none;
  }
}


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

    検索結果

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

/* --- 検索した内容 --- */

#pagetreesearch {}
#searchForm {}

#searchForm input[type=submit] {
  padding-left: 20px;
  padding-right: 20px;
  color: #FFFFFF;
  background-color: #42A5F5;
  border: none;
  border-radius: 2em;
}

#searchForm a.aui-button {
  margin-left: 10px !important;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 2em;
}


/* --- 全体 --- */

body.search div.moduleh1 {
  padding-top: 20px;
}

body.search div.moduleh1 .seperatorLine {
  border: none;
}


/* --- 結果情報 --- */

.moduleh1 h1 {
  padding: 0;
  border-bottom: 1px solid #CFD8DC;
}

.moduleh1 h1 span:first-child {
  padding: 5px 15px;
  font-size: 18px;
  background-color: #CFD8DC;
}

span.ftitle {
  margin-left: 15px;
  font-size: 14px;
}

span.fcount {
  margin-left: 3px;
  font-size: 24px;
}

.numberOfPageDiv {
  padding: 0;
  text-align: right;
}

#numberOfPage {
  margin-left: 10px;
}

/* --- 結果内容 --- */

#resultSearchContainner {
  margin: 10px 0;
}

#resultSearchContainner .fpage {
  margin: 0;
  padding: 15px 0 10px 10px;
  border-bottom: 1px solid #E9E9E9;
}

#resultSearchContainner .fpage h2 {
  margin-bottom: 10px;
  text-align: left;
  font-size: 16px;
    border-bottom: none;
}

#resultSearchContainner .fpage .summary {
  margin-left: 10px;
  line-height: 1.4;
  font-size: 13px;
}

#resultSearchContainner .fpage  ul {
  list-style-type: none;
}

/* --- ページネーション --- */

ul.pagenavi {
  padding-left: 0;
  padding-top: 10px;
  text-align: center;
}

ul.pagenavi li {
  display: inline-block;
  padding: 3px 10px;
  cursor: default;
}

ul.pagenavi li.sep {
  display: inline-block;
  padding: 3px 2px;
  cursor: default;
}

ul.pagenavi li[onclick] {
  font-weight: normal;
  color: #FFFFFF;
  background-color: #42A5F5;
  cursor: pointer;
}

ul.pagenavi li[onclick]:hover {
  background-color: #3498E8;
}


ul.pagenavi li:first-child {
  border-radius: 2em 0 0 2em;
}

ul.pagenavi li:last-child {
  border-radius: 0 2em 2em 0;
}

/* --- エラー --- */

#errorMessage {
  background-color: #ffebee;
}


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

    メインコンテンツ（.wiki-contentを囲む#page-content）

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

/*
 * --- テキスト ---
 */

#page-content strong {
  color: #404040;
}

/*
 * --- 画像 ---
 */

#page-content .confluence-embedded-image {
  width: auto;
  max-width: 100%;
}




/* - eof. */



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

div.wiki-content img
{
  max-width:100%;
  height:auto;
}

div.wiki-content img.confluence-content-image-border {
  border: 1px solid black;
}

/*
* search
*/
#page-content .confluence-embedded-image {
  width: auto;
  max-width: 100%;
}


div.searchList{
  border-bottom:1px dotted #ccc;
  padding:20px 0;
}
div.searchList a{
  font-weight:bold;
}
em.highlight{
  background: #ffff00;
  color:#000;
}

div.vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
padding: 1% 1% 1% 1%;/*ここで動画の周りの余白を調整*/
/*background: #e6e6e6;/*余白の背景色*/
}

video.vid_main {
width: 100%;
/* max-width: 920px;/*PC版での最大幅　いったんなしとする*/
}