@import url('https://fonts.googleapis.com/css?family=Oxygen+Mono');

BODY{
    background: white;
    font-family: 'Oxygen Mono', monospace;
}
DIV.MAIN{
    margin-left: 70px;
}
SPAN.USER{
    color: darkorange;
    font-weight: bold;
}
SPAN.COM{
    color: gray;
    font-weight: bold;
}
H1{
    font-size: 200%;
    background: #CCCC99;
    width: 100%;
    border-style: solid;
    border-width: 1;
    border-color: white;
    padding: 5px;
}
H2{
    font-size: 150%;
    color:#CC0000;
    margin-left: -55px;
}
H3{
    font-size: 125%;
}
KBD{
  /* text-decoration: underline; */
  border-style: solid;
  border-width: 0 0 1px 0;
  padding:0 0 1px 0;
  line-height: 1.8em;
  font-family: 'Oxygen Mono', monospace;
}
TABLE.COMMAND{
    line-height:17px;
    margin-top:5px;
}
TD.COMMAND{
    background: #E7E7E7;
    padding: 0.5em;
}
TD.CAPTION{
    padding: 0.5em;
}
PRE.COMMAND{
    line-height:17px;
    background: #E7E7E7;
    border: none;
    padding: 0.5em;
}

PRE {
    font-family: 'Oxygen Mono', monospace;
    line-height: 1.8em;
}

CODE {
    font-family: 'Oxygen Mono', monospace;
    line-height: 1.8em;
}

TABLE.DOS{
    margin-top:5px;
}
TD.DOS{
    background: black;
    padding: 0.5em;
}

TD.XP{background: blue;
      padding: 0.5em}

FONT.DOS{
    color: white;
    font-family: 'Oxygen Mono', monospace;
}
PRE.DOS{
    background: black;
    color: white; 
    border: none;
    padding: 0.5em;
}
BLOCKQUOTE.SAMPLE{
    border-style: none none none solid;
    border-width: 0 0 0 3;
    padding: 0.5em;
    border-color: #CCCC99;
}
A.H1{
    color: black;
    text-decoration: none;
}
STRONG{
    font-weight: normal;
    color: red;
}
P{
    line-height: 1.3em;
    text-indent: 1em;
    font-family: 'Oxygen Mono', monospace;
}
UL{
    line-height: 1.3em;
}
UL.CONTENTS{
    font-size: 80%;
    font-family: 'Oxygen Mono', monospace;
}
OL{
    line-height: 1.3em;
}
OL.CONTENTS{
    font-size: 80%;
}

/*
画像段組用の CSS. 一段は以下の様に書く.
結果は ~inex/y2015/0612/practice/01_OSinstall.html 
<div class="column">
<div class="img">
image
</div>
<div class="text">
text
</div>
<hr>
*/
div.column {
/* 本体 */
}
div.img{
/* image  */
  float: left;
  margin: 1em;
  padding-left: 1em;
  width: 260px;
}
div.text{
/* text */
    padding: 1.5em;
}
div.text pre{
    margin-left: 300px;
}
hr {
  clear: both;
}

.remote{
 color: #FF4500
}
.local{
 color: #191970
}