@charset "UTF-8";

/*
 ===================================================================
   【共通】                                                         
 ===================================================================
*/
#wrapper {
	width:					100%;
	height:					100%;
}

.hidden {
	display:				none;
}

/*
 =======================================================
  【区切り線画像】             
    クラス: hr
 =======================================================
*/
.hr {
	background-image:		url(/cassV3/image/dotline.gif);
	background-repeat:		repeat-x;
	background-position:	center;
	height:					6px;
	width:					97%;
	padding:				6px 0px 2px 0px;
	margin:					20px 5px 2px 5px;
	clear:					both;
}

/*
 =======================================================
  【画面基本設定】             
    クラス: body, frame
 =======================================================
*/
.body, .frame {
	background-color:		#FFFFFF;
	margin:					0px;
	padding:				0px;
}

/*
 =======================================================
  【ヘッダ設定】             
    クラス: head, head_opt_area(リンクヘッダ),
            head_func_area(機能ヘッダ全体),
            head_left(ロゴ部), head_middle(タイトル部),
            head_right(利用者情報部), head_bottom(区切り),
            head_button(ボタン)
 =======================================================
*/
.head {
	width:					100%;
	height:					60px;
	margin:					0px;
	padding:				0px;
}

.head_opt_area {
	width:					100%;
}

.head_left {
	background-color:		#FFFFFF;
	top:					13px;
	width:					120px;
	height:					37px;
	float:					left;
	position:				absolute;
	left:					2px;
}

.head_middle {
	background-color:		#FFFFFF;
	position:				absolute;
	top:					13px;
	height:					36px;
	left:					114px;
	margin:					0px;
	padding:				0px;
	clip:					rect(0px,auto,46px,auto);
}

.head_right {
	position:				absolute;
	top:					13px;
	width:					510px;
	height:					22px;
	right:					3px;
	float:					right;
	text-align:				bottom;
	padding:				4px 0px 10px 0px;
}

.head_func_area {
	background-color:		#CCCCCC;
	top:					-3px;
	width:					100%;
	height:					29px;
	border:					1px solid #666666;
	position:				relative;
	margin:					0px;
	padding:				0px;
}

.head_button {
	top:					1px;
	height:					23px;
	position:				absolute;
}

.head_bottom {
	background-repeat:		repeat-x;
	background-position:	bottom;
	top:					45px;
	width:					100%;
	height:					11px;
	left:					0px;
	bottom:					57px;
	border:					0px solid #666666;
	position:				absolute;
	margin:					0px;
	padding:				0px;
	clip:					rect(auto,auto,auto,auto);
}

/*
 =======================================================
  【フッタ設定】             
    クラス: foot
 =======================================================
*/
.foot {
 	border-width:			0px; 
 	border-collapse:		collapse; 
	empty-cells:			hide; 
}

/*
 ===================================================================
   【機能】                                                         
 ===================================================================
*/
/*
 =======================================================
  【機能部分基本設定】             
    クラス: func_area, func_frame, 
            func_title(タイトル), func_body(機能ボディ)
 =======================================================
*/
.func_area, .func_frame {
	top:					15px;
	bottom:					5px;
	width:					95%;
	left:					13px;
	text-align:				center;
	vertical-align:			middle;
	position:				relative;
}

.func_area_sa {
	margin-top:				17px;
	bottom:					5px;
	width:					100%;
	left:					5px;
	text-align:				center;
	vertical-align:			middle;
	position:				relative;
}

.func_area_o, .func_frame_o {
	top:					25px;
	bottom:					5px;
	width:					100%;
	height:					100%;
	left:					2px;
	right:					2px;
	text-align:				center;
	position:				relative;
}

.func_title {
	background-color:		#34919C;
	text-align:				left;
	padding:				3px 10px 3px 10px;
	width:					96%;
}

.func_subtitle {
	background-color:		#34919C;
	text-align:				left;
	padding:				3px 10px 3px 10px;
	width:					100%;
}

.func_body {
	width:					800px;
	text-align:				center;
	margin:					0px auto 0px auto;
	padding:				0px;
}

.func_body_o {
	width:					600px;
	text-align:				left;
	margin:					0px auto 0px auto;
	padding:				0px;
}

.func_button {
	height:					28px;
}

/*
 =======================================================
  【ログイン画面】
    背景画像
 =======================================================
*/
.login_area {
	background-color:		#00B6F2;
	width:					400px;
	height:					100px;
	position:				relative;
	padding:				30px;
	margin:					auto auto auto auto;
	text-align:				center;
}

/*
 =======================================================
  【検索部分設定】             
    クラス: srch_area, srch_frame, 
            column_key(検索項目), column_value(検索値),
            site_area, site_frame
 =======================================================
*/
.srch_area, .srch_frame{
	background-color:		#a8dbdb;
	text-align:				middle;
	width:					70%;
	vertical-align:			middle;
	padding:				15px;
	margin:					10px auto 10px auto;
}

