<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 図書館改版履歴 */
/* 作成日		|	版		|	変更者	|	改版理由					  */
/* 2021/11/01	|	T.01	|	劉家偉	|	要求R03PKG機能強化-POST-001(予約カート画面(スマートフォン版OPAC)) */

/* タグスタイル再定義 */
body{
	margin:0;
	padding:0;
	font-size:102%;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	line-height:1.2em;
	background:#fff;
	color:#333;
}
a{
	text-decoration:none;
	color:#03c;
}
a:active,
a:hover{
	text-decoration:underline;
	color:#14ac00;
}
h1,h2,h3{
	line-height:1.1em;
	margin:0;
}
h1{
	font-size:1.3em;
}
h2{
	font-size:1.2em;
}
h3{
	font-size:1.1em;
}
img{
	border:0;
	vertical-align:bottom;
	_vertical-align:middle;
}
p{
	text-indent:0;
	margin:.5em;
}
form{
	margin:0;
}
button,
input,
textarea,
select{
	font-size:1em;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
}
input{
/*	vertical-align:middle;*/
}
input.wide {
	width:90%;
}
textarea.wide {
	width:100%;
}
textarea{
	padding:1px 0;
	_padding:1px;
}
table.wide {
	width:100%;
}
select.wide {
	width:100%;
	
}
span.txt{
	border:2px solid;
	font-size:.9em;
	padding:0;
	margin:0 2px;
	width:1em;
	height:1em;
}
.inline{
	display:inline-block;
}
dl.compact{
	overflow:hidden;
}
dl.compact dt{
	clear:both;
	float:left;
}
dl.compact dd{
}
em{
	font-style:normal;
	font-weight:bold;
	color:#14ac00;
}
small{
	font-size:small;
	line-height:1.2em !important;
}
hr{
	height:2px;
	line-height:2px;
	border:1px solid;
	margin:6px 0;
	_margin:0;
}
hr, fieldset{
	border-color:#c5c5c7 #fff #fff #c5c5c7;
}
ul, ol{
/*	margin:5px 0;
	padding:0;*/
}
li{
	line-height:1.2em;
	padding:0;
	margin:2px 0;
}
ul.plain{
	margin:5px 0;
	padding:0;
	list-style:none;
}
ul.line{
	margin:5px 0;
	padding:0;
	list-style:none;
}
ul.line li{
	border-left:5px solid #7fb1e0;
	padding:1px 0 0 5px;
	margin:5px 0;
	line-height:1.2em;
}
ul.narrow{
	margin:2px 0;
	padding-left:1.5em;
}
ul.narrow li{
	margin:1px 0;
}
ul.wide li{
	margin:8px 0;
}
ul.divide li {
	line-height:2.5;
}
ul.liner{
	list-style-type:none;
	margin:0;
}
ul.liner li{
	display:inline;
	padding:0;
	margin:2px .5em;
	background:none;
	white-space:nowrap;
}
li p{
	margin:3px 0;
	text-indent:0;
}

div.divide {
	padding-bottom:10px;
}

label.divide {
	display:inline-block;
	padding-bottom:10px;
}

/*
 * レイアウト
 */
#wrapper{
	width:100%;
	margin:0;
	padding:0;
}
#contents{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
}

/* ヘッダ */
#head{
	width:100%;
/*	border-top:5px solid #0097bd;*/
	background:#0097bd;
	background-image: -ms-linear-gradient(top, #0097BD 0%, #007C9E 100%);
	background-image: -moz-linear-gradient(top, #0097BD 0%, #007C9E 100%);
	background-image: -o-linear-gradient(top, #0097BD 0%, #007C9E 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0097BD), color-stop(1, #007C9E));
	background-image: -webkit-linear-gradient(top, #0097BD 0%, #007C9E 100%);
	background-image: linear-gradient(to bottom, #0097BD 0%, #007C9E 100%);
}
#title{
	width:100%;
	position:relative;
}
#logo{
	position:relative;
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	z-index:110;
	height:50px;
	margin:0 50px;
	background:url(../img/logo.png) no-repeat center top;
/*	background-size:contain;*/
}
.log-stats{
	width:100%;
	height:60px;
	font-size:95%;
}
#stat-logout{
	background:#d8eaf0;
	background:#ddd;
}
#stat-login{
	background:#fdeeda;
}
.log-stats td{
	height:60px;
	background:transparent;
}
.log-stats .lead{
	display:block;
	line-height:1.1em;
	padding:0 15px;
	background:url(../img/i_snext.png) no-repeat right center;
}
#stat-login .lead{
	text-align:right;
}
#login{
}
#logout{
	display:block;
	width:5.5em;
	text-align:center;
	margin:2px 0 0 75px;
}
.stat-item{
	width:80px;
	height:60px;
	text-align:center;
}
.stat-item a{
	display:block;
	width:100%;
	height:18px;
	line-height:18px;
	padding:32px 0 0;
	background:url(../img/i_stats.png) no-repeat;
	color:#000;
	font-weight:bold;
	position:relative;
}
.stat-item a#stat-lent{	background-position:center top;}
.stat-item a#stat-resv{	background-position:center -60px;}
.stat-item a#stat-cart{	background-position:center -120px;}
.stat-item a#stat-shlf{	background-position:center -180px;}
.stat-item a .value{
	font-size:1.5em;
	font-family:Arial, Helvetica, san-serif;
	line-height:1.5em;
	display:block;
	text-align:left;
	color:#ec6d00;
	position:absolute;
	bottom:15px;
	left:50%;
	margin-left:20px;
}
.stat-item a#stat-cart .value{
	color:#3183ad;
}
.stat-item a#stat-cart .value.badge{
	bottom:15px;
	left:30%;
	font-size:1.4em;
	width:32px;
	height:32px;
	line-height:28px;
	text-align:center;
	color:#fff;
	background:url(../img/bg_badge.png) no-repeat center center;
}

.lnk{
	float:left;
	height:26px;
	line-height:26px;
/*	padding:4px 8px 0 25px;*/
	padding:4px 8px 0;
	border-radius:4px;
	margin:5px 0 0 10px;
	color:#3183ad;
/*	font-weight:bold;
	background:url(../img/i_lnks.png) no-repeat left top;*/
}
.lnk:hover{
	background-color:#e8f8e5;
	text-decoration:none;
}
.lnk.lnk-best{	background-position:left top;}
.lnk.lnk-new{	background-position:left -50px;}
.lnk.lnk-theme{	background-position:left -100px;}
.lnk.lnk-best:hover{	background-position:left -150px;}
.lnk.lnk-new:hover{		background-position:left -200px;}
.lnk.lnk-theme:hover{	background-position:left -250px;}


/* フッタ */
#foot{
	clear:both;
	width:100%;
	font-size:90%;
	background:#0097bd;
	color:#fff;
	height:31px;
	overflow:hidden;
	position:fixed;
	line-height:31px;
	bottom:0;
	border-top:1px solid #52cceb;
	box-shadow:0 0 8px #666;
}
#foot #copyright{
	font-size:0.8em;
	letter-spacing:0.5px;
	padding:0 120px 0 80px;
/*	text-align:center;*/
}

/* ボディ */
#body{
	padding:0 10px 100px;
	margin:0;
	position:relative;
/*	min-height:420px;*/
}
#body h1{
	margin:1px -10px;
	white-space:nowrap;
	padding:0 !important;
	line-height:35px;
	height:35px;
	background:#A6CBDE;
	text-align:center;
}
#body h1:after{
	clear:both;
}

/* アイコン */
#body h1.icon{
}
#body h1.icon span{
	display:inline-block;
	padding-left:35px;
	padding-right:15px;
	line-height:35px;
	height:35px;
}
#body h1.icon .loupe{	background:url(../img/i_menuicons.png) no-repeat left -3px;}
#body h1.icon .best{	background:url(../img/i_menuicons.png) no-repeat left -103px;}
#body h1.icon .new{		background:url(../img/i_menuicons.png) no-repeat left -153px;}
#body h1.icon .theme{	background:url(../img/i_menuicons.png) no-repeat left -203px;}
#body h1.icon .login{	background:url(../img/i_menuicons.png) no-repeat left -253px;}
#body h1.icon .setting{	background:url(../img/i_menuicons.png) no-repeat left -303px;}
#body h1.icon .cart{	background:url(../img/i_menuicons.png) no-repeat left -351px;}
#body h1.icon .reserve{	background:url(../img/i_menuicons.png) no-repeat left -403px;}
#body h1.icon .lend{	background:url(../img/i_menuicons.png) no-repeat left -453px;}
#body h1.icon .mybooklist{	background:url(../img/i_menuicons.png) no-repeat left -503px;}
#body h1.icon .regist{	background:url(../img/i_menuicons.png) no-repeat left -552px;}
#body h1.icon .calendar{background:url(../img/i_menuicons.png) no-repeat left -603px;}
#body h1.icon .reference{background:url(../img/i_menuicons.png) no-repeat left -53px;}
#body h1.icon .ebooklend{	background:url(../img/i_menuicons.png) no-repeat left -703px;}
#body h1.icon .ebookreserve{	background:url(../img/i_menuicons.png) no-repeat left -653px;}
#body h1.icon .sdi{	background:url(../img/i_menuicons.png) no-repeat left -752px;}


