@charset "Shift_JIS";

/*
 * ocean.css
 *
 *            License: Creative Commons 表示 3.0 一般 (http://creativecommons.org/licenses/by/3.0/deed.ja)
 *            Copyright (c) 石川 一靖.
 *            Last-Modified: Mon, 29 May 2006 20:46:29 JST-9
 *
 */

/* すべてリセット */

* {
  font-style: normal;
  font-weight: inherit;
  margin: 0;
  padding: 0;
}

/* フォント */

h1, h2, h3, h4, h5, h6, dt, caption, th, strong, dfn
{
  font-family: "HiraKakuPro-W3", "ヒラギノ角ゴシック体 Pro W3", sans-serif;
  }

code, code *, var, var *, samp, samp *, pre, pre *, tt, tt *
{
  font-family: "平成角ゴシック", "Osaka-等幅", "ＭＳ ゴシック", monospace;
  }

/* ************** block elements ************** */

/* マージン・行間等 */

p, ul, ol, dl
{
  line-height: 1.22;
  }

p, ul, ol, dl, pre, form, address
{
  letter-spacing: 0.1em;
  margin: 1em 20px 1em 50px;
  }

li p, li pre, li form,
dd ul, dd ol, dd dl,
dd p, dd pre, dd form
{
  margin: 0 0 1em 0;
  }

li p, li pre, li form,
dd ul, dd ol, dd dl,
dd p, dd pre, dd form
{
  margin: 0 0 1em 0;
  }

li ul, li ol, li dl { margin: 1em 0 1em 20px; }

li { margin: 0.3em 0 0.3em 20px; }

dd { margin: 0.1em 0 0.3em 20px; }

table { margin: 1em 20px 1em 60px; }

td dl, td ul, td ol { margin: 0.2em; }

blockquote { margin: 1em 20px 1em 70px; }

/* 全体 */

html
{
  color: #313031;
  background: #31558c url("bg.png");
  }

body
{
  background: white;
  margin: 0 40px 0 40px;
  padding: 2em 0 1px 0;
  border-left: 1px solid #103052;
  border-right: 1px solid #103052;
  }

h1
{
  color: white;
  background: #103052;
  font-size: 200%;
  margin: 0 0 20px 0;
  padding: 10px 10px 10px 10px;
  }
h1:first-letter { color: #ff6500; }

h2
{
  color: #081829;
  background: transparent url("h2.png") left center no-repeat;
  font-size: 150%;
  margin: 60px 0 10px 10px;
  padding-left: 35px;
  }

h3
{
  color: #15325e;
  background: transparent url("h3.png") left center no-repeat;
  font-size: 120%;
  margin: 20px 0 10px 10px;
  padding-left: 35px;
  }

h4
{
  color: #214377;
  font-size: 110%;
  margin: 20px 0 10px 10px;
  padding-left: 40px;
  }

h5
{
  color: #31558c;
  font-size: 100%;
  margin: 20px 0 10px 10px;
  padding-left: 40px;
  }

h6
{
  color: #4d70a5;
  font-size: 100%;
  margin: 20px 0 10px 10px;
  padding-left: 40px;
  }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }


/* ソースコード */

pre
{
  background: #e6e6e6;
  padding: 5px;
  overflow: auto;
  }


/* 段落 */

p { text-indent: 1em; }

/* テーブル */

table
{
  border-collapse: collapse;
  border-spacing: 0px;
  }

th
{
  text-align: center;
  background: #e5e5e5;
  }

td, th
{
  padding: 0.2em;
  border: 1px solid gray;
  }

caption
{
  font-weight: bold;
  }

/* リスト */

ul li { list-style-image: url("disc.png") }

ul * li { list-style-image: none; }


dt { font-weight: bold; }
dt a:link, dt a:visited { font-weight: normal; }

dd { padding: 0.3em 0 0.3em 3px; }


/* 引用 */

blockquote
{
  border-left: 2px dotted #b3b3b3;
  }

blockquote[title]:after
{
  text-align: right;
  display: block;
  content: "\300e" attr(title) "\300f";
  }

blockquote[cite]:after
{
  text-align: right;
  display: block;
  content: attr(cite);
  }

