/* ページ全体 */
body {
  background: #CCCCCC;   /* 背景 */
  font-family: 'Trebuchet MS'; /* フォントの種類 */
  margin: 0px 0px 20px 0px;    /* マージン */
  padding: 0; /* パディング */
}

/* リンク */
a {
  text-decoration: underline;  /* 下線 */
}

/* 未訪問のリンク */
a:link {
  color: #003366;  /* 文字色 */
}

/* 訪問済みのリンク */
a:visited {
  color: #663300;  /* 文字色 */
}

/* リンクにマウスを合わせたとき */
a:hover {
  color: #FF9933;  /* 文字色 */
}

/* 見出しからマージンを取る */
h1, h2, h3 {
  margin: 0;
}

/* 一番上のヘッダー */
#header td {
  font-size: x-small; /* 文字の大きさ */
  vertical-align: top; /* 上揃え */
  white-space: nowrap; /* 折り返さない */
}
#header img {
  vertical-align: top; /* 上揃え */
}

/* 全体を囲む枠 */
#container {
  background: #FFFFFF; /* 背景色 */
  line-height: 140%;   /* 行間 */
  margin-right: auto;  /* 枠を中央揃え */
  margin-left: auto;   /* 枠を中央揃え */
  width: 910px;        /* 幅 */
}

/* バナー */
#banner {
  color: #FFFFFF;      /* 文字色 */
  background: #33AA66; /* 背景 */
  border-bottom: 1px dotted #336699; /* 枠線（下） */
  padding: 15px;      /* パディング */
  height: 50px;        /* 高さ */
}

/* バナーのリンク（ブログのタイトル） */
#banner a {
  color: #FFFFFF;     /* 文字色 */
  text-decoration: none; /* 下線取る */
}

/* ブログのタイトル */
#banner h1 {
  font-size: xx-large; /* 文字の大きさ */
}

/* ブログの説明文 */
#banner h2 {
  font-size: small;    /* 文字の大きさ */
  font-weight: normal; /* 太字にしない */
  margin-top: 4px;     /* ちょっと上空ける */
}

/* コンテンツブロックの段 */
#center {
  width: 500px;     /* 幅 */
  float: left;      /* 段組み */
  overflow: hidden; /* はみ出しを非表示 */
}

/* コンテンツ（記事が入る部分） */
.content {
  color: #333333;          /* 文字色 */
  background: #FFFFFF;     /* 背景 */
  font-size: small;  /* 文字の大きさ */
  padding: 15px 15px 5px 15px; /* パディング */
}

/* 左右サイドバーの段 */
#left, #right {
  background: #EEEEEE; /* 背景色 */
  width: 205px;        /* 幅 */
  float: left;         /* 段組み */
  overflow: hidden;    /* はみ出しを非表示 */
}

/* 前の記事、次の記事 */
p.entry-nav {
  margin-top: 0;  /* 上マージン */
}

/* 記事の日付 */
.content h2 {
  font-size: medium; /* フォントサイズ */
  margin-bottom: 10px; /* 下マージン */
  border-bottom: 1px solid #999999; /* 枠線（下） */
  padding: 3px;  /* パディング */
}

/* 記事の見出し */
.content h3 {
  color: #000000;   /* 文字色 */
  font-size: large; /* 文字の大きさ */
  margin-bottom: 10px; /* 下マージン */
}

/* 記事のフッター */
.content p.posted {
  color: #999999;  /* 文字色 */
  font-size: x-small; /* 文字の大きさ */
  font-weight: bold;   /* 太字 */
  line-height: normal; /* 行の高さ */
  margin-top: 10px;    /* 上マージン */
  margin-bottom: 25px; /* 下マージン */
  border-top: 1px dotted #999999; /* 枠線（上） */
  padding: 3px; /* パディング */
  clear: both;  /* 回り込み解除 */
}

/* カテゴリー別アーカイブのカテゴリー名 */
.content h2#categorytitle {
  color: #000000;   /* 文字色 */
  font-size: large; /* 文字の大きさ */
  margin-bottom: 20px; /* 下マージン */
  border: none; /* 枠線 */
}

/* 広告 */
body.ad { background-color: white; }
body.ad a { text-decoration: none; }

/* サイドバー */
.sidebar {
  color: #333333;     /* 文字色 */
  font-size: x-small; /* 文字の大きさ */
  padding: 15px;      /* パディング */
}

/* サイドバーのリンク */
.sidebar a {
  text-decoration: underline;  /* 下線 */
}

/* サイドバーの未訪問のリンク */
.sidebar a:link {
  color: #003366;  /* 文字色 */
}

/* サイドバーの訪問済みのリンク */
.sidebar a:visited {
  color: #663300;  /* 文字色 */
}

/* サイドバーでリンクにマウスを合わせたとき */
.sidebar a:hover {
  color: #FF9933;  /* 文字色 */
}

/* カレンダーのテーブル */
table.calendartable {
  font-size: x-small;  /* 文字のサイズ */
  line-height: 130%;  /* 行の高さ */
  text-align: center;  /* 中央揃え */
  margin-top: 10px;   /* 上マージン */
  margin-bottom: 30px; /* 下マージン */
  border: none;    /* 枠線なし */
  border-collapse: collapse; /* 枠線をくっつける */
  width: 170px; /* 幅 */
}

/* カレンダーのセル */
table.caltblwk td, table.caltblday td {
  padding: 2px; /* パディング */
}

/* サイドバーの見出し */
.sidetitle, .calendarhead {
  color: #666666;      /* 文字色 */
  font-size: small;    /* フォントサイズ */
  font-weight: bold;   /* 太字 */
  border-bottom: 1px solid #999999; /* 枠線（下） */
  padding: 3px; /* パディング */
}

/* サイドバーのアイテム */
.sidebar .side {
  line-height: 150%; /* 行間 */
  margin-top: 10px;  /* 上マージン */
  margin-bottom: 30px;  /* 下マージン */
}

/* サイドバーのリスト項目 */
.sidebar .sidebody {
  margin-top: 10px; /* 上マージン */
}

/* トラックバックURL */
input.trackbackbox {
  width: 240px;
  font-size: small;
}

/* コメント欄内の段落 */
#comment-form-data p {
  margin: 0 0 0.4em; /* マージン */
}

/* コメントの「名前」〜「URL」を段組みに */
#comment-data {
  margin-right: 15px;  /* 右マージン */
  margin-bottom: 15px; /* 下マージン */
  border-right: 1px dotted #BBB; /* 枠線（右） */
  padding-right: 15px; /* 右パディング */
  width: 180px;  /* 幅 */
  float: left;   /* 段組み */
}

/* Mozillaでコメント欄の幅を狭める */
textarea[id="text"] {
  font-size: small; /* フォントサイズ */
}