@charset "utf-8";
/* CSS Document */

/*   ------    bootstrap デフォルト設定の上書き   ------   */

h1{
font-size: 30px;
border-bottom:#008cc2 solid 3px ;
line-height:1.5em;
}

/*　ファイルの最初のｈ2に、サイドナビとの上位置揃えのため上マージンを0に設定　*/
h1:first-of-type{
	margin-top: 0px;
}

/*      約560px以下の画面向けスタイル       */
@media screen and (max-width:767px) {
h1{
	font-size:26px;
}
h1:first-of-type{
    margin-top: 20px;
}
}

/* ブラウザごとに設定されているパディングを統一 （初期化）*/
ul{
	padding-left:20px;
}

dt{
	padding-top:0.3em;
}

dd{
       line-height:1.6em;
}


/*　h2に装飾　*/
h2{
	border-bottom:#008cc2 solid 2px ;
	line-height:1.5em;
}
/*　ファイルの最初のｈ2に、サイドナビとの上位置揃えのため上マージンを0に設定　*/
h2:first-of-type{
	margin-top: 0px;
}

/*　h3に装飾　*/
h3{
	margin-top:2em;
	line-height:1.6em;
	border-left:#008cc2 solid 5px ;
	padding-left:12px;
}

/*  topページ アイコンのヘッダー  */
.topIcon{
	/*text-align:center;*/
	margin-bottom: 3em;
}

.bannerText h3{
	border: none;
	font-size: 22px;
	margin-top:0;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0rem;
	color: #333;
	line-height: 1.5rem;
	font-weight: 500;
}

.bannerText p{
	/*max-width:350px;*/
	margin-left: 0;
	margin-top: 0.5em;
	color: #333;
}

.topBanner{
    margin-bottom:3rem;
	max-width: 100%;
	overflow: hidden;
}

.topBanner img{
    transition: 1s all;
}

/*.topBanner img:hover{
   transform: scale(1.1, 1.1);
   transition: transform 0.6s ease;
}
*/

.topBanner:hover{
	opacity: 0.75;
}

.bannerImage{
   padding-bottom: 1rem;
}

/* topページ アイコン下のボタン　*/
.topIconBtn{
	color: white;
	background-color: #777;
	border-color: 555;
	border-radius: 8px;
	padding:6px 12px;
	font-size:14px;
	text-align: middle;
}
.topIconBtn:hover{
	color: white;
	opacity: 0.7;
}


/*　h5に装飾　*/
h5{
	font-size:18px;
	margin-top:1em;
	margin-bottom:0.8em;
	line-height:1.5em;
	border-bottom:#008cc2 solid 1px ;
	padding:2px;
	display:inline-block;
}
/*  アンダーラインを　濃く　したいときにクラスを設定　　*/
.koku{
	border-bottom:#008cc2 solid 2px ;
}	


/*  h6    Windows/Mac/Linux  */
h6{
	font-weight:bold;
	font-size:1em;
	margin-left:1em;
	margin-top:1em;
	margin-bottom:0.5em;
}


.pochi h6:before{
	font-family: 'FontAwesome';
	content:"\f10c";
	color: #008cc2;
	font-size: 0.75em;
}

.panel {
	margin-bottom:5px;
	box-shadow:none;
}

small{
	margin-left:1em;
}



figure{
	margin:1em auto;
}



.figname figcaption{
	font-size:large;
	font-weight:bold;
	margin-bottom:0.3em;
}

.figname figcaption:before{
    font-family: 'FontAwesome';
	content:"\f04b";
	color:#008cc2;
	padding-right:0.5em;
}

/*  .num1 の下の figcaption 普通のスタイル    */
.inNum1 figcaption{
	color:#666;
	font-size:1em;
	font-weight:nomal;
	margin-top:0;
}

.ledList figcaption{
    margin-top:-0.5rem;
    margin-bottom: 1rem;
    font-size:0.8rem;
    font-weight: bold;
}


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


/*    Bootstrap スタイル上書き      */
/*    .pager      */
.pager{
	margin-top:8em;
	margin-bottom:5em;
}


/*  -------   ヘッダーの調整 　------- */

.small-text{
	padding:0px;
	margin:0px;
	text-height:7px;
	/*color:#fff;*/
	color:#3e3e3e;
	font-size:0.6em;
}

.responsive-icon {
	text-align:center;
	color:#333333;
	border:#999999 solid 1px;
       border-color:#999999;
       border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	margin-bottom:0px;
	margin-left:12px;
	margin-right:0px;
	padding:6px;
}
@media screen and (max-width: 767px) {
/*--   iPhone5 縦幅サイズ(320px)+17px(誤差)=336px以下ではロゴサイズ変更   --*/
.responsive-icon{
   margin-left: 6px;
   }
}
	

.starLogoMargin{
    padding-top:10px;
	margin-bottom:10px;
}

.navbar-brand {
  height: auto;
  width:137px;
  padding: 0;
}

@media screen and (max-width: 767px) {
/*--   iPhone5 縦幅サイズ(320px)+17px(誤差)=336px以下ではロゴサイズ変更   --*/
.navbar-brand{
   width: 100px;
   height:auto;
	}
/*.starLogoMargin{
    margin:10px 0 0 0;
}*/
.navbar-default .navbar-toggle{
   background-color: white;
   border-color: #adadad;
}
}


/*   言語切り替えに伴い変更した！！  以下変更前
.form-padding-set {
	padding-top: 20px;
	padding-bottom: 20px;
}
*/

.form-padding-set {
	padding-top: 20px;
       padding-bottom: 20px;
       padding-right: 20px;
}


.form-padding-set-responsive{
       padding-top: 8px;
       padding-bottom: 8px;
}

/*.form-margin-set-lang{
       margin-top: 20px;
       margin-bottom: 20px;
       height: 35px;
}*/
.form-margin-set-lang{
       margin-top: 15px;
       margin-bottom: 15px;
	   margin-right:5px;
       height: 40px;
}


