﻿/*----------------------------------------------------------------------*/
/*	情報館WebOPAC スタイルシート										*/
/*																		*/
/*	History	: <9> 検索条件入力画面のデザイン変更						*/
/*			: <A0218> 2008/02/18 不正なタグや属性をまとめて修正			*/
/*			: <A0313> 2008/08/07                                        */
/*              検索条件項目の絞り込み項目を指定できるようにする        */
/*			: <0000889> 2010/03/01 紀伊國屋BookWeb画像表示対応			*/
/*			: <0001086> 2010/04/07 検索結果ダウンロード対応				*/
/*			: <0001088> 2010/05/12 ブックリスト対応						*/
/*			: <0001087> 2010/05/17 検索結果並べ替え対応					*/
/*			: <0001180> 2010/06/09 文献複写・貸借依頼対応				*/
/*			: <0001188> 2010/06/14 図書館カレンダー対応					*/
/*			: <0001357> 2010/07/29 イメージの縦ぞろえ					*/
/*			: <0001056> 2010/08/12                                      */
/*              アルファベット索引初期表示時に五十音リンクを表示する    */
/*			: <0002057> 2012/06/08                                      */
/*              日外アソシエーツ「BOOKデータASPサービス」対応          	*/
/*			: <#2394> 2013/02/26 PSQLエラーの時のエラー表示の統一		*/
/*			: <#6045> 2013/09/09 雑誌検索結果表示の改良            		*/
/*			: <#6042> 2013/10/15 利用者情報の表示						*/
/*			: <#6043> 2013/09/30 所蔵一覧								*/
/*			: <#3174> 2013/11/27										*/
/*				パンくずリストのフォントがCSSで指定できない				*/
/*			: <#8799> 2014/03/13										*/
/*				結果詳細画面のイメージサイズを調整したい				*/
/*----------------------------------------------------------------------*/
body
{
	color:				#000000;	/* 文字色(黒) */
	background-color:	#ffffff;	/* 背景色(白) */

	/*--------------------------------------------------------------------*/
	/* 背景イメージを有効にしたいときは下記の１行をここに追加してください */
	/* background-image:	url("/jhkweb_ENG/image/XXXX.gif");            */
	/* background-repeat:	repert;                                       */
	/*--------------------------------------------------------------------*/
	line-height:		normal;		/* 行の高さ */
	margin:				20px;		/* マージン */
	text-align:			center;		/* 左右行揃え（中央） */
	text-decoration:	none;		/* フォント飾り */
	font-style:			normal;		/* フォント */
	font-weight:		normal;		/* フォント太さ */
	font-size:			small;		/* フォントサイズ */
}
.ImageLink a
{
	text-decoration: none;
}
.TextLink a
{
	text-decoration: underline;
}

/* テーブル定義 */
table
{
	margin:	auto;		/* マージン */
}
/* メニューテキスト<#2394> */
.ErrorMenu
{
	font-size:x-small;
	vertical-align: middle;
}

/* ページタイトルの定義 */
.TitleText
{
	font-weight:	bold;
	font-size:		large;		/*<9>*/
	margin-bottom:	0%;			/*<9>*/
	padding-bottom:	0%;			/*<9>*/
}
/* 条件サブタイトルの定義 <A0313> */
.SubTitleText
{
	font-weight:	bold;
	font-size:		small;
	text-align:		left;
	margin-bottom:	0%;
	padding-bottom:	0%;
	color:			#0000FF;
}

/* ヘルプ */
.Help
{
	text-align:		right;
	margin-right:	10%;
	font-size:		x-small;
	margin-top:		0%;			/*<9>*/
	margin-right:	5%;			/*<9>*/
	margin-bottom:	0%;			/*<9>*/
	padding-top:	0%;			/*<9>*/
	padding-bottom:	0%;			/*<9>*/
}

/* フッターテキスト */
div.FooterText{FONT-SIZE:x-small;TEXT-ALIGN:right;}

/* 資料区分テーブル<9> */
.MaterialTable
{
	text-align:		left;
	width:			95%;
	border:solid 1px #cccccc;		/*枠線<9>*/
	margin-top:		0%;			/*<9>*/
	padding-top:	0%;			/*<9>*/
}
/* フリーワード条件テーブル<9> */
.FreewordTable
{
	text-align:	left;
}
/* 条件テーブル<9> */
.TermTable
{
	text-align:	left;
	width:		95%;
	border:solid 1px #cccccc;
	padding:	0.5em;
}
/* 条件項目名の定義 */
.TermNameText
{
	font-weight:	bold;
	text-align:		left;		/*<9>*/
}
/* 条件検索／クリアボタン<9> */
table.SearchButton
{
	width:			90%;
	text-align:		left;
	margin-top:		10px;
	margin-bottom:	10px;
}
/* キーワード検索／クリアボタン<9> */
table.KeywordSearchButton
{
	width:			90%;
	text-align:		left;
	margin-top:		10px;
	margin-bottom:	10px;
}
/* ２次検索ボタン<9> */
.SecondaryButton
{
	width:		90%;
	text-align:	left;
}

