/* ----------------------------------------- 横幅が足りないときは横スクロール ----------------------------------------- */
html, body
	{ overflow-x : auto ;
	}
/* ★追加：paddingやborderを足してもカラム落ちしにくくする */
*
	{ box-sizing : border-box ;
	}


body
	{ color : black ;
	  background-color : #ffffff ;
	}

/* ----------------------------------------- 枠組みの幅と背景色 ----------------------------------------- */

/* 全体の幅とベースの背景色 */
#container
	{ width : 1500px ;
	  min-width : 1500px ;
	  margin-left  : 20px ;
	  margin-right : auto ;
	  background-color : white ;
	}

/* ★追加：floatの高さを親に戻す（レイアウト安定化） */
#container::after
	{ content : "" ;
	  display : block ;
	  clear : both ;
	}

/* バナー部分の幅と背景色*/
#banner
	{ width : 1500px ;
	  min-width : 1500px ;
	  background-color : #0655a0 ;
	}

/* 左サイドの幅と背景色*/
#leftside
	{ width : 350px ;
	  margin-top  : 0px ;
	  float : left ;
	  background-color : transparent ;
	}

/* 左ページの枠 */
.leftin	
	{ padding : 0px ;
	  overflow : hidden ;
	  background-color : #00004d ;
	  margin-bottom : 20px ;
	}

/* 中央の幅と背景色 */
#contents
	{ width : 1150px ;
	  margin-top  : 0px ;
	  float : left ;
	  background-color : #e9eaf6;
	}

/* 中央の枠の余白と色：これは3パターン共通にする */
/* TOPページの枠 */
.central
	{ padding-left  : 10px ;
	  padding-right :  0px ;
	  overflow : hidden ;
	}

/* noticeページの枠 */
.cent_not
	{ padding-left  : 10px ;
	  padding-right :  0px ;
	  overflow : hidden ;
	}

/* データページの枠 */
.cent_dat
	{ padding-left  : 10px ;
	  padding-right :  0px ;
	  overflow : hidden ;
	}


/* 全体的なリンク先の文字配色の設定など */
a:link	
	{ color : #00004d ;
	  font-size : 13px ;
	  font-weight : bold ;
	  text-decoration : none ;
	}
a:visited
	{ color : #000081 ;
	  font-size : 13px ;
	  text-decoration : none ;
	  font-weight : bold ;
	}
a:hover
	{ color : #0000aa ;
	  background-color : #fff560 ;
	  text-decoration : none ;
	  font-weight : bold ;
	}


/* ----------------------------------------- バナー内の細かな設定 ----------------------------------------- */
/* ヘッダーの幅：バナーの幅とおなじで可 */
.tophead
	{ width : 1500px ;
	}

/* 表で設定するヘッダーの幅と余白の設定 */
.tophead table.headmain
	{ width : 1500px ;
	  margin-top : 10px ;
	  padding-left : 50px ;
	  padding-top : 10px ;
	}

/* 表で示すサイト名の書式 */
.tophead td.toptitle
	{ height : 120px ;
	  width : 550px ;
	  color : white ;
	  font-size : 30px ;
	  font-family : "Hiragino Maru Gothic Pro", "Zen Maru Gothic";
	}

/* 表で示す注意書きの書式設定 */
.tophead td.copy
	{ height : 60px ;
	  color : white ;
	  font-size : 11px ;
	  text-align : right ;
	  padding-right : 20px ;
	}
.copy a:link
	{ color : #ffffca ;
	}
.copy a:visited
	{ color : #ffffca ;
	}

/* 年代別リンク欄を入れる表の書式設定 */
.tophead table.bouton
	{ width : 1500px ;
	  margin-top : 5px ;
	  height : 40px ;
	  background-color : #00004d ;
	}

.tophead td.h10
	{ height : 10px ;
	  background-color : #00004d ;
	}

.tophead img
	{ height : 60px ;
	  vertical-align : middle ;
	}

/* バナーのリンク欄の背景色・文字色などの設定 */
/* 選択されていない欄の書式 */
.tophead td.menu
	{ width : 80px ;
	  height : 25px ;
	  text-align : center ;
	  font-size : 12px ;
	  background-color : #60a4c4 ;
	}
