/* ======================================================================== */
/*  [webOPAC] for iLiswave  	-旧OPAC風- 緑色                             */
/*   000  2005/12/01 created                                                */
/*   001  2007/12/21 W3C対応                                                */
/*  ----------------------------------------------------------------------  */
/*                        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;
}



/*
  【機能部分の設定-部品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;
}
/*  ※NetScapeの画面でボタンが欠けるので出荷時にはOFF
.btn:hover {
	position:			relative;
	left:				1px;
	top:				1px;
}
*/
/* リンク下線表示等の制御 */
.lnk {
	text-decoration:	none;
}
.lnk:hover {
	text-decoration:	underline;
	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_emph {
	color:				#23526D;
	font-style: 		bold; 
	font-size:			80%;
}
.comment_emph2 {
	color:				#23526D;
	font-style: 		bold; 
	font-size:			80%;
}

/* 【項目名】※検索・入力項目名称 */
.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_value {
	color:				#000000;
	font-style: 		bold; 
	font-size:			90%;
	font-family:		'Arial Unicode MS', sans-serif;
}
.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;
}

/* 【見出し】オプション名称 */
.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;
}


/*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*/