/* ======================================================================== */
/*  [webOPAC] for iLiswave  	-旧OPAC風- 緑色                             */
/*   000  2005/12/01 created                                                */
/*   001  2007/12/21 W3C対応                                                */
/*   002  2008/08/01 SP8 TJS)suzuki SP6環境へ適用し、画面構成の             */
/*                                  崩れがないことを確認(height対応)        */
/*   003  2008/08/22 SP8 書誌検索結果一覧にソートキーの追加(S-#245)         */
/*   004  2008/05/15 SP9 書誌一覧上に所蔵情報を表示する(S-#0170)            */
/*   005  2009/08/20 SP9 書誌検索結果一覧のページ遷移リンクの部分を         */
/*                       <ul>タグで表示するよう修正(S-#0705)                */
/*   006  2009/07/30 SP9 利用状況の確認 ログイン中の名前表示(S-#0651)       */
/*   007  2009/09/25 SP9 表紙画像の取得先を選択できるように修正(S-#0376)    */
/*   008  2009/12/21 SP10 検索項目のプルダウン指定とOR検索を追加(S-#0658)   */
/*   009  2010/03/08 SP10 請求記号のラベル表示(S-#0381)                     */
/*   010  2010/04/16 SP10 SerialsSolutionsのAPI連携機能(S-#0930)            */
/*   011  2010/06/22 SP10 書誌事項の表示形式を書誌検索結果一覧に            */
/*                        合わせる(S-#0933)                                 */
/*   012  2010/07/26 SP10 レビュー機能の実装(S-#0381)                       */
/*  ----------------------------------------------------------------------  */
/*                        Copyright (c) 2005 Fujitsu, All rights reserved.  */
/* ======================================================================== */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* [外観設定]                                                               */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*
  【画面基本設定】             
    クラス: body, frame
      備考: ※PKG標準はbody及びframeは同一値とする  
*/
.body, .frame { 
	background-color:	#DBE6E9;
	margin: 			0px;
	padding:			0px;
 	border-width:		0px; 
 	border-collapse:	collapse; 
	empty-cells:		hide; 
	
	/*FJSK W3C*/
 	height: 98%;
}

/*FJSK W3C*/
.frame_top { 
	background-color:	#DBE6E9;
	margin: 			0px;
	padding:			0px;
 	border-width:		0px;
	/*border-collapse:	collapse;*/
 	border-collapse:	separate;
	border-spacing:		0px;
	empty-cells:		hide; 
 	
	/*FJSK W3C*/
 	height: 100%;
}
/*FJSK W3C*/


/*
  【ヘッダ部分の設定】             
    クラス: head(ヘッダ基本), head_btn_area(ボタン表示部)
      備考:   
*/
.head {
	background-color:	#CCCCFF;
	margin: 			0px;
	padding:			0px;
 	border-width:		0px; 
 	border-collapse:	collapse; 
}
.head_btn_area {
	background-color:	#E9E9E9;
	border-color:		#B7B7B7;
 	border-collapse:	collapse; 
	border-width:		1px;
	border-style:		solid;
}


/* W3C FJSK */
/*
  【ヘッダ部分の設定】             
    クラス: head(ヘッダ基本), head_btn_area(ボタン表示部)
      備考:   
*/
.head_img_1 {
	background-image: url(/webopac/image/head_back1.gif);
}
.head_img_2 {
	background-image: url(/webopac/image/head_back2.gif);
}
/* W3C FJSK */


/*
  【フッタ部分の設定】             
    クラス: foot(フッタ基本)
      備考:
*/
.foot { 
 	border-width:		0px; 
 	border-collapse:	collapse; 
	empty-cells:		hide; 
	
	/*FJSK W3C*/
	height:				5px; 
}



/*
  【機能部分の設定-外枠部】             
    クラス: function(機能基本), 
          : func_head(機能ヘッダ), func_head_menu(機能ヘッダ[メニュー]), 
          : func_body(機能ボディ), func_menu(機能ボディ[メニュー]),
          : func_top(機能ボディ[トップ画面])
      備考:
*/
.function { 
	background-color:	#E2F3DC;
	margin: 			0px;
	padding:			0px;
	border-collapse:	collapse; 
	/*FJSK W3C*/
 	height: 100%;
}

