/*        */
/* 見出し */
/*        */
/* ページ見出し */
H1.title, H2.title { clear:both; text-align:center; color:#008080; }
/* 文書内の見出し */
H3.title { color:#fffafa; background-color:#4682b4; float:none;}
/* 右側にコメント付きの見出し */
H3.comment { float:left; }

/* リンク付きの文書内の見出し */
H3.link {
  font-family:"ＭＳ ゴシック",sans-serif;
  font-size:medium;
  vertical-align:top;
  display:inline;
  background-color:transparent;
}

SPAN.link {
  color:#000;
  font-size:x-small;
  vertical-align:bottom;
}
/* "New" の色と字体を指定 */
SPAN.new  { color:#ff00ff; font-size:medium; font-weight:bold; }

/* 色を "ピンク色" に */
SPAN.pink { color:#ff00ff;}
/* 色を "teal" に */
SPAN.teal { font-family:"Times New Roman",serif; color:#008080;}
SPAN.white { color:#ffffff; }

DIV.valid {
  margin-right:0;
  text-align:right;
}
DIV.css2 {
  float:right;
}
DIV.html401 {
  float:right;
}

/* ページ右上のタイトル書体 */
DIV.title { 
  color:#00f;
  float:right;
  text-align:right; 
  font-family:"ＭＳ ゴシック", sans-serif;
  font-style:italic;
  font-weight:bold;
}
/* リンク領域の最初のブロック */
DIV.link-first { margin-top:2em; }
/* リンク領域の最後のブロック */
DIV.link-last  { margin-bottom:2em; }
/* リンク領域の説明パラグラフの書式設定 */
DIV.link P, DIV.link-first P, DIV.link-last P {
  color:#000;
  font-size:x-small;
  margin-left:4em;
  text-indent:0;
}

/* ３２×３２サイズの標準アイコンの書式 */
IMG.icon { float:left; width:32px; height:32px; border-style:none; }

/* 一般文書 */
P { text-indent:1em; }
/* 注釈 */
P.notes { color:#008080; text-align:center; }
/* プロローグ */
P.prolog { 
  color:#808080;
  text-align:center;
  font-size:small;
  margin-left:10%;
  margin-right:10%;
}

/* 乗船記タイトル（クルーズ名）*/
P.cruisename {
  color:#fffafa;
  background-color:#527ad2;
  font-size:16px;
  margin-left:10%;
  margin-right:10%;
}

/* タイトル用おまけ（船名）*/
P.shipname {
  color:#fffafa;
  background-color:#1e90ff;
  font-size:16px;
  margin-left:10%;
  margin-right:10%;
  padding:5pt 20pt 5pt 20pt
}



/* 乗船記さわり紹介 */
DIV.intro {
  color:#000000;
  background-color:#eefefe;
  line-height:120%;
  margin-left:10%;
  margin-right:10%;
}

BODY { 
  color:#000;
  background-color:#cff;
  font-family:"ＭＳ ゴシック",sans-serif;
  margin-left:5%;
  margin-right:5%;
 }
IMG.right { float:right; }
IMG.left  { float:left; }

HR { height:4px; }

/* センタリング用のブロック定義 */
DIV.center { text-align:center; }
DIV.right  { text-align:right; }
DIV.left   { text-align:left; }

/* 定義リストの定義の説明の書式 */
DD { margin-left:2em; margin-bottom:1em; }

A:link { color:#0000ff; }
A:visited { color:#800080; }

/* Block(Box) definition */
.cml, .gpl, .bpl, .brl, .gdl, .bkl, .rdl {
    height:32px; border-width: 2px;
    border-color: silver #333 #333 silver; border-style: solid;
    display: block; background-color: white;
}

/* Main(Color) description box */
.cml-cruise, .gpl-green, .bpl-blue, .brl-brown, .gdl-gold, .bkl-black, .rdl-red {
    font: 18px/1.1 "Impact", sans-serif; text-align:left;
    padding-top: 1px; padding-left: 3px; padding-bottom: 0;
    display: block; border:none; cursor:pointer;
}
/* Sub(Page) description box */
.cml-maniac, .gpl-page, .bpl-page, .brl-page, .gdl-page, .bkl-page, .rdl-page {
    font:italic bold 12px/1.2 "Verdana",sans-serif;
    background-color:transparent;
    margin-top:-10px; text-align:right;
    display:block; border:none; cursor:pointer;
}
/* Credit description box (common style) */
.l-credit {
    font:bold 8px/1.1 "ＭＳ　ゴシック",sans-serif;
    color:#444; background-color:transparent;
    margin-top:-5px; margin-left:1px; text-align:left;
    display:block; border:none; cursor:pointer;
}

/* Cruise Maniac Logo */
.cml { width: 104px;}
.cml-cruise { color:#0000ff; background-color: #00aaaa;} /* Cruise */
.cml-maniac { color:#ff0000;} /* Maniac */
a.cml:link, a.cml:visited { text-decoration:none; }
a.cml:hover { border-color:blue; }

/* Cruise Maniac Logo */
.cml { width: 104px;}
.cml-cruise { color:#0000ff; background-color: #00aaaa;} /* Cruise */
.cml-maniac { color:#ff0000;} /* Maniac */
a.cml:link, a.cml:visited { text-decoration:none; }
a.cml:hover { border-color:blue; }

/* Green Page Logo */
.gpl { width: 86px; }
.gpl-green { color:#0a0; background-color: #cec;} /* Green */
.gpl-page { color:blue;} /* Page */
/* If used by Anchor */
a.gpl:link, a.gpl:visited {text-decoration: none; }
a.gpl:hover { border-color: blue; }

/* Blue Page Logo */
.bpl { width: 76px;}
.bpl-blue { color:#00f; background-color: #0dd; } /* Blue */
.bpl-page { color:red; } /* Page */
/* If used by Anchor */
a.bpl:link, a.bpl:visited {text-decoration: none; }
a.bpl:hover { border-color: blue; }