.column_key{
	text-align:				right;
	font-weight:			bold;
	margin-top:				4px;
	margin-right:			1px;
	clear:					left;
}

.column_value{
	width:					270px;
}

.site_area, .site_frame{
	width:					100%;
	margin:					0px;
	padding:				19px 0px 0px;
}

.site_chk_button{
	left:					1px;
	text-align:				left;
	vertical-align:			left;
	margin:					10px auto;
	padding:				1px 1px auto 5px;
}

.site_table{
	width:					100%;
	background-color:		#d0ede7;
	border-collapse:		collapse;
	text-align:				left;
	border-top-width:		1px;
	border-bottom-width:	1px;
	border-top-style:		solid;
	border-bottom-style:	solid;
	border-color:			#333333;
	padding:				5px;
}

#site_celwhite{
	background-color:		#FFFFFF;
	border-top-width:		1px;
	border-top-style:		solid;
	border-color:			#333333;
	width:					200px;
}

#site_celwhite_chkbox{
	background-color:		#FFFFFF;
	border-top-width:		1px;
	border-top-style:		solid;
	border-color:			#333333;
	width:					10px;
}

#site_celnoboard{
	background-color:		#d0ede7;
	width:					20%;
}

#site_celdef{
	border-collapse:		collapse;
	border-top-width:		1px;
	border-top-style:		solid;
	border-color:			#333333;
	width:					20%;
}

/*
 =======================================================
  【検索結果一覧部分設定】             
    クラス: keywd_area, keywd_frame, keywd_list,
            keywd_key(検索項目), keywd_value(検索値),
            list_area, list_frame, listhlp_area,
            ifram_area, ifram_frame,
            link_area, link_frame
 =======================================================
*/

.keywd_area, .keywd_frame{
	width:					95%;
	left:					6px;
	text-align:				left;
	padding:				5px 0px 0px 0px;
	margin:					0px 0px 0px 5px;
}

.keywd_list{
	width:					100%;
	border-collapse:		collapse;
	border:					1px solid #666666;
	margin:					0px 2px 0px 2px;
	padding:				2px 0px 2px 0px;
}

.keywd_key{
	background-color:		#d0ede7;
	padding:				3px;
	width:					100px;
	border:					1px solid #666666;
	text-align:				right;
}

.keywd_value{
	border:					1px solid #666666;
	text-align:				left;
	padding:				3px;
}

.resrch_button{
	padding:				10px 0px 0px 0px;
}

.down_button{
	height:					23px;
}

.list_area, list_frame{
	padding:				0px 5px 10px 10px;
	clear:					both;
}

.listhlp_area{
	text-align:				left;
	background-color:		#d0ede7;
	width:					97%;
	height:					45px;
	margin:					5px 0px 0px 0px;
	padding:				3px 0px 0px 0px;
}

.table_list{
	background-color:		#FFFFFF;
	border-collapse:		collapse;
	width:					94%;
	vertical-align:			top;
	text-align:				left;
	margin:					5px 5px 2px 5px;
	padding:				5px 0px 2px 5px;
}

.table_key1{
	background-color:		#F5F5F5;		
	border-collapse:		collapse;
	border-bottom:			1px solid #333333;
	border-top:				1px solid #333333;
	border-right-color:		#333333;
	border-left-color:		#333333;
	text-align:				left;
}

.table_value1{
	vertical-align:			top;
	margin:					3px;
	padding:				5px 3px 3px 3px;
}

.table_value2{
	margin:					2px;
	padding:				2px 0px 0px 0px;
}

.table_value3{
	margin:					2px;
	padding:				0px;
	border-bottom:			1px solid #CCCCCC;
}

.table_value4{
	margin:					3px;
	border-bottom:			1px solid #CCCCCC;
	padding:				5px 3px 3px 3px;
}

.table_value5{
	margin:					10px 0px 0px 0px;
}

.menuframe{
	width:					120px;
}

.iframe_area, iframe_frame{
	height:					100%;
	position:				relative;
	float:					right;
	clear:					both;
}

.iframe{
	height:					600px;
}

.iframe2{
	background-color:		#FFFFFF;
	margin-top:				15px;
	overflow-y:				hidden;
	overflow-x:				hidden;
}

.iframe3{
	height:					50%;
	overflow-y:				auto;
}

.iframe_table_color{
	background-color:		#FFFFFF;
}

#iframe_table_margin{
	margin-left:			10px;
}

#iframe_table_margin2{
	margin-left:			20px;
}

.iframe_search_status{
	color:					#FF0000;
	font-weight:			bold;
}

.iframe_search_count{
	background-color:		#FFFFFF;
	margin:					0px 0px 0px 40px;
}