#body h2{
	clear:both;
	padding:3px 0 0;
	margin-top:10px;
}
#body h2.nopad{
	padding:0;
}
ul.read{
	padding:5px 2px;
	margin:0;
	clear:both;
	list-style-type:none;
	list-style-image:none;
}
ul.read li{
	line-height:1.3;
	margin:3px 0;
	padding:0;
	background:none;
}
.main{
	clear:both;
}
.form-base1,
.form-base2{
	padding:5px;
	margin:5px 0;
	clear:both;
	overflow:auto;
}
.form-base1{
	background:#ebf3fa;
	background:#f3f3f3;
	border-radius:4px;
}
.form-base1.login {
	margin-top:30px;
}
.form-base1.form-mybook {
	margin-top:10px;
	padding-left:65px;
	background: url(../img/i_booklist.png) no-repeat 10px 10px;
	background-color:#f3f3f3;
	background-color:#E8E8FB;
}
.form-base2{
	margin:5px 0;
	background:#fff;
	border:1px solid #c1daf2;
	border:1px solid #ddd;
	border-radius:5px;
}
.form-base1.narrow{
	padding-top:5px;
	padding-bottom:5px;
}
.form-base1 hr{
	border-color:#a0c9ef #fff #fff #a0c9ef;
	border-color:#ddd #fff #fff #ddd;
	height:0;
}
.form-base2 h2{
	margin:3px !important;
}
.form-base2 hr{
	border-color:#d3e4f4 #fff #fff #d3e4f4;
}



/* 入力フォーム（主に詳細検索画面） */
.form{
}
table.form {
	border-collapse:collapse;
}
.form th,
.form td{
	padding-right:5px;
/*	font-weight:normal;*/
}
.form td.indent{
	padding-left:1em;
}
.form th{
	color:#2987bc;
	font-weight:normal;
}
.form tbody th{
	text-align:left;
/*	white-space:nowrap;*/
}
.form tr.divide th,
.form tr.divide td {
	padding-bottom:10px;
}
.form span.divide {
	color:red!important;
}

/* ADD-S 2021/11/01 T.01 */
label.post_addr{
	color: #2987bc;
	font-size: medium;
}
.addrDiv{
	height: auto;
	margin-top: 5px;
}
.addrTable {
    width: 100%;
    background: #f3f3f3;
    border-spacing: 0px;
}
.addrTable td{
	height: 20px;
}
.addrTable td:nth-child(1){
	white-space:nowrap;
	width: 10px;
}
.addrTable tr:first-child td{
	height: 5px;
}
.addrTable tr:last-child td{
	height: 5px;
}
.addrTable .address_noneTD{
	color:red;
}
.addrTable .address{
	margin: 3px;
}
/* ADD-E 2021/11/01 T.01 */

.frame {/* 枠 */
	border:1px solid #81B2CB;
	border-top:none;
	border-radius:0 0 5px 5px;
	overflow:auto;
}
dl.form{
	margin:0;
}
dl.form.writer {
	margin-top:5px;
}

dl.form dt{
	color:#2987bc;
	margin:0;
	padding:5px 0 0 5px;
}
.form-base1 dl.form dt{
	padding-top:3px;
}
.form-base2 dl.form dt{
	padding-top:5px;
}
dl.form dd{
	margin:0px 0 3px 10px;
	line-height:1.5;
	word-break:break-all;
}
#available dl.form dd {
	line-height:1.2;
}

dl.form dd p.guide {
	margin:0px;
	padding-left:1.5em;
	line-height:1.3;
	font-size:90%;
	margin-bottom:10px;
}
.form label{
	margin:2px 10px 2px 0;
	font-weight:normal;
}

.w-fixed{
	width:7em;
	display:inline-block;
/*	float:left;*/
}
.pos-base{
	position:relative;
}
/* 検索条件OR|AND|NOTコンボ用 */
.half-offset{
	position:relative;
	top:13px;
}

/* ページング */
.paging{
	padding:0px;
	padding-top:5px;
	text-align:center;
	white-space:nowrap;
	margin-bottom:5px;
}
.paging select {
		font-size:140%;
		vertical-align:middle;
}
/* ページング 5分割 */
.paging-col5 input.button {
	padding:8px 5px;
	margin:0;
}
.paging-col5 input.button,
.paging-col5 select {
	max-width:20% !important;
/*	max-width:120px;*/
}
.paging-col5 select.button {
	line-height:1.7;
}

/* ページナビベース */
.pg-navi{
/*	clear:both;
	float:right;
	margin-top:10px;*/
}
.offset-up{
	position:relative;
	top:-1.5em;
}
.goprev{
	position:fixed;
	z-index:99;
	left:10px;
	bottom:0;
	text-indent:-9999px;
}
.pg-navi{
	position:fixed;
	z-index:99;
	right:0;
	bottom:0;
	text-indent:-9999px;
	width:110px;
	height:30px;
}
.pg-navi a{
	float:left;
	margin:0 5px 0 0;
}
.pg-navi a,
.goprev{
	width:60px;
	height:30px;
	background:url(../img/btn_back.png) no-repeat left bottom;
}
.pg-navi a{
	width:50px;
}
.goprev:hover{				background-position:-70px bottom;}
.pg-navi a.goptop{			background-position:-140px bottom;}
.pg-navi a.goptop:hover{	background-position:-200px bottom;}
.pg-navi a.gohome{			background-position:-260px bottom;}
.pg-navi a.gohome:hover{	background-position:-320px bottom;}



/* 実行ボタンベース */
.ex-navi{
	padding:2px 0;
	text-align:center;
	position:fixed;
	z-index:3;
	bottom:32px;
	width:100%;
	margin:0 -10px;
/*	border-top:1px solid #0097bd;*/
	box-shadow:0 0 8px #666;
	background:#eee;
}
.ex-navi.no-floating{
	position:relative !important;
	z-index:0;
	left:0;
	bottom:auto;
	background:none;
	box-shadow:none;
	margin:10px 0;
}
table.ex-navi{
	width:100%;
}
.ex-navi .l{
	text-align:left;
}
.ex-navi .c{
	text-align:center;
}
.ex-navi .r{
	text-align:right;
}

/* 各種表 */
/* 共通 */
.app-form,
.info,
.list{
	width:100%;
	border-collapse:collapse;
	margin:4px 0;
	background:#fff;
	color:#000;
}
.app-form caption,
.list caption,
.info caption{
	text-align:left;
	font-weight:bold;
	margin-top:5px;
	_padding-bottom:2px;
}
.app-form th,
.info th,
.list th{
	font-weight:normal;
	padding:5px 5px 4px;
}
.app-form thead th,
.info thead th,
.list thead th{
	background:#ebf3fa;
	color:#214e99;
	border-right:1px solid #aed0f1;
}
.app-form tbody th,
.info tbody th,
.list tbody th{
	background:#f6f6f6;
}
.app-form td,
.info td,
.list td{
	padding:10px 5px 8px;
}
.app-form th,
.app-form td,
.info th,
.info td{
	border:solid #bbb;
	border-width:1px 0;
}

/* 一覧表 */
.list th, .list td{
	border:solid #7fb1e0;
	border-width:1px 0;
}
.list th.sortable{
	padding:0;
	background:#fff url(../img/bg_clickable.png) repeat-x left bottom;
}
.list th.sortable a{
	display:block;
	width:100%;
	padding:5px 0 4px;
	text-decoration:none;
}
.list th.sortable:hover{
	background:#fff url(../img/bg_clickable_hover.png) repeat-x left bottom;
}
.list td.parts-cell{
	padding:2px 0;
	text-align:center;
}
.list tr.me{
	background:#ffebf8;
	background:#fff2fa;
}
.list tr.me th{
	background:#ffe8ec;
	background:#ffdce2;
}
.list td.sorthere{
	background:#eff5fb;
}

/* 情報 */
.info{
	border:solid #999;
	border-width:1px 2px 2px 1px;
}
.info tbody th{
	border-left:1px solid #bbb;
}
.info dl.item{
	margin:0;
	padding:5px;
	border-bottom:1px solid #ddd;
}
.info dl.item dt{
	padding:3px;
	font-size:1.1em;
	line-height:1.2em;
}
.info dl.item dd{
	padding:3px;
	margin:0 0 0 20px;
	float:left;
	white-space:nowrap;
}
.info dl.item dd.clear{
	padding:0;
	float:none;
}

