@charset "utf-8";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
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;	/* 左右の影 */
  background: url(../image/design/background.jpg);
}

/* -------------- */
/* --- ヘッダ --- */
/* -------------- */
#header {
  height: 100px;
  border-top: solid 3px #8f0000;
}
#header_left {		/* ヘッダの左部分 */
  float: left;
  height: 100%;
  width: 600px;
  background: url("../image/design/header_title.png") no-repeat;	/* 背景にタイトル画像を設定 */
  cursor:pointer;
}
#header_right {			/* ヘッダの右部分 */
  float: left;
  width: 330px;
  height: 100%;				/* 子要素の下揃えのため */
  position: relative;		/* 子要素の下揃えのため */
/*  padding: 10px 15px 10px 15px; */
}
#google_search {		/* Googleカスタム検索 */
  position: absolute;
  bottom: 0;
  right: 0; 
  width:300px;
  font-size: 14px;
}
#google_search .gsc-control-cse,
#google_search .gsc-control-cse-ja {	/* Googleカスタム検索 スタイル上書き */
  margin:0;
  padding:0;
  background-color: transparent;
  border: 0px;
}

/* ------------------------------ */
/* --- ナビゲーションメニュー --- */
/* ------------------------------ */
#menu {
  float: left;
  width: 200px;
  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: 739px; /* メインカラムの幅 */
  background-color: #ffffff; /* メインカラムの背景色 */
  padding: 5px 0px 15px;
  border-top: solid 3px black;
  border-left: solid 1px black;
  min-height: 530px;
}

/* メインコンテンツの構成要素 */
div.contents_title {	/* コンテンツ単位のタイトル行 */
  margin: 0px 5px;
  padding: 3px 0px 0px 15px;
  background-color: #8f0000;
  font-size: 18pt;
  color: #ffffff;
}
div.contents_detail {	/* コンテンツ単位の詳細 */
  margin: 5px;
  padding: 0px 20px;
}
dl.level1 {				/* 大項目の括り */
  padding: 0px 10px;
  margin: 0px;
}
dl.level2 {				/* 中項目の括り */
  padding: 0px 0px;
  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 22px;
  font-size: 14pt;		/* 文字サイズ */
  font-weight: bold;	/* 文字の太さ */
  cursor:pointer;
  margin: 0px 0px 0px 10px;
  padding: 10px 0px 0px 25px;
}
dt.level2_title {	/* 中項目のタイトル */
  background:url(../image/design/bullet_open.png) no-repeat 0px 17px;
  font-size: 12pt;		/* 文字サイズ */
  font-weight: bold;	/* 文字の太さ */
  cursor:pointer;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 0px 20px;
}
dt.level3_title {	/* 小項目のタイトル */
  background:url(../image/design/bullet_level3.png) no-repeat 0px 7px;
  font-size: 12pt;		/* 文字サイズ */
  font-weight: bold;	/* 文字の太さ */
  margin: 0px;
  padding: 0px 0px 0px 15px;
}
dd.level1_detail {		/* 大項目の内容 */
  font-size: 12pt;		/* 文字サイズ */
  line-height:1.5em;
  margin:0px 0px 0px 16px;
  padding: 0px 0px 0px 13px;
  border-left:#8f0000 2px solid;	/* 左枠線表示 */
}
div.level1_detail_text {
  padding-left: 27px;
}
dd.level2_detail {		/* 中項目の内容 */
  font-size: 12pt;		/* 文字サイズ */
  line-height:1.5em;
  margin:0px 0px 0px 7px;
  padding: 10px 0px 10px 5px;
  text-indent: 0px !important;
}
div.level2_detail_text {
  padding-left: 15px;
}
dd.level3_detail {		/* 小項目の内容 */
  font-size: 12pt;		/* 文字サイズ */
  line-height:1.5em;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 5px 15px;
  text-indent: 0px !important;
}

/* 談話室の更新状況 */
#feed {
  list-style-type: none;
  text-indent: 0px !important;
  padding: 0px;
}
#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;
}

/* テーブル */
table.common_tb {
  border: solid 1px #8f0000;
  border-collapse: collapse;
}
th.common_th {
  border: dotted 1px #8f0000;
  border-bottom: solid 1px #8f0000;
}
td.common_td {
  border: dotted 1px #8f0000;
  padding: 2px 5px;
}
td.td_center {
  text-align: center;
}

/* 沿革 */
table.enkaku_tb {
  width: 100%;
}
td.enkaku_td {
  padding: 5px;
  border-bottom: solid 1px #8f0000;
}

/* 過去の内経誌 */
table.daikeishi_tb {
  width: 660px;
}
th.daikeishi_th_col1 {
  width: 40px;
}
th.daikeishi_th_col2 {
  width: 40px;
}
th.daikeishi_th_col3 {
  width: 80px;
}
th.daikeishi_th_col4 {
  width: 390px;
}
th.daikeishi_th_col5 {
  width: 110px;
}

/* 島田先生の業績 */
table.shimada_gyoseki_tb {
  width: 700px;
}
th.shimada_gyoseki_th_col1 {
  width: 110px;
}
th.shimada_gyoseki_th_col2 {
  width: 385px;
}
th.shimada_gyoseki_th_col3 {
  width: 205px;
}

/* -------------- */
/* --- フッタ --- */
/* -------------- */
#footer {
  clear: left; /* フロートのクリア */
  height: 20px;				/* 高さ */
  width: 100%;
  position: relative;
}
#copyright {		/* コピーライト */
  height: 100%;				/* 高さ */
  width: 100%;
  padding-top: 3px;
  text-align: center;
  position: absolute;
  bottom: 0px;
  font-size: 12px;
  background-color: #8f0000;
}

/* -------------------------- */
/* --- モーダルウィンドウ --- */
/* -------------------------- */
#lean_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none;
}

.modal_window {
	background: none repeat scroll 0 0 #FFFFFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
	display: none;
	padding: 30px;
}

.modal_close {
	position: absolute;
	top: 12px;
	right: 12px;
	display: block;
	width: 14px;
	height: 14px;
	background: url("../image/design/modal_close.png");
	z-index: 2;
}