.func_head {
	background-image: url(/webopac/image/green/header.png);
	height:				30px;
}
.func_head_menu {
	background-image: url(/webopac/image/green/header_s.png);
	background-color:	#3FB86F;
	border-collapse:	collapse; 
	border-width:		0px;
	margin: 			0px;
	padding:			0px;
	width:				100%;
	height:				20px;
}

.func_body {
	background-image: url(/webopac/image/green/border_s.png);
	background-repeat: repeat-y;
	padding:			5px;
}
.func_menu {
	background-color:	#9ED898;	/* ※別カラーで強調 */
	padding:			1px;
}
.func_top {
	background-image: url(/webopac/image/green/border.png);
	background-repeat: repeat-y;
	padding:			5px;
}
/*FJSK W3C*/
.func_msg {
	background-color:	#9ED898;	/* ※別カラーで強調 */
	padding:			1px;
	height:				100%;
}
/*FJSK W3C*/



/*
  【機能部分の設定-部品1】          
    　説明: 検索条件等格納テーブル
    クラス: fser_table(検索条件用外枠), fser_column(検索項目部), 
          : fser_value(検索値入力部) 
      備考:
*/
.fser_table {
	margin: 			0px;
	padding:			0px;
	border-collapse:	collapse; 
	width:				100%;
}
.fser_column, .fser_value {
	margin: 			0px;
	padding:			0px;
	text-align:			right;
	width:				120px;
}



/*
  【機能部分の設定-部品2】          
    　説明: 一覧データ格納テーブル
    クラス: flst_frame(一覧外枠), flst_head(ヘッダ部)
      備考:
*/
.flst_frame {
	border-collapse:	separate; 
}
.flst_head {
	background-color:	#9ED898;
	padding:			2px;
	height:				15px;
}

.flst_head_ajax {
/*	background-color:	#000000; */
	padding:			2px;
	height:				15px;
}


/*
  【機能部分の設定-部品3】
    　説明: 詳細データ格納テーブル
    クラス: fdtl_hdl_frame(見出しデータ), 
          : fdlt_body(詳細基本), fdlt_frame(詳細外枠), 
          : fdlt_head(ヘッダ部)
      備考:
*/
.fdtl_hdl_frame {
	background-color:	#9ED898;
}
/*W3C FJSK*/
.fdtl_hdl_frame_hlmt {
	background-color:	#9ED898;
	
	height:				40px;
}
/*W3C FJSK*/
.fdlt_body {
	border-color:		#9ED898;
	margin: 			0px;
	padding:			0px;
	border-width:		1px;
	border-style:		solid;
	border-collapse:	collapse; 
	font-family:		'Arial Unicode MS', sans-serif;
}
.fdlt_frame {
	border-color:		#9ED898;
	margin: 			0px;
	padding:			0px;
	border-width:		0px;
	border-style:		solid;
	border-collapse:	collapse; 
}
.fdlt_head {
	background-color:	#9ED898;
	margin: 			0px;
	padding:			0px;
	height:				15px;
	border-color:		#9ED898;
	border-width:		1px;
	border-style:		solid;
	border-collapse:	collapse; 
}



/*
  【機能部分の設定-部品4】          
    　説明: オプション機能
    クラス: opt_frame(外枠), opt_frame_small(外枠[小]), opt_head(見出し), 
          : fser_value(検索値入力部) 
      備考:
*/
.opt_frame {
	border-color:		#B7B7B7;
	width:				98%;
	padding:			3px;
	border-width:		1px;
	border-style:		solid;
}
.opt_frame_small {
	border-color:		#B7B7B7;
	border-width:		1px;
	border-style:		dotted;
}
.opt_head {
	border-width:		0px;
	border-collapse:	collapse; 
	margin: 			0px;
	padding:			0px;
	background-color:	#C8E8BC;
}