/* 項目名の定義 */
.ItemNameText{font-weight:bold;}

/* エラーメッセージの定義 */
.ErrorText
{
	color:red;
	margin-top:		30px;	/* <#2394> */
	margin-bottom:	30px;	/* <#2394> */
}

/* 資料データ一覧テーブル定義 */
table.BiblioList
{
	/*margin-right:20px;	/* <#6045> */
	margin-bottom: 10px;	/* <#6045> */
}
/* 資料データ一覧リンクのセル定義 */
th.ItemList
{
	height:20px;
	text-align:left;
	background-color:#ffffcc;		/* 背景色(薄黄) */
}
/* 資料一覧状況のセル定義 */
td.ItemListStatus
{
	height:20px;
	text-align: left;
	font-weight:normal;
	font-size:x-small;
	background-color:#ffffcc;		/* 背景色(薄黄) */
	color:red;						/* 文字色(赤) */
}
/* 資料イメージのセル定義 */
td.ItemListImage
{
	height:15px;
	width:15%;
	text-align: center;
	font-weight:normal;
	font-size:x-small;
	background-color:#ffffcc;		/* 背景色(薄黄) */
	color:red;
}
/* 資料イメージのセル定義（初期非表示用＠ブックリスト一覧）<0001214> */
td.ItemListImageBL
{
	height:15px;
	width:15%;
	text-align: center;
	font-weight:normal;
	font-size:x-small;
	background-color:#ffffcc;		/* 背景色(薄黄) */
	color:red;
	display:none;
}
/* 資料データの一覧セル定義 */
td.ItemListData
{
	height:20px;
	text-align: left;
	font-weight:normal;
	font-size:x-small;
	background-color:#ffffff;
}
/* 一覧の予約ボタンのセル定義 */
td.ItemListReserve
{
	width:30px;	/* <#6045> */
	height:20px;
	text-align: left;
	font-weight:normal;
	font-size:x-small;
	background-color:#ffffff;
}

/* 予約情報タイトルの定義 */
.ReserveTitle{font-weight:bold;color:red;}

/* 貸出情報タイトルの定義 */
.LendTitle{font-weight:bold;color:red;}

/* 資料データ項目名のセル定義 */
th.ItemName
{
	height:20px;
	text-align: left;
	font-weight:bold;
	background-color:#ffffcc;		/* 背景色(薄黄) */
	padding: 2px 5px;
}
/* 資料データのセル定義 */
td.ItemData
{
	height:20px;
	text-align: left;
	font-weight:normal;
	font-size:small;
	padding: 2px 5px;
}
/* 資料状況のセル定義 */
td.ItemStatus
{
	height:20px;
	text-align: left;
	font-weight:bold;
	color:red;						/* 文字色(赤) */
	padding: 2px 5px;
}

/* 詳細・イメージセル内テーブル <0000889> */
.DetailImageTable
{
	width:	100%;
}
/* 詳細・イメージセル内各イメージセル <0000889> */
td.DetailImageCell
{
	width:	50%;
}
/* 紀伊國屋BookWeb画像説明文 <0000889> */
td.ExplainBw
{
	font-size:	x-small;
	text-align: left;
}
/* 紀伊國屋BookWeb画像説明文（初期非表示用＠ブックリスト一覧）<0001214> */
td.ExplainBwBL
{
	font-size:	x-small;
	text-align: left;
	display:	none;
}
/* 資料詳細の続きを見るリンク <#6045> */
.SlideItemDown
{
	width: 90%;
	line-height: 20px;
	text-align: left;
	margin: auto;
	padding-left: 20px;
}
/* サービスリンク <#6045> */
.ServiceLinks
{
	width: 90%;
	text-align: left;
	margin: auto;
	padding: 2px;
}
.ServiceLinks .RightBlock
{
	float: right;
}
.ServiceLinks ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.ServiceLinks ul li
{
	float: left;
	margin: 0 5px 2px 5px;
	list-style-type: none;
}
.ServiceLinks ul li.RefWorks
{
	margin-left: 30px;
}
.ServiceLinks ul li a
{
	line-height: 26px;
	vertical-align: middle;
}
/* 検索結果一覧・操作ボタン <0001086> */
.CommandArea
{
	text-align:		right;
	margin-right:	10%;
}
/* 検索結果一覧・左側操作 <#6045> */
.LeftCommandArea
{
	float: left;
	text-align: left;
	margin-left: 10%;
	padding: 1px;
}
/* 検索結果一覧・ページ操作 <#6045> */
.PageArea
{
	clear: left;
	width: 100%;
	text-align: center;
}
/* 検索結果一覧・ヒットなしメッセージ <#6045> */
.NoHitMessage
{
	clear: left;
	width: 100%;
	line-height: 50px;
	text-align: center;
	font-size: 110%;
}
/* 各コマンドボタン間隔 <0001087> */
.CommandInput
{
	margin-left:	20px;
}
/* 検索結果一覧ダウンロード・キャプション＆コントロール <0001086> */
td.DownloadCommand
{
	height:			40px;
	text-align:		center;
}
/* 検索結果一覧ダウンロード・資料一覧 <0001086> */
div.TableArea
{
	margin-left:	5%;
	width:			90%;
	overflow:		auto;
	border:			solid 1px #cccccc;
}
*:first-child + html div.TableArea
{
	overflow:	scroll;
}
table.DowndloadSelect
{
	text-align:		left;
	width:			100%;
	table-layout:	fixed;
}
/* 検索結果一覧ダウンロード・資料一覧カラム <0001086> */
table.DowndloadSelect th
{
	font-weight:		bold;
	background-color:	#ffffcc;
}
table.DowndloadSelect th.DownloadColSelHeader
{
	width:	70px;
}
table.DowndloadSelect th.DownloadColNoHeader
{
	width:	30px;
}
table.DowndloadSelect th.DownloadColDataHeader
{
	width:	100px;
}
td.DownloadColSel
{
	text-align:	center;
	width:		70px;
}
td.DownloadColNo
{
	text-align:	center;
	width:		30px;
}
td.DownloadColData
{
	width:		100px;
	word-wrap:	break-word;
}