/*  */
.boxlist{
	margin:0;
	padding:0;
	border:1px solid #7fb1e0;
	border-radius:5px;
}
.boxlist h2{
	background:#5E9BD0;
	border-radius:3px 3px 0 0;
	background:linear-gradient(#8BC1F1, #5E9BD0);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8BC1F1), to(#5E9BD0));
	text-shadow:0 -1px 2px #256094;
	color:#ffffff;
	line-height:1.8;
	padding-left:10px!important;
	margin-top:0 !important;
}
.boxlist h3{
	padding:5px 8px !important;
	line-height:1.3em;
	border-radius:5px 5px 0 0;
	background:linear-gradient(#fff, #DCEAF6);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#DCEAF6));
	font-weight:normal;
	color:#3183AD;
}
.boxlist ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.boxlist li{
	margin:0;
	padding:0;
	white-space:nowrap;
	overflow:hidden;
	line-height:1.9;
}
.boxlist li a{
	padding:10px 30px 10px 5px;
	border-top:1px solid #caddef;
	display:block;
	overflow:hidden;
	position:relative;
	background:url(../img/list_icon_arrow_r.png) no-repeat center right;
}
.boxlist li a:hover{
	text-decoration:none;
}
.boxlist .num{
	line-height:30px;
	float:left;
	text-align:center;
	border-radius:15px;
	width:30px;
	height:30px;
	background:#0097bd;
	color:#fff;
}
.boxlist .item{
	white-space:normal;
	margin-left:0px;
	margin-right:70px;
	display:inline-block;
	line-height:1.5;
	padding-left:6px;
	padding-right:3px;
}

.no-count .item{/* カウンターなし */
	margin-right:0px;
}
/* 利用開始申請 */
.entrymenu .item {
	color:#000000;
}
.entrymenu .item h3 {
	margin-bottom:5px;
}

.boxlist .count{
	background:#E6EDF4;
	padding:3px 8px;
	line-height:22px;
	border-radius:12px;
	color:#006A8E;
	position:absolute;
	top:50%;
	margin-top:-0.8em;
	right:30px;
/*	min-width:30px;*/
	text-align:right;
}
.boxlist .intro {
/*	display:block;
	white-space:normal;
	line-height:1.2;
	overflow:auto;*/
}
.boxlist .title {
	font-size:1.3em;
	font-weight:bold;
/*	margin-bottom:8px;*/
	color:black;
}
.boxlist .writer {
}
.boxlist .available {
}
.boxlist .period {
	color:#000000;
	font-size:90%;
}


/* ランキング */
.ranking {
	position:absolute;
	left:5px;
	top:45px;
	text-align:center;
	width:30px;
}
.ranking img {

}
.ranking p {
	color:#303030;
	text-indent:0px;
}

/* 申込みフォーム */
.app-form{
	border-width:1px 0;
}
.app-form thead th{
	text-align:left;
	padding:5px 5px 4px;
	border:1px solid #7fb1e0;
	border-width:1px 0;
}
.app-form tbody th{
	text-align:left;
	padding:5px 5px 4px;
	line-height:1.2em;
}
.app-form tbody td{
	padding:3px;
	line-height:1.2em;
	background:#f6f6f6;
}
.confirm tbody td{
	padding:5px 5px 4px;
	background:#fff;
}

/* サマリ情報 */
.summary{
	width:100%;
	margin:5px 0;
	border:solid #999;
	border-width:1px 2px 2px 1px;
	background:#fff;
}
.summary td{
	padding:3px 5px;
}
.summary span.strong{
	font-size:1.2em;
	line-height:1.2em;
}
.uline{
	border-bottom:2px dotted #ccc !important;
}

/* 分類表 */
.ndc{
	margin:4px 0;
	width:100%;
	line-height:1em;
	border:solid #ccc;
	border-width:1px 2px 2px 1px;
}
.ndc td{
	vertical-align:top;
}
.ndc h3{
	padding:6px 5px 4px;
	background:#ebf3fa;
	border:solid #7fb1e0;
	border-width:1px 0;
}
.ndc ul{
	list-style:none;
	padding:0;
	margin:0;
}
.ndc li{
	padding:3px 5px 1px;
	margin:1px 0 0;
	border:0;
	border-bottom:1px solid #fff;
}
.ndc h3 a,
.ndc li a{
	line-height:1.2em;
	display:block;
}
.ndc .gopidx{
	float:right;
	padding:4px 4px 2px 20px;
	font-size:0.9em;
}

/* 休館日カレンダー */
.cal{
	border-collapse:collapse;
	width:100%;
	margin-bottom:5px;
	background:#fff;
	color:#000;
}
.cal caption{
	padding:3px 0;
	font-size:1.1em;
	text-align:left;
}
.cal th{
	padding:5px;
	background:#e3eff9;
	border:1px solid #c9def0;
	width:14.3%;
}
.cal td{
	padding:5px;
	text-align:right;
/*	font-size:.8em;*/
	border:1px solid #c9def0;
}
.current .cal td{
	padding:12px 10px;
	padding-left:20px;
	font-size:1.2em;
}
.saturday{
	color:#06c;
}
.holiday,
.sunday,
.cal .col-sun{
	color:#c00;
}
.cal .col-msc{
	color:#214e99;
}
.cal .col-sat{
	color:#00c;
}
.cal .blank{
	background:#eee;
}
.close{
	background:#ffe9ed url(../img/closing-s.png) no-repeat top left;
}
.event{
	background:#e7fbe0 url(../img/event-s.png) no-repeat top left;
}
.current .cal .close{
	background:#ffe3ec url(../img/closing.png) no-repeat 0 2px;
}
.current .cal .event{
	background:#e7fbe0 url(../img/event.png) no-repeat 0 1px;
}
.eventlist{
	padding:7px 10px;
	background:#e7fbe0;
	margin:5px 0;
	border:1px solid #8cca89;
	border-radius:4px;
}
.eventlist h3{
/*	background:#b3ee9e;*/
	color:#060;
	font-weight:normal;
	font-size:100%;
	margin-bottom:5px;
}
.eventlist ul {
	list-style-type:none;
	padding-left:0px;
}
.eventlist li{
	padding-left:15px;
	background:url(../img/event-s.png) no-repeat left 3px;
}

/*
 * トップページ
 */
.login-status{
	padding:8px 15px;
	text-align:center;
	border:0;
}
.login-status #status{
	padding:0;
}
.cal caption{
	font-size:1em;
	text-align:left;
}
.cal-cap{
	float:left;
	padding:2px 5px 2px 15px;
	margin:5px 0;
}

h2:after,
#container:after,
#main:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* 汎用スタイル */
.large{
	font-size:1.2em;
	line-height:1.1em;
}
.huge{
/*	font-size:1.4em;
	line-height:1.1em;*/
}
.normal{
	font-size:medium;
	font-weight:normal;
}
.strong{
	font-weight:bold;
}
.small{
	font-size:.8em;
	line-height:1.4em;
}
.clear{
	clear:both;
}
.skip{
	position:absolute;
	width:100px;
	top:-1000px;
	left:-1000px;
}

/* テキストフィールド */
.text{
	border:1px solid #9eb5ca;
	border-radius: 3px;
	padding:2px 2px 1px;;
}
.text:focus{
	border-color:#c0da71;
	background:#f2fde4;
}
input.mini,
.parts-cell input,
.parts-cell button{
	padding:1px 2px 0;
	_padding:2px 1px 0;
}
input.text.large{
	padding:6px 2px 4px;
	font-size:1.2em;
	line-height:1.6em;
}

/* ボタン */
.button{
/*	font-weight:bold;*/
	padding:5px 8px;
	display:inline-block;
/*    *display: inline;
    *zoom: 1;*/
	border:1px solid #7fb1e0;
	border-radius: 4px;
	box-shadow:0 1px 2px #999;
	color:#214e99;
	color:#1b6d93;
	cursor:pointer;
	background:#fff url(../img/bg_clickable.png) repeat-x left bottom;
}
.button:hover{
	color:#14ac00;
	border-color:#a3d18d;
	text-decoration:none;
	background-image:url(../img/bg_clickable_hover.png);
}
input.button{
	padding:3px 5px;
}
span.button, a.button{
	padding:6px 8px;
}
input.button.small{
	line-height:1.4em;
}
input.button.large{
	padding:4px 8px;
	font-size:1.2em;
	line-height:1.6em;
	min-width:5em;
}
select.button option {
}
.exec{
	color:#fff;
	border-color:#4fa700;
	background:#71cc1f url(../img/bg_exec.png) repeat-x left bottom;
	background-image: -ms-linear-gradient(top, #ABF176 0%, #87D83F 10%, #54A401 90%, #6CB934 100%);
	background-image: -moz-linear-gradient(top, #ABF176 0%, #87D83F 10%, #54A401 90%, #6CB934 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ABF176), color-stop(0.1, #87D83F), color-stop(0.9, #54A401), color-stop(1, #6CB934));
	background-image: -webkit-linear-gradient(top, #ABF176 0%, #87D83F 10%, #54A401 90%, #6CB934 100%);
	background-image: linear-gradient(to bottom, #ABF176 0%, #87D83F 10%, #54A401 90%, #6CB934 100%);
}
.exec:hover{
	color:#fff;
	border-color:#4fa700;
	background:#8dd64c url(../img/bg_exec_hover.png) repeat-x left bottom;
	background-image: -ms-linear-gradient(top, #BFFC90 0%, #98E356 10%, #68BA14 90%, #7FD141 100%);
	background-image: -moz-linear-gradient(top, #BFFC90 0%, #98E356 10%, #68BA14 90%, #7FD141 100%);
	background-image: -o-linear-gradient(top, #BFFC90 0%, #98E356 10%, #68BA14 90%, #7FD141 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #BFFC90), color-stop(0.1, #98E356), color-stop(0.9, #68BA14), color-stop(1, #7FD141));
	background-image: -webkit-linear-gradient(top, #BFFC90 0%, #98E356 10%, #68BA14 90%, #7FD141 100%);
	background-image: linear-gradient(to bottom, #BFFC90 0%, #98E356 10%, #68BA14 90%, #7FD141 100%);
}
.remove{
	color:#fff;
	border-color:#b83823;
	background:#ea7474 url(../img/bg_remove.png) repeat-x left bottom;
	background-image: -ms-linear-gradient(top, #FF737C 0%, #E6656E 10%, #D90B20 90%, #ED283C 100%);
	background-image: -moz-linear-gradient(top, #FF737C 0%, #E6656E 10%, #D90B20 90%, #ED283C 100%);
	background-image: -o-linear-gradient(top, #FF737C 0%, #E6656E 10%, #D90B20 90%, #ED283C 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF737C), color-stop(0.1, #E6656E), color-stop(0.9, #D90B20), color-stop(1, #ED283C));
	background-image: -webkit-linear-gradient(top, #FF737C 0%, #E6656E 10%, #D90B20 90%, #ED283C 100%);
	background-image: linear-gradient(to bottom, #FF737C 0%, #E6656E 10%, #D90B20 90%, #ED283C 100%);
}
.remove:hover{
	color:#fff;
	border-color:#b83823;
	background:#ee9090 url(../img/bg_remove_hover.png) repeat-x left bottom;
	background-image: -ms-linear-gradient(top, #FF8C94 0%, #F76D76 10%, #ED263A 90%, #F7656F 100%);
	background-image: -moz-linear-gradient(top, #FF8C94 0%, #F76D76 10%, #ED263A 90%, #F7656F 100%);
	background-image: -o-linear-gradient(top, #FF8C94 0%, #F76D76 10%, #ED263A 90%, #F7656F 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF8C94), color-stop(0.1, #F76D76), color-stop(0.9, #ED263A), color-stop(1, #F7656F));
	background-image: -webkit-linear-gradient(top, #FF8C94 0%, #F76D76 10%, #ED263A 90%, #F7656F 100%);
	background-image: linear-gradient(to bottom, #FF8C94 0%, #F76D76 10%, #ED263A 90%, #F7656F 100%);
}
.button[disabled]{
	background:#ddd;
	border:1px solid #aaa;
	color:#888;
	box-shadow:0 0 0;
	cursor:default;
}

/* ボックス */
.unit{
	float:left;
	margin:0 1em 0 0;
	white-space:nowrap;
	height:1em;
	overflow:hidden;
}
.box{
	margin:5px 0 20px;
}
.ubox{
	padding:5px;
	margin-bottom:20px;
	border:1px solid #d0e3f3;
	border-top:0;
}
.fbox{
	padding:5px 10px;
	margin-bottom:20px;
	border:1px solid #7fb1e0;
	border:1px solid #ddd;
	border-radius:5px;
	background:#fff;
}
.form-base1 .fbox{
	border:1px solid #c1daf2;
}
.form-base1 span.note {
	color:#303030;
	font-weight:normal;
}

ul.fbox{
	list-style:none;
}
.msg-box{
	border:solid;
	border-width:1px 2px 2px 1px;
	padding:1em 1.5em;
	line-height:1.5em;
	border-color:#999;
	background:#fff;
	border-radius:4px;
	box-shadow:0px 1px 5px #d0d0d0;
}
.color-box{
	background:#cadcf3;
	padding:5px;
	margin-bottom:5px;
	border-radius:4px;
	margin-top:5px;
}
.error{
	border-color:#f99;
	background:#fee;
	margin:50px auto 150px;
}
.force{
	color:#3183ad;
	font-weight:bold;
}
.blur{
	padding:5px;
	background:#eee;
}
div.narrow,
form.narrow{
	padding:5px 10px;
}


/* 小ボックス */
.url{
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
}
.omit{
	display:block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}
.memo{
	padding:18px 3px 3px 2px !important;
	background:url(../img/i_memo.png) no-repeat 2px 4px;
	line-height:1.2em;
	word-break:break-all;
}
.a-center{
	text-align:center;
}
.a-left{
	text-align:left;
}
.a-right,
.form tbody th.a-right{
	text-align:right;
}
.va-middle{
	vertical-align:middle;
}
.va-top{
	vertical-align:top;
}
.va-bottom{
	vertical-align:bottom;
}
.f-center{
	margin-left:auto;
	margin-right:auto;
}
.f-right{
	float:right;
}
.f-left{
	float:left;
}
.w-break {
	word-break:break-all;
}
.b-sep{
	border-top:2px dotted #ccc !important;
}
.no-indent{
	text-indent:0;
}
.nomgn{
	margin:0;
}
.r-nomgn{
	margin-right:0;
}
.t-mgn{
	margin-top:5px;
}
.b-mgn{
	margin-bottom:10px;
}
.t-nomgn{
	margin-top:0;
}
.b-nomgn{
	margin-bottom:0;
}
.l-mgn{
	margin-left:5px;
}
.pad{
	padding:15px;
}
.m-pad{
	padding:5px 10px;
}
.l-pad{
	padding-left:15px;
}
.l-pads{
	padding-left:5px;
}
.b-pad{
	padding-bottom:5px;
}
.s-pad{
	padding:5px;
}
.no-pad{
	padding:0;
}
.mgn{
	margin:5px;
}
.v-mgn{
	margin:2px 0;
}
img.middle{
	vertical-align:middle;
}
.nowrap{
	white-space:nowrap;
}
.expired{
	color:#f00;
}
.notice{
	color:#f00;
}
.more{
	text-align:right;
	font-size:0.85em;
	line-height:1.2em;
	padding:3px 0;
}
.description{
	margin:5px 0 0 5px;
	font-size:1em;
	line-height:1.2em;
}
/* 幅 */
.w-auto{
	width:auto;
}
.w-full{
	width:100%;
}
.w-most{
	width:90%;
}
.w-threequarter{
	width:75%;
}
.w-half{
	width:50%;
}
.hidden{
	display:none;
}
.indicator{
	vertical-align:middle;
	margin:-3px 1px 0 0;
}
.uline{
	border-bottom:2px dotted #ccc !important;
}

.blist{
	margin:5px;
	padding:0;
	list-style:none;
}
.blist li{
	line-height:1.2em;
	margin:2px 0;
	padding:0 0 0 20px;
	background:url(../img/li2.png) no-repeat left top;
}
.sinannai{
	width:138px;
	height:198px;
	vertical-align:top;
	background:url(../img/shikaku.gif) no-repeat left top;
}


/*
 * ポータル画面（マイ図書館）
 */
.portal h2{
	margin:15px 0 0;
	padding:5px !important;
	line-height:1.2em;
	color:#2968a5;
	background:#fff url(../img/bg_clickable.png) repeat-x left bottom;
	border:solid #acc6de;
	border-width:1px 1px 0 1px;
	border-radius:4px 4px 0 0;
}
.portal h2 .title{
	padding-left:23px;
	display:inline-block;
	min-height:20px;
	background:url(../img/is_mylib.png) no-repeat left top;
}
.portal #usermainte h2 .title{	background-position:left -30px;}
.portal #mycalendar h2 .title{	background-position:left -60px;}
.portal #usrreserve h2 .title{	background-position:left -90px;}
.portal #usrlend h2 .title{		background-position:left -120px;}
.portal #mybooklist h2 .title{	background-position:left -150px;}
.portal #mynewcomer h2 .title{	background-position:left -180px;}
.portal #mysdi h2 .title{		background-position:left -210px;}
.portal #mythemelist h2 .title{	background-position:left -240px;}
.portal #contman h2 .title{		background-position:left -270px;}
.portal #announce h2 .title{	background-position:left -300px;}
.portal * h2:hover .title{		background-position:left top !important;}

.widget-btn{
	float:right;
	position:relative;
	top:-2px;
	margin:0;
}
#contman{
	display:none;
	position:absolute;
	border:1px solid #aaa;
	background:#f6f6f6;
	width:18em;
	top:2em;
	left:0;
	font-size:90%;
	height:auto;
	padding:10px;
	line-height:1.6;
	border-radius:4px;
	filter: alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95;
	box-shadow:0 2px 4px #999;
	z-index:99;
}

.portal h3{
	background:#f6f6f6;
	padding:3px 5px;
	margin:-3px -5px 0;
}
.portal .info{
	padding:5px 7px;
	margin-top:0;
	width:auto;
	border:solid #acc6de;
	border-width:0 1px 1px 1px;
	border-radius:0 0 4px 4px;
}
.portal .list th,
.portal .list td{
	padding:3px;
	border-right:0;
	line-height:1.2em;
}
/* コンテナ */
.columnPortal{
	float: left;
}
#column1{
	width:27%;
	background:#ebf3fa;
	padding-bottom:5px;
}
#column2, #column3{
	width:36%;
}
/* ポートレット */
.portletPortal{
	margin:10px 15px;
}
#column2 .portletPortal,
#column3 .portletPortal{
	margin-right:0;
}
.portletPortal-header{
	cursor: move;
	font-size:1.1em;
}
.portletPortal-header .ui-icon{
	float: right;
}
.portletPortal h3{
	font-size:1em;
}
.info{
	padding:10px;
}
.ui-sortable-placeholder{
	border: 1px dotted black;
	visibility: visible !important;
	height: 60px !important;
}
.ui-sortable-placeholder * {
	visibility: hidden;
}
.info, .option-sw {
	overflow:hidden;
	*zoom:1;
}

.option-list{
	border-top:1px solid #ddd;
	padding-top:5px;
}
.option-panel{
	display:none;
	padding:0;
	margin:0 -5px -3px;
}
.option-panel ul{
	clear:both;
	background:#ecf3f9;
	margin:0;
	padding:5px 10px;
	border-radius:2px;
}
.option-sw{
	font-size:small;
	float:right;
	line-height:1em;
	border:1px solid #ddd;
	display:inline-block;
	text-align:center;
	margin:0 -5px -3px;
	padding:5px 6px !important;
	box-shadow:none !important;
	border-radius:3px !important;
	border-color:#acc6de !important;
}
.option-panel .option-sw{
	margin:0;
}
a.option-sw:hover{
	text-decoration:none;
/*	background:#ebf3fa;
	border-color:#c5dff7;*/
}



/* サブメニュー */
.topbarmenu-container{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:50px;
/*	z-index:90;*/
	z-index:100;
}
.topbarmenu{
	position:absolute;
	width:50px;
	height:50px;
	top:0;
	left:0;
	right:auto;
	background:url(../img/i_topbar_menu.png) no-repeat center 0;
}
.topbarmenu#openmenu2{	background-position:center -50px;}
.topbarmenu#closemenu1{	background-position:center -100px;}
.topbarmenu#closemenu2{	background-position:center -150px;}

.topbarmenu#openmenu2,
.topbarmenu#closemenu2{
	left:auto;
	right:0;
}
#menu1,
#menu2{
	position:absolute;
	top:50px;
	left:0;
	width:auto;
	border:1px solid #fff;
	z-index:99;
	margin-bottom:50px;
	box-shadow:0 2px 10px #333;
}
#menu2{
	left:auto;
	right:0;
}
#menu1 a,
#menu2 a{
	display:block;
	position:relative;
	color:#fff;
	padding:0 10px 0 38px;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #fff;
	background:#0097bd url(../img/i_menuicons.png) no-repeat left top;
}
#menu2 a.auth{
	background-color:#d88417;
	padding-right:20px !important;
}
.petit{
	position:absolute;
	right:5px;
	top:5px;
}
#menu1 a#lst-best{background-position:left -100px;}
#menu1 a#lst-bnew{background-position:left -150px;}
#menu1 a#sch-them{background-position:left -200px;}
#menu1 a#sch-refr{background-position:left -50px;}

#menu2 a#usr-lgin{background-position:left -250px;}
#menu2 a#usr-cart{background-position:left -350px;}
#menu2 a#usr-rsvl{background-position:left -400px;}
#menu2 a#usr-lndl{background-position:left -450px;}
#menu2 a#usr-bokl{background-position:left -500px;}
#menu2 a#usr-ment{background-position:left -300px;}
#menu2 a#usr-appl{background-position:left -550px;}

#menu2 a#usr-emyp{background-position:left -800px;}

#menu2 a#usr-ersvl{background-position:left -650px;}
#menu2 a#usr-elndl{background-position:left -700px;}
#menu2 a#usr-sdil{background-position:left -750px;}
#menu2 a#usr-hist{background-position:left -850px;}
#menu2 a#usr-revw{background-position:left -900px;}
#menu2 a#usr-barcod{background-position:left -950px;}

#menu1 a:active,
#menu2 a:active{
	background-color:#14ac00;
}
#closemenu1,
#closemenu2,
#menu1,
#menu2{
	display:none;
}
.expire{
	background:#fff;
	display:block;
	padding:4px;
	color:#999;
}

/* かんたん検索 */
.easy-input{
	padding:30px 0;
/*	min-height:200px;*/
}
.easy-input table{
	margin-left:auto;
	margin-right:auto;
}
.easy-input .text#SearchKWInput{
	border-width:2px;
	width:98% !important;
	height:1.4em;
	ime-mode:active;
	font-size:1.4em;
	border-radius:6px 0 0 6px;
	padding:11px 0 10px 10px;
}
.easy-input .button#schButton{
	border-width:2px;
	font-size:1.4em;
	border-radius:0 6px 6px 0;
	padding:6px 15px;
	margin-top:4px;
}
.link-pc {
	margin-top:60px;
	text-align:center;
}

.easy-layout{
	overflow:hidden;
}
.easy-layout .sidebar{
	position:relative;
	width:240px;
	padding:5px 0;
	float:left;
}
.doc-details .sidebar{
	text-align:center;
}
.easy-layout .mainarea{
	margin-left:-100%;
	width:100%;
	float:right;
	overflow:hidden;
/*	background:url(../img/bg_sep.png) no-repeat left top;*/
}
.easy-layout .mainarea-inner{
	margin-left:240px;
	padding-left:30px;
}
#calendar .button{
	margin-left:20px;
}


/* かんたん検索入力 図書館リスト */
/*#kan-list {
	display:none;
	position:absolute;
	border:1px solid #aaa;
	background:#f6f6f6;
	width:600px;
	height:auto;
	padding:10px;
	line-height:1.6;
	border-radius:4px;
	filter: alpha(opacity=95);
	-moz-opacity:0.95;
	opacity:0.95;
	box-shadow:0 2px 4px #999;
}
#kan-list label {
	display:inline-block;
	width:10em;
}*/
/* かんたん検索入力ソフトキーボード */
/*.skb-switch{
	display:block;
	margin:15px auto 0;
}
#skb {
	text-align:center;
	display:none;
}
#skb area{
	cursor:pointer;
}
#soft-key-alph{
	display:none;
}*/

/* マイレビュー一覧 */
.revlist {
	border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.rev {
	padding: 10px 0px 5px; line-height: 1.2em; overflow: hidden; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid;
}
.rev-thumbnail {
	width: 80px; text-align: center; overflow: visible; margin-right: 10px; float: left; position: relative;
}
.rev-thumbnail img {
	width: 80px; height: 80px;
}
.rev-thumbnail .badge {
	background: url("../img/id_best.png") no-repeat top; top: -5px; width: 32px; height: 32px; right: -25px; position: absolute;
}
.rev-thumbnail .new.badge {
	background: url("../img/id_new.png") no-repeat top;
}
.revcndkbn-cyan {
	background: rgb(75, 172, 198); margin: 5px auto; padding: 2px 8px 1px !important; border-radius: 0.8em; height: 1.4em; text-align: center; color: rgb(255, 255, 255); line-height: 1.4em; font-size: 0.75em; display: inline-block;
}
.revcndkbn-green {
	background: rgb(6, 123, 0); margin: 5px auto; padding: 2px 8px 1px !important; border-radius: 0.8em; height: 1.4em; text-align: center; color: rgb(255, 255, 255); line-height: 1.4em; font-size: 0.75em; display: inline-block;
}
.revcndkbn-red {
	background: rgb(255, 0, 0); margin: 5px auto; padding: 2px 8px 1px !important; border-radius: 0.8em; height: 1.4em; text-align: center; color: rgb(255, 255, 255); line-height: 1.4em; font-size: 0.75em; display: inline-block;
}
.revcndkbn-gray {
	background: rgb(128, 128, 128); margin: 5px auto; padding: 2px 8px 1px !important; border-radius: 0.8em; height: 1.4em; text-align: center; color: rgb(255, 255, 255); line-height: 1.4em; font-size: 0.75em; display: inline-block;
}
.rev-thumbnail a:hover {
	text-decoration: none;
}
.rev-thumbnail a:hover .revcndkbn-gree {
	background: rgb(38, 155, 32);
}
.revlist .rev-info {
	margin-left: 30px;
}
.rev-title {
	line-height: 1.2em; font-size: 1.3em; font-weight: bold; margin-bottom: 8px;
}
.rev-writer {
	color: rgb(54, 133, 7); margin-bottom: 8px;
}
.rev-recap {
	line-height: 1.3em; margin-bottom: 8px;
}
.rev-available {
	color: rgb(162, 71, 27); float: left;
}
.rev-execs {
	margin-top: -5px; float: right;
}

/* 検索 */
body.search #body {
	padding-bottom:100px;
}
/* レファレンス */
body.reference #body {
	padding-bottom:50px;
}
/* 電子書籍 */
body.ebooklend #body {
	padding-bottom:50px;
}
/* 電子書籍予約 */
body.ebookreserve #body {
	padding-bottom:50px;
}
/* 新着図書お知らせサービス */
body.sdi #body {
	padding-bottom:100px;
}

/* 書誌一覧 */
body.searchlist #body {
	padding-bottom:50px;
}
.doclist{
	border-top:1px solid #ddd;
	margin:5px -10px;
	padding-left:5px;
}
.doclist.no-number a {
	padding-left:10px;
}
.doclist .item {
	margin-left:15px;
}
.doclist .num{
	line-height:30px;
	float:left;
	text-align:center;
	border-radius:6px;
	width:30px;
	height:30px;
	background:#0097bd;
	color:#fff;
}

.doc{
	padding:7px 0 5px 0;
	border-bottom:1px solid #ddd;
	line-height:1.2em;
	display:block;
	overflow:hidden;
}
.doc:last-child {
	border-bottom:none;
}

a.doc{
	background:#fff url(../img/list_icon_arrow_r.png) no-repeat right center;
	color:#000;
	padding:10px 30px 5px 0;
}
a.doc:hover {
	text-decoration:none;
}
.doc-thumbnail{
	float:left;
	width:80px;
	margin-right:5px;
	margin-left:5px;
	text-align:center;
	position:relative;
	overflow:visible;
}
.doc-thumbnail img{
	width:80px;
	height:80px;
}
.doc-thumbnail .badge{
	position:absolute;
	right:-20px;
	top:0;
	width:32px;
	height:32px;
	background:url(../img/id_best.png) no-repeat center top;
}
.doc-thumbnail .badge.new{
	background:url(../img/id_new.png) no-repeat center top;
	top:-3px;
}

.doc-thumbnail .godetail{
	font-size:0.75em;
	text-align:center;
	display:inline-block;
	background:#4bacc6;
	color:#fff;
	height:1.4em;
	line-height:1.4em;
	padding:2px 8px 1px !important;
	margin:5px auto;
	border-radius:0.8em;
}
.doc-thumbnail a:hover{
	text-decoration:none;
}
.doc-thumbnail a:hover .godetail{
	background:#4bc6b3;
}

.doclist .doc-info{
	margin-left:105px;
}
.doclist .title{
	font-size:1.3em;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:8px;
}
.doclist .writer{
}
.doc-recap{
	margin-bottom:8px;
	line-height:1.3em;
}
.doclist .available{
}
.doclist .feature {
	color:#000000;
	font-size:90%;
}

.doc-execs{
	float:right;
	margin-top:-5px;
}
/* 絞込 */
.filter-box {
}
.filter-box table {
	width:100%;
}
.filter-box td {
	width:30%;
}
.filter-box td select {
	width:100%;
}


/* 予約カート */
body.cart #body {
	padding-bottom:110px;
}