/*
  【その他】          
    クラス: nolinkline(画像リンクのリンク線除去),  
          : btn(画像ボタン設定) 
      備考:
*/
.nolinkline {
	margin: 			0px;
	padding:			0px;
	border:				0px;
	text-decoration:	none;
	vertical-align:		top;
}
/*  ※NetScapeの画面でボタンが欠けるので出荷時にはOFF
.btn:hover {
	position:			relative;
	left:				1px;
	top:				1px;
}
*/
/* リンク下線表示等の制御 */
.lnk {
	text-decoration:	none;
}
.lnk:hover {
	text-decoration:	underline;
	background-color:	#ffff33;
}
/* リンク(下線表示等の制御無し) */
.lnk_line {
	text-decoration:	underline;
}
.lnk_line:hover {
	background-color:	#ffff33;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* [表示文字設定]                                                           */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 【見出し】機能名称 */
.title {
	color:				#FFFFFF;
	font-style: 		bold; 
	font-size:			120%;
}

/* 【小見出し】[メニュー]タイトル */
.title_menu {
	color:				#FFFFFF;
	font-size:			72%;
}

/* 【小見出し】[メニュー]リスト */
.list_menu {
	color:				#000000;
	font-size:			72%;
}

/* 【情報用見出し】※目録詳細の資料情報等の表示部に使用 */
.info {
	color:				#000000;
	font-style: 		bold; 
	font-size:			110%;
	letter-spacing: 	1px;
}
/* 【情報用見出し(小)】 */
.info_small {
	color:				#000000;
	font-style: 		bold; 
	font-size:			90%;
	letter-spacing: 	1px;
}

/* 【説明文】※_emphは強調表現 */
.comment {
	color:				#23526D;
	font-style: 		normal; 
	font-size:			72%;
}
.comment_cln {
	color:				#23526D;
	font-style: 		normal;
	font-size:			72%;
	text-decoration:	underline;
}
.comment_emph {
	color:				#23526D;
	font-style: 		bold; 
	font-size:			80%;
}
.comment_emph2 {
	color:				#23526D;
	font-style: 		bold; 
	font-size:			80%;
}
.comment_s {
	color:				#23526D;
	font-style: 		normal;
	font-size:			59%;
}

/* 【項目名】※検索・入力項目名称 */
.column {
	font-style: 		bold; 
	font-size:			72%;
}
.column_emph {
	font-style: 		bold; 
	font-size:			80%;
}
.column_emph2 {
	font-style: 		bold; 
	font-size:			80%;
}
/* 【項目値】※検索・入力項目値 */
.value {
	font-style: 		normal;
	font-size:			72%;
}
.value_emph {
	font-style: 		bold;
	font-size:			80%;
}
.value_emph2 {
	font-style: 		bold;
	font-size:			80%;
}

/* 【項目名】※一覧・詳細項目名称 */
.lst_head {
	color:				#000000;
/*	font-style: 		italic; */
	font-size:			72%;
}
.lst_head_emph {
	color:				#000000;
/*	font-style: 		italic; */
	font-size:			80%;
}
.lst_head_emph2 {
	color:				#000000;
/*	font-style: 		italic; */
	font-size:			80%;
}
.lst_head_ajax {
	color:				#23526D;
/*	font-style: 		italic; */
	font-size:			72%;
}

/* 2008.08.22 shimada add start(S-#0245) */
/* 【ソートキー】 ※書誌検索結果一覧     */
.lst_head_sort {
	font-size:			72%;
}
.lst_head_sort:hover {
	color:				0000FF;
	background-color:	#ffff33;
}
.lst_head_sort2 {
	color:				FF8135;
	font-size:			82%;
}
/* 2008.08.22 shimada add end(S-#0245) */

/* ページ遷移リンク */
.lst_page_transition_ul {
	font-size:			82%;
	float:				right;
	padding:			0px;
	margin:				0px;
	border:				0px;
}
.lst_page_transition_li {
	float:				left;
	list-style:			none;
}
.lst_page_transition_a {
	display:			block;
	float:				left;
	padding:			3px 3px;
	margin-right:		2px;
	border:				solid 1px transparent;
}
.lst_page_transition_a:hover {
	background-color:	#ffff33;
	border:				solid 1px #666666;
}
.lst_page_transition_li_next,
.lst_page_transition_li_previous {
	font-weight:		bold;
	float:				left;
}
.lst_page_transition_active {
	color:				#FF8135;
	font-weight:		bold;
	display:			block;
	float:				left;
	list-style:			none;
	padding:			4px 3px;
	margin-right:		2px;
}

/* 【項目値】※検索・一覧・詳細表示内容 */
.lst_value {
	color:				#000000;
	font-style: 		bold; 
	font-size:			90%;
	font-family:		'Arial Unicode MS', sans-serif;
}
.lst_value_cln {
	color:				#000000;
	font-size:			90%;
	font-family:		'Arial Unicode MS', sans-serif;
	text-decoration:	underline;
}
.lst_value_emph {
	color:				#000000;
	font-style: 		bold; 
	font-size:			95%;
}
.lst_value_emph2 {
	color:				#000000;
	font-style: 		bold; 
	font-size:			95%;
}

/* 【概要情報(主)】※書誌詳細の書誌事項など */
.hdl_main {
	color:				#000000;
	font-style: 		bold; 
	font-size:			90%;
	font-family:		'Arial Unicode MS', sans-serif;
}
/* 【概要情報(副)】 */
.hdl_sub {
	color:				#23526D;
	font-size:			72%;
	font-family:		'Arial Unicode MS', sans-serif;
}
.hdl_sub_l {
	color:				#000000;
	font-size:			90%;
	font-family:		'Arial Unicode MS', sans-serif;
}

.hdl_sub_blk {
	color:				#000000;
	font-size:			72%;
	font-family:		'Arial Unicode MS', sans-serif;
}

/* 【見出し】オプション名称 */
.opt_title {
	color:				#000000;
/*	font-style: 		italic; */
	font-size:			72%;
}
/* 【説明文】※オプション固有 */
.opt_comment {
	color:				#000000;
	font-size:			72%;
}
.opt_comment_emph {
	color:				#000000;
	font-size:			80%;
}
.opt_comment_emph2 {
	color:				#000000;
	font-size:			80%;
}

/* 【組織名】※ヘッダに表示 */
.organization {
	color:				#23526D;
	font-style: 		bold; 
	font-size:			100%;
}

/* 【著作権】※フッタに表示 */
.copyright {
	color:				#23526D;
	font-size:			60%;
}

/* 【カレンダー】 */
.cal_frame {
	border-color:		#B7B7B7;
	width:				100%;
	height:				100%;
	padding:			3px;
	border-width:		1px;
	border-style:		solid;
}
.cal_table {
	border-width:		0px;
	border-collapse:	collapse;
}
.cal_table_header {
	border-color:		#35B164;
	border-width:		1px;
	border-collapse:	collapse;
	border-style:		solid;
}
.cal_table_data {
	border-color:		#35B164;
	border-width:		1px;
	border-collapse:	collapse;
	border-style:		solid;
}
.cal_table_data_close {
	border-color:		#35B164;
	border-width:		1px;
	border-collapse:	collapse;
	border-style:		solid;
	background-color:	#FF80FF;
}
.cal_table_data_dtldate {
	border-color:		#FF0000;
	border-width:		2px;
	border-collapse:	collapse;
	border-style:		solid;
}
.cal_table_data_close_dtldate {
	border-color:		#FF0000;
	border-width:		2px;
	border-collapse:	collapse;
	border-style:		solid;
	background-color:	#FF80FF;
}

.cal_dtldate {
	border-color:		#FF0000;
	border-width:		2px;
	border-collapse:	collapse;
	border-style:		solid;	
}
.cal_title {
	font-size:			72%;
	font-weight:		bold;
	text-decoration:	underline;
}
.cal_title2 {
	font-size:			120%;
	font-weight:		bold;
	text-decoration:	underline;
}
.cal_head {
	color:				#000000;
	font-size:			60%;
}
.cal_head_sun {
	color:				#FF0000;
	font-size:			60%;
}
.cal_head_sat {
	color:				#0000FF;
	font-size:			60%;
}
.cal_head2 {
	color:				#000000;
	font-size:			80%;
}
.cal_head2_sun {
	color:				#FF0000;
	font-size:			80%;
}
.cal_head2_sat {
	color:				#0000FF;
	font-size:			80%;
}
.cal_value {
	color:				#000000;
	font-size:			60%;
	font-family:		'Arial Unicode MS', sans-serif;
}
.cal_value2 {
	color:				#000000;
	font-size:			70%;
	font-family:		'Arial Unicode MS', sans-serif;
}
.cal_dtl {
	color:				#000000;
	color:				#23526D;
	font-size:			72%;
	font-family:		'Arial Unicode MS', sans-serif;
}

/* 【表紙画像】 */
.big {
	position:			absolute;
	z-index:            2;
	top:				-100px;
	left:				120px;
	border:             3px outset #dddddd;
}

/*W3C FJSK start*/
/*
  【汎用】             
    クラス: height_100
      備考:   
*/
.height_100 {
 	height: 100%;
}

.height_180px {
	height:	180px;
}
.height_40px {
 	height: 40px;
}
.height_30px {
 	height: 30px;
}
.height_20px {
 	height: 20px;
}
.height_17px {
 	height: 17px;
}

.nobr {
	white-space: nowrap;
}

.nomargin {
	margin: 			0px;
}
/*W3C FJSK end*/

/* 水平方向の罫線(細い実線) */
.listline {
  border-top:1px solid #B7B7B7;
  margin-bottom:0px;
  margin-top:0px;
  text-align:center;
  clear:both;
}

/* 水平方向の罫線(細い実線)緑 */
.listline_green {
  border-top:1px solid #9ED898;
  margin-bottom:0px;
  margin-top:0px;
  text-align:center;
  clear:both;
}

/* 水平方向の罫線(点線) */
.headline {
  border-top:1px dotted #B7B7B7;
  margin-bottom:0px;
  margin-top:0px;
  text-align:center;
  clear:both;
}

/* ログイン中の名前表示 */
.welcome {
	color:				#FFFFFF;
	font-style: 		bold; 
	font-size:			100%;
}

/* OR検索画面での条件追加 */
#div_addkey_changeline {
	width:100%;
	height:3px;
	vertical-align:bottom;
	overflow:hidden;
}

