/* タグスタイル再定義 */
body{
	margin:0;
	padding:0;
	font-size:95%;
	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.6em;
}
h2{
	font-size:1.2em;
}
h3{
	font-size:1.1em;
}
img{
	border:0;
	vertical-align:bottom;
	_vertical-align:middle;
}
p{
	text-indent:1em;
	margin:.5em 0;
}
form{
	margin:0;
}
button,
input,
textarea,
select{
	font-size:1em;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
}
select{
	font-size:auto;
}
input{
	vertical-align:middle;
}
textarea{
	padding:1px 0;
	_padding:1px;
}
span.txt{
	border:2px solid;
	font-size:.9em;
	padding:0;
	margin:0 2px;
	width:1em;
	height:1em;
}
em{
	font-style:normal;
	font-weight:bold;
	color:#056900;
}
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 #7FCEBF;
	padding:1px 0 0 5px;
	margin:5px 0;
	line-height:1.2em;
}
ul.narrow{
	margin:2px 0;
}
ul.narrow li{
	margin:1px 0;
}
ul.wide li{
	margin:8px 0;
}
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;
}



/*
 * レイアウト
 */
#wrapper{
	background:url(../img/bg_head.png) repeat-x left top;
	width:100%;
	margin:0;
	padding:0;
}
#contents{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
	width:expression(document.body.clientWidth > 1400 ? "1400px" : "100%");
	width:expression(document.body.clientWidth < 980 ? "980px" : "100%");
}

/* ヘッダ */
#head{
	width:100%;
}
#title{
	width:100%;
	height:85px;
	position:relative;
}
#logo{
	position:relative;
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	z-index:1;
	width:480px;
	height:100%;
	background:url(../img/logo.png) no-repeat 30px top;
}
#lang-menu{
	background:#057C00 url(../img/bg_shoulder.png) no-repeat right top;
	position:absolute;
	width:500px;
	height:25px;
	line-height:24px;
	padding:0 15px;
	margin:0;
	right:0;
	top:0;
	font-size:12px;
	text-align:right;
}
#lang-menu a{
	color:#fff;
	margin:0;
	padding:2px 7px;
	background:url(../img/bg_bar.png) repeat-x left 50px;
	font-size:1em;
}
#lang-menu a.cur{
	background:#057C00 url(../img/bg_bar.png) repeat-x left top;
	border-radius:3px;
}
#lang-menu img{
	vertical-align:top;
	margin-top:1px;
}
#lang-menu #fss{
	margin-right:50px;
}
.log-stats{
	position:absolute;
	top:25px;
	right:0;
	width:530px;
	height:60px;
	font-size:95%;
}
#stat-logout{
	background:#d8eaf0 url(../img/bg_shoulder.png) no-repeat right -90px;
}
#stat-login{
	background:#fdeeda url(../img/bg_shoulder.png) no-repeat right -25px;
}
.log-stats td{
	height:60px;
	background:transparent;
}
.log-stats .lead{
	display:block;
	line-height:1.1em;
	padding:0 10px 0 60px;
	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;
	right:10px;
}
.stat-item a#stat-cart .value{
	color:#3183ad;
}
.stat-item a#stat-cart .value.badge{
	bottom:12px;
	right:5px;
	font-size:1.4em;
	color:#0094ba;
	width:32px;
	height:32px;
	line-height:28px;
	text-align:center;
	color:#fff;
	background:url(../img/bg_badge.png) no-repeat center center;
}

/* パンくず */
#navi{
	line-height:1.1em;
	padding:0 30px;
}
#panks{
	font-size:0.85em;
	float:left;
	padding:0;
	margin:3px 0;
}
#google{
	float:right;
	padding:1px 10px;
}
#google .text{
	width:120px;
	background:url(../img/google.png) no-repeat 7px center;
}
#google .text:focus{
	background:#fff8f1;
}
#google .button{
}

