@CHARSET "UTF-8";

/*
---------------------------------------------------------------------
	コンテンツ部分のCSS
---------------------------------------------------------------------
*/

h1.title {
	width: 97%;
	font-weight: bold;
	margin: 1em 0 0.5em;
	padding: 0.2em 0 0.2em 1em;
	background-color: #000080;
	color: #FFFFFF;
}

h2.title {
	width: 97%;
	font-weight: bold;
	margin: 1em 0 0.5em;
	padding: 0.2em 0 0.2em 1em;
	background-color: #4169E1;
	background-image: url("../images/sub_title.png");
	color: #FFFFFF;
}

h3.title {
	width: 97%;
	font-weight: bold;
	margin: 1em 0 0.5em;
	padding: 0.2em 0 0.2em 1em;
	background-color: #343434;
	color: #FFFFFF;
}

h4.title {
	width: 97%;
	font-weight: bold;
	margin: 1em 0 0.5em;
	padding: 0.2em 0 0.2em 1em;
	background-color: #343434;
	color: #FFFFFF;
}

/************************
  電子図書館共通
 ************************/
#ContentsMain {
	width:700px;
	margin: auto;
	clear: both;
	padding: 5px;
}

#Details {
    width: 700px;
	margin: auto;
}

#Details div.Search {
	padding-top: 0.5em;
	padding-left: 0px;
	padding-right: 0px;
	clear: both;
}

#Details div.Search div.title {
	background-color: #CCCCCC;
/*	border: thin solid #808080;*/
}

#Details div.Search div.title2 {
	width: 100%;
	height: 45px;
	font-weight: bold;
	margin: 1em 0 0.5em;
	padding: 0.2em 0 0.2em 1em;
	background-color: #4169E1;
	background: url("../images/title_back.JPG") no-repeat;
}

#Details div.Search div.title2 div.string {
	position:relative; top:10px; left:15px;
	color: #FFFFFF;
	font-size: large;
}

#Details div.Search a{
	text-decoration: none;
	color: #FFFFFF;
}

#Details div.Search a:hover div.string {
	color: #F0E68C;
}


#Details div.Search div.SearchCond {
    padding: 10px;
	clear: both;
}

#Details div.Search div.SearchWord {
	padding: 10px;
	width: 500px;
	margin: auto;
	clear: both;
}

#Details div.Search ul.SearchWordItems li.Name {
	float:left;
	width:100px;
	list-style-type:none;
}

#Details div.Search ul.SearchWordItems li.Data {
	float:left;
	width:350px;
	list-style-type:none;
}

#Details div.Search ul.SearchWordItems input.WordCond {
	padding: 2px;
	width: 85%;
}

#Details div.Search div.Data a{
	color: #0000FF;
}

#Details div.Search div.Data a:hover {
	color: #0000CC; background-color: transparent;
	text-decoration: underline;
}

#Details div.Search div.Data a:visited {
	color: #800080; background-color: transparent;
	text-decoration: underline;
}

#Details div.Search div.Data a:active {
	color: #DD0000; background-color: transparent;
	text-decoration: underline;
}

#Details div.Search div.Data a:hover {
	color: #DD0000; background-color: transparent;
	text-decoration: underline;
}

#Details div.Title {
	clear: both;
/*	border-bottom: medium solid #343434*/
}

/* パンくずリスト */
#header-link {
	width: 810px;
	font-size: 85%;
	text-align: left;
}

/* メッセージ */
#msgarea {
	margin-left: 10px;
	padding-left: 5px;
}
.msg {
	color: #CC0000;
	font-size: 100%;
	font-weight: bold;
	background-color: #f4f4f4;
}


/************************
  検索画面
 ************************/
/* テーマ検索 */
#ThemeSearch {
	width:500px;
	margin: auto;
	clear: both;
}

#ThemaSearchItems li {
	float:left;
	width:125px;
	list-style-type:none;
}

#ThemaSearchItems li a {
	width: auto;
}

/* ワード検索 */
#KeyWord {
	width:500px;
	margin: auto;
	padding: 5px;
	clear: both;
}

#KeyWord ul.WordItems {
	margin-top: -10px;
	margin-bottom: 10px;
}

#KeyWord ul.WordItems li.Name {
	float:left;
	width:100px;
	list-style-type:none;
}

#KeyWord ul.WordItems li.Data {
	float:left;
	width:400px;
	list-style-type:none;
}

#KeyWord ul.WordItems input.WordCond {
	padding: 2px;
	width: 80%;
}

/* 資料検索 */
#Siryou {
	width:660px;
	margin: auto;
	clear: both;
	padding: 5px;
	border: thin solid #808080;
}