/*.navbar-star {
	border: 1px solid transparent;
	border-bottom: 5px solid #ccc;
	border-radius: 0;
	width:auto;
	margin-bottom: 25px;
}*/
/*   ヘッダー部分　  */
.navbar-star {
    /*background: linear-gradient(#ffffff,#f0f8ff);*/
    /*background: linear-gradient(#ffffff,#eaeaea);*/
    background: linear-gradient(#0277BD,#01579B);
	border: 1px solid transparent;
	border-bottom: 4px solid #ccc;
	border-radius: 0;
	width:auto;
	margin-bottom: 25px;
	/*box-shadow: 0px 2px 20px 0px #ccc;*/

}


.lang-text{
        font-family: -apple-system, BlinkMacSystemFont;
        margin:0;
        padding:0;
        font-size: 0.8rem;
        color:#333333;
}


/*--------　ヘッダーの設定　ここまで　　　----------*/


/*  --------　サイドナビの設定　--------  */

.sidenav-box{
	margin-bottom:50px;
}
	
/*    　　親　　    */
.sideNavi-parent {
	background-color: #6E6E6E;
	color: #fff;
	font-weight: 500;
	text-shadow: 1px 1px 3px #4D4D4D;
}

.panel-default > .panel-heading {
	background-color: #6E6E6E;
	/*box-shadow:0px 0px 5px #003d74 inset;*/
  background-image: -moz-linear-gradient( 90deg, #4D4D4D 0%, #6E6E6E 100%);
  background-image: -webkit-linear-gradient( 90deg, #4D4D4D 0%, #6E6E6E 100%);
  background-image: linear-gradient( to top, #4D4D4D 0%, #6E6E6E 100%);
	border:#4D4D4D solid 1px;
	color:#ffffff;
	font-weight:500;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	margin-bottom:0px;
}

/*  ---  クリックでトグルするアイコン設定   ---  */
.panel-heading {
	/*font-family: 'FontAwesome';*/
}
.panel-heading a {
	display: block;
	width: 100%
}

/* 閉じてる時(collapse)のアイコン -- 下向き　　 */
.sideNavi-parent a:after {
	font-family: 'FontAwesome';
	content:"\f13a";
	font-size:large;
	text-shadow:1px 1px 3px rgb(91,119,156);
	float:right;
}

/* 開いた時(collapse in)のアイコン --  上向き　　 */
.sideNavi-parent a.active-i:after {
	content:"\f139";
}

/*　　子供　　*/
.listitem-child {
	padding: 8px 15px;
	padding-left:1.5em;
	list-style:none;
	border-bottom:1px solid #dddddd;
}

/*.listitem-child li:last-child {
	boder-bottom: 1px solid transparent;
}
*/
.nav-item a{
	color:#555;
}

.nav-item li:hover{
	background-color: #e4f2f7;
	/*box-shadow: inset 0px 0px 20px #F5C048;
	-webkit-box-shadow: inset 0px 0px 20px #F5C048;*/
}

.thisPage li{
	background-color:#c1e8f7;
	font-weight:bold;
}


/*  xs時のサイドナビ表示ボタン  */
.sideNavi-icon{
	  height:30px;
}
.sideNavi-icon form{
	text-align:center;
	float:right;
}


/*    ------　      サイドナビの設定 ここまで　        ------    */



/*  このクラスを持つ要素は非表示    */
.d-none {
    display: none;
}



/* リード文の上下に余白を設定 */
.leadText{
	font-size:1.1em;
       line-height:1.8rem;
	margin:2rem  auto;
}

.leadText2{
	font-size:1em;
	margin:1.5em  0 1.5em 1em;
}

/*　　タブの下に配置する リード文用　　*/
.leadText3{
	font-size:1.1em;
       line-height:1.5em;
	margin:0.3em  0 1.5em 0;
}

/* leadText の上下マージンを少なくしたもの */
.leadText4{
	font-size:1.1em;
       line-height:1.8rem;

}



/* text-link　文中のテキストにリンクを張る場合使用　先頭に黄色矢印配置 */
.text-link{
	font-weight:bold;
	padding-left:0.3em;
	padding-right:0em;
	font-size:14px;
}
.text-link{
	color:#555;
}
.text-link:hover{
	color:#222;
}
.text-link:before{
	font-family: 'FontAwesome';
	content: "\f0a9  ";
	color: #f6b436;
}

/* text-link-sizeControl　text-link と一緒に定義すること。
　　フォントサイズを14px固定から1em（親のサイズを継承して一緒）に上書き変更する */
.text-link-sizeControl{
	font-size:1em;
       line-height:1.5em;
}



/* pdf-link    PDFリンクの場合使用　先頭にPDFアイコン配置   */
.pdf-link{
	font-weight:bold;
	padding-left:0.3em;
	padding-right:0em;
}
.pdf-link{
	color:#555;
}
.pdf-link:hover{
	color:#222;
}
.pdf-link:before{
	margin:0 10px 0 0;
	content:" ";
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../illust/pdficon_small.png); 
	background-size:contain;
	vertical-align:middle;
}

/* リンク先記載でも文字を青くしたくない場合使用　 */
.nomal-link{
	color:#555;
}
.nomal-link:hover{
	color:#222;
}

/*  .contents-table2 ページの初めにおくしおり的リンクに使用　先頭に水色矢印配置　FAQ(li)で使用　　*/
.contents-table2{
	color:#666;
}
.contents-table2:hover{
	color:black;
}
/* 擬似クラスと擬似要素を組み合わせて用いる場合は擬似クラス、擬似要素の順に記述する*/
.contents-table2 li:hover:before{
	color: #008cc2;
}

.contents-table2 li:before{
	font-family: 'FontAwesome';
	content: "\f0a9  ";
	color: #87ceeb;
	font-size:1em;
	margin-right:0.5em;
}

.contents-table2 li{
	list-style-type:none;
	padding-bottom:1em;
	font-weight:nomal;
	font-size:1.2em;
	padding-left: 1em;
	line-height:1.0em;
	text-indent:-1.7em;
}


/*   .contents-tableページの始めにおく しおり的リンク に使用   左マージン1em 先頭に紺矢印配置 */
.contents-table{
	padding-left:1.5em;
	color:#333;
	font-size: 1em;
	font-weight: bold;
}

.contents-table:before{
	font-family: 'FontAwesome';
	content: "\f0a9  ";
	color: #008cc2;
	padding-top:1em;
	padding-right:0.3em;
}/* color:#f6b436;  変更前  */
.contents-table:hover{
	color:#222;
}

/* .contents-table の次の行に置く。内容説明に使用*/
.contents-table-sub {
	padding-left:3.5em;
	text-indent: -1em;
	margin-top: -0.5em;
	margin-bottom: 1em;
}




/*   .step-table LAN設定の冒頭、手順リンクに使用　左1文字目を大きく水色に。ホバーでメインカラーに。　　*/
.step-table p{
	color: #555;
	padding-top: 0.2em;
	padding-left: 3em;
	font-size:1.1em;
	padding-bottom: 0;
	margin-bottom: 0;
/*	border-bottom: 1px solid #008cc2;*/
}
.step-table p:first-child{
    margin-top: 0em;
}
.step-table p:hover{
	color: #222;
	font-weight: 500;
}
.step-arrow{
	padding-left: 4.5em;
	margin:0.2em 0;
	height: auto;
	padding-top: 0;
}


/*　フッター文字 余白・装飾　*/
#footer p{
	background-color: #ffffff;
	padding-top: 3em;
	font-size:0.9em;
}

.panel-footer{
	background-color:#ffffff;
}

.notes_for_trademarks{
	font-size:0.9em;
	margin-top:2em;
}


/*  index.htm の箇条書き　スタイル設定  */
.conceptText{
	font-size:1.3em;
	text-height:1.3em;
	padding-left:1.1em;
	padding-top:2em;
	padding-bottom:2em;
	font-weight:normal;
	text-indent:-1.1em;
}


/* Information Box  note/caution/memo  
　　マージン等の設定はinfoBoxで共通
　　.noteBox：注記
　　.cautionBox：警告
　　.memoBox：Memo
*/

.infoBox {
	margin: 3em auto;
	padding:1em 1.3em ;
	border-radius: 20px;
    line-height:1.5rem;
   }
.infoBox li{
	padding-top:0.3em;
	padding-left:1em;
	text-indent:-1em;
	list-style:none;
}

.infoBox p:nth-child(2){
	padding-top: 0.5em;
}

/*  .infoBox li:before  グレー黒丸挿入  */
.infoBox li:before{
	font-family: 'FontAwesome';
	content: "\f111  ";
	color: #777;
	font-size: 0.8em;
}


/* liのスタイリングを伴わない.infoBox    ※liのスタイルは個別で付ける　　*/
.infoBox-no-li-st {
	margin: 2em auto;
	padding:0.8em;
	border-radius: 20px;
}
.infoBox-no-li-st > ul{
       list-style: none;
}
.infoBox-li-st{
	padding: 0.5em 0.5em 0 0.5em;
	text-indent:-1.2em;
       line-height: 1.5em;
}

/*  .infoBox-no-li-st 下のliに個別に設定　 li:before  グレー黒丸挿入  */
.infoBox-li-st:before{
	font-family: 'FontAwesome';
	content: "\f111  ";
	color: #777;
	font-size: 0.8em;
       padding-right: 0.4em;
}

.infoBox-p-st{
	padding: 0.8em 0 0.8em 20px;
}


/* num1の下に置く Information Box  
　　num1に合わせてpadding-leftを2.5em設定
　　上下のマージンを少なく（3em⇒0.5em）
*/

.infoBox_in_num1 {
	margin: 0.5em 0em 0.3em 3em;
}

x.lightNote > ul{
	padding-left: 0.5em;
}

.lightNote li{
	padding-left: 1.8em;
	padding-bottom:0.5em;
	text-indent:-1.5em;
	list-style:none;
}

/*  .lightNote li:before  グレー黒丸挿入  */
.lightNote li:before{
	font-family: 'FontAwesome';
	content: "\f111  ";
	color: #777;
	font-size: 0.9em;
}


/*  .noteBox  枠：黄色　タイトルの前に！挿入  */
.noteBox{
	border:#FC991B solid 2px;
}
.noteTitle{
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:0;
}
.noteTitle:before{
    font-family: 'FontAwesome';
    content:"\f06a";
	color:#FC991B;
	font-size:1.3em;
	padding-left:0.5em;
	padding-right:0.3em;
	font-weight:normal;
}



/*  .lightNote  枠：なし　背景色：薄黄色  */
.lightNoteBox{
	background-color: #FDFCED;
       border: #F4CB55 solid 1px;
}

.lightNoteTitle{
	font-size:1.1em;
	margin-bottom:0;
}
.lightNoteTitle:before{
    font-family: 'FontAwesome';
    content:"\f06a";
	color: #F4CB55;
	font-size:1.3em;
	padding-left:0.5em;
	padding-right:0.3em;
	font-weight:normal;
}

/*  .noteBox  枠：紺色　タイトルの前にInfoマーク挿入  */
.noteBoxBlue{
	border:#144493 solid 2px;
	margin: 0.8em auto 1em auto;
    padding:0.8em;
}
.noteTitleB{
	font-weight: bold;
	font-size:1em;
	margin-bottom:0;
}
.noteTitleB:before{
    font-family: 'FontAwesome';
    content:"\f05a";
	color:#144493;
	font-size:1.3em;
	padding-left:0.5em;
	padding-right:0.3em;
	font-weight:normal;
}

.noteBoxTitle {
    margin: 0.5em 0 0.5em 1em;
    font-weight: bold;
}



/*  .cautionBox  枠：赤（角丸なし）　タイトルの前に三角！挿入  */
.cautionBox{
	border:#F07274 solid 2px;
	border-radius:0px;
}
.cautionTitle{
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:0;
}
.cautionTitle:before{
    font-family: 'FontAwesome';
    content:"\f071";
	color:#EC371D;
	font-size:1.1em;
	padding-left:0.5em;
	padding-right:0.3em;
	font-weight:normal;
}
.cautionTitle2{
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:0;
}
.cautionTitle3{
	font-weight:bold;
	font-size:1.1em;
	padding:5px 0;
	margin-bottom:0;
}

.notesSubTitle{
	font-weight:bold;
	padding-top:1em;
	padding-left:0.5em;
	color:#000;
}
.notesSubTitle:before{
	font-family: 'FontAwesome';
	content:"\f04d";
	padding-right:0.5em;
	font-size:0.8em;
}

.notesLead{
	padding-left:1.5em;
}

/*  .memoBox  枠：空色　背景色薄水色　タイトルの前に鉛筆挿入  */
.memoBox{
	/*background-color: #e2fcee;*/
	background-color: #EFF8FB;
	border: #c1e8f7 solid 1px;
      padding: 1em 1.5em;
}
.memoBox>ul{
      padding-left: 0.5em;
}
/*.memoBox li{
      padding-left: 2em ;
}
*/
.memoTitle{
	/*font-weight:bold;*/
	font-size:1.1em;
	margin-bottom:0;
}
.memoTitle-light{
      font-weight: 100;
}
.memoTitle:before{
	font-family: 'FontAwesome';
	content: "\f040";
	/*color:#007935;*/
	color: #52b6f0;
	font-size: 1.1em;
	/*padding-left: 0.5em;*/
	padding-right: 0.3em;
	font-weight: normal;
}

/*  .referenceBox : .memoBox　から背景色を白に変更 */
.referenceBox{
        background-color: #fff;
        border: #52b6f0 solid 1px;
}

/*  .lightMemo  枠：なし　最初のpの前に！挿入   余白をnum1に合わせる  */
.lightMemo{
	border:#52b6f0 solid 1px;
	margin-top:1.5em;
	margin-bottom: 2.5em;
	background-color: #EFF8FB;
	padding: 0.8em 1.5em;
	border-radius: 20px;
}
.lightMemo p:first-child{
	font-size:1.1em;
	margin-bottom:0.3em;
}
.lightMemo p:first-child:before{
	font-family: 'FontAwesome';
	content: "\f040";
	color: #52b6f0;
	font-size: 1.3em;
	padding-left: 0.1em;
	padding-right: 0.3em;
	font-weight: normal;
}


.lightMemo li{
	margin-left:1em;
       padding-left: 0.5em;
	padding-bottom:0.5em;
	text-indent:-1em;
	list-style:none;
}

/*  .lightNote li:before  グレー黒丸挿入  */
.lightMemo li:before{
	font-family: 'FontAwesome';
	content: "\f111  ";
	color: #777;
	font-size: 0.8em;
}

.lightNo

.furtherDetails li{
      padding-left: 3em;
}
.furtherDetails > li{
       font-size: 0.9em;
       line-height: 1.7em;
       padding-top: 0.3em;
	   margin-left: 1em;
}


.notesList{
	margin-left:0;
	padding-left:0;
	margin-bottom:1em;
}
.notesList dd{
    margin-top: 1em;
	padding-left:2em;
	line-height:1.5em;
}


/*　　用途不明　：　削除検討　　*/
/*.table {
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word;
}*/


td{
	padding:1.2em 2em;
}


/*    Caution Table    : 1-2 取り扱いについて      */
/*  シンボルリストの余白、配置設定  */
.smbl {
	padding:0.5em 0;
	text-align:center;
}
.smbl:first-child{
	padding-left:1em;
}

/*　　手順スタイル　＜＜　.num1　＞＞　　　　　　　　　　　　　　　　　　　　*/
/*    .num1 で囲った p で作成。　ぶら下げインデント・1字目の色、フォント変更    */
.num1{ 
	padding:0.5em 0 0.5em 2.3em;
	text-indent:-2.3em;
}
.num1 > p{
	margin-top:3em;
	font-size:18px;
}
.num1 > p:first-child{
    margin-top: 1em;
}
.num1 > p:first-letter{
	color: #008cc2;
       font-family: -apple-system, "Segoe UI", sans-serif;
	font-size: 2em;
	font-style:italic;
	font-weight: 800;
}


/*  .num1 の下の figcaption左余白設定    */
.num1 figcaption{
	margin-top:1em;
	padding-left:7em;
	padding-bottom:0;
	font-weight:bold;
	font-size:small;
}

/*  .num1 の下の li にグレー黒丸を付ける    */
.num1Hint > li{
	list-style:none;
	padding-bottom: 0.5em;
	text-indent:-0.9em;
	font-size:1.1em;
       line-height:1.5rem;
}
.num1Hint > li:before{
    font-family: 'FontAwesome';
	content:"\f111  ";
	color:#B6B6B6;
	font-size:0.8em;
}

/*  .num1 の下の li にグレー黒丸を付ける    */
.num1Hint2 > li{
	margin-top:1em;
	padding-left:2.3em;
	list-style:none;
	padding-bottom: 0.5em;
	font-size:1.1em;
	text-indent:-0.9em;
}
.num1Hint2 > li:before{
    font-family: 'FontAwesome';
	content:"\f111  ";
	color:#B6B6B6;
	font-size:0.8em;
}


/*  .lightNote  枠：なし　最初のpの前に！挿入   余白をnum1に合わせる  */
.lightNote{
/*	padding: 0.5em 0 0.5em 2.3em;*/
/*	margin: 1em 0 2em 0;*/
	background-color: #FDFCED;
       border: #F4CB55 solid 1px;
	margin: 3em auto;
	padding: 0.8em 1.5em;
	border-radius: 20px;
       line-height:1.5rem;
}
.lightNote p:first-child{
	font-size:1.1em;
	margin-bottom:0.5em;
}
.lightNote p:first-child:before{
	font-family: 'FontAwesome';
	content: "\f06a";
	color: #F4CB55;
	font-size: 1.3em;
	padding-left: 0.1em;
	padding-right: 0.3em;
	font-weight: normal;
}

.lightNote_in_num{
margin-top: 0.5em;
margin-left: 3em;
}

.lightNote_nm{
    margin-top: 0.5em;
    margin-bottom:0.8em;
}




.negative-margin-top1{
    margin-top: -1em;
}

.margin-top0{
    margin-top: 0;
}

/*  .subContents  .num内の字下げサブコンテンツ用    */
.subContents{
	margin-left:2em;
} 

.subContents3{
	margin-left:3em;
} 

.subContents4{
	margin-left:4em;
} 


/*　　上へ戻る　のスタイル設定　　*/
.to_top{
	margin:2em 0 7em 0;
}

.to_top a{
	text-align:right;
	color:#6e6e6e;
}
.to_top a:hover{
	font-weight:bold;
}
.to_top i{
/*	color: #f6b436;*/
    color: #f6b436;
}

/*   アイコン挿入用（幅、余白設定）　*/
.insertIcon{
	width: 2em;
	text-indent:0.5em;
	height: auto;
	color:#444;
}

.insertIcon2{
	width: 1.5em;
	text-indent:0.35em;
	height: auto;
	color:#444;
	font-size:0.9em;
}


/*  partsNameList  位置合わせ  */
.partsNameList img {
	margin-right:0.3em;
}
.partsNameList dt {
	vertical-align:bottom;
}
.partsNameList dd{
	padding:0.5em 0 2em 2em;
}

/*  partsNamesSubList  */
.partsNamesSubList{
	font-size: 100%;
	margin: -1em 0em 2em 2em;
}

.partsNamesSubList dt{
	padding-top: 0em;
	
}
.partsNamesSubList dd{
	line-height:1.3em;
	padding: 0em 0 0.5em 3em;
}

/* ※スタイル(kome-st) ※に定義（上付き、サイズ小、bold）　*/ 
.kome-st{
       font-size: 0.8em;
       font-weight: 900;
       vertical-align: top;
       position: relative;
       top: -0.1em;
       color: #666;
}


/*   initializingNetwork  LED  list   */
.initialNetwork dt{
      padding-bottom: 0.3em;
}


.numsvg {
	width:23px;
	height:auto;
}

.numpng{
	width:18px;
	height:auto;
	padding-bottom:5px;
	margin-left:2px;
	margin-right:2px;
}

.numchar{
	width:20px;
	height:auto;
	padding-bottom:2px;
	margin: 0 2px;
}

.numchar_pn{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2px;
	margin-left:1em;
}

.numchar_led{
	width:17px;
	height:auto;
	padding-bottom:2px;
	margin: 0 0 5px 3px;
}

.menupng{
	width:22px;
	height:auto;
	padding-bottom:2px;
	margin: 0 2px;
}


/*   -- ai --   */
.pointIcon{
	font-weight:bold;
	margin:2em 0 0 1.5em;
}
.pointIcon:before{
	font-family: 'FontAwesome';
	font-weight:normal;
	content:"\f0da";
	padding-right: 0.5em;
	color:#666;
}

/*　　以下ひょっとしたらいらないやつかも　不具合が出たらこれを疑え！　　　　----------------------------------------------------------------------*/
ul{	padding-left:20px;
}

dt{	padding-top:0.3em;
}

dd{ line-height:1.6em;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------*/


/*   .futherDetails: 他社製の外部機器　さらに詳細な注意事項（番号付き）のスタイル　*/
.futherDetails li{
       list-style-type: decimal;
       font-size: 0.8em;
}


/*  FAQ 確認事項のスタイル設定  */
.confirmationCase{
	font-size:16px;
       line-height:1.5em;
	color:#333;
	margin-top:3em;
	border-bottom:#aaa solid 1px;
	padding-bottom:0.5em;
}

.confirmationCase:after {
	font-family: 'FontAwesome';
	content:"\f13a";
       font-size: 1.2em;
	padding-left: 0.5em;
	color:#87ceeb;
}
	
.confirmationContents{
	font-size: 1em;
       line-height: 1.7em;
       margin-top: 15px;
	   margin-bottom: 5em;
}

/*　　FAQ内で使用している リスト要素のマージンなので必要　　*/
.confirmationContents li{
	padding-top:0.5em;
}


/*.confirmationContentsについていた以下マージンをやめる。
　　collapseのガタつき防止のため。支障はなさそう。（なんで？）
	margin:1.5em 0 3em 0;  */


/*    Collapse (Android/Windows) Style    */
.collapse-tytle{
	font-size:1.1em;
	color:#333;
/*	margin-top:1em;
	border-bottom:#aaa solid 1px;
	padding-bottom:0.5em;
       margin-left:2.3em;*/
       margin: 1em 0em 0.5em 2.3em;
}

.collapse-tytle:before{
    font-family: 'FontAwesome';
    font-size: 1.2em;
    content:"\f0aa";
    content:"\f0ab";
    padding-left:0.5em;
    padding-right: 0.5em;
    color:#008cc2;
}

.collapse-body{
    padding: 0.5em 0 1em 1em;
    margin-bottom: 2em;
    font-size: 1em;
/*    border: 1px solid #ccc;*/
}

.dotTitle p{
    margin-top: 1rem;
	padding-bottom:0;
	font-size:1.2rem;
	font-weight:normal;
	text-indent: -1em;
	padding-left:1em;
}

.dotTitle p:before{
	font-family: 'FontAwesome';
	content: "\f111  ";
	color: #888;
	font-size: 1em;
}

/*    LED表示　リスト    */	
.ledList {
	margin:2em 0 0 0;
	page-break-inside:avoid;
}
.ledList dt{
	padding-bottom:0.5em;
	font-size:1.2em;
	font-weight:normal;
	text-indent: -1em;
	padding-left:1em;
}
.ledList dt:before{
	font-family: 'FontAwesome';
	content: "\f111  ";
	color: #888;
	font-size: 1em;
}

.ledImage{
	margin-bottom:1em;
}

.ledImageL{
	margin: 0 auto 1em auto;
}

.g-waku{
	padding:0.5em 1em;
	border: 1px solid #ccc;
}
	

/*    Appリスト    */	
.appList {
	margin:1.5em 0 0 1em;
}
.appList dt{
	padding-bottom:0.5em;
	font-weight:normal;
	font-size:1.1em;
}
.appList dt:before{
	font-family: 'FontAwesome';
	content: "\f111  ";
	color: #bbb;
	font-size: 1em;
}
.appList dd{
	padding-left:2em;
	line-height:1.5em;
}


.appPoint {
	margin:1.5em 0 0 1em;
}
.appPoint dt{
	padding-bottom:0.3em;
	font-weight:normal;
	font-size:1.1rem;
       margin-left:1.3em;
       text-indent:-1.3em;
}
.appPoint dd{
	padding-left:2em;
	line-height:1.5em;
}

.appPoint dt:before{
	font-family: 'FontAwesome';
	content:"\f14a";
	color: #008cc2;
	font-size:1em;
	margin-right:0.5em;
}



/***     Point List     ***/ 
.pointList li:before{
	font-family: 'FontAwesome';
	content:"\f00c";
	color: orange;
	font-size:1.2em;
	margin-right:0.5em;
}
.pointList li{
	list-style-type:none;
	padding-bottom:1em;
	font-weight:nomal;
	padding-left: 1em;
	line-height:1.5em;
	text-indent:-1.7em;
}

.pointList2 li{
	list-style-type:disc;
	padding-bottom:1em;
	font-weight:nomal;
	padding-left: 1em;
	line-height:1.5em;
	text-indent:-1.7em;
}



/*    Select Contents    */	
.selectContents p {
	margin:1em 0 0.5em 1em;
	font-size:1.3em;
	font-weight:600;
}
.selectContents li{
	padding:0.2em 0 0.5em 1em;
	font-weight:normal;
	list-style-type:none;
	text-indent:-0.9em;

}
.selectContents li:before{
	font-family: 'FontAwesome';
	content: "\f111  ";
	color: #bbb;
	font-size: 0.75em;
	margin-right:0.5em;
}


/*  -- mi --   */
/*  .num1 の下の figcaption 普通のスタイル    */
.inNum2{
	font-size:1em;
	font-weight:nomal;
	padding-top:0.5em;
	padding-bottom:1em;
}

.img-responsive-sub{
	max-width: 90%;
	padding-bottom:2em;
}

/*  usbPlugList   */
.usbPlugList{
	font-size: 95%;
	margin: 0.5em 0 1.5em 0em;
}
.usbPlugList td{
	line-height:1.2em;
	padding: 0.5em 0em 0.5em 0.5em;
	text-indent: 0;
}
.usbPlugList td:first-child{
	padding:0.5em;
}
.usbPlugList td:nth-child(2){
	font-weight:bold;
	padding-left: 0;
} 
.usbPlugList2{
	font-size: 80%;
	margin: 0.5em 0 0 2em;
}
.usbPlugList2 li{
	line-height:1.2em;
	padding: 0.5em 1.8em;
	margin: 0;
}



/*  figure  */
figure{
	margin:1em auto;
}

.sampleList p{
	margin-top:0.5em;
	font-size:1.2em;
	font-weight:nomal;
	border-left: 5px solid #008cc2;
	padding-left: 10px;
}

.linkSet{
	margin-top:-2em;
	margin-left: 1em;
}


/*      FAQ  Follow Up      */
.faq-follow-up{
	margin-top: 1.3em;
	padding:1em 1.5em;
	border-radius:10px;
	background-color: #f5f5f5;
}
.follow-up-btn_set{
	text-align: right;
}

.follow-up-btn{
	margin-right:0.5em;
	padding:0.5em 0.8em;
	font-size:90%;
	border: none;
	background-color: #e0e0e0;
	border-radius: 5px;
}


/*   FAQ Link button  */
.faq-btn-link{
	margin-top:1em;
}

.faq-btn-link:hover{
	background-color : #fff;
	opacity: 0.7;
}


/*      subProcess      */
.sub-Process{
	margin-top: 1.3em;
	margin-bottom: 1.3em;
	padding:1.5em 1.5em;
	border-radius:10px;
	background-color: #f5f5f5;
}

.sub-Process li{
	margin-top: 1.1em;
}


/* ---  Multi List   --- */
.multi_list {
	text-align:center;
	margin: 1em 0 0.5em 2em;
	min-width: 80%;
	border-spacing: 0;
	border: 1px solid #aaa;
}


.multi_list thead, .multi_list td {
	padding: 0.5em 1em;
	border-bottom: solid 1px #aaa;
	border-right:solid 1px #aaa;
	vertical-align: middle;
}

.multi_list thead {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #ebebeb;
}
/* row-span を利用していて、最初の○○だと変なところがグレーになったので。。*/
.multi_list_b td:nth-last-of-type(4) {
	font-weight: bold;
	vertical-align: middle;
	background: #f5f5f5;
}

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

.targetC {
	background: #fff9c4;
}

.targetC td:first-of-type {
	background: #fff59d;
}


/* ---  Interface List   --- */
.interface_list {
	text-align:center;
	margin: 0.5em 0;
	min-width: 80%;
	border-spacing: 0;
	border: 1px solid #aaa;
}

.interface_list td {
	padding: 0.5em 1em;
	border-bottom: solid 1px #aaa;
	border-right:solid 1px #aaa;
	vertical-align: middle;
}
.interface_list_b td:first-child {
	font-weight: bold;
	vertical-align: middle;
	background: #f5f5f5;
}
.interface_list_c {
	text-align:center;
	margin: 1em 0 2em 2em;
	min-width: 80%;
	border-spacing: 0;
	border: 1px solid #aaa;
}
.interface_list_c td:first-child {
	font-weight: bold;
	vertical-align: middle;
	background: #f5f5f5;
	width:10em;
}

.interface_list_d td:first-child {
	font-weight: bold;
	vertical-align: middle;
	background: #f5f5f5;
	width:15em;
}

.interface_list  thead{
	font-weight: bold;
	vertical-align: middle;
	background: #ebebeb;
}

.mName{
	font-weight:bold;
	padding-left:0.2em;
	padding-right:0.2em;
	font-size:90%;
	color:#555;
}

.accessoriesList{
	font-size:80%;
	padding-left: 0;
	padding-right:0;
}

.m-check{
	font-weight: bold;
	font-size:120%;
	color: #009250;
}

/*  detailedDescription: num1Hint中で詳細説明のために利用するテーブルに使用  */
.detailedDescription{
	margin-top: 1em;
	margin-left: 1em;
	font-size: 0.9rem;
}

.detailedDescription th{
		margin-top:1em;
		padidng-top:0em;
      text-align: right;
	  vertical-align: top;
}

.detailedDescription td{
		margin-top: 1em;
		padding-top: 0em;
		padding-bottom: 0.5;
		vertical-align: top;
}

/* toModelC:  ＜MCP31L,MCP31LB＞などにモデル確認方法のページへのリンクを作成するにあたり、そのスタイル設定 */
.toModelC{
	color: #444;
}

.toModelC:hover{
	color: #444;
	text-decoration-line: underline;
	text-decoration-color: #008cc2;
}

/*  text-link_ul : テキストリンクスタイルの、左側アイコンなし、アンダーライン追加  */
.text-link_ul{
    color: #444;
	text-decoration-line: underline;
	text-decoration-color: #444;
}
.text-link_ul:hover{
    color: #222;
	text-decoration-line: underline;
	text-decoration-color: #008cc2;
}

/* toSMJP-FAQ:  ＜MCP31L NHS,MCP31LB NHS＞対応、SMJP FAQページへリンクする */
.toSMJP-FAQ{
	color: #444;
}

.toSMJP-FAQ:hover{
	color: #444;
	text-decoration-line: underline;
	text-decoration-color: #008cc2;
}

.toSMJP-FAQ2{
    font-weight: bold;
	color: #2472a5;
}

.toSMJP-FAQ2:hover{
    font-weight: bold;
	color: #2a6496;
	text-decoration-line: underline;
	text-decoration-color: #2a6496;
}


.inNoteTable{
    margin-top: 0.3em;
    margin-left: 2em;
}
.inNoteTable tr{
    padding-bottom:0;
}
.inNoteTable td{
    padding: 0em;
    padding-left: 1em;
}

/*  Interface Panel スタイル（Type-C対応）　*/
.Interface-Panel{
    margin: 5px 10px;
    padding: 0.5em;
    border: 1px solid #ccc;
    color: #333;
    transition: all 0.2s ease 0s;
}
.hover-On:hover{
    border: 1px solid #f6b436;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
    transform: translateY(-0.1875em);
}
.hover-Off{
    border: 2px solid #ccc;
}

/*　I-P: Interface Panelの略　　*/
.I-P_title1{
    margin: 0;
    font-size:1.7em;
    line-height: 100%;
}
.I-P_sub_title{
    font-size: 0.6em;
    margin-left: 1em;
    vertical-align: middle;
    color: #555;
    border-bottom: 1px solid orange;
}
.I-P_title2{
    margin-left: 1.5em;
    margin-bottom: 0.3em;
    padding-top: 1em;
    font-size: 0.9em;
    font-weight: 900;
    line-height: 120%;
}
.under_line_st{
    text-decoration: underline;
}
.I-P_content2{
    margin-left: 1.5em;
    margin-bottom: 0em;
    line-height: 120%;
    font-size: 1.2em;
    font-weight: 100;
}
.I-P_note{
    font-size: 0.9em;
    margin: 5px 10px 10px 10px;
    padding-left: 1.7em;
    line-height:1.5em;
    text-indent:-1.7em;
}

/*  .I-P_note から左インデント：-1.7を削除する　　*/
.I-P_note2{
    text-indent:0;
}

/*     35em: 約560px以下（30emだからもう少し下）　の画面向けスタイル       */
@media screen and (max-width:30em) {
    .I-P_title1{
        font-size:1.3em;
    }
    .I-P_sub_title{
        margin-left: 0.3em;
    }
    .I-P_title2{
        margin-left: 0em;
        font-size:0.8em;
    }
    .I-P_content2{
        margin-left: 0em;
        font-size:1em;
    }
}

/*  for En  HID対応で追加した *　のリストスタイル　*/
.I-P_note > p{
       margin:0;
}
.I-P_note ul{
       list-style-type: "-   ";
}
.I-P_note-li{
       font-size: 0.9em;
       margin-top: 0.2em;
       padding-left: 0em;
       text-indent:-0.5em;
}
/************   .fig-remarks : 右寄せ太字サイズ0.9　　*******************/ 
.fig-remarks{
    margin: 0.5em 0;
    text-align: right;
    width: 100%;
    padding-right: 2em;
}
/*    .num1 内の　ｐ　に対して設定されている強力なスタイルを以下で上書き　*/
.fig-remarks p{
	margin:0;
	font-size:0.9em;
	font-weight: 900;
}
.fig-remarks p:first-child{
    margin: 0;
}
.fig-remarks p:first-letter{
	color: #444;
	font-size: 1em;
	font-style:normal;
	font-weight: 900;
}

/*  .fig-remarks と一緒に指定して　左寄せにできるか？　　*/
.fig-remarks-left{
    text-align: left;
    width: 100%;
    padding-left: 2em;
    font-size:0.9em;
    font-weight:900;
}

.fig-remarks-left p{
    margin: 0.8em 0 0.1em 0;
}

/*     35em: 約560px以下（30emだからもう少し下）　の画面向けスタイル       */
@media screen and (max-width:30em) {
.fig-remarks{
    padding-right: 0.2rem;
}
.fig-remarks p{
   font-size: 0.7rem;
}
}


/* Remarks Head   注釈に利用  */
.remarks-head{
	text-indent: -1.5em;
	padding-left: 2em;
	line-height: 1rem;
}

/*********　　リンク先のあるInterface-Panel右下に　黄色（グレー）：＞＞　追加　　**********/
.add_toLinkImage{
    position:relative;
    height: auto;
    margin-right: 0.5em;
}

.add_toLinkImage:before{
  position: absolute;
  color: gray;
  bottom: 0;
  padding-bottom: 0.1em;
  right:0;
/*  content:"\f138";    丸矢印*/
  content:"\f101";  /*  ＞＞   */
  font-size: 5em;
  font-family: fontAwesome;
  opacity: 0.3;
}

/*     1199px以下　の画面向けスタイル       */
@media screen and (max-width:1199px) {
.add_toLinkImage{ margin-right: 0.5em; }
.add_toLinkImage:before{  font-size: 3em; }
}

/*     420em以下　の画面向けスタイル       */
@media screen and (max-width:420px) {
.add_toLinkImage{ margin-right: 0.2em; }
.add_toLinkImage:before{  font-size: 1.8em; }
}

.Bluetooth-ini > p{
    margin-bottom:0;
    font-size: 0.9em;
    font-weight: 900;
}
/*****************　Interface-Panel　スタイル　End　*****************************/

/****************  レスポンシブに画像切り替えの記載　*********************/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
/***************************************************************/

/*************  印刷時にリンク箇所に表示されるURLを消す　************/
@media print {
 a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
}

.kakunin{
	color: #FD4E00;
}

.m0 {
	margin-left: 0;
}

.infoBox-p-st2 {
	padding-left: 20px;
}

.nega-ma {
	margin: 1em auto;
}

/*    SCS Point    */	
.scsPoint {
	margin-left:0.5rem;
}
.scsPoint dt{
	padding-top: 0.2em;
	padding-bottom:0.2em;
	font-weight:normal;
	font-size:0.9rem;
	line-height: 1.4rem;
       margin-left:1.3em;
       text-indent:-1.3em;
}

.scsPoint dt:before{
	font-family: 'FontAwesome';
	content:"\f14a";
	color: #87CEEB;
	font-size:1em;
	margin-right:0.5em;
}

.scsTarget{
	margin-top: 0.3em;
	margin-bottom: 0;
	font-weight: 600;
	color: #333;
}

/***     Point List     ***/ 
.pointList li:before{
	font-family: 'FontAwesome';
	content:"\f00c";
	color: orange;
	font-size:1.2em;
	margin-right:0.5em;
}
.pointList li{
	list-style-type:none;
	padding-bottom:1em;
	font-weight:nomal;
	padding-left: 1em;
	line-height:1.5em;
	text-indent:-1.7em;
}

/***     Point List 2    ***/ 
.pointList2 li:before{
	font-family: 'FontAwesome';
    content:"\f111";
	color: #999999;
	font-size:1em;
	margin-right:0.5em;
}
.pointList2 li{
	list-style-type:none;
	padding-bottom:1em;
	font-weight:nomal;
	padding-left: 1em;
	line-height:1.5em;
	text-indent:-1.7em;
}


/*   .step-table LAN設定の冒頭、手順リンクに使用　左1文字目を大きく水色に。ホバーでメインカラーに。　　*/
.step-table p{
	color: #555;
	padding-top: 0.2em;
	padding-left: 3em;
	font-size:1.1em;
	padding-bottom: 0;
	margin-bottom: 0;
/*	border-bottom: 1px solid #008cc2;*/
}
.step-table p:first-child{
    margin-top: 0em;
}
.step-table p:hover{
	color: #222;
	font-weight: 500;
}
.step-arrow{
	padding-left: 4.5em;
	margin:0.2em 0;
	height: auto;
	padding-top: 0;
}


.illust_commentary {
	line-height: 1.5em;
	padding-top:0.5em;
	padding-left: 0;
	text-indent: 0;
}

.subContents2 {
    margin-left: 2rem;
	margin-bottom: 0;
	font-weight: bold;
}



.top_illust {
	
background-color: #05e8ba;
/*background-image: linear-gradient(315deg, #05e8ba 0%, #087ee1 74%);*/

background-color: #aee1f9;
/*background-image: linear-gradient(315deg, #aee1f9 0%, #f6ebe6 74%);*/

/*background-color: #f3e6e8;
background-image: linear-gradient(315deg, #f3e6e8 0%, #d5d0e5 74%);*/

/*background-color: #89d8d3;
background-image: linear-gradient(315deg, #89d8d3 0%, #03c8a8 74%);*/
}

.speechBubble {
  position: relative;
  margin-top: 1.5rem; 
  margin-bottom: 2rem;
  padding: 0.6rem 1rem;
  background: #eeeeee;
  border-radius: 5px;
  font-size: 1.1rem;
}

.speechBubble:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 12px solid transparent;
  border-top: 15px solid #eeeeee;
  width: 0;
  height: 0;
}


.faq-menu-waku {
	border: solid 1px #707070;

	
}

.faq-menu-waku1 {
	background-color: #E6EFF5;
}

.faq-menu-waku2 {
	background-color: #FFFFFF;
}

.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}

.faq-menu-text {
	font-size: 1rem;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
	text-align: center;
	color:#555555;
}

.faq-menu {
	margin: 0 auto;
	width: 100px;
}

.card-box{
	border:#aaa solid 1px;
	border-radius: 0;
/*	cursor: pointer;
*/}

/*   ゆっくり拡大   */
.card-box{
    transition:box-shadow 0.2s, transform 0.2s;
}
 
.card-box:hover {
    box-shadow:0 3px 8px rgba(0, 0, 0, 0.24);
   /* transform:translate(0, -1px);*/
	/*transform: scale(1.01);*/
}

@media screen and (min-width:768px){
.card-box:hover {
	/*transform: scale(1.01);*/
}
}


.mgn-btm {
	margin-bottom: 1.5rem;
}

/*    リンクボックス　上段：白背景　　下段：グレー背景　　*/
.link-box-0 {
border: #C3C3C3  solid 1px;
}

.link-box-0:hover {
margin: -1px;
border: #C3C3C3 solid 2px;
}

.link-box-1 {
	padding: 1em;
	color: #555;
	font-size: 1.2;
	font-weight: bold;
}

.link-box-1:after{
	font-family: 'FontAwesome';
	content: "\f0a9  ";
	color: #008cc2;
	float: right;
	font-size: 120%;
}

.link-box-2 {
	border-top: #C3C3C3 solid 1px;
	padding: 1em;
	color: #555;
	background-color: #F7F7F7	
}

/*.mg-tb {
	margin: 1em 0 2em 0;
}
*/

.cableType {
	color:#333333;
	font-size: 1rem;
	line-height: 1.8rem;
}
.mark1 {
	background: linear-gradient(transparent 60%, #e7e7e7 0%);
}

.mark2 {
	background: linear-gradient(transparent 0%, rgba(255, 255, 0, 0.2) 0%);
	margin-right: 0.2rem;
}

.mark3 {
    font-size: 1.1rem;
	line-height: 1.8rem;
	background: linear-gradient(transparent 80%, rgba(231, 231, 231, 1) 0%);
}

.mark4 {
	background: linear-gradient(transparent 0%, rgba(173, 216, 230, 0.5) 0%);
	margin-right: 0.2rem;
}

.mark5 {
    padding-top: 1.5rem;
    font-size: 1.1rem;
	line-height: 2rem;
	border-bottom: solid #DDDDDD 5px;
}

.mark6 {
	background: linear-gradient(transparent 50%, rgba(255, 255, 0, 0.2) 0%);
	margin-right: 0.2rem;
}

.stepTitle{
    margin-top: 0.5rem;
	margin-bottom: 1.3rem;
}

.cableType li:befor {
    	content: none;		
}

.akaji{
	color: red;
}

.for12{
    color: deeppink;
}

.img-media-type {
	max-height: 200px;
    max-width: 130px;
    display: block;
    margin: 0 auto;
}

.st-media-type {
	border: 1px solid #aaa;
}

.media-type-caption {
	margin-top: 0.5rem;
}

@media (max-width: 1199.98px){ 
.row-20-0 {
    margin: 20px 0;	
}
}

.img-media-type-r {
	max-width: 100px; 
	display: block;
	margin: 0 auto;
}


/***   media-type-tbl : メディア設定について　罫線なしテーブル   ***/
.media-type-tbl{
   text-align: center;
   table-layout: fixed;
}

.media-type-tbl-body td{
   padding: 1.5rem 1rem;

}
.media-type-tbl td:first-child{
    min-width: 120px;
}

.media-type-tbl td:nth-child(2){
    background: #ecf3fb;
}
.media-type-tbl td:nth-child(4){
    background: #f7fff3;
}


.media-type-tbl-head td{
   padding: 1rem;
    font-size: 0.8rem;
	font-weight: bold;
	color:#444;
}

.media-type-tbl-default-cell td{
   padding:0.5rem 1rem;
}
.media-type-tbl-default-cell td:nth-child(2){
    background: #70aee3;
	font-weight: bold;
}
.media-type-tbl-default-cell td:nth-child(4){
    background: #d6ffc3;
	font-weight: bold;
}


.media-type-tbl-body td:first-child {
	font-weight: bold;
	vertical-align: middle;
	background: #f5f5f5;
}

/**    ダイカットラベル・全面ラベル・感熱紙　の桁をグレーとする場合下記を有効化
.media-type-tbl-body td:nth-child(3), .media-type-tbl-body td:nth-child(5), .media-type-tbl-head td:nth-child(3), .media-type-tbl-head td:nth-child(5){
    background:#fafafa;
}
.media-type-tbl-body td:nth-child(4), .media-type-tbl-head td:nth-child(4){
    background: #f3f3f3;
}
***/

/***   media-type-tbl2 : メディア（ラベル紙タイプ）　罫線なしテーブル   ***/
.media-type-tbl2{
   text-align: center;
   table-layout: fixed;
}

table.media-type-tbl2{
    border-spacing: 0 10px;
    border-collapse: separate;
    table-layout: fixed;
}

.media-type-tbl2-body td{
   margin: 1.5rem 1rem;

}
.st-cell{
    padding:0.3rem 0;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: bold;
	line-height: 1rem;
	background: linear-gradient(transparent 0%, rgba(187,222,251,1) 10%);
    height: 2rem;
}

.lbl-cell{
    padding:0.3rem 0;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: bold;
	line-height: 1rem;
	background: linear-gradient(transparent 0%, rgba(222,250,187,1) 10%);
    height: 2rem;
}



.lbl-no-use{
    padding:0.3rem 0;
    margin-bottom: 1rem;
	line-height: 1rem;
	background: linear-gradient(transparent 0%, rgba(221,221,221,1) 10%);
	font-size: 1em;
	font-weight: normal;
    width:50%;
}

.media-type-tbl-head td{
   padding: 1rem;
    font-size: 0.8rem;
	font-weight: bold;
	color:#444;
}

.media-type-tbl-default-cell td{
   padding:0.5rem 1rem;
}
.media-type-tbl-default-cell td:nth-child(2){
    background: #9dc5ec;
	font-weight: bold;
}

.media-type-tbl-body td:first-child {
	font-weight: bold;
	vertical-align: middle;
	background: #f5f5f5;
}

.media-type-tbl2-body td{
    text-align: left;
    vertical-align: top;
    padding: 0 0.8rem;
}

.explain_st{
    font-size: 1em;
	line-height: 1.8em;
	margin-top: 4em;
}

.forSpecManual_st{
    margin-top: 1.5em;
}



/* ---  Interface List   --- */
.interface_list {
	text-align:center;
	margin: 0.5em 0;
	min-width: 80%;
	border-spacing: 0;
	border: 1px solid #aaa;
}

.interface_list td {
	padding: 0.5em 1em;
	border-bottom: solid 1px #aaa;
	border-right:solid 1px #aaa;
	vertical-align: middle;
}
.interface_list_c {
	text-align:center;
	margin: 1em 0 2em 2em;
	border-spacing: 0;
	border: 1px solid #aaa;
}

.interface_list  thead{
	font-weight: bold;
	vertical-align: middle;
	background: #ebebeb;
}



.light-bold {
	margin-right: 0.1rem;
	margin-left: 0.1rem;
	font-weight: bold;
	color: #444;
}

.iframe-top-margin {
	margin-top: 1.5rem;
}

.alcohol_ng_st {
    max-width:100px;
	margin-right:2rem;
	margin-left: auto;
	margin-top: -0.5rem;
}
.alcohol_ng_st img{
    max-width: 100px;
}

.inMemo_img_st {
    max-width:300px;
	margin-right:2rem;
	margin-left: auto;
	margin-top: -1rem;
}
.inMemo_img_st img{
    max-width: 300px;
}


.stepNum {
	
}


.test-select {
   margin-bottom: 3em;
   line-height: 1.2rem;
}


.test-select a{
    border: 1px solid #aaaaaa;
    background: linear-gradient(#ffffff, #efefef);
	color: #555555;
	display: inline-block;
	margin: 1em 0.5em 0 0;
	padding: 5px 30px;
	text-align: center;
	/*text-decoration: none;*/
	border-radius: 15px;
}

.test-select a.active {
  /*background: #00499e;*/
  color: #fff !important;

  color: white;
  /*background-color: #6E6E6E;*/
  /*background-image: linear-gradient( to top, #4D4D4D 0%, #6E6E6E 100%);*/
  background: linear-gradient(#0277BD,#01579B);
  border: 1px solid #00499e;
  border-bottom-color: transparent;
  cursor: default;
  /*font-weight: bold;*/


}

/*  .btn-disabled(無効ボタン）クラスを持つ　test-select　のスタイル定義    */
.test-select a.btn-disabled {
	background: #eeeeee;
	border: 1px solid #aaa;
	color: #aaa !important;
}
.test-select a.btn-disabled:hover {
    opacity: 1;
}

.note-st {
	font-weight: bold;
	color: #333333;
	vertical-align: super;
	font-size: small;
	margin-left:-0.8em;
}

.procedure_ol {
	padding: 0.5em 0 0.5em 3em;
	margin-left: 2em;
	list-style: none;
	counter-reset: procedure_ol_li;
}

.procedure_ol li{
    margin-bottom: 1em;	
	padding-left: 1.2em;
	text-indent:  -2em;
	line-height: 1.8em;
}

.procedure_ol li:before {
font-family: 'Comfortaa', cursive;
color: #555555;
    margin-right: 0.5em;
	counter-increment: procedure_ol_li;
	content: counter(procedure_ol_li) ".";
	font-size: 1.3em;

}


.mv-chapter td {
	margin: 0;
	padding: 0.3rem 1rem;
	text-align: left;
	font-size: 0.8rem;
	line-height: 1.1rem;
}

.mv-chapter {
    margin-top: 0.5rem;
}

.bottom-margin-set_2 {
	margin-bottom: 2em;
}

.numOpeFig3 {
	margin-bottom: 1.5em;
}

.small-notes {
	font-size: 85%;
	line-height: 1.25rem;
	padding-left: 1rem;
	text-indent: -0.6rem;
}
.search-frame {
    padding: 0.4rem;
    border-radius: 4px;
	border-style: none;
    vertical-align: middle;
}

.usbConnectableList {
    text-indent: -10em;
    padding-left: 10em;
    line-height: 1.5em;
}

.usbConnectableListEn {
    text-indent: -15em;
    padding-left: 15em;
    line-height: 1.5em;
}


.lightNoteContents {
    margin-left: 0.5em;
    line-height: 1.8em;

}

.search-frame {
    padding: 0.4rem;
    border-radius: 4px;
    border: solid 1px #cccccc;
    vertical-align: middle;
}

.search-frame:focus {
    outline: solid 1px #888;
}

.search-logo {
    margin: 10px 0;
}

.link-box-2 {
	border-top: #C3C3C3 solid 1px;
	padding: 1em;
	color: #555;
	background-color: #F7F7F7;
    font-size: 0.9em;
}

/*              992px以上の画面では表示しない　（<br />の表示を制御して　992px以上の大きい画面のときは改行を非表示：改行しない）　　　　　　　　*/
@media (min-width: 992px) {
    .no-line-breaks{
        display: none;
    }
}



.mg-tb {
	margin-top: 1em;
}

/*    リンクボックス2　上段：グレー背景　　下段：白背景　　*/
.link-box2-0 {
border: #cecece  solid 1px;
    border-radius: 0.5em;
}


.link-box2-1 {
	padding: 0.5em 1.2em;
    border-top-left-radius: 0.4em;
    border-top-right-radius: 0.4em;
	color: #333333;
    background-color: #efefef;
    border-bottom: #cecece solid 1px;
	font-size: 1em;
	font-weight: bold;
}

/*.link-box2-1{
    color: #555;
    border-bottom: solid 3px #aaa;
    font-size: 1.2em;
    padding-left: 0.5em;
    margin-top:1em;
}*/


.link-box2-text {
    color: #555;
    padding-right:0.5em;
    font-weight: bold;
}

.link-box2-text:after{
	font-family: 'FontAwesome';
	content: "\f0a9  ";
	color: #008cc2;
    padding-left: 0.5em;
}

.link-box2-text:hover{
    color:#222;
}

.link-box2-2 {
	padding: 0.8em 1.2em;
}

.cableType {
    font-size: 1.2em;
}

.mg-btm {
    margin-bottom: 6em;
}


.test-select {
   margin-bottom: 3em;
   line-height: 1.2rem;
}


.test-select a{
    border: 1px solid #aaaaaa;
    background: linear-gradient(#ffffff, #efefef);
	color: #555555;
	display: inline-block;
	margin: 1em 0.5em 0 0;
	padding: 5px 30px;
	text-align: center;
	/*text-decoration: none;*/
	border-radius: 15px;
}

.test-select a.active {
  /*background: #00499e;*/
  color: #fff !important;

  color: white;
  /*background-color: #6E6E6E;*/
  /*background-image: linear-gradient( to top, #4D4D4D 0%, #6E6E6E 100%);*/
  background: linear-gradient(#0277BD,#01579B);
  border: 1px solid #00499e;
  border-bottom-color: transparent;
  cursor: default;
  /*font-weight: bold;*/


}

/*  .btn-disabled(無効ボタン）クラスを持つ　test-select　のスタイル定義    */
.test-select a.btn-disabled {
	background: #eeeeee;
	border: 1px solid #aaa;
	color: #aaa !important;
}
.test-select a.btn-disabled:hover {
    opacity: 1;
}

.usbConnectableList {
    text-indent: -10em;
    padding-left: 10em;
    line-height: 1.5em;
}

.usbConnectableListEn {
    text-indent: -15em;
    padding-left: 15em;
    line-height: 1.5em;
}

.search-frame {
    padding: 0.4rem;
    border-radius: 4px;
    border: solid 1px #cccccc;
    vertical-align: middle;
}

.search-frame:focus {
    outline: solid 1px #888;
}

.search-logo {
    margin: 10px 0;
}


.testPrint-width {
    max-width: 350px;
}

.modelSection {
    font-size: 0.9rem;
    font-weight: bold;
}