/* タブ */
#tabs{
	overflow:hidden;
	padding:0 30px;
	margin:0 0 10px;
	position:relative;
	height:100%;
}
#tabs .cap{
	position:absolute;
	bottom:0;
	width:5px;
	height:5px;
	line-height:5px;
}
*:first-child+html #tabs .cap{
	display:none;
}
#tabs, #tabs .cap{
	background:#fff url(../img/bg_tabcontainers.png) repeat-x left bottom;
}
#tabs.logon, #tabs.logon .cap{
	background:#fff url(../img/bg_tabcontainers_logon.png) repeat-x left bottom;
}
#tabs #capL{	left:0;		background-position:left top;}
#tabs #capR{	right:0;	background-position:right top;}
a.tab{
	float:left;
	padding:9px 12px 5px 8px;
	line-height:1em;
	margin:3px 8px 0 0;
	border:1px solid #067B00;
	border-radius:8px 8px 0 0;
	background:#A2D2A1 url(../img/bg_tabs.png) repeat-x left top;
	font-size:1.25em;
	font-weight:bold;
	color:#000;
	white-space:nowrap;
	position:relative;
}
a.tab:hover{
	color:#fff;
	color:#000;
	background-position:left -50px;
	text-decoration:none;
}
a.tab.cur{
	color:#067B00;
	padding:12px 12px 5px 8px;
	margin-top:0;
	border-bottom-color:#fff;
	background:#fff;
/*	background-position:left -200px;*/
}
a.tab.cur:hover{
	background-position:left -250px;
}
a.tab.mylib{
	background:#fec274 url(../img/bg_tabs.png) repeat-x left -100px;
	border-color:#d58e43;
	float:right;
	padding-right:20px;
	margin-right:0;
}
a.tab.mylib:hover{
	background-position:left -150px;
}
a.tab.cur.mylib{
	color:#d76500;
	border-bottom-color:#fff;
	background-color:#fff;
	background-position:left -300px;
}
a.tab.cur.mylib:hover{
	background-position:left -350px;
}
a.tab span{
	background:url(../img/i_tabs.png) no-repeat left top;
	padding:0 0 0 25px;
}
a.tab.cur span{
	background-position:left -50px;
}
a.tab.miscS span{
	background-position:left -100px;
}
a.tab.miscS.cur span{
	background-position:left -150px;
}
a.tab.mylib span{
	background-position:left -200px;
}
a.tab.mylib.cur span{
	background-position:left -250px;
}
.lnk{
	float:left;
	height:26px;
	line-height:26px;
	padding:4px 8px 0 25px;
	border-radius:4px;
	margin:4px 0 0 10px;
	color:#2A743F;
/*	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%;
	border-top:1px solid #ccc;
	background:#fff;
	color:#666;
}
#foot #copyright{
	width:60%;
	float:left;
	font-size:0.8em;
	letter-spacing:0.5px;
	line-height:24px;
	padding:6px 0;
	margin-left:20px;
}
#foot #cityoffice{
	width:20%;
	float:right;
	text-align:right;
	padding:5px 15px;
}

/* ボディ */
#body{
	padding:0 30px 10px;
/*	padding:0 20px 40px;*/
	margin:0;
	position:relative;
	min-height:420px;
}
#body h1{
	margin:7px 0 5px;
	padding:7px 100px 3px 7px;
	line-height:1.2em;
/*	float:left;
	clear:both;*/
	border-radius:4px;
	background:#CDE5CC url(../img/bg_h1.png) repeat-y right top;
}
/*#body h1.logon{
	background:#fdc89a url(../img/bg_h1_logon.png) repeat-y right top;
}*/
#body h1:after{
	clear:both;
}
#body h2{
	clear:both;
	padding:3px 0 0;
}
#body h2.nopad{
	padding:0;
}
ul.read{
	padding:5px 2px;
	margin:1px 0;
	clear:both;
	list-style-type:none;
	list-style-image:none;
}
ul.read li{
	line-height:1em;
	margin:3px 0;
	padding:0;
	background:none;
}
.main{
	clear:both;
}
.form-base1,
.form-base2{
	padding:10px;
	margin:3px 0;
	clear:both;
}
.form-base1{
	background:#ebf3fa;
	background:#f3f3f3;
	border-radius:6px;
}
.form-base2{
	margin:5px 0 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;
}
.form-base2 hr{
	border-color:#d3e4f4 #fff #fff #d3e4f4;
}



/* 入力フォーム（主に詳細検索画面） */
.form{
}
.form th,
.form td{
	padding-right:5px;
/*	font-weight:normal;*/
}
.form th{
	color:#067B00;
	white-space:nowrap;
}
.form tbody th{
	text-align:left;
	white-space:nowrap;
}
.form label.w-fixed{
	width:10em;
	float:left;
}
.form label.w-auto{
	width:auto;
	margin-right:1em;
}
.form label.em6{width:6em;}
.pos-base{
	position:relative;
}
/* 検索条件OR|AND|NOTコンボ用 */
.half-offset{
	position:relative;
	top:13px;
}

/* ページング */
.paging{
	padding:2px;
	text-align:center;
}
.paging a,
.paging span.cur{
	display:inline-block;
	text-decoration:none;
	padding:9px 12px 8px;
	margin:1px;
}
.paging a:hover{
	background:#f1f9e9;
	border-radius:4px;
	border:1px solid #d0ecc6;
	color:#00a508;
	text-decoration:none;
	margin:0;
}
.paging span.cur{
	color:#067B00;
	border-radius:4px;
	background:#f1f9e9;
}


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