#Siryou div.SiryouItems ul li {
	font-size:85%;
	float:left;
	width:94px;
	list-style-type:none;
}

/* 時代検索 */
#Jidai {
	width:660px;
	margin: auto;
	clear: both;
	padding: 5px;
	border-left: thin solid #808080;
	border-right: thin solid #808080;
}

#Jidai div.JidaiItems ul li {
	font-size:85%;
	float: left;
	width: 165px;
	list-style-type:none;
}

/* 所蔵検索 */
#Syozou {
	width: 660px;
	margin: auto;
	clear: both;
	padding: 5px;
	border: thin solid #808080;
}

/* 撮影年 */
#SatueiNen {
	width: 660px;
	margin: auto;
	clear: both;
	padding: 5px;
	border-left: thin solid #808080;
	border-right: thin solid #808080;
	border-bottom: thin solid #808080;
}

#SatueiNen ul.OptItems li.Name {
	float:left;
	width:100px;
	list-style-type:none;
}

#SatueiNen ul.OptItems li.Data {
	float:left;
	width:100px;
	list-style-type:none;
	padding-left: 30px;
}

#SatueiNen input.WordCond {
	padding: 2px;
	width: 80%;
}

#SatueiNen div.Title {
	padding-top: 10px;
}

#Syozou div.SyozouItems ul li {
	font-size:85%;
	float:left;
	width:110px;
	list-style-type:none;
}

/* 検索ボタン */
#SearchButton {
	padding-top: 10px;
	width: 150px;
	margin: auto;
	clear: both;
}

/* 検索オプション */
#SearchOpt {
	width: 660px;
	margin: auto;
	clear: both;
	padding: 5px;
	border: thin solid #808080;
}

#SearchOpt ul.OptItems li.Name {
	float:left;
	width:100px;
	list-style-type:none;
}

#SearchOpt ul.OptItems li.Data {
	float:left;
	width:100px;
	list-style-type:none;
	padding-left: 30px;
}

#SearchOpt input.WordCond {
	padding: 2px;
	width: 80%;
}

#SearchOpt div.Title {
	padding-top: 10px;
}

/* 検索オプション */
#SearchOpt2 {
	width: 600px;
	margin: auto;
	clear: both;
	padding: 5px;
	border: thin solid #808080;
}

#SearchOpt2 ul.OptItems li {
	float:left;
	width:100px;
	list-style-type:none;
}

#SearchOpt2 div.Title {
	padding-top: 10px;
}

/* 絞り込み検索 */
#SearchTitle {
    width: 700px;
	margin: auto;
	background-color: #555555;
	color: #FFFFFF;
	font-weight: bold;
	clear: both;
	padding: 3px;
	border: 2px solid #808080;
}

#SearchCondition {
	width:700px;
	margin: auto;
	clear: both;
	padding: 3px;
	border: 2px solid #808080;
}

#SearchDetails {
    width: 700px;
	margin: auto;
}

/* 絞り込み検索 */
#SearchTitle2 {
    width: 670px;
	margin: auto;
	background-color: #555555;
	color: #FFFFFF;
	font-weight: bold;
	clear: both;
	padding: 3px;
	border: 2px solid #808080;
}

#SearchCondition2 {
	width:670px;
	margin: auto;
	clear: both;
	padding: 3px;
	border: 2px solid #808080;
}

#SearchDetails2 {
    width: 670px;
	margin: auto;
}

#SearchDetails div.Title {
	clear: both;
}

/* 目次検索 */
#SearchIndex {
	width:680px;
	margin: auto;
	clear: both;
	padding: 3px;
	padding-left: 5px;
	border: 2px solid #808080;
}

#SearchIndex div.Title {
	font-weight: bold;
}

#ContentsSearch {
	width:500px;
	margin: auto;
	clear: both;
}

#ContentsSearchItems li {
	float:left;
	width:125px;
	list-style-type:none;
}

#ContentsSearch li a {
	width: auto;
}

#ContentsSearch2 {
	width:680px;
	margin: auto;
	clear: both;
}

#ContentsSearch2 div.DaiItem {
	width:660px;
	padding-top: 0.5em;
	padding-left: 0.5em;
	clear: both;
}

#ContentsSearch2 div.CyuItem {
	width:650px;
	padding-top: 0.5em;
	padding-left: 0.9em;
	clear: both;
}

#ContentsSearch2 div.SyoItem {
	width:660px;
	padding-top: 0.0em;
	padding-left: 1.5em;
	clear: both;
}


#ContentsSearch2 div.SyoItem ul.SyoItemｓ {
	width:660px;
	margin: auto;
	clear: both;
}

