/*-------------------
  File:		ElqHP.css
  Author:   Hiro, Mike
  Purpose: 	ELQコースのための，外部 CSS スタイルシート
  Usage:   	このファイルを利用する JSP，HTML ファイルは，<head></head> 内に
			記述すること
---------------------*/

/*---<body></body>タグ.  1em はデフォルトの1倍という意味
----*/
body {font-size: 1em; color: black;
	font-family: 'ＭＳ Ｐゴシック', 大阪;
  	background-color: #f0ffff; }

/*--<h1>章見出し</h1>タグ
-----*/
h1  {font-weight: bold; font-size: 1.5em; color: MediumBlue;  text-align: center; 
     line-height=1.7em}
.eh1  {font-family: Verdana; font-size: 1.2em;}
.sh1  {color: RoyalBlue; font-size: 1.2em; font-family:Times;}

/*---<h2>ページのタイトル</h2>
------*/
h2   {font-weight: bold; font-size: 1.5em; color: MediumBlue; text-indent: 2em; 
	  line-height=1.5eM}
.eh2 {font-family: Verdana; font-size: 1.2em;}
.sh2 {color: RoyalBlue; font-family: Times;}

/*--<h3>見出し</h3>
-----*/
h3   {font-weight: lighter; font-size: 1.3em; text-indent: 2em; color: Navy; }
.eh3 {font-family: Verdana; font-size: 1.2em;}
.sh3 {font-weight: bold;  font-size: 1.3em; color: DimGray; font-family: Times;}

/*-- <h4>見出し</h4>
------*/
h4   {font-weight: lighter; font-size: 1.3em; text-indent: 4em; color: black; }
.sh4 {font-weight: lighter;  font-size: 1.3em; color: DimGray; font-family: Times;}

/*-- <h5>小見出し</h5>
------*/
h5 {font-weight: lighter; font-size: 1.3em; text-indent: 4em; color: black; }

/*-- A
------*/
A {TEXT-DECORATION: none }
A:link {color:blue;TEXT-DECORATION: none;}
A:visited {COLOR:blue; text-decoration:none;}
A:hover {COLOR: #000070; TEXT-DECORATION: underline; FONT-STYLE:italic;}

/*--<dl class=mgin4>マージン ４</p>-----------
-----*/
dl.mgin4 {font-size: 1em; color: black; line-height:1.5;margin-left=4em;}
/*--<dl class=mgin5>マージン ５</p>-----------
-----*/
dl.mgin5 {font-size: 1em; color: black; line-height:1.5;margin-left=5em;}

/*--------------------------------<li>リスト</li>-----------------------
-----*/
li    {text-indent: 3em; line-height:1.3;}
li.z  {text-indent: 0em; line-height:1.3;}
li.1  {text-indent: 1em; line-height:1.3;}
li.2  {text-indent: 2em; line-height:1.3;}
ul.z  {text-indent: 0em; line-height:1.3; margin-top:0.1em;}

/*-------------------------<p>パラグラフ，ライン1.5</p>---------------
-----*/
p {color: black; line-height:1.5;}

/*-----------------------<p class=lnx>パラグラフ，ラインx</p>------
-----*/
p.ln1  {line-height:1; }
p.ln13 {line-height:1.3;}
p.ln15 {line-height:1.5;}
/*---------------------------パラグラフ・各種マージン -------------------
-----*/
p.m1     {color: black; margin-left=1em; line-height:1.5; }
p.m2     {color: black; margin-left=2em; line-height:1.5; }
p.m3     {color: black; margin-left=3em; line-height:1.5; }
p.m4     {color: black; margin-left=4em; line-height:1.5; }
p.m5     {color: black; margin-left=5em; line-height:1.5; }
p.m8     {color: black; margin-left=8em; line-height:1.5; }
p.m10    {color: black; margin-left=10em; line-height:1.5; }
p.m12    {color: black; margin-left=12em; line-height:1.5; }

/*------------------------------------- 色文字 --------------------------
-----*/
font.blue  {color: Blue;}
font.mblue {color: MediumBlue;}
font.navy  {color: Navy;}

/*--<span class="white">白文字</span>タグ
-----*/
span.white  {color: White; font-family:Verdana;}
span.whiteB {color: White; font-family:Verdana; font-weight:bold;}

/*--<span class="blue">青文字</span>タグ
-----*/
span.blue  {color: MediumBlue; font-family:Verdana;}
span.blueB {color: MediumBlue; font-family:Verdana; font-weight:bold;}

/*--<span class="brown">茶文字</span>
--*/
span.brown  {color: Brown; font-family:Verdana;}
span.brownB {color: Brown; font-family:Verdana; font-weight:bold;}

/*--<span class="mblue">中青文字</span>
--*/
span.mblue  {color: MediumBlue; font-family:Verdana;}
span.mblueB {color: MediumBlue; font-family:Verdana; font-weight:bold;}

/*--<span class="rblue">うすい青文字</span>
--*/
span.rblue  {color: RoyalBlue; font-family:Verdana;}
span.rblueB {color: RoyalBlue; font-family:Verdana; font-weight:bold;}

/*--<span class="navy">藍文字</span>
--*/
span.navy  {color: Navy; font-family:Verdana;}
span.navyB {color: Navy; font-family:Verdana; font-weight:bold;}

/*--<span class="red">赤文字</span>
--*/
span.red  {color: DarkRed; font-family:Verdana;}
span.redB {color: DarkRed; font-family:Verdana; font-weight:bold;}

/*--<span class="green">緑文字</span>
--*/
span.green  {color: DarkGreen; font-family:Verdana;}
span.greenB {color: DarkGreen; font-family:Verdana; font-weight:bold;}

/*--<span class="violet">紫文字</span>
--*/
span.violet  {color: DarkViolet; font-family:Verdana;}
span.violetB {color: DarkViolet; font-family:Verdana; font-weight:bold;}

/*--<span class="violet">灰色文字（未公開）</span>
--*/
span.nyet {color: #707070; font-size: 8pt;}

/*--------------------------各種フォント・サイズ *0.9〜1.5倍----
-----*/
span.8pt    {font-size:  8pt; }
span.9pt    {font-size:  9pt; }
span.10pt   {font-size: 10pt; }
span.11pt   {font-size: 11pt; }
span.12pt   {font-size: 12pt; }
span.13pt   {font-size: 13pt; }
/*---------------------------<span class="ewd">英語ワード</span>---
----*/
span.ewd      {font-family:Verdana;}
span.ewdB     {font-family:Verdana; font-weight:bold;}
span.ewdblue  {color: MediumBlue;   font-family:Verdana;}
span.ewdblueB {color: MediumBlue;   font-family:Verdana; font-weight:bold;}
span.ewdnavy  {color: Navy;         font-family:Verdana;}
span.fwdB     {color: RoyalBlue; font-size: 1.3em; font-family:Times; font-weight:bold;}
span.kwd      {color: MediumBlue;
span.jsi      {color: Navy;    font-family:Century; font-weight:Lighter;}
span.cjsi     {color: #3062A8; font-size: 7pt; font-family:Verdana;}
/*--<hr>ホリゾンタルルーラ
-----*/
hr {size: 1px;}

/*----<sup>累乗</sup>
  累乗部分に使うが，フォントが Courier では効果が出ない様子
  よって<code></code>，<pre></pre> の中では使わぬこと
-----*/
sup {font-size: 1em; vertical-align: super; }

/*---------------------------- クイズ関連のタグ ----------------
----*/
/*--<td class="quiz">クイズ</td>
-----*/
td.quiz    {border: thin dashed;  border-color: #F0F0E0;}

/*-- <td class="answer">クイズの解答</td>
------*/
td.answer {border: thin dashed; border-color: #F0F0E0;}

/*-- <span class=ans> クイズの正解行</span>
------*/
span.ans {color: MediumBlue; font-weight:bold;}

/*-- <td class="exp">クイズ／エクササイズの解説</td>
------*/
td.exp   {border: none; line-height:1.3; color: Navy;}
td.qexp  {border: none; line-height:1.3; color: Navy;}
td.rexp  {border: none; line-height:1.3; color: Navy;}
/*---------------------------- テーブルの背景色 -----------------
---*/
/*--<td class="bgwhite">白い部分</td>
-----*/
td.bgwhite {background-color: White; border: thin ridge; line-height:1.3}

/*--<td class="bgcyan">薄い水色</td>タグ
-----*/
td.bgcyan {background-color: LightCyan; border: thin ridge; line-height:1.3}

/*--<td class="bgcyan">枠線のみ</td>タグ
-----*/
td.line {border: thin ridge; line-height:1.3}

/*-------------------------- プログラム・コード関連 -------------
----*/
/*--<code>ソースコード＆改行</code>
-----*/
code {font-family: Courier New, Courier, ＭＳ ゴシック, monospace;}

/*---------<pre>ソースコード</pre>  <code></code>タグと違って改行されない----*/
/*pre { font-family: Courier, monospace; }*/
pre { font-family: Courier New, Courier, ＭＳ ゴシック, monospace;}

/*---------<textarea>VPのインプット域</textarea>-----------*/
textarea {border: thin ridge; font-family: ＭＳ ゴシック, monospace; padding: 7px;}

/*---------<td class="bgcyan">画面の水色</td>タグ----------*/
td.display {background-color: LightCyan; border: thin ridge; line-height:1.3; padding: 7px;}

/*---------<td class="message">コンパイラメッセージ</td>---*/
td.message {background-color: ivory; border: thin ridge; line-height:1.3; padding: 7px;}

/*---------<td class="source">ソースコード</td>------------*/
td.source {background-color: WhiteSmoke; border: thin ridge; line-height:1.3; padding: 7px;}
td.sourcecm  {line-height:1.3; padding: 7px;}
td.src   {background-color: WhiteSmoke; border: thin ridge; line-height:1.3; padding: 7px;}
td.src15 {background-color: WhiteSmoke; border: thin ridge; line-height:1.5; padding: 7px;}
td.srcm  {line-height:1.3; padding: 7px;}

/*---------<td class="nobdr">ボーダ線なし</td>-------------*/
td.nobdr {border: none; line-height:1.3;}

/*---------<td class="sans">ソースコード（解答部分・白）</td>---*/
td.sans {background-color: White; border: thin ridge; line-height:1.3}

/*-------- <td class="syntax">シンタックス部分・白</td>---------*/
td.syntax {border: thin ridge; background-color: White;  line-height:1.3; padding: 7px;}

/*---------- テーブルのセルをボーダー線で囲み，色をつける  -----------*/
td.cyan   {background-color: #E0F4FF; border: thin ridge; line-height:1.3;}
td.pink   {background-color: #FFECEC; border: thin ridge; line-height:1.3;}

/*-- Decoration for solid background ---added 2004-10-01---
-----*/
td.bgc  {background-color: #4060B4;}	
td.bgd  {background-color: #E0F0FF;}

tr.bgc  {background-color: #4060B4;}	
tr.bgd  {background-color: #E0F0FF;}
	
/*--<td class=xse>SEの職位に色</p>--
-----*/
td.cse 	{background-color: #feedff;}
td.pse 	{background-color: #ffe4e4;}
td.stse {background-color: #ffe4c0;}
td.srse {background-color: #ffffd8;}
td.adse	{background-color: #f0f0ff;}
td.se 	{background-color: #dff8f8;}
td.asse {background-color: #cffce2;}

/*--<tr class=xse>SEの職位に色. td class=xse と同じ色指定</p>--
-----*/
tr.cse 	{background-color: #feedff;}
tr.pse 	{background-color: #ffe4e4;}
tr.stse {background-color: #ffe4c0;}
tr.srse {background-color: #ffffd8;}
tr.adse	{background-color: #f0f0ff;}
tr.se 	{background-color: #dff8f8;}
tr.asse {background-color: #cffce2;}

/*--<td class=lnxx>テーブル内，ライン高さ</p>--
-----*/
td.line12 {line-height:1.2;}
td.line13 {line-height:1.3;}
td.line15 {line-height:1.5;}
td.line18 {line-height:1.8;}

td.ln12 {line-height:1.2;}
td.ln13 {line-height:1.3;}
td.ln15 {line-height:1.5;}
td.ln18 {line-height:1.8;}
/*----------------------------- リンク関連 ------------------
---*/
/*-- <a class="glossary">グロッサリ</a>
------*/
a.glossary {   }

/*--<a class="link">外部リンク</a>タグ
-----*/
a.link { } 