.menu a:link
	{ color : white ;
	  font-size : 13px ;
	  font-weight : bold ;
	  text-decoration : none ;
	}
.menu a:visited
	{ color : white ;
	  font-size : 13px ;
	  text-decoration : none ;
	  font-weight : bold ;
	}
.menu a:hover
	{ color : black ;
	  background-color : red ;
	  text-decoration : none ;
	  font-weight : bold ;
	}

/* 選択された年代欄の書式*/
.tophead td.sel
	{ width : 80px ;
	  height : 25px ;
	  text-align : center ;
	  font-size : 11px ;
	  background-color : #00004d ;
	  color : white ;
	}
.sel a:link
	{ color : white ;
	  font-size : 11px ;
	  font-weight : bold ;
	  text-decoration : none ;
	}
.sel a:visited
	{ color : white ;
	  font-size : 11px ;
	  text-decoration : none ;
	  font-weight : bold ;
	}
.sel a:hover	
	{ color : black ;
	  background-color : #fff560 ;
	  text-decoration : none ;
	  font-weight : bold ;
	}

/* ----------------------------------------- 中央ページ共通の詳細設定 ----------------------------------------- */

span.note
	{ font-size : small ;
	  text-align : left ;
	  color : #0655a0 ;
	}

span.rem
	{ color : #660000 ;
	  font-weight : bold ;
	}

.ref
	{ color : black ;
	  font-size : 11px ;
	  text-align : right ;
	  padding-right : 20px ;
	}

.lef
	{ color : black ;
	  font-size : 11px ;
	  text-align : left ;
	  padding-left : 20px ;
	}


/* ----------------------------------------- TOPページの中央内の詳細設定 ----------------------------------------- */

/* 大見出しの書式 */
.central h1
	{ text-align : center ;
	  font-size : 20px ;
	  width : 1010px ;
	  color : white;
	  background-color : #0655a0 ;
	  padding : 8px 15px ;
	  border-style : solid ;
	  border-left-width  : 20px ;
	  border-right-width : 20px ;
	  border-color : #00004d ;
	  margin-top : 10px ;
	  margin-left : 60px ;
	}

.central table
	{ width : 1010px ;
	  border : solid 1px #ccccff ;
	  margin-left : 60px ;
	}

.central th
	{ font-size : 16px ;
	  font-weight : bold ;
	  text-align : center ;
	  padding : 6px ;
	  color : white;
	  background-color : #0655a0 ;
	  border : solid 2px #00004d ;
	}

.central tr
	{ text-align : left ;
	  font-size : 14px ;
	  background-color : #e9eaf6 ;
	}

.central td
	{ padding : 4px 13px ;
	}

/* 冒頭の注釈の書式 */
.central ul
	{ width : 900px ;
	  text-align : left ;
	  font-size : 13px ;
	  margin-top : 10px ;
	  margin-left : 100px ;
	  list-style-type : square ;
	}


/* ----------------------------------------- データ用ページの中央内の詳細設定 ----------------------------------------- */

/* 大見出しの書式 */
.cent_dat h1
	{ text-align : center ;
	  font-size : 24px ;
	  width : 1110px ;
	  color : white;
	  background-color : #0655a0 ;
	  padding : 8px 15px ;
	  border-style : solid ;
	  border-left-width  : 20px ;
	  border-right-width : 20px ;
	  border-color : #00004d ;
	  margin-top : 10px ;
	  margin-left : 10px ;
	}

/* 冒頭の注釈の書式 */
.cent_dat ul
	{ width : 950px ;
	  text-align : left ;
	  font-size : 13px ;
	  margin-top : 10px ;
	  margin-left : 60px ;
	  list-style-type : square ;
	}

/* リストを入れた表の形式 */
.cent_dat table
	{ width : 1110px ;
	  margin-left : 10px ;
	  border : solid 1px #ccccff ;
	  background-color : #ffffff ;
	}

/* 見出し部分の書式 */
.cent_dat th
	{ font-size : 16px ;
	  color : white ;
	  background-color : #0655a0 ;
	  text-align : center ;
	  padding : 8px ;
	}
