/* 画像 image, videoを中央配置*/
.imgchuo {
   text-align : center ;
 }

/** 文章の先頭にアイコン表示 ！マーク **/

/*文章中のアイコンを揃える*/
img.soroeru {
   vertical-align: middle;
}

/*文章の先頭にアイコン表示*/
.caution01:before {
  content: url("caution.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
}

/*文章の先頭にアイコン表示 ！マーク*/
.important-red:before {
  content: url("Emblem-important-red.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 一方通行*/
.dialog01:before {
  content: url("dialog-error.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 電球*/
.dialog02:before {
  content: url("dialog-information.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 淡い？*/
.question01:before {
  content: url("question.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 2px;
}


/*文章の先頭にアイコン表示 濃い？*/
.question02:before {
  content: url("question004.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 2px;
}


/*文章の先頭にアイコン表示 homepage*/
.go-home01:before {
  content: url("go-home01.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 2px;
}


/*文章の先頭にアイコン表示 audio-card*/
.audio01:before {
  content: url("audio-card01.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 audio-volume-medium*/
.audio-m:before {
  content: url("audio-volume-medium01.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 computer*/
.computer01:before {
  content: url("computer01.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 multimedia-player*/
.multimedia01:before {
  content: url("multimedia-player01.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 multimedia カチンコ*/
.multimedia02:before {
  content: url("multimedia01.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 カギ*/
.kagi01:before {
  content: url("emblem-readonly01.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 端末*/
.terminal01:before {
  content: url("utilities-terminal.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 システムモニター*/
.sys-monitor01:before {
  content: url("utilities-system-monitor.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 アップデート*/
.update01:before {
  content: url("software-update.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 新しいウィンドウ*/
.window01:before {
  content: url("window-new01.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 システムインストーラ*/
.system01:before {
  content: url("system-installer01.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 システムファイルマネージャ*/
.system02:before {
  content: url("system-file-manager01.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 テキストエディタ*/
.text-editor:before {
  content: url("accessories-text-editor.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 ！マーク赤*/
.important-red:before {
  content: url("Emblem-important-red.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 ！マークオレンジ*/
.important-orang:before {
  content: url("Emblem-important-orang.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 ubuntu logo 01*/
.ubu-logo01:before {
  content: url("cof_white-orange_hex.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}

/*文章の先頭にアイコン表示 ubuntu logo 02*/
.ubu-logo02:before {
  content: url("cof_orange_hex.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}

/*文章の先頭にアイコン表示 ubuntu logo 03*/
.ubu-logo03:before {
  content: url("cof_black_hex.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 Lubuntu logo*/
.lubuntu-logo:before {
  content: url("lubuntu_logo_only.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 Xubuntu logo*/
.xubuntu-logo:before {
  content: url("xubuntu_logo.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 Ubuntu Studio logo*/
.ubu-studio-logo:before {
  content: url("ubuntustudio_v3_logo_only.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 Ubuntu GNOME logo*/
.ubu-gnome-logo:before {
  content: url("ubuntu_gnome_roundel.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 CentOS logo*/
.centos-logo:before {
  content: url("centos_graphical_symbol.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 GParted logo*/
.gparted-logo:before {
  content: url("scalable_gparted.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 Puppy logo*/
.puppy-logo:before {
  content: url("puppy_logo.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 Pear logo*/
.pear-logo:before {
  content: url("logo-pear-os.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 Rocky_Linux logo*/
.rocky-logo:before {
  content: url("rocky-linux-seeklogo.com.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 process stop logo*/
.process-stop-logo:before {
  content: url("process-stop.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 usb pendrive logo*/
.usb-pen-logo:before {
  content: url("crystal128-usb-pendrive-unmount.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}

/*文章の先頭にアイコン表示 Lubuntu LXQt logo*/
.lxqt-logo:before {
  content: url("helix-lxqt.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 Document Open logo*/
.doc-open-logo:before {
  content: url("document-open.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 Document new logo*/
.document-new:before {
  content: url("document-new.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 Firefox 2017 logo*/
.firefox-2017-logo:before {
  content: url("firefox-2017.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 Linux Tux logo*/
.tux-logo:before {
  content: url("tux.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 アプリ*/
.appli-01:before {
  content: url("application-x-executable.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 アプリ*/
.ssd-01:before {
  content: url("ssd_01.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 アプリ*/
.lanchnet-01:before {
  content: url("launchpad.net01.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 電池注意*/
.battery-01:before {
  content: url("battery_caution.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 電池*/
.battery-02:before {
  content: url("battery.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 HDD*/
.hdd-01:before {
  content: url("oxygen480-devices-drive-harddisk.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 GNOME足*/
.gnomefoot-01:before {
  content: url("gnomelogo-footprint.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 メモリー*/
.memory-01:before {
  content: url("laptop_sodimm_ddr_memory_02.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 CPU*/
.cpu-01:before {
  content: url("64-cpu.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 マザーボード*/
.motherboard:before {
  content: url("motherboard.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 システムラン*/
.systemrun-01:before {
  content: url("gnome-system-run.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 ダイアログ２*/
.diarog03:before {
  content: url("dialog-information2.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 リスト削除*/
.remove-01:before {
  content: url("antu_bqm-remove.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 リスト追加*/
.gclors-01:before {
  content: url("gnome-colors-list-add.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 システムラン*/
.systemrun-02:before {
  content: url("faenza-emblem-system.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 ダイアログ２*/
.diarog04:before {
  content: url("faenza-gtk-info.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 リスト削除*/
.remove-02:before {
  content: url("faenza-edit-delete-symbolic.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 リスト追加*/
.fclors-01:before {
  content: url("faenza-emblem-new.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 クエスチョン*/
.question-03:before {
  content: url("faenza-dialog-question.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}

/*文章の先頭にアイコン表示 設定*/
.preferences-01:before {
  content: url("faenza-preferences-desktop.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 閉じる*/
.exit-01:before {
  content: url("faenza-application-exit.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 情報*/
.info02:before {
  content: url("faenza-dialog-information-symbolic.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示 情報*/
.samba:before {
  content: url("logo_samba_software.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の先頭にアイコン表示*/
.info01:before {
  content: url("info01.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
}


/*文章の最後にアイコン表示 外部リンク*/
.linkend01:after {
/*  content: url("linkend01.svg");*/
  content: url("external-link04.png");
  margin: 0 0 0 5px;/* (上)　(右)　(下)　(左)*/
}


/*文章の最後にアイコン表示 クローバー*/
.crover01:after {
  content: url("crover18x18.png");
  margin: 0 0 0 15px;/* (上)　(右)　(下)　(左)*/
}


/*文章の先頭にアイコン表示１ 緑*/
.sikaku01:before {
  content: url("li-point04.png");
  margin: 0 5px 0 0;/* (上)　(右)　(下)　(左)*/
}


/*文章の先頭にアイコン表示２ グレー*/
.sikaku02:before {
  content: url("li-point08.png");
  margin: 0 5px 0 0;/* (上)　(右)　(下)　(左)*/
}


/*文章の最後にアイコン表示 face-smile-big*/
.smile-big:after {
  content: url("face-smile-big.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の最後にアイコン表示 face-smail-wink*/
.smile-wink:after {
  content: url("face-smile-wink.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の最後にアイコン表示 音符*/
.onpu01:after {
  content: url("audio-x-generic01.png");
  margin: 0 5px 0px 0;/* (上)　(右)　(下)　(左)*/
  position: relative;
  top: 3px;
}


/*文章の最後にアイコン表示 グレー*/
.sikaku02e:after {
  content: url("li-point08.png");
  margin: 0 0 0 5px;/* (上)　(右)　(下)　(左)*/
}


/*文章の先頭にアイコン表示２ 青+グレー*/
.sikaku03:before {
  content: url("li-point06.png");
  margin: 0 5px 0 0;/* (上)　(右)　(下)　(左)*/
}


/*打ち消し線*/
.uchikeshi {
  text-decoration: line-through;
}


/*文字下に赤い線*/
.uline-red {
  border-bottom: solid 1px red;
}


/*文字下に白い線*/
.uline-white {
  border-bottom: solid 1px white;
}


/*背景ハイライト キーボード*/
.keyfont {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: .2em;
  color: #222;
  margin: 0 .2em 0 .2em;/* (上)　(右)　(下)　(左)*/
  padding: .01em .3em 0 .3em; /* (上)　(右)　(下)　(左)*/
  text-shadow: none;
}


/*背景ハイライト ボタン*/
.botanfont {
  background-color: #fff;
  border-radius: .2em;
  box-shadow: 0 0 3px #fe642e;
  color: #222;
  margin: 0 .2em 0 .2em;/* (上)　(右)　(下)　(左)*/
  padding: .01em .3em 0 .3em; /* (上)　(右)　(下)　(左)*/
 }


/* 文字間隔を広げる*/
.font-space {
  letter-spacing: 0.5em;
}


/*書いた通りに表示する*/
pre {
  color: #222;
  font-family: 'Source Code Pro', monospace;
  font-size: .9375rem;
  line-height: 1.8;
  letter-spacing: .02rem;
  text-shadow: none;
}


/*pre 内 span 用小さい文字*/
.smallpre {
  font-size: 85%;
  letter-spacing: .1rem;
  margin: 0 0 0 5px;/* (上)　(右)　(下)　(左)*/
}


/*pre 疑似インラインフレーム コマンド用*/
.comandbox1_1 {
  background-color: #f8f8ff;
  border-left: 4px solid #038803;
  margin: 0 0 15px 0px; /* (上)　(右)　(下)　(左)*/
  overflow: auto;
  overflow-y: hidden;
  padding: 3px 0px 6px 0px; /* (上)　(右)　(下)　(左)*/
  width: auto;
}

/*480px以下*/
@media screen and (max-width: 480px) {
.comandbox1_1 {
  margin: 0 0px 15px 0px; /* (上)　(右)　(下)　(左)*/
  width: auto;
}
.comandbox1_1::-webkit-scrollbar {
  height: 7px;
  }
.comandbox1_1::-webkit-scrollbar-track {
  border: 7px;
  background: #eee;
  }
.comandbox1_1::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background: #cdcdcd;
  }
}


/* pre 疑似インラインフレーム コマンド以外*/
.comandbox12 {
  margin: 0 0 5px 0px;/* (上)　(右)　(下)　(左)*/
  overflow: auto;
  overflow-y: auto;
  padding: 5px 0 10px 10px;/* (上)　(右)　(下)　(左)*/
  width: auto;
  }

/*480px以下*/
@media screen and (max-width: 480px) {
.comandbox12 {
  width: auto;
  }
.comandbox12::-webkit-scrollbar {
  height: 7px;
  }
.comandbox12::-webkit-scrollbar-track {
  border: 7px;
  background: #eee;
  }
.comandbox12::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background: #cdcdcd;
  }
}


/* 文字のハイライト ８*/
.fback8 {
  background-color: #122a0a;
  color: #e6e6e6;
}


/* プレイリスト videoタグ動画 1*/
.playList {
  background-color: #369;
  color: #fff;
  display: block;
  float: left;
  margin-right: 0;
  margin-left: 0;
  padding: 2px 1px;
  text-align: center;
  width: 55px;
}

.playList:hover {
  background-color: #136;
}


video {
  width:80%; /* 画面横幅  width="550" height="309"*/
}


p.highlight1 {
  color: white;
  font-size: 0.8125rem;
  letter-spacing: 0.05rem;
  line-height: 30px;
  margin: 3px 5px;
}


/* プレイリスト付 videoタグ動画 2 Lubuntu インストール v-box*/
.playlist0 {
  text-align: center;
}

.playList2 {
  background-color: #369;
  color: #fff;
  display: inline-block;
  height: 30px;
  margin-bottom: 5px;
  text-align : center ;
  width: 80%;
}

.playList2:hover {
  background-color: #136;
}

/*480px以下*/
@media screen and (max-width: 480px) {
.playList2 {
  height: 40px;
  margin-bottom: 10px;
  width: 100%;
  }
  video {
    width:100%; /* 画面横幅  width="550" height="309"*/
  }
p.highlight1 {
  line-height: 40px;
  }
}


/*背景 グリーン*/
.backgree {
  background-color: rgba(0,128,0,1);
  color: #fff
}


/*背景 白*/
.backwhite {
  background-color: rgba(255,255,255,1);
  color: #000;
  font-weight: 400;
}


/*背景 マゼンタ*/
.backmage {
  background-color: rgba(255,0,255,1);
  color: #fff
}


/*背景 シアン*/
.backsyan {
  background-color: rgba(0,255,255,1);
  color: #fff
}


/*背景 ブルー*/
.backblue {
  background-color: rgba(0,0,255,0.8);
  color: #fff
}


/*背景 イエロー*/
.backyell {
  background-color: rgba(255,216,0,1);
  color: #fff
}


/* 朱色の文字 pre用*/
.shyu0 {
  color: rgba(223,58,1,1);
  text-shadow: none;
}


/* 朱色の文字 */
.shyu {
  color: rgba(223,58,1,1);
  text-shadow: none;
}

/*480px以下*/
@media screen and (max-width: 480px) {
.shyu0 {
  color: #f5a9f2;
  font-weight: bold;
  }

.shyu {
  color: #333;
  font-weight: bold;
  }
}