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

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


/*      約560px以下の画面向けスタイル       */
@media screen and (max-width:35em) {
h2{
	font-size:26px;
}
}

/*　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.5em;
	border-left:#008cc2 solid 3px ;
	padding-left:10px;
	border-radius:3px;
}

/*　h5に装飾　*/
h5{
	font-size:18px;
	margin-top:2em;
	margin-bottom:0.8em;
	line-height:1.5em;
	border-bottom:#008cc2 solid 1px ;
	padding:2px;
	display:inline-block;
}


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


.pochi h6:before{
	font-family: 'FontAwesome','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
	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','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
	content:"\f04b";
	color:#008cc2;
	padding-right:0.5em;
}

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


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


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




/*  -------   ヘッダーの調整 　------- */
.brand-copy {
	padding: 3px 0px;
	color: #3E3E3E;
	font-size: 10px;
	width: 180px;
}

@media screen and (max-width: 336px) {
/*--   iPhone5 縦幅サイズ(320px)+17px(誤差)=336px以下ではブランドコピーを改行 桁落ち防止   --*/
.brand-copy{
		width: 137px;
		height:auto;
	}
}

.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{
	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;
}



.navbar-star {
	border: 1px solid transparent;
	border-bottom: 7px solid #ccc;
	border-radius: 0;
	width:auto;
	margin-bottom: 25px;
	/*box-shadow: 0px 2px 20px 0px #ccc;*/
}

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


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

.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','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
}
.panel-heading a {
	display: block;
	width: 100%
}

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

/* 開いた時(collapse in)のアイコン --  上向き　　 */
.sideNavi-parent a.active: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;
}


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





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

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

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

/* 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;
}



/*   .contents-tableページの始めにおく しおり的リンク に使用   左マージン1em 先頭に紺矢印配置 */
.contents-table{
	padding-left:1em;
	color:#555;
}
.contents-table:before{
	font-family: 'FontAwesome','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
	content: "\f0a9  ";
	color: #f6b436;
	padding-top:1em;
}
.contents-table:hover{
	color:#222;
}



/*　フッター文字 余白・装飾　*/
#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:3em;
}


/*  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;
}
.infoBox li{
	padding-top:0.3em;
	padding: 0.5em 0 0 2em;
	text-indent:-0.8em;
	list-style:none;
}

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

/*  .infoBox li:before  グレー黒丸挿入  */
.infoBox li:before{
	font-family: 'FontAwesome','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
	content: "\f111  ";
	color: #777;
	font-size: 0.6em;
}

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

/*  .lightNote li:before  グレー黒丸挿入  */
.lightNote li:before{
	font-family: 'FontAwesome','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
	content: "\f111  ";
	color: #777;
	font-size: 0.6em;
}


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

/*  .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','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
    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;
}
.memoTitle{
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:0;
}
.memoTitle:before{
	font-family: 'FontAwesome','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
	content: "\f040";
	/*color:#007935;*/
	color: #52b6f0;
	font-size: 1.1em;
	padding-left: 0.5em;
	padding-right: 0.3em;
	font-weight: normal;
}

/*  .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.5em;
}
.lightMemo p:first-child:before{
	font-family: 'FontAwesome','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
	content: "\f040";
	color: #52b6f0;
	font-size: 1.3em;
	padding-left: 0.1em;
	padding-right: 0.3em;
	font-weight: normal;
}



.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-size: 1.8em;
	font-style:italic;
	font-weight: 800;
}


/*  .num1 の下の figcaption左余白設定    */
.num1 figcaption{
	padding-left:2.3em;
}

/*  .num1 の下の li にグレー黒丸を付ける    */
.num1Hint li{
	list-style:none;
	padding-bottom: 0.5em;
	text-indent:-0.9em;
}
.num1Hint li:before{
    font-family: 'FontAwesome','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
	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;
	text-indent:-0.9em;
}
.num1Hint2 li:before{
    font-family: 'FontAwesome','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
	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;
	margin: 3em auto;
	padding: 0.8em 1.5em;
	border-radius: 20px;
}
.lightNote p:first-child{
	font-size:1.1em;
	margin-bottom:0.5em;
}
.lightNote p:first-child:before{
	font-family: 'FontAwesome','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
	content: "\f06a";
	color: #F4CB55;
	font-size: 1.3em;
	padding-left: 0.1em;
	padding-right: 0.3em;
	font-weight: normal;
}


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


/*　　上へ戻る　のスタイル設定　　*/
.to_top{
	margin:2em 0 3em 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;
}


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

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

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

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

.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','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
	font-weight:normal;
	content:"\f0da";
	padding-right: 0.5em;
	color:#666;
}

ul{
	padding-left:20px;
}

dt{
	padding-top:0.3em;
}

.text-link{
	font-size:14px;
}


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

.confirmationCase:after {
	font-family: 'FontAwesome','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
	content:"\f150";
	padding-left: 0.5em;
	color:#666;
}

	
.confirmationContents{
	margin:1.5em 0 3em 0;
}

/*    LED表示　リスト    */	
.ledList {
	margin:4em 0 0 1em;
}
.ledList dt{
	padding-bottom:0.5em;
	font-size:1.2em;
	font-weight:normal;
}
.ledList dt:before{
	font-family: 'FontAwesome','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
	content: "\f111  ";
	color: #888;
	font-size: 1em;
}

.ledImage{
	margin-bottom:1em;
}

/*    Appリスト    */	
.appList {
	margin:1.5em 0 0 1em;
}
.appList dt{
	padding-bottom:0.5em;
	font-weight:normal;
}
.appList dt:before{
	font-family: 'FontAwesome','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
	content: "\f111  ";
	color: #bbb;
	font-size: 0.75em;
}
.appList dd{
	padding-left:2em;
	line-height:1.5em;
}

/*    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','Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, sans-serif;
	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%;
}

/* ---  Interface List   --- */
.interface_list {
	text-align:center;
	margin: 1em 0 2em 2em;
	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  thead{
	font-weight: bold;
	vertical-align: middle;
	background: #ebebeb;
}


/*  FAQ しおり的リンクに使用　先頭に水色矢印配置　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;
}

/* 小型プリンター よくあるご質問　へのリンクボタン装飾   */
.faq-btn-link{
	margin-top:1em;
}

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

.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;
}