/* 表内部のセルの書式 */
.cent_dat td
	{ color : black ;
	  font-size : 14px ;
	  padding-top : 6px ;
	  padding-bottom : 2px ;
	  padding-left : 2px ;
	  padding-right : 2px ;
	}

/* 書影サムネイル欄で使用 */
tr.ev
	{ text-align : center ;
	  background-color : #e9eaf6 ;
	}

/* 書影解説欄で使用 */
tr.lft
	{ text-align : left ;
	  background-color : #e9eaf6 ;
	}

td.expl
	{ padding-left : 14px;
	  padding-right :14px;
	}

td.tit1expl
	{ background-color : #ccccff ;
	  text-align : center;
	  padding-left : 8px;
	  padding-right : 8px;
	}

td.tit2expl
	{ background-color : #ddddff ;
	  text-align : center;
	  padding-left : 8px;
	  padding-right : 8px;
	}
td.l1expl
	{ background-color : #ffffff ;
	  padding-left : 10px;
	  padding-right : 10px;
	}
td.l2expl
	{ background-color : #eeeeff ;
	  padding-left : 10px;
	  padding-right : 10px;
	}

/* パラグラフのカラム分け */
p.expl_in
	{ padding-left :30px;
	  padding-right :30px;
	  column-count : 2;
	  column-gap : 30px;
	  column-rule-style : dotted;
	  column-rule-width : thin;
	}

/* パラグラフの参考文献一覧 */
p.note_in
	{ padding-left :30px;
	  padding-right :30px;
	  font-size : 13px;
	}

/* 月別見出しで使用 */
tr.head
	{ text-align : center ;
	  font-weight : bold ;
	  font-size : 14px ;
	  color : white;
	  background-color : #60a4c4 ;
	}


/* ----------------------------------------- notice用ページの中央内の詳細設定 ----------------------------------------- */

.cent_not h1
	{ font-size : 16px ;
	  color : #000044 ;
	  margin-left : 90px ;
	}

.cent_not h2
	{ width : 850px ;
	  font-size : 14px ;
	  margin-top    : 30px ;
	  text-align : left ;
	  color : #000044 ;
	  margin-left : 90px ;
	}

.cent_not p
	{ width : 900px ;
	  font-size : 14px ;
	  text-align : left ;
	  background-color : white ;
	  padding : 10px 10px ;
	  margin-left : 110px ;
	}

.cent_not p.dec
	{ width : 890px ;
	  color : #990000 ;
	  text-align : left ;
	  background-color : #ffffdd ;
	  padding : 10px 10px ;
	  font-weight : bold ;
	  border-style : dashed ;
	  border-width : 4px ;
	}


/* ----------------------------------------- 左枠内の詳細設定 ----------------------------------------- */

/* 開設時期用 */
.leftin h1
	{ text-align : center ;
	  font-size : 14px ;
	  width : 330px ;
	  color : #000000 ;
	  background-color : white;
	  padding : 8px 0px ;
	  border : solid 1px #ccccff;
	  margin-left : 9px ;
	  margin-top : 0px ;
	}

.leftin table
	{ width : 330px ;
	  margin-left : 10px ;
	  background-color : #e9eaf6 ;
	  border : solid 1px #ccccff ;
	  margin-top : 20px ;
	}
.leftin td
	{ color : black ;
	  font-size : 13px ;
	  padding : 6px 6px 2px ;
	}

.leftin th
	{ font-size : 14px ;
	  font-weight : bold ;
	  text-align : center ;
	  padding : 8px 0px ;
	  color : white;
	  background-color : #0655a0 ;
	}

/* 主として左枠の表で使用する色 */
.tit1
	{ background-color : #ccccff ;
	}

.tit2
	{ background-color : #ddddff ;
	}

.l1
	{ background-color : #ffffff ;
	}
.l2
	{ background-color : #eeeeff ;
	}

.nodat
	{ background-color : #ffd74f ;
	}
.prep
	{ background-color : white ;
	}
.fin
	{ background-color : #aaaaaa ;
	}