#ContentsSearch2 div.SyoItem ul.SyoItemｓ li {
	float:left;
	width:165px;
	list-style-type:none;
}

#ContentsSearch2 div.Right {
	width:660px;
	margin-top: 0.5em;
	text-align: right;
	clear: both;
}

#Shuppan {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#Dokusho {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#Gaikoku {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#Toshokan {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/* 索引検索 */
#IndexSearch {
	width:660px;
	margin: auto;
	clear: both;
}

#IndexSearchCond {
	width:300px;
	margin: auto;
	clear: both;
}

#IndexSearchCond li {
	float:left;
	width:150px;
	list-style-type:none;
}

#IndexSearchCond li input {
	width: auto;
}

#IndexSearchItems {
	width:500px;
	margin: auto;
	clear: both;
}

#IndexSearchItems li {
	float:left;
	width:45px;
	list-style-type:none;
}

#IndexSearchItems li a {
	width: auto;
}

/* 時代検索（歴史年表用） */

#Jidai2Header {
        width:660px;
        margin: auto;
        clear: both;
        padding: 5px;
        border: thin solid #808080;
}

#Jidai2 {
        width:660px;
        margin: auto;
        clear: both;
        padding: 5px;
        border: thin solid #808080;
}

#Jidai2 div.JidaiItems ul li {
        font-size:85%;
        float: left;
        width: 165px;
        list-style-type:none;
}

/* 時代検索（歴史年表一覧用） */
#JidaiList {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
	font-size:100%;
}

#JidaiList table.List {
	width: 99%;
	border-collapse: collapse;
	table-layout: fixed;
	border: solid 2px;
	border-color: #808080;
}

#JidaiList table.List tr.Title {
	background-color: #555555;
	color: #FFFFFF;
}

#JidaiList table.List td {
	border: solid 1px;
	border-color: #808080;
}

#JidaiList table.List td.Center {
	border: solid 1px;
	text-align: center;
	border-color: #808080;
}

#JidaiList table.List td.SeiReki {
	width: 90px;
	border-bottom: solid 2px;
	border-color: #808080;
}

#JidaiList table.List td.WaReki {
	width: 120px;
	border-bottom: solid 2px;
	border-color: #808080;
}

#JidaiList table.List td.Fixed {
	width: 90px;
	border-bottom: solid 2px;
	border-color: #808080;
	text-align: center;
}

/* 人名・書名索引用 */
#IndexSearchItems2 {
	width:650px;
	margin: auto;
	clear: both;
}

#IndexSearchItems2 li {
	float:left;
	width:54px;
	border-collapse: collapse;
	border: 1px #353535 solid;
	background-color: #8B8B8B;
	text-align: center;
	list-style-type:none;
	font-weight: bold;
}

#IndexSearchItems2 li a {
	width: auto;
	text-decoration: none;
	color: #FFFFFF;
}

#IndexSearchItems2 li.selected {
	background-color: #313131;
	text-align: center;
	color: #FFFFFF;
}

#IndexSearchItems2 li.selected a {
	color: #FFFFFF;
}

#IndexSearchItems2 li a:hover  {
	color: #F0E68C;
}

/************************
  検索結果
 ************************/
#ResultHeader {
	clear: both;
	margin-left: 10px;
	margin-right: 10px;
}

#ResultHeader div.TotalKensuu{
	width: 400px;
	float: left;
}

#ResultHeader div.ToSearch{
	font-size:85%;
	width: 90px;
	float: right;
}

#ResultHeader div.NextPage{
	font-size:85%;
	width: 650px;
	float: left;
}

#ResultFooter {
	clear: both;
	margin-left: 10px;
	margin-right: 10px;
}

#ResultFooter div.NextPage{
	font-size:85%;
	width: 650px;
	float: left;
}

#ResultList {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
	font-size:100%;
}

#ResultList table.List {
	width: 99%;
	border-collapse: collapse;
	table-layout: fixed;
	border: solid 2px;
	border-color: #808080;
}

#ResultList table.List tr.Title {
	background-color: #555555;
	color: #FFFFFF;
}

#ResultList table.List td {
	border: solid 1px;
	border-color: #808080;

}

#ResultList table.List td.bottom {
	border-bottom: solid 2px;
	border-color: #808080;

}

#ResultList table.List td.No {
	width: 25px;

	border-bottom: solid 2px;
	border-color: #808080;
}

#ResultList table.List td.Page {
	width: 30px;
	border-bottom: solid 2px;
	border-color: #808080;
}


#ResultList table.List td.Thumbnail {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 200px;
	border-bottom: solid 2px;
	border-color: #808080;
}

#ResultList table.List tr.Data td.No  {
	text-align: center;
}

