/* 全体の文字設定 */
body,td,th,div,a,input,textarea
{
  font-size: 10px; /* 文字の大きさ */
  line-height: 1.7; /* 行間 */
  letter-spacing: 1px; /* 文字間 */
}

/* 入力画面、ボタンなどの枠設定 */
input,textarea,select,button,submit
{
  border: 1px solid #808080; /* 枠線の太さ、スタイル、色 */
  color: #333; /* 文字色 */
  background-color: #fff; /* 背景色 */
}

/* 全体のレイアウト設定 */
body
{
  background-color: #666;
  margin: 0px; /* 外側の余白 */
  padding: 0px; /* 内側の余白 */
  text-align: center; /* 配置 */
}

a:link
{
  text-decoration: none; /* 文字の装飾 */
  color: #333; /* 通常リンク時の文字色 */
}

a:visited
{
  text-decoration: none;
  color: #333; /* 読込み済みの文字色 */
}

a:active
{
  text-decoration: none;
  color:#333; /* クリック時の文字色 */
}

a:hover
{
  text-decoration: none;
  color: #dc143c; /* ポイント時の文字色 */
} 

table
{
  border-collapse: collapse; /* テーブルの各セルの枠線、隣のセルの枠線と重ねて表示 */
  border-spacing: 0px; /* 各セルとの隙間 */
}

ul
{
  margin: 10px 0px 30px;
  padding: 0px;
  list-style: disc inside;
}

li
{
  margin: 0px 0px 5px 0px; /* 下に余白 */
  padding: 0px;
}

h1
{
  font-size: 10px;
  text-align: left;
  font-weight: normal;
  color: #808080;
  padding-left: 30px;
}

/* 外枠の設定 */
#id_container
{
  text-align: center; /* 配置（中央）*/
  margin-left: auto ; /* 左からの外側余白（自動）*/
  margin-right: auto; /* 右からの外側余白（自動）*/
  width: 700px; /* 横幅 */
  background-color: #fff;
  border: 5px solid #fff;
}

/* ヘッダーの設定 */
#id_header
{
  padding: 24px 0px 24px 0px; /* 上下に余白 */
  text-align: left;
  background-image: url(http://blog-imgs-37.fc2.com/h/o/n/honeybeev3v/dokuro.jpg);
  background-repeat: no-repeat;
  background-position: right;
  height: 280px;
  
}

.td_align_top
{
  vertical-align: top; /* 上揃え */
}

/* ブログタイトル設定 */
.blog_title
{
  font-size: 20px;
  font-weight: bold; /* 文字の太さ */
  letter-spacing: 4px;
  padding-top: 200px;
  padding-left: 30px;
}

.blog_title a
{
  font-size: 20px;
}

/* 記事、コメント、トラックバックのタイトル設定 */
.title
{
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  color: #000;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  margin: 10px 5px 0px 5px; /* 外側から（上、右、左）余白 */
  padding-top: 10px; /* 上から内側に余白 */
  padding-left: 10px; /* 内側から左に余白 */
}

/* 日付 */
.date
{
  font-weight: normal;
  font-size: 12px;
  color: #000;
  text-align: center;
  padding: 0px 20px 5px 0px; /* 内側から（右、下）余白 */
}

/* 記事、メニュー、コメント、トラックバックの本文設定 */
.entry_body
{
  padding: 10px 0px 0px 15px; /* 内側から（上、左）余白 */
  text-align: left;
}

/* 記事のテーマ、コメント等リンク設定 */
.entry_footer
{
  font-weight: normal;
  text-align: right;
  padding-right: 20px;
}


/* サイドメニューのタイトル設定 */
.menu_title
{
  font-weight: bold;
  font-size: 12px;
  color: #000;
  text-align: center;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  margin: 10px 5px 0px 5px; /* 外側から（上、右、左）余白 */
  padding-left: 10px; /* 内側から左に余白 */
}


/* ページ移動の設定 */
.page
{
  text-align: right;
}

/* カレンダーの設定 */
table.calender
{
  width: 200px; /* 横幅 */
}

table.calender
a {
  text-decoration: none;
  color: #dc143c;
}

.calender caption /* ヘッダー（年、月）の設定 */
{
  font-size: 10px;
  color: #000;
  font-weight: bold;
}

.calender th /* 曜日セルの設定 */
{
  font-weight: normal;
  text-align: center;
  color: #808000;
}

.calender td /* 日付セルの設定 */
{
  text-align: center;
  color: #333;
  padding: 1px;
}

/* フッター */
#id_footer
{
  text-align: center;
  background-color: #fff;
}