/* Ellinikonblue.com トップページ用 CSS 定義ファイル 
 */
/* -----------------------------------------------------------------------------
* 各種共通リソース
- 推奨フォントセット (from hail2u.net)
  font-family: 'Franklin Gothic Medium', Helvetica, sans-serif;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-family: Tahoma, Geneva, sans-serif;
  font-family: 'Palatino Linotype', Palatino, serif;
  font-family: Consolas, 'Lucida Console', Monaco, monospace;
- Ellinikonblue Original フォントセット
  font-family: 'Times New Roman', georgia, serif;
  font-family: georgia, 'Times New Roman', serif;

- 色コード
基本色
White:	#FFFFFF
Black:	#000000
Red:	#FF0000
Green:	#00FF00
Brue:	#0000FF
Yellow:	#FFFF00
Cyan:	#00FFFF
Magenta:#FF00FF

モノトーン
Gray:			#808080
Light Gray:		#D3D3D3
Floral White:	#FFFAF0
Ivory:			#FFFFF0
Silver:			#C0C0C0
Snow:			#FFFAFA

寒色系
Indigo:			#4B0082
Blue Violet:	#8A2BE2
Dark Blue:		#00008B
Skyblue:		#87CEEB
Deep Skyblue:	#00BFFF
Midnight Blue:	#191970
Navy:			#000080
Royal Blue:		#4169E1
Slate Blue:		#6A5ACD
Light Skyblue:	#87CEFA
Light SteelBlue:#B0C4DE
Light Blue:		#ADD8E6
Light Cyan:		#E0FFFF
Lavender:		#E6E6FA
Orchid:			#DA70D6
Purple:			#800080
Violet:			#EE82EE
Plum:			#DDA0DD
Medium Orchid:	#BA55D3
Medium Purple:	#9379DB
Forest Green:	#338B33
Green:			#008000
Green Yellow:	#ADFF2F
Spring Green:	#00FF7F
Sea Green:		#2E8B57
Light Green:	#90EE90
Light SeaGreen:	#20B2AA
Pale Green:		#98FB98
Olive:			#808000

暖色系
Orange:			#FFA500
Orange Red:		#FF4500
Dark Orange:	#FF8C00
Tomato:			#FF6347
Pink:			#FFC0CD
Deep Pink:		#FF1493
Hot Pink:		#FF69B6
Light Pink:		#FFB6C1
Light Yellow:	#FFFFE0
Gold:			#FFD700
Maroon:			#800000
Coral:			#FF7F50
----------------------------------------------------------------------------- */
/* グローバル
 */
* {
  margin: 0px; padding: 0px;
}

body {
  font-family: georgia, 'Times New Roman', serif;
  color: #000000; background-color: #FFFFFF; /* フォント色：白、背景色：黒 */
}

img {
  vertical-align: middle;

  border: 0px;
}

ul, dl {
  margin-left: 1em;
}

dt {
  margin-top: .5em;
}

dd {
  margin: .3em;
}

div#wrapper {
  width: 800px;

  margin: 0px 20px;
}

/* ----------------------------------------------------------------------
 * ヘッダー部分定義
 */
div#HEADER {
  font-size: 90%;
  color: #FFFFFF; background-color: #000080; /* 文字色：白、背景色：ネイビー */

  width: 800px;
/*  position: fixed;
  top: 0px; left: 20px;
  z-index: 1; */

  border-bottom: 3px solid #87CEEB; /* スカイブルー */
}

div#HEADER div.header {
  padding: .3em;
}

div#HEADER a {
  color: #FFFFFF; background-color: inherit; /* 文字色：白 */

  text-decoration: none;
}

div#HEADER a:hover {
  color: #FF4500; background-color: inherit; /* 文字色：白 */
}

/* ----------------------------------------------------------------------
 * メイン部分
 */
div#MAINBLOCK {
  font-family: Tahoma, Geneva, sans-serif;
  line-height: 120%;

  width: 100%;
}

div#MAINBLOCK div.mainblock {
/*  margin-top: 1.8em; margin-bottom: 2.5em; */
}

div#MAINBLOCK h2 {
  font-size: 120%;

  padding: .3em;
  margin-top: 1em; margin-bottom: .5em;
  border: 1px solid #00BFFF; /* Deep Skyblue */
}

div#MAINBLOCK h3 {
  font-size: 100%;

  padding: .3em;
  margin-top: 1em; margin-bottom: .5em;
  border: 1px solid #00BFFF; /* Deep Skyblue */
}

div#MAINBLOCK p.title {
  font-size: 80%; font-weight: bold;

  padding: .3em;
  border: 1px solid #808080; /* Gray */
}

div#MAINBLOCK p.description {
  font-size: 80%;
  text-align: right;

  padding: .3em;
  border: 1px solid #808080; /* Gray */
}

div#MAINBLOCK p.paragraph {
  line-height: 180%;

  margin: .5em;
}

div#MAINBLOCK p.banner {
  text-align: center;

  margin-top: .5em; margin-bottom: .5em;
}

div#MAINBLOCK div.foreword {
  font-size: 90%;
}

div#MAINBLOCK div.sidead {
  font-size: 80%;

  text-align: center;

  width: 250px;

  float: left;
}

div#MAINBLOCK div.contents {
  font-size: 90%;

  width: 540px;

  float: right;
}

div#MAINBLOCK div.postface {
  font-size: 90%;

  clear: both;
}

div#MAINBLOCK div.extra {
  font-size: 80%;
  font-family: 'Times New Roman', georgia, serif;
  color: #808080; background-color: inherit;

  text-align: right;
}

div#MAINBLOCK ul.powered {
  list-style: square url("../image/icon/applications-system.png") outside;
}

div#MAINBLOCK ul.powered li {
  vertical-align: middle;

  margin-top: .8em;
}

div#MAINBLOCK dt {
  font-weight: bold;
  background: url("../image/icon/applications-internet.png") no-repeat top left;

  padding: .8em 0em .3em 1.8em;
}

div#MAINBLOCK dd {
  line-height: 160%;

  margin-bottom: 1em;
}

div#MAINBLOCK table.detail {
  border-left: 12px solid #00BFFF; /* Deep Skyblue */
}

div#MAINBLOCK table.detail th,
div#MAINBLOCK table.detail td {
  text-align: left; vertical-align: top;

  padding: .3em;
}

div#MAINBLOCK a {
  color: #0000FF; background-color: inherit;

  text-decoration: none;
}

div#MAINBLOCK a:hover {
  color: #FF4500; background-color: inherit;

  text-decoration: underline;
}

div#MAINBLOCK a:visited {
  color: #000080; background-color: inherit;
}

/* ----------------------------------------------------------------------
 * フッター部分
 */
div#FOOTER {
  font-size: 90%;
  color: #FFFFFF; background-color: #000080;
  text-align: right;

  width: 800px;
/* position: fixed;
  bottom: 0px; left: 20px;
  z-index: 1; */

  border-top: 3px solid #87CEEB; /* スカイブルー */
}

div#FOOTER div.footer {
  padding: .3em;
}

div#FOOTER a {
  color: #FFFFFF; background-color: inherit;

  text-decoration: none;
}

div#FOOTER a:hover {
  color: #FF4500; background-color: inherit;
}

/* ----------------------------------------------------------------------
 * その他の部分
 */