#ResultList table.List img.Thumbnail {
	max-width: 190px;
	max-height: 190px;
}

#ResultList table.List td.yyyy {
        width: 35px;
        border-bottom: solid 2px;
        border-color: #808080;
}

#ResultList table.List td.mm {
        width: 15px;
        border-bottom: solid 2px;
        border-color: #808080;
}

#ResultList table.List td.dd {
        width: 10px;
        border-bottom: solid 2px;
        border-color: #808080;
}

#ResultList table.List td.contents {
        width: 250px;
        border-bottom: solid 2px;
        border-color: #808080;
}

#ResultList table.List td.publish {
        width: 80px;
        border-bottom: solid 2px;
        border-color: #808080;
}

#Details div.Search ul.SearchWordItems input.WordCondImeOff {
        padding: 2px;
        width: 80%;
        ime-mode: disabled;
}

#KeyWord ul.WordItems input.WordCondImeOff {
        padding: 2px;
        width: 80%;
        ime-mode: disabled;
}

#SearchOpt input.WordCondImeOff {
        padding: 2px;
        width: 80%;
        ime-mode: disabled;
}

#SatueiNen input.WordCondImeOff {
        padding: 2px;
        width: 80%;
        ime-mode: disabled;
}

#ControlRegistration table.List input.DataImeOff {
        width: 99%;
        ime-mode: disabled;
}

#ResultDetail {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
	font-size:90%;
}

#ResultDetail table.Image {
	width: 99%;
	border-collapse: collapse;
	table-layout: fixed;
}

#ResultDetail table.Image td {
	text-align: center;
}

#ResultDetail table.Image img.Thumbnail {
	max-width: 190px;
	max-height: 190px;
}

#ResultDetail table.List {
	width: 99%;
	border-collapse: collapse;
	table-layout: fixed;
}

#ResultDetail table.List td {
	border: solid 1px;
	border-color: #808080;
}

#ResultDetail table.List td.Title {
	background-color: #555555;
	color: #FFFFFF;
	width: 20%;
}

#ResultDetail table.Detail {
	width: 99%;
	border-collapse: collapse;
	table-layout: fixed;
}

#ResultDetail table.Detail td {
	border-bottom: thin solid #808080;
}

#ResultTextArea {
	clear: both;
	padding: 20px;
	font-size:120%;
}

#Registration table.List {
	width: 40%;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 10px;
}

#Registration table.List td {
	border: solid 1px;
	border-color: #808080;
}

#Registration table.List td.Title {
	background-color: #555555;
	color: #FFFFFF;
	width: 50%;
}

/************************
  管理画面
 ************************/

/* ログイン */
#Login {
	width:350px;
	margin: auto;
	padding: 5px;
	clear: both;
}

#Login ul.LoginItems li.Name {
	float:left;
	width:100px;
	margin: 10px;
	list-style-type:none;
}

#Login ul.LoginItems li.Data {
	float:left;
	width:200px;
	margin: 10px;
	list-style-type:none;
}

#Login ul.LoginItems input.WordId {
	padding: 2px;
	width: 80%;
	ime-mode: disabled;
}

#Login ul.LoginItems input.WordCond {
	padding: 2px;
	width: 80%;
}

/* メニュー */
#ControlMenu {
	width:660px;
	font-size: 85%;
	margin: 20px;
	clear: both;
}

#ControlMenu div.Data{
	margin-left: 10px;
}

#ControlMenu input.WordYmd{
	ime-mode: disabled;
}

#ControlRegistration {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 10px;
	font-size:90%;
}

#ControlRegistration table.List {
	width: 99%;
	border-collapse: collapse;
	table-layout: fixed;
	margin-bottom: 5px;
}

#ControlRegistration table.List td {
	border: solid 1px;
	border-color: #808080;
}

#ControlRegistration table.List td.Title {
	background-color: #555555;
	color: #FFFFFF;
	width: 105px;
}

#ControlRegistration table.List input.Data {
	width: 99%;
}

#ControlRegistration table.List textarea.Data {
	width: 99%;
}

#ControlRegistration table.List tr.Title {
	background-color: #555555;
	color: #FFFFFF;
}

#ControlRegistration table.List td.Check {
	width: 20px;
}

#ControlRegistration table.List td.Code {
	width: 100px;
}

/* 検索ボタン */
#registrationButton {
	padding-top: 10px;
	width: 300px;
	margin: auto;
	clear: both;
}

#ControlRegistration table.Data {
	width: 99%;
	border-collapse: collapse;
	table-layout: fixed;
	margin: 20px;
}

#ControlRegistration table.Data td {
	border: none;
}

#ControlRegistration table.Data input.Data {
	width: 80%;
}