/* テーマ資料 */
.themelist .item {
	margin-left:35px;
}

.doclist.no-count .item{/* カウンターなし */
	margin-right:15px;
}
.doclist .status {
	clear:both;
}

.writer {
	color:#368507;
}
.available {
	color:#a2471b;
}
.period {
	color:#000000;
}

input.doc-checkbox {
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-0.5em;
	display:none;
}
.doc-checkbox-all {
	font-size:90%;
	padding-left:0px!important;
}
.doc-checkbox-all input {
	margin-right:5px;
}
.doc-checkbox-all.bottom {
	margin-bottom:10px;
}

/*　ベスト */
body.best #body {
	padding-bottom:50px;
}

/* 受取順指定 */
body.turn #body {
	padding-bottom:100px;
}
.doclist-turn {
}
.doclist-turn .item{
	padding-left:70px;
}
.turn-select {
	width:80px;
	float:left;
	color:#2987BC;
	position:absolute;
	top:50%;
	margin-top:-2em;
	margin-left:5px;
}
.turn-select select {
	width:3em;
}

/*　貸出状況一覧 */
body.book #body {
	padding-bottom:50px;
}
.lend-filter {
/*	margin:-10px;
	font-size:95%;*/
	padding-top:10px;
	padding-bottom:10px;
/*	text-align:right;*/
}
.lend-filter input {
/*	float:left;*/
}
.lend-filter label {
	color:#2987BC;
}
.lend-filter select {
/*	width:8em;*/
}
/* メール通知 */
.lend-filter-mail {
}
.lend-filter-mail div {
	color:#2987BC;
}
.lend-filter-mail label {
	color:#303030;
}