/* トップ画面から移行 <0001088> */
/* レイアウト変更 <0001357> */
#MainMenu
{
	width:	700px;
	margin-left: auto;
	margin-right: auto;
}
#MainMenu table
{
	width:	100%;
}
#MainMenu td
{
	width: 25%;
	height:100px;
	padding:10px;
	vertical-align:bottom;
}
#MainMenu td.PasswordMenu
{
	height:30px;
	padding:10px;
	vertical-align:bottom;
}
.BookList
{
	text-align: left;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.BookList .BookListTitle
{
	text-align: left;
	font-size: large;
	font-weight: bold;
	padding-left: 1em;
	border: solid 1px #ddddaa;
	background-color: #ffffcc;		/* 背景色(薄黄) */
}
.BookList .BookListTitle a
{
	text-decoration: none;
}
.BookList ul
{
	list-style-type: none;
}
.BookList a
{
	text-decoration: none;
}
.BookList img
{
	vertical-align: middle;
	margin-right: 1em;
}

/* 索引リンクテーブル <0001056> */
.IndexTable
{
	margin-top:	10px;
}

.LibraryTitle {font-size:x-large;}			/* 図書館名 */
.AttentionText {font-size:x-small;}			/* 注意書きテキスト */
td.SubmenuText {font-size:x-small;}			/* リンクテキスト */

a:link{color:#000099}				/* キャッシュされていないリンク部分の文字色(群青) */
a:visited{color:#990099}			/* キャッシュ済みリンク部分の文字色(紫) */
/* ※a:hoverの定義をa:activeより後ろで定義しないこと */
a:hover[href]{color:#CC0033}				/* カーソル移動時のリンク部分の文字色(赤) */
a:active{color:#CC6600}				/* 選択時のリンク部分の文字色(オレンジ) */

/* 雑誌索引検索 資料区分テーブルセル定義 */
td.IdxMtlCell
{
	padding-left:	10px;
	padding-right:	10px;
}

/* 雑誌索引検索 索引行/文字テーブルセル定義 */
td.IdxListCell
{
	padding-left:	4px;
	padding-right:	4px;
}
/* 雑誌索引検索 索引行/文字テーブルセル定義(強調表示) */
td.IdxListBoldCell
{
	padding-left:	4px;
	padding-right:	4px;
	font-weight:	bold;		/* フォント重み */
	font-size:		x-large;	/* フォントサイズ */
}

/* 雑誌索引検索 一覧テーブル定義 */
table.IdxList
{
	width:	90%;		/* 幅 */
}

/* 資料区分選択に戻る */
.ReturnMtl
{
	text-align:		right;
	margin-right:	10%;
	font-size:		x-small;
}

/* カレンダーのセルサイズ <A0218> */
td.calendar
{
	width:		35px;
	padding:	0px;
	margin:		0px;
}
/* 利用者情報のテーブル */
table.VisitorInfo
{
	width:	90%;
	border:	0;
}
/* 利用者情報エラー表示 <#6042> */
table.VisitorInfo td.ItemListData
{
	font-size:small;
}
/* 文献依頼入力フォーム項目名 <0001180> */
table.ReqItemCmd
{
	width:	90%;
}
/* 文献依頼結果メッセージ <0001180> */
td.ReqResult
{
	padding-left:	4px;
	padding-right:	4px;
	font-size:		larger;
}
/* 文献依頼結果メッセージ（問い合わせ番号） <0001180> */
td.ReqResultReqNo
{
	padding-left:	4px;
	padding-right:	4px;
	font-size:		x-large;
	font-weight:	bold;
}

/* 文献依頼入力画面の値 <0001180> */
td.ReqInputValue
{
	text-align:	left;
}

/* 文献依頼入力画面の項目名 <0001180> */
td.ReqInputItem
{
	text-align:	left;
	min-width:	170px;
	width:		180px;
}

/* 図書館カレンダー日別色情報	<0001188>	*/
font#cal_default{ color : #000000; }	/* 開館日（黒）*/
font#cal_closed{ color : #ff0000; }		/* 休館日（赤）*/
font#cal_extra1{ color : #008000; }		/* その他1（緑）*/
font#cal_extra2{ color : #0000ff; }		/* その他2（青）*/
font#cal_extra3{ color : #800080; }		/* その他3（紫）*/
font#cal_extra4{ color : #ff00ff; }		/* その他4（マゼンダ）*/

/* 図書館カレンダーテーブル情報	<0001188>	*/
table.MultiCalendar
{
	width :	80%;
}
table.Calendar
{
	width :	100%;
}
td.Calendar
{
	width :	35%;
	vertical-align : top;
}

/*	日外BOOKデータサービス	<0002057>	*/
/*	項目名の書影セル定義	<0002057>	*/
th.BDSItemNameImage
{
	width : 20%;
}

/*	書影定義	<0002057>	*/
img.BDSImage
{
	width : 140px;
}

/*	項目名の背景付セル定義	<0002057>	*/
th.BDSItemName
{
	width : 20%;
	padding : 5px;
	text-align : left;
	font-weight: bold;
	background-color : #c0ffc0;	/* 背景色(薄緑) */
}

/*	項目のセル定義	<0002057>	*/
td.BDSItem
{
	padding : 10px 5px;
	text-align : left;
	font-weight : normal;
	font-size : small;
}

/*	項目名の定義	<0002057>	*/
.BDSItemNameText
{
	font-weight : bold;
}

/*	説明文	<0002057>	*/
.BDSExplain
{
	font-size : x-small;
	text-align : left;
}

/*	複数レコードヒット時の注意書き定義	<0002057>	*/
td.BDSMultiRecordMsg
{
	padding : 5px;
	height : 20px;
	text-align : left;
	font-weight: bold;
	background-color : #f0f0f0;	/* 背景色(グレー) */
}

/* 利用者表示 <#6042> */
table.VisitorCustomInfo
{
	width:				90%;		/* 幅 */
	border:solid 1px #cccccc;		/*枠線*/
	margin-top:			auto;		/* マージン */
	margin-bottom:		auto;		/* マージン */
	margin-left:		auto;		/* マージン */
	margin-right:		auto;		/* マージン */
}

/* 利用状況の利用者項目名定義 <#6042> */
th.VisitorItemName
{
	height:20px;
	text-align: left;
	font-weight:bold;
	background-color:#ffffcc;		/* 背景色(薄黄) */
	padding: 2px 5px;
	border:solid 1px #cccccc;		/*枠線*/
}
/* 利用状況の利用者定義 <#6042> */
td.VisitorItemData
{
	height:20px;
	text-align: left;
	font-weight:normal;
	font-size:small;
	background-color:#ffffff;
	border:solid 1px #cccccc;		/*枠線*/
}
/* 各確認画面の資料情報 <#6042> */
table.BiblioConfirmInfo
{
	width:	90%;
	border:	0;
}
/* 所蔵一覧のタイトル <#6043> */
.HoldListTile
{
	float: left;
	height: 22px;
	line-height: 22px;
	margin-left: 5%;
	margin-bottom: 15px;
	vertical-align: bottom;
	font-size: 1.25em;
	padding: 0 10px 0 10px;
	border-bottom: 2px solid #cccccc;
}
.HoldListTile .count
{
	margin-left: 10px;
	font-size: 0.95em;
	display: inline;
}

/** パンくずリストのフォント <#3174> */
div.Navigation
{
	font-size:x-small;
}

/* <#8799> */
/** 紀伊國屋イメージの高さ(詳細画面) */
img.detail_img_kinokuniya
{
	max-height:200px;
}
/** 情報館イメージの高さ(詳細画面) */
img.detail_img_jhk
{
	height:auto;
}

/** 紀伊國屋イメージの高さ(一覧画面) */
img.list_img_kinokuniya
{
	max-height:80px;
}
/** 情報館イメージの高さ(一覧画面) */
img.list_img_jhk
{
	height:auto;
}