/* 実行ボタンベース */
.ex-navi{
	padding:5px 0 0;
	text-align:center;
}
.ex-navi input.button{
	margin-left:1em;
}
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:#EBF7F1;
	color:#067B00;
	border-right:1px solid #B1CDAA;
}
.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 #B1CDAA;
	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;
}

/* 申込みフォーム */
.app-form{
	border-width:1px 0;
}
.app-form thead th{
	text-align:left;
	padding:5px 5px 4px;
	border:1px solid #B1CDAA;
	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;
}
.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;
}
.eventlist h3{
	background:#b3ee9e;
	color:#060;
}
.eventlist li{
	padding-left:15px;
	background:url(../img/event-s.png) no-repeat left center;
}


/*
 * トップページ
 */
.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;
}

/* かんたん検索 検索窓 */
.easy-input #SearchKWInput{
	font-size:2em;
	width:14em;
	border-radius:6px;
}
#schButton{
	font-size:2em;
	min-width:4em;
	border-radius:6px;
	height:2em;
}

/* ボタン */
.button{
/*	font-weight:bold;*/
	padding:5px 8px;
	display:inline-block;
/*    *display: inline;
    *zoom: 1;*/
	border:1px solid #9ECDC3;
	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 2px;
}
span.button, a.button{
	padding:7px 8px 5px;
}
input.button.small{
	line-height:1.4em;
}
input.button.large{
	padding:6px 8px 4px;
	font-size:1.2em;
	line-height:1.6em;
	min-width:5em;
	overflow:visible;
}
*:first-child+html input.button.large{
	line-height:1.2em;
}
.exec{
	color:#fff;
/*	text-shadow:0 -1px 0 #497d19;;*/
	border-color:#316C9B;
	background:#1E78C2 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:#518CBB;
	background:#4C98D6 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:#c87474 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;
}
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;
}
.color-box{
	background:#D1EDCA;
	padding:5px;
	margin-bottom:5px;
	border-radius:4px;
}
.error{
	border-color:#f99;
	background:#fee;
}
.force{
	color:#066B00;
	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 5px !important;
	background:url(../img/i_memo.png) no-repeat 2px 4px;
	line-height:1.2em;
}
.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;
}
.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:98%;
}
*:first-child+html input.w-full,
*:first-child+html input.w-most{
	width:auto;
}
.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:#066B00;
	background:#fff url(../img/bg_clickable.png) repeat-x left bottom;
	border:solid #B1CDAA;
	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 #readhistory h2 .title{	background-position:left -270px;}
.portal #myreview h2 .title{	background-position:left -300px;}
.portal * h2:hover .title{		background-position:left top !important;}

.portal h2 .titleComment{
	padding-left:23px;
	display:inline-block;
	min-height:20px;
	background:url(../img/is_mylib.png) no-repeat left top;
}
.portal #myusrcomment h2 .titleComment{	background-position:left -180px;}

.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 #B1CDAA;
	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:#D1EDCA;
	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;*/
}



/* サブメニューバー */
.menu1, .menu2{
	overflow:hidden;
	margin:5px 30px 0px !important;
	clear:both;
}
.menu-group{
	padding-right:20px;
	float:left;
	overflow:hidden;
	white-space:nowrap;
}
.menu1 a,
.menu2 a{
	display:inline-block;
	padding:6px 6px 4px;
	margin:0 0 3px;
	white-space:nowrap;
	line-height:1.3em;
	background:#6bb13d;
	border:1px solid #6bb13d;
	background:#067B00;
	border:1px solid #067B00;
	border-radius:4px;
	color:#fff;
}
.menu1 a:hover,
.menu2 a:hover{
	color:#fff;
	text-decoration:none;
/*	background:#7ebc56;*/
	background:#369B30;
	border-color:#369B30;
}
.menu1 a.cur,
.menu2 a.cur{
	background:#fff;
	font-weight:bold;
	color:#4a8c1f;
	color:#067B00;
}
/*
.menu1 .mn-list a{
	background:#3db37d;
	border-color:#3db37d;
}
.menu1 .mn-list a:hover{
	background:#56c995;
	border-color:#56c995;
}
.menu1 .mn-list a.cur{
	background:#fff;
	color:#3db37d;
}
*/
.menu2 a{
	background:#A76436;
	border:1px solid #A76436;
}
.menu2 a.cur{
	color:#b14f0b;
}
.menu2 a:hover{
	color:#fff;
	background:#d19165;
	border-color:#d19165;
}
.expire{
	margin-left:1em;
}


