@charset "utf-8";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background: url(../image/design/background.jpg);
color: #000000;		/* 全体の文字色 */
font-size: 100%;	/* 全体の文字サイズ */
font-family: "メイリオ"
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

/* ---------------- */
/* --- コンテナ --- */
/* ---------------- */
#container {
  width: 960px;					/* ページの幅 */
  margin: 0 auto;				/* センタリング */
  box-shadow: 0 0 50px #000;	/* 左右の影 */
}

/* -------------- */
/* --- ヘッダ --- */
/* -------------- */
#header {
  height: 100px;
}
#header_left {		/* ヘッダの左部分 */
  float: left;
  height: 100%;
  width: 660px;
  background-image: url("../image/design/header_title.png");	/* 背景にタイトル画像を設定 */
  background-repeat: no-repeat;
}
#header_right {			/* ヘッダの右部分 */
  float: left;
  width: 300px;
  text-align: right;
  height: 100%;				/* 子要素の下揃えのため */
  position: relative;		/* 子要素の下揃えのため */
}
#copyright {		/* コピーライト */
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0px 10px 5px 0px;
}

/* ------------------------------ */
/* --- ナビゲーションメニュー --- */
/* ------------------------------ */
#menu {
  float: left;
  width: 200px;
  font-weight: bold;			/* 太字 */
  padding: 10px 0px 5px 20px;
}

/* メニューのリスト */
#menu_list {
  margin: 0 1em 2em;
  padding: 0;
}
#menu_list ul {
  margin: 0.5em 0 1em 1em;
  padding: 0;
}
#menu_list li, #menu_list ul li {
  margin: 0 0 0.5em;
  padding: 0;
  list-style-image:url(../image/design/bullet_close.png);
}
#menu_list li a, #menu_list ul li a {
  text-decoration: none;
}
#menu_list a:link { color: #000000; }
#menu_list a:visited { color: #000000; }
#menu_list a:hover { color: #0000ff; }
#menu_list a:active { color: #0000ff; }


/* -------------------- */
/* --- メインカラム --- */
/* -------------------- */
#content {
  float: left;
  width: 740px; /* メインカラムの幅 */
  background-color: #ffffff; /* メインカラムの背景色 */
}

/* メインコンテンツの構成要素 */
dl.level1 {				/* 大項目の括り */
  padding: 0px 10px;
  margin: 0px;
}
dl.level2 {				/* 中項目の括り */
  padding: 0px 10px;
  margin: 0px;
}
dl.level3 {				/* 小項目の括り */
  padding: 0px;
  margin: 0px;
}
dl.level1 dt.close {		/* 大項目を閉じた時 */
  background:url(../image/design/bullet_close.png) no-repeat 0px 18px;
}
dl.level2 dt.close {		/* 中項目を閉じた時 */
  background:url(../image/design/bullet_close.png) no-repeat 0px 13px;
}
dt.level1_title {	/* 大項目のタイトル */
  background:url(../image/design/bullet_open.png) no-repeat 0px 18px;
  font-size: 18pt;		/* 文字サイズ */
  cursor:pointer;
  margin: 0px 0px 0px 15px;
  padding: 10px 0px 0px 0px;
  text-indent:25px;
}
dt.level2_title {	/* 中項目のタイトル */
  background:url(../image/design/bullet_open.png) no-repeat 0px 15px;
  font-size: 14pt;		/* 文字サイズ */
  cursor:pointer;
  margin: 0px 0px 0px 15px;
  padding: 10px 0px 0px 0px;
  text-indent:20px;
}
dt.level3_title {	/* 小項目のタイトル */
  font-size: 12pt;		/* 文字サイズ */
  margin: 0px;
  padding: 0px;
}
dd.level1_detail {		/* 大項目の内容 */
  font-size: 12pt;		/* 文字サイズ */
  line-height:1.5em;
  margin:0px 0px 0px 20px;
}
dd.level2_detail {		/* 中項目の内容 */
  font-size: 12pt;		/* 文字サイズ */
  line-height:1.5em;
  margin:0px 0px 0px 21px;
  padding: 10px 0px 10px 20px;
  border-left:#8f0000 2px solid;	/* 左枠線表示 */
}
dd.level3_detail {		/* 小項目の内容 */
  font-size: 12pt;		/* 文字サイズ */
  line-height:1.5em;
  margin: 0px;
  padding: 0px 0px 5px 20px;
}

/* 談話室の更新状況 */
#feed {
  list-style-type: none;
}
#feed li {
  margin: 10px 0px;
  padding: 0px 0px 0px 10px;
  border-left:#8f0000 1px dotted;	/* 左枠線表示 */
  border-bottom:#8f0000 1px dotted;	/* 左枠線表示 */
}
#feed div.title {
  font-weight: bold;
}
#feed div.content {
  padding: 5px 10px;
}
#feed div.entry_date {
  width: 100%;
  text-align: right;
}

/* -------------- */
/* --- フッタ --- */
/* -------------- */
#footer {
  clear: left; /* フロートのクリア */
  height: 20px;				/* 高さ */
  width: 100%;
/*  background-color: #afeeee; */
}