/* 予約状況一覧 */
body.reserve #body {
	padding-bottom:110px;
}


/* 新着資料　*/
body.newcomer #body {
	padding-bottom:50px;
}

/* 図書館カレンダー */
.boxlist table.cal caption {
	text-align:center;
}
.boxlist table.cal-bottom {
	margin-bottom:0px;
}


/* ファセットメニュー */
#facetmenu{
	padding:0;
}
.facet_full{
	display:none;
}
#facetmenu h2{
	margin:0 0 10px;
}
#facetmenu h3{
	background:#e2f1f8;
	color:#346b55;
	background:#d0e3f3;
	color:#194a86;
	border-radius:4px 4px 0 0;
	padding:7px 10px 5px;
	margin:5px 0 0 0 !important;
}
#facetmenu .ubox{
	margin:0;
	border-radius:0 0 4px 4px;
	border-color:#d0e3f3;
}
#facetmenu ul{
	list-style:none;
	margin:0;
	padding:0;
}
#facetmenu li{
	margin:0;
	padding:0;
	position:relative;
}
.selected{
	background:#bbf5ff !important;
}
.read .highlight,
.read .selected{
	display:inline-block;
	line-height:1.2em;
	padding:4px 0 2px;
	margin:1px;
	border-radius:4px;
}
.del_select{
	position:absolute;
	right:3px;
	top:0px;
	padding:2px 3px;
}
#facetmenu li a{
	display:block;
	border-radius:2px;
	padding:2px 2px 1px 10px;
}
#facetmenu li a:hover{
	background:#e7f6e1;
}
#facetmenu .more{
/*	border-top:1px solid #d0e3f3;
	margin:3px 0 0;
	padding:6px 0 0;*/
}