blockquote[title][cite]:after
{
  text-align: right;
  display: block;
  content: "\300e" attr(title) "\300f (" attr(cite) ")" ;
  }

/* 追加と削除 */

ins, ins *
{
  text-decoration: underline;
  }

del, del *
{
  text-decoration: line-through;
  }

/* navigation */

div#navigation { display:inline-block; }
/* Except Mac IE \*/
* html div#navigation { height: 1px; }
div#navigation {display: block;}
/* End */
div#navigation:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

div#navigation
{
  border-top: 1px solid #2665B8;
  border-bottom: 1px solid #2665B8;
  }

div#navigation h2
{
  color: white;
  background: #31558c;
  margin: 0; padding: 2px 20px 1px 20px; /*[WinOpera9] 2pxパディングを入れないと謎の隙間が発生*/
  font-size: 100%;
  float: left;
  }

div#navigation ul
{
  margin: 0;
  float: left;
  }

div#navigation li
{
  margin: 0 10px;
  display: block;
  float: left;
  }

/*[IE6,7] 微妙に上にずれるので修正 */
* html div#navigation li
{
  position: relative;
  top: 3px
  }
*:first-child+html div#navigation li
{
  position: relative;
  top: 3px
  }

div#navigation a:link,
div#navigation a:visited
{
  text-decoration: none;
  }

/* finally */

div.finally
{
  color: white;
  background: black;
  padding: 1px 0 1px 0;
  }

div.finally h2
{
  color: white;
  background: transparent;
  margin: 1em 20px;
  }

div.finally a:link
{
  color: #5D8DFF;
  text-decoration: underline;
  margin: 0 1px;
  }

div.finally a:visited
{
  color: #F148FE;
  text-decoration: underline;
  margin: 0 1px;
  }

div.finally a:active, div.finally a:hover, div.finally a:focus
{
  color: #5D8DFF;
  background: #001038;
  border: 1px solid #5D8DFF;
  text-decoration: none;
  margin: 0;
  }

/* [IE6] a:link:hoverにも反応するので排除 */
html > body div.finally a:visited:active,
html > body div.finally a:visited:hover,
html > body div.finally a:visited:focus
{
  color: #F148FE;
  background: #310135;
  border: 1px solid #F148FE;
  text-decoration: none;
  margin: 0;
  }

/* ************** inline elements ************* */

/* リンク */

a:link
{
  color: #202CE0;
  text-decoration: underline;
  margin: 0 1px;
  }

a:visited
{
  color: #A627F1;
  text-decoration: underline;
  margin: 0 1px;
  }

a:active, a:hover, a:focus
{
  color: #202CE0;
  background: #CBDFFF;
  border: 1px solid #202CE0;
  text-decoration: none;
  margin: 0;
  }

/* [IE6] a:link:hoverにも反応するので排除 */
html > body  a:visited:active,
html > body  a:visited:hover,
html > body  a:visited:focus
{
  color: #A627F1;
  background: #FDE3E6;
  border: 1px solid #A627F1;
  text-decoration: none;
  margin: 0;
  }

a[accesskey]:after
{
  content: " [" attr(accesskey) "]";
  font-size: small;
  vertical-align: super;
  text-decoration: none;
  }

/* フレーズ要素 */

em
{
  color: #ce0000;
  }

strong
{
  color: #ce0000;
  font-weight: bold;
  }

dfn
{
  font-weight: bold;
  }

abbr, acronym
{
  border-bottom: 1px dotted black;
  cursor: help;
  }

code, var, samp
{
  color: #0a01a5;
  background-color: transparent;
  }

code.comment
{
  color: green;
  background-color: transparent;
  }

cite
{
  font-style: italic;
  }

/* 引用符 */

q:before { content: open-quote;  }
q:after  { content: close-quote; }
q:lang(ja) { quotes: "\300c" "\300d" "\300e" "\300f"; }
q:lang(en) { quotes: "\201c" "\201d" "\2018" "\2019"; }
q { color: green; }

/* その他 */

img
{
  vertical-align: bottom;
  border: none;
  }

img.fig
{ /* 画像に枠線 */
  margin: 3px;
  border: solid 1px black;
  }