/**********************************************************/
/***************　ここから従来スタイルbstyle.css　*********/
/**********************************************************/

TEXTAREA{resize: vertical;}

.bgclonepopbody {background-color:#CCFFCC;color:#000066;}
.bgclonepopbody {border:none;font:bold;font-size:100%;text-align:center;background-color:#CCFFCC;color:#000066;}
.bgclonepopbody {border:none;font-size:100%;background-color:#CCFFCC;color:#000066;}


INPUT.clsdisptxt {border:none;font-size:100%;}

INPUT.clstxt {font-size:100%;}
INPUT.clsinactxt {ime-mode:inactive;font-size:100%;}
INPUT.clsactxt {ime-mode:active;font-size:100%;}
INPUT.clsbluetxt {border:none;background:#93BEE2;color:#003366;font-size:100%;}
INPUT.clsprice {ime-mode:inactive;font-size:100%;text-align:right;}
INPUT.clsyellowprice {border:none;background:#fffdc5;color:yellow;font-size:100%;text-align:right;}
INPUT.clsmsgtxt {border:none;background:#fffdc5;color:white;font-family:"Meiryo UI";font-size:100%;text-align:center;}
INPUT.clsbtn {font-size:80%;}
INPUT.clsdateY {ime-mode:inactive;font-size:100%; width:50px;}
INPUT.clsdate {ime-mode:inactive;font-size:100%; width:35px;}

TEXTAREA.clsarea {font-size:100%;}
TEXTAREA.clsinacarea {ime-mode:inactive;font-family:"Meiryo UI";font-size:100%;}
TEXTAREA.clsacarea {ime-mode:active;font-family:"Meiryo UI";font-size:100%;}
TEXTAREA.clsacareanowrap {ime-mode:active;font-size:100%;word-wrap:normal;overflow:auto;}
TEXTAREA.clsdisparea {overflow:hidden;background:#fffdc5;border:none;color:white;font-size:100%;}
TEXTAREA.clsacarea1 {ime-mode:active;font-size:100%;overflow:auto;padding-left:5px;border-left:0px;line-height:1.2em;}
TEXTAREA.clsdisparea1 {background:#fffdc5;border:none;color:white;font-size:100%;width:40px;overflow:hidden;border-right:0px;text-align:right;line-height:1.2em;}
TEXTAREA.clsarealine {background:#fffdc5;border:none;color:white;font-size:120%;height:200px;width:23px;overflow:hidden;text-align:right;line-height:20px;}
TEXTAREA.clsareacontent {height:200px; margin:0; overflow-x:hidden; line-height:20px;ime-mode:active;font-size:100%;}

SELECT.clscbo {font-size:100%;}

DIV.btnbar {background-color:#93BEE2;}
DIV.left {float:left;}
DIV.right {float:right;}
DIV.newrow {clear:left;}
    
.smalldotarea {height:1;overflow:hidden;border:none;color:white;font-size:100%;}
.smalldottxt {height:8;border:none;font-size:100%;}
.smalldotflag {border:none;font:4pt;fontWeight:700;}

.wbreak {word-break:break-all}

@media screen{.printheader {display:none;};.screenheader {display:block;}}
@media print{.printheader {display:table-header-group;};.screenheader {display:none;}}
@media screen{.clsprint {overflow:auto};}
@media print{.clsprint {overflow:hidden};}
@media screen{#midpart {display:block;} #midpartprint {display:none;}}
@media print{#midpart {display:none;} #midpartprint {display:block;}}

DIV.mask
{
/*
	position:absolute; top:0px; left:0px; background-color:#000; filter:alpha(opacity:100);
	height:expression(document.body.scrollHeight);
	width:expression(document.body.clientWidth);
*/
	position:absolute; top:0px; left:0px;
}

#maskmain, #maskfoot {position:absolute;top:0px;left:0px;height:100%;width:100%;background-color:#000;filter:alpha(opacity:0);display:none;}

/* ======= 背景色・文字色の設定、デフォルト ======= */
.bgbody {margin:0px; font-family:"ＭＳ Ｐゴシック";}
.bginactxt {ime-mode:inactive; font-size:100%;}
.bgprice {ime-mode:inactive; font-size:100%; text-align:right;}
.bgdisptxt {border:none;font-size:100%;}
.bgdispbordertxt {font-size:100%;}
.bgdisparea, .bg3disparea {overflow:hidden; border:none; font-size:100%;}

/* bgcolor -- 背景色*/
.bgbody, .bginactxt, .bgdisptxt, .bgdispbordertxt, .bgdisparea, .bg3disparea, .bgprice,
.smalldotarea, .smalldottxt, .smalldotflag {background-color:#008BBB;}

/* bgcolor2 -- 現在、画面上部の水色の部分の背景色 */
.bgtopbar {background-color:#93BEE2;color:#003366;}
.bgtopname {color:red; font-style:italic; font-size:18pt; font-weight:bold;}
.bgtoptxt {border:none;font-size:100%;background-color:#93BEE2;color:#003366;}
.bgtopspan {color:#003366;}

/* bgcolor3 -- ボタンバーの背景色 */
.bgbtnbar {background-color:#93BEE2;}
.bgmsgtxt {border:none;font:bold;font-size:100%;text-align:center;background-color:#336699;color:white;}

/*text -- 基本の文字色*/
.bgbody, .bgdisparea {color:#000055;}

/* text2   --「※」等 必須項目の説明箇所 */
.bg2txt {color:#93BEE2;}

/* text3   -- 半角の「*」や「（画像リンク）」等の箇所 */
.bg3txt, .bgdisptxt, .bgdispbordertxt, .bg3disparea, .smalldottxt {color:yellow;}

/* popup window */
.bgpopbody {background-color:#fffdc5;color:#000055;}
/* shinada140513 .bgpopbody .bgmsgtxt {border:none;font:bold;font-size:100%;text-align:center;background-color:#fffdc5;color:#000055;} */
.bgpopbody .bgdisptxt {border:none;font-size:100%;background-color:#fffdc5;color:#000055;}

/*↓ shinada140205 請求記号の参照動作の色調整 */
/* popup window マスター検索条件入力画面*/
.refpopbody {background-color:#fffdc5;color:#000080;}
.refpopbody td {color:#FFFFFF;}
/*↑ shinada140205 */

/* list (たとえば、図書支払画面) */
.bglist {color:#000000;}
.bglist A {color:#0066CC;}
.bglist TR.trline0 {background-color:#FF99CC;}
.bglist TR {background-color:#FFCCFF;}
/*↓ shinada140217 雑誌製本の一覧画面の色 */
.bglist INPUT.disp {border:none;background-color:transparent;font-size:100%;width:100%;}
.bglist INPUT.dispshort {border:none;background-color:transparent;font-size:100%;}
/*↑ shinada140217 */
/*↓ shinada140205 請求記号の参照動作の色調整 */
.bglist TH {background-color:#FF99CC; color:#000000;}
.bglist TD {color:#000000;}
/*↑ shinada140205 */

/* menu */
.bgmenutop {background-color:#336699; color:yellow; font-size:24pt;}
.bgmenuitem {background-color:#93BEE2;}
.bgactivemenuitem {background-color:#336699;}
.bgactivemenuitem A {text-decoration:none;color:white}
.bgsubmenu {border-color:lightsalmon; background-color:bisque;}
.bgmenuleft {width:200px;vertical-align:top;}
.bgmenuright {text-align:center;vertical-align:top; padding-top:23px; background-image:url("/BlaboWeb/Img/book2.gif");}
.bgsubmenu {border-color:lightsalmon; background-color:bisque; width:85%;}
.bgsubmenu .td1 {width: 250px; vertical-align:top;}

/**********************************************************/
/***************　ここまで従来スタイルbstyle.css　*********/
/**********************************************************/

body {font-family:"Meiryo UI";}

th {font-weight:200; white-space: nowrap;color:#000055;}
b {font-weight:200;}
/* shinada140205 下部に別に追加したためコメント化。 グレーではなく青背景に変更 */
INPUT.bginactxt {background-color:#C0C0C0;color:#000000;vertical-align:bottom;}
td {font-family:"Meiryo UI";color:#000055;}

/*↓ yoshinari171113 ログイン管理者設定ファイルの「一覧」 */
.bgpopbody .list th {background-color:#FF99CC; color:black;}
.bgpopbody .list td {background-color:#FFCCFF; color:black;}
/*↑ yoshinari171113 */

INPUT {height:24;}
INPUT.clsbtn {font-family:"Meiryo UI"; height:24;font-size:90%;}

a:link{ color: #0066CC;}
a:visited{ color: #0066CC;}
/*
a:hover{ color:#0033FF;}
*/

.bgmenutop td {background-color:#008BBB; color:yellow; font-size:24pt;}
.bgmenutop td#loginid{padding-left:20px;vertical-align:middle; color:#FFFFFF; font-size:19; font-family:"Meiryo UI"; letter-spacing: 1pt;}
.clsprint td {font-family:"Meiryo UI";color:#000055;}

/**********************************************************/


/* ======= 背景色・文字色の設定、UserCode=222 ======= */
.bgbody {margin:0px; font-family:"Meiryo UI";}
/*↓ shinada140206 貸出状況照会の再貸出・予約の文字色 */
.bgbody h2 { color:#000080}
/*↑ shinada140206 */

/* bgcolor -- 背景色*/

/*↓ shinada140204 .bginactxtを対象から除外 発注画面の入力できない項目等に影響 */
.bgbody, .bgdispbordertxt, .bgdisptxt, .bgdisparea, .bg3disparea, .bgprice,
.smalldotarea, .smalldottxt, .smalldotflag {background-color:#fffdc5;}

.bginactxt {border:none;color:yellow;background-color:#fffdc5;}
/*↑ shinada140204 */

/*↓ shinada140206  ジャーナルデータの検索画面の出版社名等に影響 */
.bgdisptxt {border:none;color:yellow;background-color:#fffdc5;font-size:100%;}
.bgpopbody .bgdisptxt {border:none;color:blue;background-color:#fffdc5;font-size:100%;}
.bgclonepopbody {border:none;color:yellow;background-color:pink;font-size:100%;}
/*↑ shinada140206 */
/*↓ shinada140206  会議ジャーナルデータの下部の項目表示に影響 */
.bgdisparea {border:none;color:yellow;background-color:#fffdc5;overflow:hidden;font-size:100%;}
/*↑ shinada140206 */
/*↓ shinada140206  誌歴画面で雑誌コード等を入力する箇所の背景色 */
.bglist INPUT.dispshort {border:none;background-color:transparent;font-size:100%;font-family:"Meiryo UI";}
/*↑ shinada140206 */
/*↓ shinada140206  会議マスター上で誌歴を表示するときの誌歴コードという文字色を白に */
.bglist caption {color:#000055;}
/*↑ shinada140206 */
/*↓ shinada140206  電子ジャーナルマスターの利用可能欄の表示調整 */
.bg3disparea {border:none;color:yellow;background-color:transparent;overflow:hidden;font-size:100%;}
/*↑ shinada140206 */

/* bgcolor2 -- 現在、画面上部の水色の部分の背景色 */
.bgtopbar {background-color:#dceaff; color:#003366;}
/*.bgtopbar {filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#93BEE2', endColorstr='#6495ed'); color:#003366;}*/
/*.bgtopname {color:yellow; font-style:italic; font-size:18pt; font-weight:bold;}*/
.bgtopname {color:#000055; font-style:normal;font-size:140%;font-weight:400;vertical-align:top;PADDING-LEFT:10px;PADDING-RIGHT:10px;}
/*.bgtoptxt {border:none;font-size:100%;background-color:Silver;color:gray;}*/
/*↓ shinada140205 画面上部の書名色を黄色→紺に変更 */
.bgtoptxt {border:none;font-size:102%;color:#003366;font-family:"Meiryo UI";background-color:transparent;}
/*↑ shinada140205 */
/*.bgtopspan {color:gray;}*/
/*↓ shinada140206  会議の電子ジャーナル、画面上部の書名色を黄色→紺に変更 */
.bgtopspan {color:#003366;font-size:108%;}
/*↑ shinada140206 */


table.bgtopbar td{color:#003366;}

/* bgcolor3 -- ボタンバーの背景色 */
.bgbtnbar {background-color:#dceaff;height:30;}
/*.bgmsgtxt {border:none;font:bold;font-size:100%;text-align:center;background-color:#CEF6D8;color:white;}*/
.bgmsgtxt {border:none;font-size:100%;text-align:center;background-color:transparent;color:white;font-family:"Meiryo UI";font-weight:200;}

/*text -- 基本の文字色*/
.bgbody, .bgdisparea {color:#000055;}
TEXTAREA.bgdisparea {color:#000055;}
INPUT.smalldotflag {height:12;border:none;}

/* text2   --「※」等 必須項目の説明箇所 */
/*.bg2txt {color:red;}*/
.bg2txt {color:#FF0000; font-size:94%;}

/* text3   -- 半角の「*」や「（画像リンク）」等の箇所 */
/*.bg3txt, .bgdisptxt, .bgdispbordertxt, .bg3disparea, .smalldottxt {color:#0000ff;}*/
.LC107txt, .bg3txt, .bgdisptxt, .bgdispbordertxt, .bg3disparea, .smalldottxt {color:#0066CC; font-family:"Meiryo UI";}

/* popup window */
.bgpopbody {background-color:#fffdc5;color:#000055;}
.bgpopbody th {background-color:#777777;color:#FFFFFF;}
/*↓ shinada140204 .bgpopbody td {color:#000000;}*/
.bgpopbody td {color:#000080;}
.MainTB th {color:#000000;}
.MainTB td {color:#000000;}

/* shinada140513 .bgpopbody .bgmsgtxt {border:none;font-size:100%;text-align:left;background-color:transparent;color:white;} */

/*↑ shinada140204 */


/* popup window マスター検索条件入力画面*/
.refpopbody {background-color:#fffdc5;color:#000080;}
.refpopbody td {color:#000080;}

/**********************************************************/

/* list (たとえば、図書支払画面) */
.bglist {color:#003366;}
/*.bglist A {text-decoration:none; color:green;}*/
.trline0 TH{background-color:pink;color:#000000;}
.bglist TH {color:#000000;}
.bglist TD {color:#000000;background-color:#EEEEEE;}
.trline0 TD{background-color:#FFEEFF;white-space: nowrap;}
/*.trline0 th{color:#000000;}
.bglist th{color:#000000;}
.bglist TR {background-color:#FFFFFF;color:#000000;}
.bglist INPUT.disp {border:none;background:yellow;font-size:100%;width:100%;}
.bglist INPUT.dispshort {border:none;background:yellow;font-size:100%;}
*/

/**********************************************************/

/*文献複写依頼支払画面用*/
.clsbluetxt {font-family:"Meiryo UI";background:transparent;}
/*↓ shinada140204 bstyle.cssの内容を転記*/
INPUT.clsbluetxt {border:none;background:transparent;color:#003366;font-size:100%;}
/*↑ shinada140204 */
/**********************************************************/

.bgmenuitem {
	line-height: 30px;
	background: #dceaff;
	border-width: 1px;  /*枠線の太さ */ 
	border-style: solid;  /*枠線のスタイル */ 
	border-color: Transparent #A9A9A9 #A9A9A9 Transparent;  /*枠線の色（上・右・下・左） */ 

	font-family:"メイリオ";
	text-decoration: none;
	font-size: 110%;
	color:#000055;
	padding-top:6px;
	letter-spacing: 1px;
	cursor: pointer;

	/*角を丸くする*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.bgmenuitem A {text-decoration: none; color:#000055;}
.bgmenuitem A:visited{color:#000055;}
.bgactivemenuitem {
	line-height: 30px;
	background: #008BBB;
	border-width: 1px;  /*枠線の太さ */ 
	border-style: solid;  /*枠線のスタイル */ 
	border-color: #EEEEEE #696969 #696969 #EEEEEE;  /*枠線の色（上・右・下・左） */ 

	font-family:"メイリオ";
	text-decoration: none;
	font-size: 110%;
	color:#FFFFFF;;
	padding-top:6px;
	letter-spacing: 1px;
	cursor: pointer;

	/*角を丸くする*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.bgactivemenuitem A {text-decoration: none; color:#FFFFFF;}
.bgactivemenuitem A:visited{ color:#FFFFFF;}

/* メインメニュー　*/
/*↓ shinada140205 メインメニュー右側のカラーの茶色を青に変更*/
.bgsubmenu {border-color:#33BFFF; background-color:#fffdc5;font-family:"Meiryo UI";color:#FFFF33;border-width: 6px; margin-bottom:24px;}
/*↑ shinada140205 */
.bgsubmenu td {font-family:"Meiryo UI";color:#0000FF;}
/*.bgsubmenu td A {font-family:"ＭＳ Ｐゴシック";}*/

H3 {font-weight:200;font-size:120%}
H2 {font-weight:200;font-size:160%}
.clscap {color:#008BBB;}

.bgbody A {font-family:"メイリオ";color:#0066CC;font-size:106%;}
.bgbody A:visited{ color:#0066CC;}

.td2 A {font-family:"メイリオ"; color:#000080; }
.td2 A:visited {color:#000080;}

/*Journalアイコン(url.gif)*/
.urlicon {height:25;}

/*【製本雑誌 受入−登録】の 登録画面の特集記事・注記などの行数部*/
TEXTAREA.clsdisparea {overflow:hidden;background:#fffdc5;border:none;color:#000080;font-size:100%;}

/*↓ shinada140513 利用者名などの文字色*/
INPUT.clsyellowtxt {border:none;background:#fffdc5;color:#0066CC;font-size:100%;}
INPUT.clswhitetxt {border:none;background:#fffdc5;color:#0066CC;font-size:100%;vertical-align:bottom;}
/* shinada140513 利用者名などの文字色*/
.bgpopbody .bgmsgtxt {border:none;font-size:100%;text-align:left;background-color:transparent;color:#000055;}
/*↑ shinada140513 */

/*↓ shinada140619 一括受入 白デザイン用*/
.txtLinelc61memo {overflow:hidden;border:none;background-color:transparent;}
/*↑ shinada140619 */

.bgdisparea, .clsarea, .clsinacarea, .clsacarea {line-height:16px;}

/* 画面上部のTab */
#uppart, #midpart, #lowpart {clear: both; width: 100%;}
#midpart { padding-top:12px; overflow:auto;}
.tab_content {padding: 2px;}
ul.tab_head {margin: 0;	padding: 0;	list-style: none; width: 100%; background-image:url("/BlaboWeb/Img/end.gif");}
ul.tab_head li {float: left; margin: 0; padding: 0;	height:36px; overflow: hidden; background-image:url("/BlaboWeb/Img/off_bg.gif");}
ul.tab_head li.active {background-image:url("/BlaboWeb/Img/on_bg.gif");}
ul.tab_head li a {height:30px; vertical-align:middle; padding-top:5px;}
ul.tab_head li.bgtopname {float:right;background-image:url("/BlaboWeb/Img/end.gif");}

.LC107txt {border:none;font-size:100%;background-color:#fffdc5;color:#0066CC;}

#printpreview, .printpreview { display:inline-block; width:29px;height:24px;background-image:url("/BlaboWeb/Img/icon-print.png");}

.bgbody, .bgpopbody{margin:0; padding:0; overflow:hidden;}
#lowpart{padding-bottom:15px;}
#icframe{width:100%; height:100%; border:none;}

#msgbox { 
    position: absolute; 
    border: solid 2px #86A5AD; 
    background: blue url(/BlaboWeb/Img/wait.gif) no-repeat 10px 10px;
    height: 28px;
    top: 40%; 
    margin-left: -74px; 
    margin-top: -14px; 
    padding: 10px 20px 10px 60px; 
    text-align: center; 
    line-height: 27px; 
    color: #ffffff;
} 

.showcalendar img{ width:22px; border:none;}
/*textarea.clsmultiline {font-family:monospace; font-size :100%; line-height:16px; width:510px;}*/
.EnlargePhoto {border:none; cursor:pointer; width:80px;}
.EnlargeFile {border:none; cursor:pointer; height:50px;}

#slidercontainer {height: 28px;}
#sliderbtn {background-color: #93BEE2; display:block; height:100%; word-break:keep-all; white-space:nowrap; overflow: hidden;}
#sliderbtn ul{position: relative; margin: 0; padding: 0; list-style: none;}
#sliderbtn .ul_ie{position: absolute; left: 0px; margin: 0; padding: 0; list-style: none;}
#sliderbtn li {float: left; margin-right: 5px;}
.slider_prev, .slider_next {width: 12px; height: 100%; cursor: pointer;}
.slider_prev {float: left; background: #93BEE2 url(/BlaboWeb/Img/left.gif) no-repeat 0;}
.slider_next {float: right; background: #93BEE2 url(/BlaboWeb/Img/right.gif) no-repeat 0;}
.no_click {display:none;}

::-ms-clear,::-ms-reveal{display:none;}
.clearbtn {background: url(/BlaboWeb/Img/close.png) no-repeat center right white;}
.clearbtnblack {background: url(/BlaboWeb/Img/closeblack.png) no-repeat center right white;}
.clearbtngray {background: url(/BlaboWeb/Img/closegray.png) no-repeat center right white;}
.eyebtn {background: url(/BlaboWeb/Img/eye.jpg) no-repeat center right white;}
.eyebtnblack {background: url(/BlaboWeb/Img/eyeblack.jpg) no-repeat center right white;}
.eyebtngray {background: url(/BlaboWeb/Img/eyegray.jpg) no-repeat center right white;}
img.arrowimg {border:none;height:8px;margin-bottom:4px;cursor:pointer}

/* テスト　[type=number] and [type=tel] */
input:read-only { background-color:expression(this.type=="text"?"lightgreen":"style"); }
input[type=text] {background-color:lightgreen}
input[type=number] {background-color:red} 
input[type=tel] {background-color:yellow}