/* 書誌詳細 */
.doc-details .sidebar{
	background:#fff;
}
.doc-details .sidebar div{
	margin:10px;
}
.doc-details h2.title {
	word-break:break-all;
}
.doc-details .thumbnail{
	margin:5px auto 20px;
	display:block;
	text-align:center;
}
.doc-details .thumbnail img{
	width:200px;
	margin-bottom:5px;
}
.doc-details #links{
	overflow:hidden;
/*	margin:10px 0 0;*/
	padding:0 0 3px;
	clear:both;
}
.doc-details #inpage{
	float:left;
}
.doc-details #inpage a{
	margin-right:2em;
}
.doc-details #shift{
	float:right;
}
.doc-details .detail-block{
	margin-bottom:15px !important;
}
.doc-details .detail-block h2{
	padding:5px 8px !important;
	line-height:1.3em;
	border:1px solid #81B2CB;
	border-radius:5px 5px 0 0;
	background:linear-gradient(#fff, #DCEAF6);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#DCEAF6));
	font-weight:normal;
	color:#3183AD;
}
/* レファレンス 詳細 */
.doc-details .reference-detail-block {
}
.doc-details .reference-detail-block .frame {
	padding-right:5px;
}
.doc-details .reference-detail-block .frame dt {
	padding-top:10px;
}
.doc-details .reference-detail-block .frame dd {
	margin-top:5px;
	margin-bottom:10px;
}
.doc-details .reference-detail-block .frame dd.answer {
	color:#368506;
}
.doc-details .reference-detail-block .doc {
	padding:10px;
}
/* レファレンス 質問 */
#refdetail_question {
}
#refdetail_question .ec-word {
	color:#0097BD;
	margin-left:5px;
	margin-right:5px;
}
/* レファレンス 回答 */
#refdetail_answer {
}
#refdetail_answer .ec-word {
	color:#C40019;
	margin-left:5px;
	margin-right:5px;
}
/* レファレンス 備考 */
#refdetail_note {
}


/* レファレンス 資料情報/インターネット */
.doc-details .reference-block{
}
.doc-details .reference-block .number{
	float:left;
	text-align:center;
	border-radius:4px;
	width:30px;
	height:30px;
	line-height:30px;
	background:#0097bd;
	color:#fff;
	margin-left:8px;
}
.doc-details .reference-block .list {
}
.doc-details .reference-block .list a {
	margin-left:45px;
	word-break:break-all;
	display:block;
	padding-right:5px;
}

/* レファレンス キーワード */
.doc-details .keyword-block{
}
.doc-details .keyword-block .doc {
	padding:10px;
}


/* 蔵書情報 */
.doc-details #stockinfo .stock-count{
	width:100%;
	border-collapse:collapse;
	margin-top:2px;
}
.doc-details #stockinfo .stock-count th,
.doc-details #stockinfo .stock-count td {
	border:1px solid #81B2CB;
}
.doc-details #stockinfo .stock-count th{
	padding:8px 5px 6px;
	background:#e6f2fb;
	border-right-width:0;
}
.doc-details #stockinfo .stock-count td{
	padding:8px 10px 6px 5px;
	border:1px solid #81B2CB;
	border-left-width:0;
	background:#fff url(../img/bg_gradth.png) repeat-y left top;
	font-weight:bold;
}