/* かんたん検索 */
.easy-input{
	padding:30px;
	min-height:200px;
}
.easy-input table{
	margin-left:auto;
	margin-right:auto;
}
.easy-input .text{
	border-width:2px;
	ime-mode:active;
}
.easy-input .button{
	border-width:2px;
}
.easy-layout{
	overflow:hidden;
}
.easy-layout .sidebar{
	position:relative;
	/* width:240px; */
	/* 簡易デジタルアーカイブ機能追加により修正 */
	width:360px;
	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; */
	/* 簡易デジタルアーカイブ機能追加により修正 */
	margin-left:360px;
	padding-left:30px;
}



/* かんたん検索入力 図書館リスト */
#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;
}

/* かんたん検索書誌一覧 */
.doclist{
	border-top:1px solid #ddd;
}
.doc{
	padding:10px 0 5px;
	border-bottom:1px solid #ddd;
	line-height:1.2em;
	overflow:hidden;
}
.doc-thumbnail{
	float:left;
	width:80px;
	margin-right:10px;
	text-align:center;
	position:relative;
	overflow:visible;
}
.doc-thumbnail img{
	width:80px;
	height:80px;
}
.doc-thumbnail .badge{
	position:absolute;
	right:-25px;
	top:-5px;
	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;
}

.godetail{
	font-size:0.75em;
	text-align:center;
	display:inline-block;
	background:#067B00;
	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:#269B20;
}

.doclist .doc-info{
	margin-left:110px;
}
.doc-title{
	font-size:1.3em;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:8px;
}
.doc-writer{
	margin-bottom:8px;
	color:#368507;
}
.doc-recap{
	margin-bottom:8px;
	line-height:1.3em;
}
.doc-available{
	float:left;
	color:#a2471b;
}
.doc-execs{
	float:right;
	margin-top:-5px;
}
.highlight{
	background:#FFF4AF;
}

/* ファセットメニュー */
#facetmenu{
	padding:0;
}
.facet_full{
	display:none;
}
#facetmenu h2{
	margin:0 0 10px;
}
#facetmenu h3{
	background:#e2f1f8;
	color:#346b55;
	background:#D1EDCA;
	color:#066B00;
	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 4px 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:#FFF4AF;
}
#facetmenu .more{
/*	border-top:1px solid #d0e3f3;
	margin:3px 0 0;
	padding:6px 0 0;*/
}
/* 20131218 added */
.facet_sub{
	overflow:hidden;
}
.facet_subR{
	float:right;
}
.facet_subcontent{
	margin-left:10px !important;
	display:none;
}

/* 書誌詳細 */
.doc-details .sidebar{
	background:#fff;
}
.doc-details .sidebar div{
	margin:10px;
}
.doc-details .thumbnail{
	width:200px;
	margin:30px auto 10px;
	display:block;
}
.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:25px;
}
.doc-details .detail-block h2{
	padding:2px 0 0 5px !important;
	line-height:1em;
	border-left:5px solid #067B00;
}
.doc-details .detail-block .info h3{
	font-size:2em !important;
}
.detail-block .score{
	color:#067b00;
}
.detail-block .title{
	font-weight:bold;
	margin-left:1em;
}
.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;
}
/* 蔵書情報 */
.doc-details #stockinfo .info{
	width:auto;
	border:0;
}
.doc-details #stockinfo .info th{
	padding:8px 5px 6px;
	border-color:#9ECDC3;
	background:#E6F6F0;
}
.doc-details #stockinfo .info td{
	padding:8px 10px 6px 20px;
	border-color:#9ECDC3;
	border-right-width:1px;
	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:#067B00;
	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;
}
/* レビュー */
.doc-details #review{
	margin-bottom:0;
}
.doc-details #review .info{
	border:0;
	margin:0;
}
.doc-details #review .info th{
	background:none;
	border:0;
	color:#067B00;
	width:7em;
	text-align:left;
	border-bottom:1px solid #ddd;
}
.doc-details #review .info td{
	border:0;
	line-height:1.2em;
	border-bottom:1px solid #ddd;
}
.doc-details #review .info h3{
	font-size:1.3em;
	line-height:1em;
	margin:0;
	padding:0;
	float:left;
}
#otherinfo{
	padding:7px 14px;
	background:#e6f0f7;
	border-radius:4px;
}
#otherinfo h4{
	margin:0;
}
#closeother, #otherinfo,
#closemore, #moreinfo{
	display:none;
}
/* ボタン */
.doc-details #execs{
}