.sitepadding {
	padding-top:			3px;
	padding-bottom:			3px;
}

#selectsite {
	background-color:		#d0d0e7;
	font:					bold;
}

/*
 =======================================================
  【検索結果詳細部分設定】             
    クラス: detail_area, detail_frame, 
            list_key(項目), list_value(値),
 =======================================================
*/
.detail_area, .detail_frame{
	width:					100%;
	text-align:				left;
	vertical-align:			left;
	margin:					3px auto 15px auto;
	padding:				5px;
}

.detaillist_area{
	width:					95%;
	vertical-align:			left;
	text-align:				left;
	margin:					10px;
	padding:				0px;
}

.list_table{
	width:					100%;
	clear:					left;
	padding-top:			3px;
	padding-bottom:			3px;
	vertical-align:			top;
	text-align:				left;
}

.list_key{
	top:					0px;
	vertical-align:			top;
	float:					left;
	text-align:				right;
	margin-right:			0em;
	position:				relative;
	display:				block;
	clear:					left;
}

.list_value{
	top:					0px;
	left:					0px;
	vertical-align:			bottom;
	text-align:				left;
	position:				relative;
}

/*
 =======================================================
  【MySearch部分設定】             
    クラス: mysrch_area, mysrch_frame, 
 =======================================================
*/
.mysrch_area, .mysrch_frame{
	width:					600px;
	height:					100%;
	margin:					0px auto;
	padding:				0px;
	align:					center;
	text-align:				center;
}

.mysrch_button{
	width:					600px;
	top:					10px auto 0px auto;
	margin:					auto;
	position:				relative;
	text-align:				center;
	list-style-type:		none;
}

.histry_area{
	width:					600px;
	border-collapse:		collapse;
	margin:					0px;
	clear:					both;
}

.histry_tr{
	background-color:		#d0ede7;
	text-align:				left;
	padding:				2px;
}

.histry_th{
	border-top:				1px solid #333333;
	border-bottom:			1px solid #333333;
	text-align:				center;
	padding:				4px;
	word-break:				break-all;
}

.histry_td{
	border-bottom:			1px solid #cccccc;
	text-align:				left;
	padding:				4px;
	word-break:				break-all;
}

/*
 =======================================================
  【別ウィンドウ部分設定】             
    クラス: sub_area, sub_frame, 
 =======================================================
*/
.sub_area, .sub_frame{

}

.sub_column{

}

/*
 ===================================================================
   【表示文字設定】                                                         
 ===================================================================
*/
h3{
	color:					#003399;
	font-size:				90%;
	text-align:				center;
	margin-top:				10px;
	padding-left:			2px;
}

h4{
	color:					#003399;
	font-size:				90%;
	text-align:				left;
	margin-top:				10px;
	padding-left:			2px;
}

h5{
	color:					#003399;
	font-size:				90%;
	text-align:				left;
}

/*
 =======================================================
  【ヘッダ】
    利用者名, リンク, MySearch
 =======================================================
*/
#useroption{
	color:					#FFFFFF;
	font-size:				90%;
	height:					22px;
	float:					right;
	margin:					0px;	
	padding-top:			4px;
}

.mysearch{

}

.head a:link{
	color:					#FFFFFF;
}

.head a:visited {
	color:					#FFFFFF;
}

#head_right_font {
	color:					#FFFFFF;
}

/*
 =======================================================
  【見出し】
    機能名称
 =======================================================
*/
#title {
	color:					#FFFFFF;
	font-size:				90%;
	font-weight:			bold;
	vertical-align:			bottom;
	margin:					2px;
	letter-spacing:			3px;
	word-spacing:			2pt;
}

/*
 =======================================================
  【情報用見出し】
    お知らせ、画面情報表示部
 =======================================================
*/
#infomation {
	font-size:				90%;
	font:					bold;
	text-align:				center;
	margin:					5px 0px 5px 0px;
	padding:				1px 30px 1px 30px;
}

/*
 =======================================================
  【項目名】
    検索項目
 =======================================================
*/
#key {
	font-weight:			bold;
	text-align:				right;
	margin:					4px 1px auto auto;
	clear:					left;		
}

/*
 =======================================================
  【項目値】
    検索項目値
 =======================================================
*/
#value {

}

/*
 =======================================================
  【その他】
 =======================================================
*/
.other {

}

/*
 =======================================================
  【サイト】
    サイト
 =======================================================
*/
#site{
	font-weight:			bold;
	font-size:				90%;
	color:					#333333;		
	word-break:				break-all;
}

/*
 =======================================================
  【検索項目名】
    一覧・詳細画面表示用
 =======================================================
*/
#disp_key{
	font-size:				90%;
	font-weight:			bold;
}