/* 書誌詳細 */
.doc-details #bookinfo{
	margin-bottom:0;
}
.doc-details #bookinfo .info{
	border:0;
	margin:0;
}
.doc-details #bookinfo .info th{
	background:none;
	border:0;
	color:#0097bd;
	width:7em;
	text-align:left;
	border-bottom:1px solid #ddd;
}
.doc-details #bookinfo .info td{
	border:0;
	line-height:1.2em;
	border-bottom:1px solid #ddd;
}
.doc-details #bookinfo .info h3{
	font-size:1.3em;
	line-height:1em;
	margin:0;
	padding:0;
	float:left;
}
#rating .frame,
.doc-details #bookinfo .frame{
	padding:5px;
}

/* 内容細目 */
.doc-details #contentDetail{
	margin-bottom:0;
}
.doc-details #contentDetail .info{
	border:0;
	margin:0;
}
.doc-details #contentDetail .info th{
	background:none;
	border:0;
	color:#0097bd;
	width:7em;
	text-align:left;
	border-bottom:1px solid #ddd;
}
.doc-details #contentDetail .info td{
	border:0;
	line-height:1.2em;
	border-bottom:1px solid #ddd;
}
.doc-details #contentDetail .info h3{
	font-size:1.3em;
	line-height:1em;
	margin:0;
	padding:0;
	float:left;
}
#rating .frame,
.doc-details #contentDetail .frame{
	padding:5px;
}
#closeContentDetail, #contentDetailInfo{
	display:none;
}

#rating img{
	vertical-align:middle;
}
#rating .group{
	white-space:nowrap;
	margin-right:1em;
	display:inline-block;
	padding:3px 6px;
}
#user-review .doc{
	padding:5px 10px;
}
.detail-block .score{
	color:#067b00;
}
.detail-block .title{
	font-weight:bold;
	display:block;
	margin-top:7px;
}
.detail-block .post,
.detail-block .date{
	font-size:0.9em;
	line-height:1.2em;
	display:inline-block;
	padding:7px 5px 0;
}
.detail-block .date em{
	font-weight:normal;
}
.detail-block p{
	line-height:1.4em;
}
#otherinfo{
	padding:7px 14px;
	background:#e6f0f7;
	border-radius:4px;
}
#otherinfo h4{
	margin:0;
}
#closeother, #otherinfo,
#closemore, #moreinfo{
	display:none;
}
/* ボタン */
.doc-details #execs{
}
/* レファレンス情報ボタン */
.reference-link {
	text-align:center;
	margin-bottom:10px;
}
.reference-link input {
}
.reference-link p {
}

/* マイ本棚 */
body.booklist #body {
	padding-bottom:100px;
}
body.booklist h1 {
	background-color:#ADADF9!important;
}
#myshelf{
	background:#e9f7e4 url(../img/to_booklist.png) no-repeat 10px 10px;
	border:1px solid #c7dec0;
	border-radius:5px;
	padding:10px 15px 8px 50px;
	background-color:#f4f4fd;
	border-color:#d2d2f6;
}
#myshelf h2{
	color:#000000;
	padding:0 !important;
	margin:0 0 5px;
	border:0;
	background:none;
}
#myshelf h2 span{
	font-size:small;
	font-weight:normal;
	display:block;
	clear:both;
}
#myBookList{
	clear:both;
	width:100%;
}

/* マイ本棚の編集 */
body.booklist-edit #body {
	padding-bottom:100px;
}

/* 資料情報 */
.doc-details #available{
}
#available .number{
	float:left;
	text-align:center;
	border-radius:4px;
	width:30px;
	height:30px;
	line-height:30px;
	background:#0097bd;
	color:#fff;
	margin-left:8px;
}
#available .form {
}
#available .list-col2 {
	float:left;
	width:42%;
	margin-left:2px;
}
#available .list-col2 dt,
#available .list-col2 dd {
	padding-left:5px;
	padding-right:5px;
}
#available .list-col1 {
	margin-left:6px;
}
#available .list-col1 dt,
#available .list-col1 dd {
	padding:4px;
	margin:0px;
}
#available .list-col1 dt {
	clear:both;
	white-space:nowrap;
	width:45%;
	float:left;
}
#available .list-col1 dd {
	width:45%;
	float:left;
}
.doc-details #shoplinks .frame{
	text-align:center;
	padding:5px;
}
.doc-details #shoplinks .frame a{
	border:1px solid #ddd;
	display:inline-block;
	margin:5px;
}

/* 関連資料 */
.doc-details #relatives{
}
.doc-details #innertabs{
	margin:5px 0;
}
.clearfix {
    float: none;
    clear: both;
}

/* 予約進行状況 */
.rsv-progress{
	margin:0 auto;
	overflow:hidden;
	border:1px solid #0097bd;
	width:450px;
}
.rsv-item{
	float:left;
	text-align:center;
	padding:10px 10px 8px;
	width:130px;
	margin:0;
	background:#cceaf2;
	color:#0097bd;
}
.rsv-item.logon{
	background:#ffe6c5;
	color:#ca7200;
}
.rsv-item.cur{
	background:#fff;
	font-weight:bold;
}

/* マイ本棚 */
#shelflist{
	padding:0 10px 0 0;
}
#shelflist h2{
	margin:0 0 5px;
}
#shelflist ul{
	margin:0 0 10px;
	padding:0;
	list-style:none;
	max-height:250px;
	min-height:150px;
	overflow:auto;
}
#shelflist li{
	margin:2px 0;
	padding:0;
}
#shelflist li a{
	display:block;
	padding:4px 4px 4px 30px;
	border:1px solid #fff;
	border-radius:3px;
	background:url(../img/i_booklist_s.png) no-repeat 3px center;
}
#shelflist li a.cur{
	background-color:#f4f4fd;
	border-color:#d2d2f6;
	color:#000;
}
#shelflist li a:hover{
	background-color:#d2d2f6;
	border-color:#d2d2f6;
	text-decoration:none;
	color:#5757bf;
}
.info.booklist{
	margin:5px 0 !important;
	border:1px solid #d2d2f6;
	clear:both;
}
.info.booklist th,
.info.booklist td{
	border-color:#d2d2f6;
}
.info.booklist .thumbnail{
	float:left;
}
.info.booklist .title{
	display:block;
	font-weight:bold;
}
.info.booklist .doc-info{
	margin-left:70px;
}
.info.booklist th{
	background:#f4f4fd;
	border-right:0;
}

.mybooklist-board {
	margin-top:0;
	margin-left:-10px;
	margin-right:-10px;
	background-color:#E8E8FB;
	padding:5px 5px 10px;
}
.mybooklist-board-title {
	background: url(../img/i_booklist.png) no-repeat 5px 0px;
	min-height:32px;
	padding-left:55px!important;
	line-height:1.2em;
	padding-right:5px;
	word-break:break-all;
}
.mybooklist-board-title input {
	width:93%;
}
.mybooklist-board-title label {
	color:#4747C8;
	display:block;
	margin-top:7px;
}
.mybooklist-board-memo {
	padding:0 10px;
	background-position:5px 5px;
}
.mybooklist-board-memo p {
	clear:both;
	text-indent:0;
}
.mybooklist-board-memo textarea {
	width:99%;
	margin-bottom:10px;
}