/* マイ本棚 */
#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{
	padding:0 !important;
	margin:0 0 5px;
	border:0;
}
#myshelf h2 span{
	font-size:small;
	font-weight:normal;
	margin-left:3em;
}
#myBookList{
	clear:both;
}
/* 資料情報 */
.doc-details #available{
}
/* 関連資料 */
.doc-details #relatives{
}

#innertabs{
	margin:5px 0;
	border:1px solid #ddd;
	border-radius:5px;
}
#innertabs ul{
	background:#D1EDCA;
	list-style-type:none;
	margin:0 -25px;
	padding:0 3px;
	border-radius:4px;
	overflow:hidden;
}
#innertabs li{
	display:inline;
	margin:0;
	padding:0;
}
#innertabs li a{
	float:left;
	color:#146B8E;
	padding:4px 15px;
	border-radius:4px 4px 0 0;
	margin:3px 0 0 3px;
	line-height:1.8em;
	font-weight:bold;
}
#innertabs li a:hover{
	color:#14ac00;
}
#innertabs li a.cur{
	background:#fff !important;
	border-bottom:1px solid #fff;
	color:#067B00;
}
.tabpain{
	padding:5px 30px;
}

/* カルーセル */
.image_carousel {
	padding:5px 30px;
	position: relative;
}
.image_carousel .docset{
	width:95px;
	padding:0 7px;
	display: block;
	font-size:small;
	float: left;
	line-height:1.1em;
}
.image_carousel .docset img{
	width:70px;
	display:block;
	margin:5px auto;
}
a.prev, a.next {
	background: url(../img/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 40px;
}
a.prev {	left: -18px;	background-position: 0 0;}
a.next {	right: -18px;	background-position: -50px 0;}
a.prev:hover {	background-position: 0 -50px;}
a.next:hover {	background-position: -50px -50px;}
a.prev.disabled {	background-position: 0 -100px !important;}
a.next.disabled{	background-position: -50px -100px !important;}
a.prev.disabled, a.next.disabled{
    cursor: default;
}
a.prev span, a.next span {
    display: none;
}
.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{
/*	border:1px solid #ddd;
	border-radius:5px;
	padding:10px;
	background:#fff;*/
	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;
}

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

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;
}
.pre-font{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

/* メディアクエリ(幅が1600以上の場合) */
@media screen and (min-width:1400px) {
	#contents{
		width:1400px;
	}
}
/* メディアクエリ(幅が1000以下の場合) */
@media screen and (max-width:1000px) {
	#contents{
		width:1000px;
	}
}
/* 簡易デジタルアーカイブ（▼続きを読む） */
.grad-wrap {
  position: relative;
}

.doc-details .sidebar .grad-wrap div{
  margin:0px;
}
.grad-btn {
  z-index: 2;
  position: absolute;
  top: 34px;
  left:0px;
  text-align: left;
  color: blue;
  cursor: pointer;
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 60px;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: white;
  content: "";
}
.grad-trigger {
  display: none;
}
.grad-trigger:checked + .grad-btn {
  display: none;
}
.grad-trigger:checked ~ .grad-item {
  height: auto;
}
.grad-trigger:checked ~ .grad-item::before {
  display: none;
}
/* 簡易デジタルアーカイブ（画像一覧） */
#digitaltabs{
	margin:5px 0;
	border:1px solid #ddd;
	border-radius:5px;
}

#digitaltabs ul{
	background:#cceaf2;
	margin:12px;
	padding:0 3px;
	border-radius:4px;
	overflow:hidden;
	font-size:11px;
}

.image_carouseldig {
    padding:0px 10px;
    position: relative;

}
.image_carouseldig .docset{
	width:60px;
	padding:0px 7px;
	display: block;
	font-size:small;
	float: left;
	line-height:1.1em;
}
.image_carouseldig .docset img{
	width:75px;
	display:block;
	margin:0px auto;
}


/* 簡易デジタルアーカイブ（移動ボタン） */
a.d_prev1, a.d_next1 {
	background: url(../img/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 10px;
}

a.d_prev1 {	left: -12px;	background-position: 0 0;}
a.d_next1 {	right: -10px;	background-position: -50px 0;}
a.d_prev1:hover {	background-position: 0 -50px;}
a.d_next1:hover {	background-position: -50px -50px;}
a.d_prev1.disabled {	background-position: 0 -100px !important;}
a.d_next1.disabled{	background-position: -50px -100px !important;}
a.d_prev1.disabled, a.d_next1.disabled{
    cursor: default;
}
a.d_prev1 span, a.d_next1 span {
    display: none;
}
.clearfix {
    float: none;
    clear: both;
}