/* 請求記号のボックス画面表示用 */
.cln_block{
}
.cln_block table{
	border:				2px solid #2E8B57;
	margin:				0;
	padding:			0;
	font-family:		'Arial Unicode MS', sans-serif;
	font-size:			12;
	width:				60px;
	height:				60px;
	background-color:	#FFFFFF;
}
.cln_block tr{
	width:				60px;
	height:				10px;
	text-align:			center;
}
.td_cln{
	border-bottom:		1px solid #2E8B57;
}
.tbl_cln {
	margin: 			0px;
	padding:			0px;
	border:				0px;
}

/* SerialsSolutionsのAPI連携 */
.func_ss_body{
	background-color:	#FFFFFF;
	padding:			2px;
}

.func_ss_body2{
	position: 			absolute;
	filter:				Alpha(opacity=90);
	display:			none;
	top:				0px;
	right:				0px;
	background-color:	#FFFFFF;
	width:				500px;
	height:				100px;
}

.func_ss_body3{
	position: 			absolute;
	filter:				Alpha(opacity=90);
	display:			none;
	top:				0px;
	right:				0px;
}

/* レビューの５つ星 */
.starSprite {
    display: -moz-inline-box;
    display: inline-block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    vertical-align: middle;
    background: url(/webopac/image/stars.gif) no-repeat; 
}

.star_0_0 { background-position: -65px 0px; width: 65px;height: 12px; }
.star_0_5 { background-position: -52px -12px; width: 65px;height: 12px; }
.star_1_0 { background-position: -52px 0px; width: 65px;height: 12px; }
.star_1_5 { background-position: -39px -12px; width: 65px;height: 12px; }
.star_2_0 { background-position: -39px 0px; width: 65px;height: 12px; }
.star_2_5 { background-position: -26px -12px; width: 65px;height: 12px; }
.star_3_0 { background-position: -26px 0px; width: 65px;height: 12px; }
.star_3_5 { background-position: -13px -12px; width: 65px;height: 12px; }
.star_4_0 { background-position: -13px 0px; width: 65px;height: 12px; }
.star_4_5 { background-position: -0px -12px; width: 65px;height: 12px; }
.star_5_0 { background-position: 0px 0px; width: 65px;height: 12px; }