/* NDC検索分類表 */
.ndc0 h3{	background:#f0f7d5;border-color:#b2c950;}
.ndc1 h3{	background:#ede1f9;border-color:#ad87d1;}
.ndc2 h3{	background:#dde6f7;border-color:#8dade6;}
.ndc3 h3{	background:#cecef5;border-color:#7979d7;}
.ndc4 h3{	background:#f6d6d9;border-color:#d98b92;}
.ndc5 h3{	background:#d2d9f5;border-color:#8599de;}
.ndc6 h3{	background:#f9f5bf;border-color:#d7cc52;}
.ndc7 h3{	background:#d6f5ec;border-color:#83d4bc;}
.ndc8 h3{	background:#fae3d4;border-color:#ecb085;}
.ndc9 h3{	background:#f8dbef;border-color:#df97c7;}

.ndc.w-half li{	border:0;}

td.ndc0, .ndc0 td, .ndc.w-half.ndc0{	background:#f6fae3;}
td.ndc1, .ndc1 td, .ndc.w-half.ndc1{	background:#f4ecfa;}
td.ndc2, .ndc2 td, .ndc.w-half.ndc2{	background:#edf2fa;}
td.ndc3, .ndc3 td, .ndc.w-half.ndc3{	background:#e3e3f7;}
td.ndc4, .ndc4 td, .ndc.w-half.ndc4{	background:#f8e1e3;}
td.ndc5, .ndc5 td, .ndc.w-half.ndc5{	background:#e1e6f8;}
td.ndc6, .ndc6 td, .ndc.w-half.ndc6{	background:#f9fadf;}
td.ndc7, .ndc7 td, .ndc.w-half.ndc7{	background:#ecfaf6;}
td.ndc8, .ndc8 td, .ndc.w-half.ndc8{	background:#faefe8;}
td.ndc9, .ndc9 td, .ndc.w-half.ndc9{	background:#fcf0f8;}


/* 詳細検索 */
table.match {
	width:100%;
}
td.matchText {
}
td.matchText input {
	width:90%;
}
td.matchSelect {
	width:40%;
}
td.matchSelect select {
	width:100%;
}


/* 巻号一覧 */
.bookvol {
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	margin:0px -10px;
	padding:10px;
	line-height:1.3;
}
.bookvol .title{
	font-size:1.3em;
	font-weight:bold;
	color:black;
}
.bookvol .writer {
}
.bookvol .available{
	color:#303030;
}


/* 事項 */
/* 層領域 */
div.layer-list {
	border-top:1px solid #ddd;
	margin:0 -10px;
}
/* 行 */
.layer-doc {/* .layer-doc */
	padding:5px;
	border-bottom:1px solid #ddd;
	line-height:1.2;
	display:block;
	overflow:hidden;
	position:relative;
}
/* 行 a */
a.layer-doc {
	color:#000000;
	text-decoration:none;
	background:#fff url(../img/list_icon_arrow_r.png) no-repeat right center;
	padding-right:30px;
	padding-left:30px;
}
/* 行 div */
div.layer-doc {
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
}
/* 表領域 */
div.layer-item {
	line-height:1.3em;
	position:relative;
}

/* 見出しあり事項 */
div.layer-item .matter {
	margin-top:3px;
}
div.layer-item .matter .name {
}
div.layer-item .matter .value {
	word-break:break-all;
}
div.layer-item .matter .value.over {
	color:red;
}
div.layer-item .matter.lending {
	color:#a2471b;
}
div.layer-item .matter input.comment {
	width:10em;
}
div.layer-item .matter input.period {
	width:8em;
}
div.layer-item .matter.stock {
	color:#a2471b;
}

/* 見出しなし */
div.layer-item .title {
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:5px;
	padding-top:5px;
}
/* 検索条件名称 */
div.layer-item .sdititle {
	margin-top:3px;
	word-break:break-all;
}
/* 著者 */
div.layer-item .writer {
	margin-bottom:5px;
	color:#368507;
	word-break:break-all;
}
/* 出版者 */
div.layer-item .publisher {
	margin-bottom:3px;
	color:#368507;
	word-break:break-all;
}
/* 出版年月 */
div.layer-item .publication {
	margin-bottom:3px;
}
/* 巻次 */
div.layer-item .volumes {
	float:right;
	width:50%;
}
/* 紹介 */
div.layer-item .intro {
	word-break:break-all;
}

/* レファレンス一覧 質問 */
div.layer-item .refquestion {
	margin-left:20px;
	font-size:100%;
	font-weight:normal;
}
div.layer-item .refquestion .ec-word {
	position:absolute;
	left:0px;
	top:0.2em;
	color:#0097BD;
}
div.layer-item .refanswer .ec-word {
	position:absolute;
	left:0px;
	color:#C40019;
}
/* レファレンス一覧 回答 */
.refanswer {
	color:#368507;
}
div.layer-item .refanswer {
	word-break:break-all;
	font-size:100%;
	padding-left:20px;
	position:relative;
}
/* レファレンス 共通 */

div.reftitle,
div.refquestion,
div.refanswer,
div.refkeyword,
div.refnote {
	border-bottom:1px solid transparent;
}
#read-more,
#read-less {
	font-weight:normal;
	color:#0033CC;
	font-size:85%;
}

/* レファレンス 詳細 */
.reference-detail-block .refnote {
	margin-left:10px;
}
.reference-detail-block .reftitle {
}


/* 電子書籍 予約日時 */
div.layer-item .matter.nowrap {
}


/* ナンバー表示あり */
.layer-list-number {
}
.layer-list-number .layer-doc {
	padding-top:5px;
	padding-left:5px;
}
.layer-list-number div.layer-item {
	margin-left:40px;
}
.layer-number {
	line-height:30px;
	float:left;
	margin-top:2px;
	margin-left:3px;
	text-align:center;
	border-radius:6px;
	width:30px;
	height:30px;
	background:#0097bd;
	color:#fff;
}
/* ランキング */
.layer-list-ranking .layer-doc {
	padding-left:5px;
}
.layer-list-ranking div.layer-item {
	margin-left:40px;
}
.layer-list-ranking div.layer-ranking {
	position:absolute;
	left:7px;
	top:50px;
	text-align:center;
	width:30px;
}
.layer-list-ranking div.layer-ranking p {
	color:#303030;
	text-indent:0px;
}

/* 書影 */
.layer-list-thumbnail .layer-doc {
	padding-left:5px;
}
.layer-list-thumbnail div.layer-item {
	margin-left:95px;
}
.layer-list-thumbnail div.layer-item div.title {
	margin-right:-20px;
}
.layer-thumbnail{
	float:left;
	width:80px;
	margin-right:5px;
	margin-left:5px;
	text-align:center;
	position:relative;
	overflow:visible;
}
.layer-thumbnail img{
	width:80px;
	height:80px;
}
.layer-thumbnail .badge{
	width:32px;
	height:32px;
/*	position:absolute;
	left:10px;
	top:110px;*/
	float:left;
	margin:4px;
}
.layer-thumbnail .badge.best{
	background:url(../img/id_best.png) no-repeat left top;
}
.layer-thumbnail .badge.new{
	background:url(../img/id_new.png) no-repeat left top;
/*	left:42px;*/
}
.layer-thumbnail span.godetail{
	font-size:0.75em;
	text-align:center;
	display:block;
	background:#4bacc6;
	color:#fff;
	height:1.4em;
	line-height:1.4em;
	padding:2px 8px 1px;
	margin:5px auto;
	border-radius:0.8em;
}
/* 人気・新着 */
.layer-item .title .badge{
	display:inline-block;
	width:32px;
	height:32px;
	background:url(../img/id_best.png) no-repeat center top;
	float:left;
	margin-top:-7px;
}
.layer-item .title .badge.best{
}
.layer-item .title .badge.new{
	background:url(../img/id_new.png) no-repeat center top;
	margin-left:-5px;
}

/* 受取順指定 */
.layer-list-turn div.layer-item {
	margin-left:75px;
}
.layer-list-turn div.layer-turn {
	width:80px;
	float:left;
	color:#2987BC;
	position:absolute;
	top:50%;
	margin-top:-2em;
	margin-left:5px;
}
.layer-list-turn div.layer-turn select {
	width:3em;
}
.layer-ex {
	text-align:right;
	padding:3px;
}
/* 予約状況一覧 受取順 */
.layer-doc.layer-turn-order {
	padding-right:50px;
}
.layer-turn-order .connector {
	background-color:#A6CBDE;
	position:absolute;
	width:7px;
	height:100%;
	top:0px;
	right:23px;
}
.layer-turn-order .connector-top {
	top:50%;
	height:50%;
}
.layer-turn-order .connector-middle {
	top:0px;
	height:100%;
}
.layer-turn-order .connector-bottom {
	top:0px;
	height:50%;
}
.layer-turn-order .order-number {
	width:40px;
	height:40px;
	line-height:40px;
	position:absolute;
	right:5px;
	top:50%;
	text-align:center;
	word-break:break-all;
	overflow:hidden;
	background-color:#ffffff;
	border:2px solid #A6CBDE;
	border-radius:6px;
	color:#303030;
}
.layer-turn-order .order-label{
	position:absolute;
	right:2px;
	top:50%;
	margin-top:-20px;
}
.layer-turn-order a.button {
	position:absolute;
	right:2px;
	top:50%;
	margin-top:50px;
}
.layer-turn-order div.layer-item input.comment {
	width:7em;
}
/* マイ本棚 */
div.layer-item .memo textarea.memo-entry {
	width:100%;
}
div.layer-item .matter input.sort-entry {
	width:5em;
}

/* 新着図書お知らせサービス */
div.form-note {
	position:relative;
}
div.form-note span.form-note-ec {
	position:absolute;
	left:0px;
	top:0px;
}
div.form-note p {
	margin-left:2em;
}
.sdiread {
}
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.prefont{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
	margin-top:8px;
}

/* メディアクエリ(幅が1600以上の場合)
@media screen and (min-width:1400px) {
	#contents{
		width:1400px;
	}
}*/
/* メディアクエリ(幅が1000以下の場合)
@media screen and (max-width:1000px) {
	#contents{
		width:1000px;
	}
}*/
@media screen and (min-width:480px) {
	#logo{
		background:url(../img/logo.png) no-repeat center -50px;
	}
}
/* 簡易デジタルアーカイブ機能 */
.doc-details #digitalinfo .frame2{
	padding:5px;
}

.frame2 {/* 枠 */
	border:1px solid #81B2CB;
	border-radius:5px 5px 5px 5px;
	overflow:auto;
}

</pre></body></html>