/*
 =======================================================
  【検索項目値】
    一覧・詳細画面表示用
 =======================================================
*/
#disp_value{
	font-size:				90%;
	word-break:				break-all;
}

/*
 =======================================================
  【検索結果一覧】
    リスト
 =======================================================
*/
#list{
	font-size:				90%;
}

#key1{
	font-size:				90%;
	text-align:				left;
	font-weight:			bold;
}

#key2{
	font-size:				90%;
}

#key3{
	font-weight:			bold;
	margin-top:				10px;
	margin-bottom:			10px;
}

#colorchange{
	background-color:		#EEEEEE;
}


/*
 =======================================================
  【検索結果一覧】
    頁リンク
 =======================================================
*/

#page{
	font-size:				90%;
	text-align:				right;
	margin:					5px 0px 5px 0px;
	padding-right:			7px;
}

/*
 =======================================================
  【検索結果一覧】
    進捗状況
 =======================================================
*/
#searchinfo{
	color:					#003399;
	font-size:				90%;
	text-align:				left;
	margin-top:				10px;
	padding-left:			2px;
}

#searchinfo_in{
	font-size:				90%;
}

/*
 =======================================================
  【検索結果一覧】
    リンク(ダウンロード, SDI&アラートへ登録)
 =======================================================
*/
#linkinfo{
	font-size:				90%;
}

/*
 =======================================================
  【検索結果一覧】
    コメント用
 =======================================================
*/
.comment_infomation{
	text-align:				center;
}

#comment_searchinfo{
	color:					#FF0000;
	font-style:				bold;
	font-size:				90%;
}

#comment_linkinfo{
	color:					#0000FF;
	font-style:				bold;
	font-size:				90%;
}

/*
 =======================================================
  【テナント一覧】
 =======================================================
*/
.tenant_table{
	border: 				1px lightgrey solid;
	border-collapse:		collapse;
}
.tenant_tr{
	height:					30px;
}
.tenant_td{
	border-collapse:		collapse;
	border-top-width:		1px;
	border-top-style:		dashed;
	border-left-width:		1px;
	border-left-style:		dashed;
	border-color:			#333333;
	width:					20%;
}
#tenant_td_white{
	background-color:		mintcream;
}
#tenant_td_gray{
	background-color:		whitesmoke;
}

/*
 =======================================================
  【ヘッダ】
    組織名
 =======================================================
*/
.organization {
	color:					#003366;
	font-style:				bold; 
	font-size:				120%;
	height:					20px;
	margin:					4px 49px 5px 2px;
	vertical-align:			6px;
}

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

/*
 =======================================================
  【Fiera連携用】
 =======================================================
*/
.body_req, .frame_req {
	background-color:		#FFFFFF;
	margin:					0px;
	padding:				0px;
}

.fiera_area_req {
	background-color:		#A8DBDB;
	width:					70%;
	position:				relative;
	padding:				30px;
	width:					75%;
	margin-top:				20px;
	margin-left:			auto;
	margin-right:			auto;
}

.fiera_area_req2 {
	background-color:		#A8DBDB;
	width:					900px;
	position:				relative;
	padding:				30px;
	margin-top:				20px;
	margin-left:			auto;
	margin-right:			auto;
}

.fiera_area_req3 {
	width:					75%;
	padding-right:			30px;
}

.fiera_func_title {
	background-color:		#34919C;
	text-align:				left;
	padding:				1px 3px 1px 3px;
}

.fiera_date_area_req {
	background-color:		#FFFFFF;
	width:					100%;
}

.fiera_date_area_req2 {
	background-color:		#FFFFFF;
	width:					65%;
}

.fiera_date_title_req {
	background-color:		#D0EDE7;
}

.fiera_kan_area_req {
	background-color:		#FFFFFF;
}

.fiera_kan_not_req {
	background-color:		#CCCCCC;
}

.input_size_max {
	width:					100%;
}

.input_size_max2 {
	width:					100%;
	ime-mode:				active;
}

.fiera_error_font {
	color:					red;
}

/*
 =======================================================
  【検索結果一覧画面】
  新書誌同定機能用
 =======================================================
*/

.libbtnval{
	font-weight:			bold;
	margin-top:				10px;
	margin-bottom:			10px;
}

.libsrhdiv{
	margin-right:			5px;
	margin-left:			5px;
	
}

.libsrhcolorchange{
	background-color:		#EEEEEE;
}


.status_table{
	padding-top:			2px;
	padding-bottom:			5px;
}

.status_libsrh_txt{
	padding-top:			7px;
	padding-bottom:			4px;
}

/*
 =======================================================
  【相互貸借依頼画面】
 =======================================================
*/

.area_input_wrapper {
	display:				flex;
    justify-content:		space-around;
}

.area_input_wrapper span {
	margin-right:			5px;
}