/* フォント設定サンプル
  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: 'Times New Roman', georgia, serif;
  font-family: Consolas, 'Lucida Console', Monaco, monospace;
*/

/* -----------------------------------------------------------------------------
 グローバル設定
 ------------------------------------------------------------------------------- */
a       { text-decoration: none; }
a:hover { text-decoration: underline; }

ul, ol {
  margin-left: 2.5em; margin-right:    1em;
  margin-top:   .5em;  margin-bottom: .5em;
}

li { list-style: inherit; }

pre {
  color: gray;

  font-family: Consolas, 'Lucida Console', Monaco, monospace;

  width: 95%;
  line-height: 120%;

  white-space: pre;
  overflow: auto;
  word-wrap: break-word; word-break: break-all;

  padding: .5em;
  margin:  .5em;

  border: 1px solid #808080; /* グレー */
}

dt, b, strong, em { font-weight: bold; }

img { vertical-align: middle; }

#wrap { /* 全体位置調整用 */
  width: 54em;

  margin: 1em;

  line-height: 180%;
}

/* -----------------------------------------------------------------------------
 HEADERBLOCK
 ------------------------------------------------------------------------------- */
#HEADERBLOCK {
  font-family: 'Franklin Gothic Medium', Helvetica, sans-serif;
  font-size: 100%;

  width:  100%;

  text-align: right;

  margin-bottom: .5em;
  padding: .3em;
}

#HEADERBLOCK div.headerblock {}
#HEADERBLOCK h1 { font-size: 150%; font-weight: bold; }

/* -----------------------------------------------------------------------------
 MAINBLOCK
 ------------------------------------------------------------------------------- */
#MAINBLOCK {
  width: 36em;

  float: left;
}

/* -----------------------------------------------------------------------------
 STORYPART
 ------------------------------------------------------------------------------- */
#STORYPART {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 100%;
}

#STORYPART div.storypart {}

#STORYPART h2 {
  font-family: 'Times New Roman', georgia, serif;
  font-size: 120%;
  font-weight: bold;

  margin-bottom: .3em;

  border-bottom: solid 2px gray;
}

#STORYPART div.storybody { padding: .5em; }

#STORYPART p.category {
  text-align: right;
}

#STORYPART p.meta {
  text-align: right;

  margin-bottom: 2em;

  border-top:    solid 2px #808080; /* グレー */
  border-bottom: solid 2px #808080; /* グレー */
}

#STORYPART p.banner {
  text-align: center;

  margin-bottom: 1em;
}

#STORYPART ul, ul li { list-style: disc none outside; }
#STORYPART ol, ol li { list-style: decimal none outside; }
#STORYPART ul ul, ul ul li { list-style: circle none outside; }
#STORYPART ol ul, ol ul li { list-style: disc none outside; }
#STORYPART ul ol, ul ol li { list-style: decimal none outside; }

/* -----------------------------------------------------------------------------
 WRITEBACKPART
 ------------------------------------------------------------------------------- */
#WRITEBACKPART {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 100%;
}

#WRITEBACKPART div.writebackpart {}

#WRITEBACKPART h3 {
  color: #000000; /* 黒 */
  font-size: 120%;
  font-weight: bold;

  margin-top: 1em;
  padding-left: 1em; padding-right: 1em;

  border: 1px solid royalblue;
}

#WRITEBACKPART form  { margin-left: 1em; }
#WRITEBACKPART p.url { margin-left: 1em; }
#WRITEBACKPART p.url input { width: 30em; }
#WRITEBACKPART h4.title  { font-weight: bold; }
#WRITEBACKPART p.excerpt { padding: .3em; }
#WRITEBACKPART p.comment { padding: .3em; }
#WRITEBACKPART p.meta    { font-size: 90%; text-align: right; }

/* -----------------------------------------------------------------------------
 SIDEBLOCK
 ------------------------------------------------------------------------------- */
#SIDEBLOCK {
  font-family: 'Palatino Linotype', Palatino, serif;
  font-size: 90%;

  width: 16em;

  margin-left: .5em;

  float: left;
}

#SIDEBLOCK h2 {
  font-size: 150%;
  font-weight: bold;

  margin-bottom: .5em;
  padding-left:  .5em;

  border-left: 10px solid #808080; /* グレー */
}

#SIDEBLOCK ul { list-style: none none outside; }
#SIDEBLOCK ul ul { list-style: disc none outside; }
#SIDEBLOCK ul li { list-style: none none outside; }    /* for Internet Explorer */
#SIDEBLOCK ul ul li { list-style: disc none outside; } /* for Internet Explorer */

#SIDEBLOCK div.googleSearch { margin-bottom: 1em; }
#SIDEBLOCK div.categories   { margin-bottom: 1em; }
#SIDEBLOCK div.archives     { margin-bottom: 1em; }
#SIDEBLOCK div.links        { margin-bottom: 1em; }

#SIDEBLOCK div.syndicate { text-align: right; margin-bottom: 1em; }
#SIDEBLOCK div.spec      { text-align: right; margin-bottom: 1em; }
#SIDEBLOCK div.poweredby { text-align: right; margin-bottom: 1em; }

/* -----------------------------------------------------------------------------
 FOOTERBLOCK
 ------------------------------------------------------------------------------- */
#FOOTERBLOCK {
  text-align: center;

  clear: both;

  border-top: 1px solid #808080; /* グレー */
}

/* -----------------------------------------------------------------------------
 EXTRA*BLOCK
 ------------------------------------------------------------------------------- */
#EXTRA1BLOCK { display: none; }
#EXTRA2BLOCK { display: none; }