CINXE.COM
県立トップページ - 佐賀県立図書館
<!DOCTYPE html> <html lang="ja" ng-app="NetCommonsApp"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>県立トップページ - 佐賀県立図書館</title> <link href="/nc_favicon.ico?1653452542" type="image/x-icon" rel="icon"/><link href="/nc_favicon.ico?1653452542" type="image/x-icon" rel="shortcut icon"/><meta name="description" content="佐賀県立図書館の公式サイトです。"/><meta name="keywords" content="佐賀,佐賀県,図書館,Library"/><meta name="robots" content="index,follow"/><meta name="copyright" content="Copyright 2019 Saga Prefectural Government. All Rights Reserved"/><meta name="author" content="佐賀県立図書館"/> <link rel="stylesheet" type="text/css" href="/components/bootstrap/dist/css/bootstrap.min.css?1550073338"/> <link rel="stylesheet" type="text/css" href="/components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css?1608211521"/> <link rel="stylesheet" type="text/css" href="/css/net_commons/style.css?1719300742"/> <link rel="stylesheet" type="text/css" href="/css/pages/style.css?1696852984"/><link rel="stylesheet" type="text/css" href="/css/boxes/style.css?1696832924"/><link rel="stylesheet" type="text/css" href="/css/topics/style.css?1719300763"/><link rel="stylesheet" type="text/css" href="/css/workflow/style.css?1696868187"/><link rel="stylesheet" type="text/css" href="/css/calendars/calendars.css?1721912746"/><link rel="stylesheet" type="text/css" href="/css/frames/style.css?1696842679"/><link rel="stylesheet" type="text/css" href="/css/users/style.css?1719300754"/><link rel="stylesheet" type="text/css" href="/css/user_attributes/style.css?1696865747"/><link rel="stylesheet" type="text/css" href="/css/wysiwyg/style.css?1696868489"/> <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css?1653452542"/> <link rel="stylesheet" type="text/css" href="/theme/Default/css/style.css?1653452541"/> <script type="text/javascript" src="/components/jquery/dist/jquery.min.js?1693229950"></script> <script type="text/javascript" src="/components/bootstrap/dist/js/bootstrap.min.js?1550073338"></script> <script type="text/javascript" src="/components/angular/angular.min.js?1649369438"></script> <script type="text/javascript" src="/components/angular-animate/angular-animate.js?1649369438"></script> <script type="text/javascript" src="/components/angular-bootstrap/ui-bootstrap-tpls.min.js?1485610379"></script> <script type="text/javascript" src="/js/net_commons/base.js?1719300742"></script> <script> NetCommonsApp.constant('NC3_URL', ''); NetCommonsApp.constant('LOGIN_USER', {"id":null}); NetCommonsApp.constant('TITLE_ICON_URL', ''); </script> <script type="text/javascript" src="/js/boxes/boxes.js?1696832924"></script><script type="text/javascript" src="/js/topics/topics.js?1719300763"></script><script type="text/javascript" src="/js/net_commons/title_icon_picker.js?1719300742"></script><script type="text/javascript" src="/components/moment/min/moment.min.js?1703673318"></script><script type="text/javascript" src="/components/moment/min/moment-with-locales.min.js?1703673318"></script><script type="text/javascript" src="/js/calendars/calendars.js?1721912746"></script><script type="text/javascript" src="/js/calendars/smonthly_opac.js?1719300767"></script><script type="text/javascript"> //<![CDATA[ var smonthlyBaseUrl = '/calendars/calendars/index?frame_id=2448&style=smallmonthly&year=2025&month=2'; //]]> </script><script type="text/javascript" src="/js/users/users.js?1719300754"></script><script type="text/x-mathjax-config"> //<![CDATA[ MathJax.Hub.Config({ skipStartupTypeset: true, tex2jax: { inlineMath: [['$$','$$'], ['\\\\(','\\\\)']], displayMath: [['\\\\[','\\\\]']] }, asciimath2jax: { delimiters: [['$$','$$']] } }); //]]> </script><script type="text/javascript" src="/components/MathJax/MathJax.js?config=TeX-MML-AM_CHTML"></script><script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ MathJax.Hub.Queue(['Typeset', MathJax.Hub, 'nc-container']); }); //]]> </script> </head> <body class=" body-nologgedin" ng-controller="NetCommons.base"> <header id="nc-system-header" class="nc-system-header-nologgedin"> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container clearfix text-nowrap"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nc-system-header-navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="/" class="navbar-brand">佐賀県立図書館</a> </div> <div id="nc-system-header-navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right"> <li> <a href="/auth/login">ログイン</a> </li> </ul> </div> </div> </nav> </header> <div id="loading" class="nc-loading" ng-show="sending" ng-cloak> <img src="/img/net_commons/loading.svg?1719300742" alt=""/></div> <main id="nc-container" class="container" ng-init="hashChange()"> <header id="container-header"> <div class="boxes-1"> <div id="box-2940"> <section class="frame panel panel-default nc-content-list plugin-announcements"> <div class="panel-body block"> <article> <div class="sdc_sp_header_menubtn hamburger"> <p> </p> <p> </p> <p> </p> </div> <nav class="sdc_sp_header_menu"> <div><a href="https://www.tosyo-saga.jp/">トップページ</a></div> <div><a href="https://uf-pub01.ufinity.jp/cassV3/cassrh.do?sc_locale=ja&tenantId=saga_plib">横断検索(県内の本を探す)</a></div> <div><a href="https://www.tosyo-saga.jp/page_id580">県図書の本を探す・借りる</a></div> <div><a href="https://www.tosyo-saga.jp/page_id124">新着・おすすめ・資料紹介</a></div> <div><a href="https://www.tosyo-saga.jp/page_id154">利用案内・各種手続き</a></div> <div><a href="https://www.tosyo-saga.jp/page_id166">県立図書館について</a></div> <div><a href="https://www.tosyo-saga.jp/page_id174">アクセス</a></div> <div><a href="https://www.tosyo-saga.jp/page_id165">関連リンク</a></div> </nav> <p> </p> <!-- 適用箇所:共有ヘッダー部 --> <style type="text/css"><!-- @charset "UTF-8"; /* CSS Document */ /* リセット ----------------*/ body{ font-family: Helvetica, "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS Pゴシック", sans-serif; line-height: 1.35 !important; text-size-adjust: 100%; margin: 0px; padding: 0px; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: none; letter-spacing: normal; font-weight:500; background-color:white; color:#000; } h1, h2, h3, h4, h5, p, img { margin: 0; padding: 0; border: 0; } ul, ol, li { margin: 0; border: 0; } a, a img { transition-duration: 0.5s; transition-property: opacity, color, background-color, transform; -webkit-tap-highlight-color: rgba(192, 43, 43, 0.5); } em, strong { font-weight: bold; font-style: normal; } hr{ border: none; border-top: 1px solid #aab09d; margin: 24px 0; } table { font-size: 100%; } input, select, textarea, button{ font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, 'メイリオ', Meiryo, "MS Pゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; font-size: 100%; } .container { margin: 0 auto;} .container-main{ padding-bottom: 0px; } .leftcolumn{ padding-right:0px; padding-bottom:0px; } footer#nc-system-footer .copyright{ text-align: center; color: black; font-size: 120%; font-weight:normal; } h2.panel-heading { font-size: 150%; } /* セッティングモード ---------------------------*/ .onLogin.isLayout #_450, .onLogin.isLayout #_389, .onLogin.isLayout #_513{ border:2px solid red; margin-top:10px; } /* .headercolumn_on #_389{ border:2px solid red; margin-top:10px; } */ /* 変更禁止 */ div.headercolumn_menu { position: absolute; top: 0; right: 0; z-index: 999; } .headercolumn .main_column.headercolumn_on { position: static; padding-bottom: 0; } .onLogin #__headercolumn{ padding-top:30px; } /* 変更禁止終了 */ .clearfix::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{ display:block; } /* ヘッダー部 --------------------------*/ #header {} #header .title { padding-top:12px; float: left; } #header h1 { margin: -15px 5px 5px 5px; padding: 0; } #header h1 a { display: block; width: 424px; height: 80px; text-indent: -10000px; background: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/91) no-repeat; } #header .headsub { float: right; padding: 4px; text-align: right; } #header .headsub .kodomo a { display: block; height: 56px; background: url(../images/kids-banner_l.gif) no-repeat; background-size: cover; float: right; } #header .headtel { text-align: right; } #gl { clear: both; height: 50px; } #gl ul { margin: 0px; padding: 0px 0px; list-style: none; } #gl ul li { margin: 0.1%; padding: 0; float: left; width: 14%; /* height: 50px; */ background-color: #2f612f; text-align: center; } #gl ul li a { display: block; width: 100%; height: 50px; color: #FFF; } #gl ul li.gl01 a { } /* #gl ul li.gl02 a { background: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/93) no-repeat; } #gl ul li.gl03 a { background: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/94) no-repeat; } #gl ul li.gl04 a { background: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/95) no-repeat; } #gl ul li.gl05 a { background: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/96) no-repeat; } #gl ul li.gl06 a { background: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/97) no-repeat; } #gl ul li.gl07 a { background: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/98) no-repeat; } #gl ul li.gl08 a { background: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/99) no-repeat; } */ #container-header .pull-right, section#frame-1395 .pull-right, section#frame-2431 .pull-right, section#frame-2430 .pull-right, section#frame-2428 .pull-right, section#frame-2364 .pull-right, section#frame-162 .pull-right, section#frame-160 .pull-right, section#frame-159 .pull-right, section#frame-1135 .pull-right { display: none; } .kanri-login #container-header .pull-right, .kanri-login section#frame-1395 .pull-right, .kanri-login section#frame-2431 .pull-right, .kanri-login section#frame-2430 .pull-right, .kanri-login section#frame-2428 .pull-right, .kanri-login section#frame-2364 .pull-right, .kanri-login section#frame-162 .pull-right, .kanri-login section#frame-160 .pull-right, .kanri-login section#frame-159 .pull-right, .kanri-login section#frame-1135 .pull-right { display: block; } #gl ul li a:hover { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; } #dropdown{ margin: 0px; padding: 0px; } #dropdown li { display: block; list-style: none; margin:0px; padding:0px; position: relative; } #dropdown ul { visibility: hidden; margin:0px; padding:0px; position: absolute; } #dropdown li:hover ul { visibility: visible; margin-left:0px; padding-left:0px; } #dropdown li ul li{ margin:0px; padding:0px; height:27px; } #gl #dropdown li ul li a{ background:#b4eb95; background-image:none; display:block; padding:3px 0 3px 8px; margin:-1px 0 0 0; border:solid 1px silver; color:#000; width:13em; text-align:left; height:20px; text-indent:0px; text-decoration:none; } #gl #dropdown li ul li a:hover{ background:#003300; color:#fff; border:solid 1px gray; filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; } #gl #dropdown li ul li a:hover:before{ content:"▶ "; color:yellow; } #gl{ } @media screen and (max-width : 736px) { #gl #dropdown{width:100%; height:auto;box-sizing:border-box;} } /* U_サイト内検索 */ #search_form__active_center_2049 tr:nth-child(5),#search_form__active_center_2049 tr:nth-child(6),#search_form__active_center_2049 tr:nth-child(3){ display:none; } /*20231017追加分*/ #container-main .panel-default{ border: 0; box-shadow: none; } /*20231101追加分*/ .display-none { display: none !important; } section#frame-2364 { width: 100%; } .top-layout2 { border-radius: 15px; border: 1px solid #333; } .top-layout1{ width:70%; float:left; } @media print, screen and (min-width: 768px) { .top-layout1 { min-height: 630px; } } .top-layout2,.top-layout4{ width:30%; float:left; } @media screen and (max-width : 992px) { .top-layout1,.top-layout2,.top-layout4{ width:100%; } } section#frame-157 { width: 100%; } .body-nologgedin nav.navbar.navbar-inverse.navbar-fixed-top { display: none; } .body-nologgedin #frame-2462, .body-nologgedin #frame-2463, .body-nologgedin #frame-2465, .body-nologgedin #frame-2466{ display: none; } #tabContent4>p.linkBtn { display: inline-block !important; } .centerbtn { text-align: center; } table.widthmax { width: 100%; } #frame-2455{ display:none; } .centerbtn .linkBtn { display: inline-block !important; } section#frame-163 { width: 100% !important; } section#frame-635 { width: 100%; } #tabContent .media { display: none; } --></style> <p> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script type="text/javascript">// <![CDATA[ jQuery.noConflict(); var j$ = jQuery; //PC SP判別してリンク先を変更 j$(function(){ var agent = navigator.userAgent; if(agent.search(/iPhone/) != -1 || agent.search(/iPod/) != -1 || agent.search(/Android/) != -1){ // 簡易検索(大人用・子ども用) j$('.SearchEasy form').each(function() { try{ var rep= null; var rep= j$(this).attr('action'); var rep= rep.replace('https://www2.tosyo-saga.jp/kentosyo2/opac/','https://www2.tosyo-saga.jp/kentosyo2/sp/'); j$(this).attr('action',rep); }catch(e){ } }); // その他 j$('a').each(function() { try{ var rep= null; var rep= j$(this).attr('href'); if(rep.includes('newly2.do')){ console.log(rep); }else{ var rep= rep.replace('https://www2.tosyo-saga.jp/kentosyo2/opac/','https://www2.tosyo-saga.jp/kentosyo2/sp/').replace("dispatch=/opac/","dispatch=/sp/"); j$(this).attr('href',rep); } }catch(e){ } }); } }); j$(function () { // 背景、文字色変更 j$(".kuro").click(function(){ j$("*:not(a)").css({'background':'#000','color':'yellow'}); j$("* a").css({'color':'white'}); }); j$(".ao").click(function(){ j$("*:not(a)").css({'background':'blue','color':'white'}); j$("* a").css({'color':'yellow'}); }); }); // ]]></script> </p> <!-- favicon --> <p> <script type="text/javascript">// <![CDATA[ //ファビコン変更 function changeIcon(URL,no) { var linkTag = document.getElementsByTagName("link"); var no = getFaviconLinkNo(linkTag); var target = linkTag[no]; target.parentNode.removeChild(target); var link = document.createElement("link"); link.type = "image/x-icon"; link.rel = "shortcut icon"; link.href = URL; document.getElementsByTagName("head")[0].appendChild(link); } function getFaviconLinkNo(linkTags){ for (var i=0; i<linkTags.length; i++){ var relAttribute = linkTags[i].getAttribute('rel'); if(relAttribute){ if(relAttribute == "SHORTCUT ICON"){ return i; } } } return 1; } changeIcon('https://www.tosyo-saga.jp/wysiwyg/file/download/1/1138','0'); // ]]></script> </p> <!-- Global site tag (gtag.js) - Google Analytics --> <p> <script src="https://www.googletagmanager.com/gtag/js?id=UA-52747113-4"></script> <script>// <![CDATA[ window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-52747113-4'); // ]]></script> </p> <!-- Top JS --> <p> <script type="text/javascript">// <![CDATA[ j$(window).on('load', function(){ // windowがloadされた際に実行したいコードを記述します。 j$(function(){ /* ======= 新着 ======== */ //新着1のノードを移動 j$("#topic-frame-2466").appendTo("#tabContent1 div"); //新着2のノードを移動 j$("#topic-frame-2465").appendTo("#tabContent2 div"); //新着3のノードを移動 j$("#topic-frame-2463").appendTo("#tabContent3 div"); //新着4のノードを移動 j$("#frame-635").appendTo("#tabContent4 #TC4"); //新着5のノードを移動 j$("#topic-frame-2462").appendTo("#tabContent5 div"); //1つめのタブコンテンツ以外非表示に j$('#tabContent li').addClass('display-none'); j$('#tabContent li').eq(0).removeClass('display-none'); //タブをクリックした時の動作 j$('.tab li a').on('click', function() { //クリックされたタブの番号を取得 var index = j$(this).parent("li").index(); tabChange(index); return false; }); //タブ切り替え関数 function tabChange(index){ //タブコンテンツを一度すべて非表示に j$('#tabContent li').addClass('display-none'); //クリックされたタブと同じ順番のタブコンテンツを表示します。 j$('#tabContent li').eq(index).removeClass('display-none'); //表示されたタブコンテンツの最初のaタグにフォーカスを移動 j$('#tabContent li').eq(index).find("a").eq(0).focus(); //一度タブについているクラスselectを消し、 j$('.tab li').removeClass('select'); //クリックされたタブのみにクラスselectをつけます。 j$('.tab li').eq(index).addClass('select'); //linkBtnを表示させる j$('#tabContent li').eq(index).find('p').css('display','block').css('margin-top','15px'); } /* ======= ブログタブ ======== */ // 佐賀ブログ記事取得 j$.getJSON( "https://rss.fpweb.jp/rss_tosyo-saga.php?callback=?", { "rss_num":5 , "rss_url":"https://sagakentosyo.sagafan.jp/index.rdf" }, function(json) { var container = document.getElementById("whatsnew_contents_blog"); var htmlstr = "<table class='widthmax' summary=''><tbody>"; for (var i = 0; i < json.length; i++) { entryTitle = json[i]['title']; entryLink = json[i]['link']; entryDate = json[i]['date']; htmlstr += "<tr class='whatsnew_read'><td class='whatsnew_title'>" + "<a href='" + entryLink + "'>" + entryTitle + "</a></td><td class='whatsnew_time'>" + entryDate +"</td></tr>"; } container.innerHTML = htmlstr + "</tbody></table>"; } ); var userNameTag = document.getElementById("nc-system-header-navbar").getElementsByTagName("li")[4]; if (userNameTag != null) { var userName = userNameTag.innerText; var kanri = " HP管理者"; if( userName != null && userName == kanri ){ j$("body").addClass("kanri-login"); } } //重要なお知らせ移動 //お知らせ移動 j$("#frame-2450").appendTo(".top-layout1"); j$("#frame-2449").appendTo(".top-layout1"); //開館日移動 j$("#frame-2448").appendTo(".top-layout2"); j$("#frame-2447").appendTo(".top-layout2"); //カレンダー・カレンダーボタン移動 j$("#frame-2446").appendTo(".top-layout4"); }); }); // ]]></script> </p> <!-- Top CSS --> <style><!-- /* リセット----------*/ ul{ list-style-position:none; } hr{ margin:10px 0; } /* セッティングモード ----------*/ .onLogin.isLayout #_510,.onLogin.isLayout #_562,.onLogin.isLayout #_1075{ border:solid 2px red; } /* 流用CSS ----------------*/ img{ vertical-align:bottom; } #sub { float: left; margin-top: 10px; } #sub h2 { margin: 5px 0 0 0; padding: 0px; } #sub p { margin: 0px; padding: 3px; } #sub .kyukan h2 { padding: 2px 5px 2px 0; font-size: 105%; box-sizing: border-box; display: block; width: auto; height: auto; margin: 0; border: 1px solid #ff0000; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #ffcccc; } #sub .kyukan .box { width: auto; height: auto; margin: 0; padding: 5px; box-sizing: border-box; border: 1px solid #ff0000; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background: none; } #sub .kaikan h2 { padding: 2px 5px 2px 0; font-size: 105%; box-sizing: border-box; display: block; width: auto; height: auto; margin: 10px 0 0 0; border: 1px solid #669933; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #cdf3a7; } #sub .kaikan .box { width: auto; height: auto; margin: 0; padding: 5px; box-sizing: border-box; border: 1px solid #669933; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background: none; } /*#sub .kyukan .cal { padding-left: 25px; background: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/174) 5px center no-repeat; display: inline; }*/ .cal { padding-left: 25px; background: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/174) 5px center no-repeat; display: inline; } #sub .kaikan ul { margin: 2px 0px 3px 20px; padding: 0px; list-style: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/173); } #sub ul li { margin: 0px; padding: 0px; } #sub #chara img { float: left; margin: 2px; } #sub #jump { clear: both; } #sub #cm p { text-align: center; } #sub #album p { font-size: 80%; line-height: 130%; } #sub #album p img { margin-bottom: 3px; } #top .news_box{ width: 100%; height: auto; } #top .top_box{ width: 100%; height: auto; } #top ul { margin: 5px 0px 5px 20px; padding: 0px; list-style-image: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/88); } #top ul li { margin-bottom: 3px; } #top h2 { margin: 7px 0px; padding: 0px; } #feeds ul { margin: 5px 0px 5px 30px; padding: 0px; } #feeds ul li { list-style-image: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/88); margin-bottom: 3px; } #top #topimg { margin: 5px 0 0 0; } #top #topbanner { margin-top: 5px; } #top .box h2 { margin-top: 0px; } #top .box { float: left; margin: 3px 4px 3px 0px; width: 280px; } #top .topbox_net ul { margin: 0px 5px 5px 20px; padding: 0px; list-style-image: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/194); clear: both; } #top .topbox_net ul li { margin-bottom: 3px; padding: 0px; } #top .topbox_net ul li p { margin: 0 0 0 0px; padding: 0px; } #top .topbox ul { margin: 0px 5px 5px 20px; padding: 0px; list-style-image: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/194); clear: both; } #top .topbox ul li { margin-bottom: 3px; padding: 0px; } #contents { margin: 0 20px; } #contents h1 { font-size: 150%; margin: 5px 0 5px 0px; padding: 7px 0 7px 10px; border: #c93 solid 1px; } #contents h2 { font-size: 135%; margin: 5px 0 1px 2px; padding: 17px 0 4px 42px; } #contents h3 { font-size: 120%; margin: 5px 0 1px 5px; padding: 3px 10px; background: #ce9; border: solid 1px #7a4; } #contents h4 { font-size: 110%; margin: 5px 0 1px 8px; padding: 3px 10px; background: #ee9; border: solid 1px #d94; } #contents h5 { font-size: 100%; margin: 5px 0 1px 11px; padding: 3px 10px; background: #eec; border: solid 1px #cc9; } #contents h6 { font-size: 100%; margin: 5px 0 1px 14px; padding: 2px 3px 0 8px; border-bottom: dotted gray 1px; border-left: solid gray 5px; font-weight: normal; } #contents p { margin: 1px 1px 1px 14px; line-height: 150%; padding: 3px; } #contents table { border-collapse: collapse; border: 1px #666666 solid; margin: 3px 1px 1px 14px; clear: both; table-layout: fixed; width:100%; } #contents table td { border: 1px #666666 solid !important; padding: 3px; } #contents table th { border: 1px #666666 solid; padding: 3px; background-color: #ddd; text-align: center; white-space: nowrap; } #footer .banner { margin: 5px; text-align: center; } #footer .banner img { height: 45px; } #footer .sub { padding: 3px 10px; background: #ccc; } #footer { clear: both; border-top: 1px solid green; } #cse-search-form { width: 200px; float: right; margin-top: 5px; } .gsc-control-cse, .gsc-control-ces-ja { height: 20px; } .gsc-control-wrapper-cse { height: 20px; } .gaiyou { width: 70px; } .footmenu { border-top: 1px solid gray; margin: 10px 0; padding: 5px; text-align: center; } .round8 { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #top .topbox_net { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border: solid 1px #6F9F3F; margin-bottom: 10px; width: 32%; margin: 3px; float: left; } #top .topbox_net h2 { display: inline; font-size: 100%; margin: 0px; padding: 0px; } #top .topbox_net h2 a { margin: 0px 0px 10px 0; width: 100%; padding: 6px 10px 4px 10px; background: #BBE392; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-bottom: solid 1px #6F9F3F; display: block; float: left; } #top .topbox { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border: solid 1px #6F9F3F; margin-bottom: 10px; width: 32%; margin: 3px; float: left; } #top .topbox h2 { display: inline; font-size: 100%; margin: 0px; padding: 0px; } #top .topbox h2 a { margin: 0px 0px 10px 0; width: 100%; padding: 6px 10px 4px 10px; background: #BBE392 url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/1139/big ) 95% center no-repeat; border-top-left-radius: 6px; border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-bottom: solid 1px #6F9F3F; display: block; float: left; } #menu .box { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border: solid 1px #559518; margin-bottom: 10px; width: 193px; margin: 3px 0; float: left; } #menu ul { list-style: none; margin: 2px 0; padding: 0px; } #menu ul li { margin: 0 0 1px 0px; } #menu .box h2 { margin: 0px 0px 5px 0; width: 155px; padding: 5px 5px 1px 33px; border-top-left-radius: 7px; border-top-right-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-bottom: solid 1px #559518; display: block; float: left; font-size: 100%; background: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/1140) 5px center no-repeat #D7F6B9; } #menu .box ul { clear: both; margin: 0px 6px 0; padding: 0 0 5px 0; list-style: none; } #menu .box ul li { margin-bottom: 2px; } #menu .cha { border-color: #B76C13; } #menu .cha h2 { width: 145px; border-color: #b76c13; background: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/1140) 5px center no-repeat #E6D694; padding-left: 43px } #menu .cha ul { clear: both; margin: 5px 5px 5px 23px; padding: 0px; } .news { height: 100px; overflow: scroll; overflow-x: hidden; } .fb { clear: both; border: solid 1px #3F5D9D; padding: 0px; margin: 5px 0; } .fb a { margin: 0 5px; } .d_lib { display:none; } #top .news_box p{ display:none; } /* 携帯表示 -----*/ .mobile{ background: url(https://www.tosyo-saga.jp/wysiwyg/image/download/1/1141) no-repeat #0B5000 3px 3px; color: white; padding: 15px 50px; } /* パンくず/カレンダー非表示 -----*/ #_1792,.calendar_foot_switch.print_preview_none.nowrap.align-right{ display:none; } /* カレンダー -----*/ #_3376 td.calendar_plan { background-color: #FFCCCC; } #_3376 div.calendar_smonthly{ border:none; } .calendar-tbl-td-today:not(.opl_cal_kyukanbi){ background-color: #FFE4B3 !important; } /*=================== カレンダー下部 ===================*/ #underCalendar .linkBtn a { font-weight: bold; text-align: center; background: #e2f0d9; text-decoration: none; border-radius: 2px; display: block; position: relative; line-height: 1.4; margin: 10px auto; padding: 5px 5px; color: black; width:180px; border: 1px solid #00b050; } /*=================== メニュー&slide panel ===================*/ #dropdown ul { z-index: 100; } /*=================== slide panel ===================*/ .slideFrame { position: relative; display: block;-index:998; } .slideStage { position: relative; overflow: hidden; display: block; width: 100%; height: 180px; } .slideStage ul { display: flex; margin: 0; padding: 0; justify-content: space-between; } .slideStage ul li { display: inline-block; margin:0 5px; vertical-align: top; height: 180px; position: relative; font-weight: bold; } .slideStage ul li .slideMainComment{ position: absolute; bottom: 25px; width: 100%; opacity: 0.9; text-align: center; font-size: 130%; color:black; } .slideStage ul li .slideSubComment{ position: absolute; bottom: 5px; width: 100%; opacity: 0.9; text-align: center; color:black; } .slideStage img { width: 245px; } ul.slide_btn { width: 100%; position: absolute; bottom: -20px; list-style: none; text-align: center; margin: 0 !important; padding: 0 !important; } .slide_btn li { margin: 0 6px !important; display: inline-block; zoom: 1; } .slide_btn li a { width: 10px; height: 10px; display: block; background: #5e453c; cursor: pointer; text-indent: -9999px !important; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .slide_btn li:first-child a { background: #ff1745; } /*================================== 利用者情報 ====================================*/ .mylibrary { background: #bbe392; border: 2px solid #95c168; text-align: center; padding: 5px 0; } .mylibrary p { text-align: center; color: black; font-size: 1.2rem; font-weight: bold; } .mylibrary .button a { display: block; width: 150px; background: #0B5000; text-align: center; margin: 10px auto; text-decoration: none; padding: 10px 0; color: white; font-weight: bold; } /*================================== 蔵書検索 ====================================*/ #search { border: 2px solid #95c168; padding: 10px 10px; font-size: 14px; } #search .SearchTop{ padding: 5px 10px; } #search .SearchLabel, #search .SearchDetail{ float: left; } #search .SearchLabel{ width: calc( 100% - 100px); padding: 3px 0px; font-size: 130%; } #search .SearchDetail{ height: 35px; width: 100px; } #search .searchDetail_btn a{ display:block; padding: 9px 5px; text-decoration: none; text-align: center; color: black; font-weight: bold; background: #bbe392; } #search .SearchEasy{ padding: 7px 10px; } #search form { margin-bottom: 5px; background-color: #ffffff; } #search form > div { padding-bottom: 5px; } #search form label.search_txt { display: block; /* height: 38px; */ font-size: 1.2rem; /* margin-bottom: 5px; */ } #search input.search_txt, #search input.search_bt { height: 35px; margin: 0px; padding: 5px 5px; border: 0px; box-sizing: border-box; float: left; } #search input.search_txt { width: calc( 100% - 100px); background:center no-repeat #eeebe4; } #search input.search_txt:focus { background-image: none; } #search input.search_bt { width: 100px; color: white; font-weight: bold; background: #0B5000; } section#frame-158 option:last-child { display: none; } /*================================== 新着資料等 ====================================*/ .otherSearch ul { list-style: none; padding: 0px; display: flex; flex-direction: column; justify-content: space-between; } .otherSearch ul li a { display: block; text-decoration: none; padding: 6px; background-color: #ffc000; color: black; font-weight: bold; } .otherSearch ul li a span { color: #930000; font-size: 80%; font-weight: bold; } /*================================== 新着情報 ====================================*/ #_3389,#_3390,#_3391,#_3395,#_3483{display:none;} .select{} .whatsnew_results h3.highlight{display:none;} #tabArea{ width:100%; } #tabArea .tab{ padding:0; list-style:none; } #tabContent li>div{ /*font-size:0;*/ } #tabArea .tab li { position: relative; width: 18%; margin-right: 1%; margin-left: 1%; float: left; text-align: center; background: #c6f0c2; } .tab li.select::before { content: ' '; height: 0; position: absolute; width: 0; border: 15px solid transparent; border-top-color: transparent; border-top-color: #83cfb7; bottom: -27px; left: 50%; margin-left: -15px; z-index: 10; transition: 0.5s; } #tabArea .tab li:nth-child(5){ margin:0; } #tabArea .tab li.select{ background:#83cfb7; } #tabArea .tab li a{ display:block; padding:8px 0; color:black !important; text-decoration:none; font-weight: bold; } #tabContent { box-sizing:border-box; margin:5px 0; padding: 0; list-style: none; width: 100%; padding: 5px; background: transparent; border: 1px solid #00b050; } } #tabContent .whatsnew_title a { color:black !important; } #tabContent .whatsnew_title a:hover, #tabContent .whatsnew_title a:focus { color:#0050ac !important; } #tabArea .linkBtn a { font-weight: bold; text-align: center; background: #e2f0d9; text-decoration: none; border-radius: 2px; display: block; position: relative; /* box-shadow: 0 3px 0px 0px rgb(0,21,65); -webkit-box-shadow: 0 3px 0px 0px rgb(0,21,65); -moz-box-shadow: 0 3px 0px 0px rgb(0,21,65); */ line-height: 1.4; margin:3px auto; padding: 7px 25px 5px 15px; color: black; width:200px; border: 1px solid #00b050; } #tabArea .linkBtn p { display:none; } --></style> <!-- 共通フッターCSS --> <style><!-- #footer .banner img { height: 45px; } #footer .banner { margin: 5px; text-align: center; } #footer .sub { padding: 3px 10px; background: #ccc; } address { padding: 5px; margin: 0px; font-style: normal; } --></style> <style type="text/css"><!-- @charset "UTF-8"; /************************ 色文字サイズ切替 *************************/ /* スマホ・PCメニュー切替 End */ /* tmp_means 色文字サイズ変更 ---------------------------------------------------------- */ .opl_pc_header_top .tmp_means { float: left; } .opl_sp_header_top .tmp_means { width: 90%; margin: 0 auto; } /* 画面サイズが1200px以上 */ @media print, screen and (min-width: 1200px) { .opl_pc_header_top .tmp_means { margin-right:35px; } } .tmp_means img { vertical-align:top; } .tmp_means_primary { /* margin: 16px 0 0 0; */ height: 25px; } *:first-child+html .tmp_means_primary { margin-bottom:8px; } /* func_txt */ .tmp_func_txt { margin:0px; float:right; } .tmp_func_txt dt { margin:0 5px 0 0; padding:2px 0 0; float:left; /* text-shadow:0px 2px 1px #FFFFFF, 2px 2px 1px #FFFFFF, 2px 0px 1px #FFFFFF, 2px -2px 1px #FFFFFF, 0px -2px 1px #FFFFFF, -2px -2px 1px #FFFFFF, -2px 2px 1px #FFFFFF, -2px 0px 1px #FFFFFF; */ } .tmp_func_txt dd { margin:0 6px 0 0; float:left; } /* func_clr */ .tmp_func_clr { margin:0px; } .tmp_func_clr dt { margin:0 5px 0 0; padding:2px 0 0; float:left; /* text-shadow:0px 2px 1px #FFFFFF, 2px 2px 1px #FFFFFF, 2px 0px 1px #FFFFFF, 2px -2px 1px #FFFFFF, 0px -2px 1px #FFFFFF, -2px -2px 1px #FFFFFF, -2px 2px 1px #FFFFFF, -2px 0px 1px #FFFFFF; */ } .tmp_func_clr dd { margin:0 5px 0 0; float:left; } .tmp_func_clr dd.func_clr0 { margin-right:3px; } .changestyle_blue { background-color: #0000b8 !important; color: #ffff00 !important; } .changestyle_yellow { background-color: #ffff00 !important; color: #000000 !important; } .changestyle_black { background-color: #000000 !important; color: #ffff00 !important; } /* 色変え ---------------------------------------------------------- */ /* 青 標準 */ #container-main.color_blue{background-color: #0000b8;} /* トップページとこどものページ調べ学習は除外 */ #container-main.color_blue .panel-body:not(#box-7382 .panel-body, #box-5322 .panel-body), #container-main.color_blue #box-7382 .opl_news_title, #container-main.color_blue #box-7382 .opl_news_contents, #container-main.color_blue #box-7382 #calendarWrapper, #container-main.color_blue #box-7382 .opl_banners_title, #container-main.color_blue #box-5322 #frame-2298, #container-main.color_blue #box-5322 #frame-1433 {background-color: #0000b8;color: #ffff00 !important;} #container-main.color_blue .panel {background-color: #0000b8;} #container-main.color_blue .table-hover > tbody > tr:hover {background-color: #0000b8;} #container-main.color_blue .text-muted {color: #ffff00;} #container-main.color_blue small:not( .opl_cal_kyukanbi small) {color: #ffff00;} #container-main.color_blue .panel-default>.panel-heading:not(.block-setting-body .panel-heading) {color: #ffff00;} #container-main.color_blue a:not(.active>a,.nav>li>a:focus, .nav>li>a:hover,.btn, .calendar-this-month>a,.calendar-weekly-tbl-td-today a.calendar-backto-btn>a, a.calendar-edit-plus-icon:hover, #box-7382 a, #box-5322 .panel-body a, .kidsbody .detail_btn a), #container-main.color_blue #box-7382 #newsTabWrapper a, #container-main.color_blue #box-7382 #calendarWrapper a:not(.calendarButton, .eventCalendarButton), #container-main.color_blue #box-5322 #frame-2298 a { color: #ffffff; } #container-main.color_blue table th { color: #333 !important; } /* 青 カレンダー */ #container-main.color_blue .calendar-col-small-day:hover, #container-main.color_blue .calendar-date-move-operations label:hover , #container-main.color_blue .calendar-col-week:hover, #container-main.color_blue .glyphicon-edit:hover, #container-main.color_blue .glyphicon-plus:hover, #container-main.color_blue .glyphicon-eye-open:hover, #container-main.color_blue .glyphicon-eye-close:hover, #container-main.color_blue .calendar-plan-clickable:hover, #container-main.color_blue .calendar-day:hover, #container-main.color_blue .calendar-share-person:hover, #container-main.color_blue .calendar-daily-timeline-slit-decom { background-color: #0247e8; color: #ffff00; } #container-main.color_blue .calendar-sunday {font-weight:bold;} #container-main.color_blue .calendar-saturday {color: #ffff00;} #container-main.color_blue .calendar-weekly-col-room-name {background-color:#0000b8;} #container-main.color_blue .calendar-weekly-tbl-td-today, #container-main.color_blue .calendar-weekly-tbl-td-today-head-top, #container-main.color_blue .calendar-weekly-tbl-td-today-head-bottom, #container-main.color_blue .calendar-weekly-tbl-td-today-last {background-color: #0247e8;} #container-main.color_blue .calendar-tbl-td-today {background-color: #0247e8;} #container-main.color_blue .opl_cal_kyukanbi { color: #333 !important; } #container-main.color_blue .opl_cal_kyukanbi .calendar-sunday { color: #cc3333 !important; } #container-main.color_blue .opl_cal_kyukanbi .calendar-saturday { color: #3366cc !important; } #container-main.color_blue .calendar-out-of-range .text-muted { color: #0000b8 !important; } /* 黄 標準 */ #container-main.color_yellow {background-color: #ffff00;} /* トップページとこどものページ調べ学習は除外 */ #container-main.color_yellow .panel-body:not(#box-7382 .panel-body, #box-5322 .panel-body), #container-main.color_yellow #box-7382 .opl_news_title, #container-main.color_yellow #box-7382 .opl_news_contents, #container-main.color_yellow #box-7382 #calendarWrapper, #container-main.color_yellow #box-7382 .opl_banners_title, #container-main.color_yellow #box-5322 #frame-2298, #container-main.color_yellow #box-5322 #frame-1433 {background-color: #ffff00;color: #000000 !important;} #container-main.color_yellow .panel {background-color:#ffff00;} #container-main.color_yellow .table-hover > tbody > tr:hover {background-color: #ffff00;} #container-main.color_yellow .text-muted {color: #000000} #container-main.color_yellow small:not( .opl_cal_kyukanbi small) {color: #000000;} #container-main.color_yellow .panel-default>.panel-heading:not(.block-setting-body .panel-heading) {color: #000000;} #container-main.color_yellow a:not(.active>a,.nav>li>a:focus, .nav>li>a:hover,.btn, .calendar-this-month>a,.calendar-weekly-tbl-td-today a.calendar-backto-btn>a, a.calendar-edit-plus-icon:hover, #box-7382 a, #box-5322 .panel-body a, .kidsbody .detail_btn a), #container-main.color_yellow #box-7382 #newsTabWrapper a, #container-main.color_yellow #box-7382 #calendarWrapper a:not(.calendarButton, .eventCalendarButton), #container-main.color_yellow #box-5322 #frame-2298 a { color: #0000ff; } #container-main.color_yellow table th { color: #333 !important; } /* 黄 カレンダー */ /* #container-main.color_yellow .calendar-col-small-day:hover, #container-main.color_yellow .calendar-date-move-operations label:hover, #container-main.color_yellow .calendar-col-week:hover, #container-main.color_yellow .glyphicon-edit:hover, #container-main.color_yellow .glyphicon-plus:hover, #container-main.color_yellow .glyphicon-eye-open:hover, #container-main.color_yellow .glyphicon-eye-close:hover, #container-main.color_yellow .calendar-plan-clickable:hover, #container-main.color_yellow .calendar-day:hover, #container-main.color_yellow .calendar-share-person:hover, #container-main.color_yellow .calendar-daily-timeline-slit-decom { background-color: #ffd700; color: #000000; } */ #container-main.color_yellow .calendar-sunday {font-weight:bold;} #container-main.color_yellow .calendar-saturday {color: #000000;} #container-main.color_yellow .calendar-weekly-col-room-name {background-color:#ffff00;} /* #container-main.color_yellow .calendar-weekly-tbl-td-today, #container-main.color_yellow .calendar-weekly-tbl-td-today-head-top, #container-main.color_yellow .calendar-weekly-tbl-td-today-head-bottom, #container-main.color_yellow .calendar-weekly-tbl-td-today-last {background-color:#ffd700;} #container-main.color_yellow .calendar-tbl-td-today {background-color:#ffd700;} */ #container-main.color_yellow .opl_cal_kyukanbi { color: #333 !important; } #container-main.color_yellow .opl_cal_kyukanbi .calendar-sunday { color: #cc3333 !important; } #container-main.color_yellow .opl_cal_kyukanbi .calendar-saturday { color: #3366cc !important; } #container-main.color_yellow .calendar-out-of-range .text-muted { color: #ffff00 !important; } /* 黒 標準 */ #container-main.color_black {background-color: #000000;} /* トップページとこどものページ調べ学習は除外 */ #container-main.color_black .panel-body:not(#box-7382 .panel-body, #box-5322 .panel-body), #container-main.color_black #box-7382 .opl_news_title, #container-main.color_black #box-7382 .opl_news_contents, #container-main.color_black #box-7382 #calendarWrapper, #container-main.color_black #box-7382 .opl_banners_title, #container-main.color_black #box-5322 #frame-2298, #container-main.color_black #box-5322 #frame-1433 {background-color: #000000;color: #ffff00 !important;} #container-main.color_black .panel {background-color:#000000;} #container-main.color_black .table-hover > tbody > tr:hover {background-color: #000000;} #container-main.color_black .text-muted {color: #ffff00} #container-main.color_black small:not( .opl_cal_kyukanbi small) {color: #ffff00;} #container-main.color_black .panel-default>.panel-heading:not(.block-setting-body .panel-heading) {color: #ffff00;} #container-main.color_black a:not(.active>a,.nav>li>a:focus, .nav>li>a:hover,.btn, .calendar-this-month>a,.calendar-weekly-tbl-td-today a.calendar-backto-btn>a, a.calendar-edit-plus-icon:hover, #box-7382 a, #box-5322 .panel-body a, .kidsbody .detail_btn a), #container-main.color_black #box-7382 #newsTabWrapper a, #container-main.color_black #box-7382 #calendarWrapper a:not(.calendarButton, .eventCalendarButton), #container-main.color_black #box-5322 #frame-2298 a { color: #ffffff; } #container-main.color_black table th { color: #333 !important; } /* 黒 カレンダー */ #container-main.color_black .calendar-col-small-day:hover, #container-main.color_black .calendar-date-move-operations label:hover, #container-main.color_black .calendar-col-week:hover, #container-main.color_black .glyphicon-edit:hover, #container-main.color_black .glyphicon-plus:hover, #container-main.color_black .glyphicon-eye-open:hover, #container-main.color_black .glyphicon-eye-close:hover, #container-main.color_black .calendar-plan-clickable:hover, #container-main.color_black .calendar-day:hover, #container-main.color_black .calendar-share-person:hover, #container-main.color_black .calendar-daily-timeline-slit-decom { background-color: #383838; color: #ffff00; } #container-main.color_black .calendar-sunday {font-weight:bold;} #container-main.color_black .calendar-saturday {color: #ffff00;} #container-main.color_black .calendar-weekly-col-room-name {background-color:#000000;} #container-main.color_black .calendar-weekly-tbl-td-today, #container-main.color_black .calendar-weekly-tbl-td-today-head-top, #container-main.color_black .calendar-weekly-tbl-td-today-head-bottom, #container-main.color_black .calendar-weekly-tbl-td-today-last {background-color:#383838;} #container-main.color_black .calendar-tbl-td-today {background-color:#383838;} #container-main.color_black .opl_cal_kyukanbi { color: #333 !important; } #container-main.color_black .opl_cal_kyukanbi .calendar-sunday { color: #cc3333 !important; } #container-main.color_black .opl_cal_kyukanbi .calendar-saturday { color: #3366cc !important; } #container-main.color_black .calendar-out-of-range .text-muted { color: #000000 !important; } /* カレンダー当月外 */ #container-main.color_blue .calendar-out-of-range, #container-main.color_yellow .calendar-out-of-range, #container-main.color_black .calendar-out-of-range { background-color: #222222; } #container-main.color_blue .calendar-out-of-range .text-muted, #container-main.color_yellow .calendar-out-of-range .text-muted, #container-main.color_black .calendar-out-of-range .text-muted { color: #ffffff; } /* カレンダータイトルリンク時の子画面 */ #container-main.color_blue .bootstrap-datetimepicker-widget, #container-main.color_yellow .bootstrap-datetimepicker-widget, #container-main.color_black .bootstrap-datetimepicker-widget { color: #000000; } /* 不明 */ #container-main.color_blue .calendar-panel-not-select>.panel-heading, #container-main.color_yellow .calendar-panel-not-select>.panel-heading, #container-main.color_black .calendar-panel-not-select>.panel-heading {background-color: white; } /* 色文字サイズ切替 End */ /* section#frame-158,section#frame-164,section#frame-157 { width: 30%; } */ section#frame-1395,section#frame-160,section#frame-159,section#frame-1135,section#frame-161,section#frame-162{ width: 100%; } #top>div { display: inline-block; width: 100%; } @media screen and (min-width : 992px) { #top>div { display: flex; justify-content: space-between; } } #container-header section{ border:none; box-shadow:none; } /* section#frame-163,section#frame-165{ width:70%; } section#frame-163{ height:1000px; } */ @media screen and (max-width : 992px) { section { width: 100% !important; } #top .topbox ,#top .topbox_net { width: 100%; } #sub{ float:none; } #menu .box h2{ width:100%; float:none; } #menu .box { width: 100%; } } @media screen and (min-width:768px) { .header_img{ float:left; } } @media screen and (max-width:768px) { #gl { display:none; } #frame-2455{ display:block; } #frame-2454 { display:none; } #frame-1395{ display:none; } #header .headsub { width: 100%; } section#frame-2453 { margin-top: 20px; } } @media screen and (min-width:992px) { section#frame-2453 { width: 30%; float:left; } section#frame-2451 { width: 30%; float: left; } section#frame-2452 { width: 40%; float: left; } #menu .box ul li { margin-bottom: 2px; width: 33.3%; float: left; } #menu .box { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border: solid 1px #559518; margin-bottom: 10px; width: 100%; margin: 3px 0; float: left; } #menu .box h2 { margin: 0px 0px 5px 0; width: 100%; padding: 5px 5px 1px 33px; border-top-left-radius: 7px; border-top-right-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; border-bottom: solid 1px #559518; display: block; float: left; font-size: 100%; } #menu ul li { float: left; width: 33.3%; } } #gl ul li li { float: none; height: 21px; } #gl #dropdown .gl07 ul li a { width:9em; } /* スマホメニュー Start */ .hamburger p { display : block; position: absolute; width : 30px; height : 2px ; left : 11px; background : #fff; -webkit-transition: 0.3s ease-in-out; -moz-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; } .hamburger p:nth-child(1) { top: 8px; } .hamburger p:nth-child(2) { top: 16px; } .hamburger p:nth-child(3) { top: 24px; } /*バックナンバーページ修正*/ #frame-1256 article .clearfix.blogs_entry_body1,#frame-637 article .clearfix.blogs_entry_body1{ display: none; } /*古文書ページ修正*/ span.komonjo-span{ width: 100%; display: block; } img.komonjo-img { width: 100%; } /*本が泣いていますページ修正*/ .footlink { width: 100%; display: inline-block; } .div-half { width: 50%; float: left; } @media screen and (max-width : 736px) { .div-half { width: 100%; float: left; } } #frame-1568 .panel-heading { color: #333; background-color: #60ca85 !important; border-color: #ddd; } /*小学生以下を対象とした書庫探検*/ @media screen and (min-width:768px){ .frame-2307cw { width: 50%; float: left; } .frame-2307link{ width: 100%; } } /* スマホメニューを開いてる時のボタン */ .hamburger.active p:nth-child(1) { top : 16px; left: 11px; background :#000; -webkit-transform: rotate(-45deg); -moz-transform : rotate(-45deg); transform : rotate(-45deg); } .hamburger.active p:nth-child(2), .hamburger.active p:nth-child(3) { top: 16px; background :#000; -webkit-transform: rotate(45deg); -moz-transform : rotate(45deg); transform : rotate(45deg); } .opl_sp_header_menubtn { display : block; position: fixed; z-index : 3; right : 20px; top : 20px; width : 52px; height: 52px; cursor: pointer; text-align: center; background-color:#ccc; border-radius: 4px } .opl_sp_header_menubtn span { display : block; position: absolute; width : 30px; height : 2px ; left : 11px; background : #BBBBBB; -webkit-transition: 0.3s ease-in-out; -moz-transition : 0.3s ease-in-out; transition : 0.3s ease-in-out; } .opl_sp_header_menubtn span:nth-child(1) { top: 8px; } .opl_sp_header_menubtn span:nth-child(2) { top: 16px; } .opl_sp_header_menubtn span:nth-child(3) { top: 24px; } .opl_sp_header_menubtn .menu { position: absolute; padding: 34px 0 7px; font-size: 11px; left: 4px; } /* スマホメニューを開いてる時のボタン */ .opl_sp_header_menubtn.active span:nth-child(1) { top : 16px; left: 6px; background :#fff; -webkit-transform: rotate(-45deg); -moz-transform : rotate(-45deg); transform : rotate(-45deg); } .opl_sp_header_menubtn.active span:nth-child(2), .opl_sp_header_menubtn.active span:nth-child(3) { top: 16px; background :#fff; -webkit-transform: rotate(45deg); -moz-transform : rotate(45deg); transform : rotate(45deg); } header.opl_sp_header_top{ position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; background:#E5F0FF; } div.opl_sp_header_logo{ width:80%; height:100px; display:table; } @media print, screen and (min-width: 392px) { div.opl_sp_header_logo{ width:auto; } } div.opl_sp_header_logo a{ display:table-cell; vertical-align: middle; } /* メニュー背景 */ nav.opl_sp_header_menu { position: fixed; z-index : 2; top : 100px; left : 0; color: #000; background-color:#84B5FF; text-align: center; width: 100%; transform: translateX(100%); transition: all 0.6s; padding-bottom:20px; } nav.opl_sp_header_menu div > a { display:block; padding:10px 0; width:100%; color:#000; background:#fff; border-bottom:1px solid #ccc; } nav.opl_sp_header_menu div > a:hover { background: #ddd; } nav.opl_sp_header_menu ul { margin: 0 auto; padding: 0; width: 90%; } nav.opl_sp_header_menu ul li { list-style-type: none; padding: 5px; width: 100%; transition: .4s all; float:left; } nav.opl_sp_header_menu ul li:nth-of-type(4), nav.opl_sp_header_menu ul li:nth-of-type(5){ width: 50%; } nav.opl_sp_header_menu ul li:hover{ background :#ddd; } nav.opl_sp_header_menu ul li a { display: block; color: #000; padding: 5px 0; text-decoration :none; background:#fff; } /* クリックでjQueryで追加・削除 */ nav.opl_sp_header_menu.active { opacity: 100; display: block; transform: translateX(0%); } /* かんたん検索 */ #formBoxSP.searchForm { padding:10px 5px; width: 90%; margin: 0 auto; text-align: left; } #formBoxSP.searchForm .txtBox { width:75%; } #formBoxSP.searchForm .easybtn { /* float:right; */ } /* スマホメニュー End */ /*ハンバーガーメニュー*/ .hamburger p { display : block; position: absolute; width : 30px; height : 2px ; left : 6px; background : #fff; } .hamburger p:nth-child(1) { top: 10px; } .hamburger p:nth-child(2) { top: 20px; } .hamburger p:nth-child(3) { top: 30px; } /* スマホメニューを開いてる時のボタン */ .hamburger.active p:nth-child(1) { top : 16px; left: 6px; background :#000; -webkit-transform: rotate(-45deg); -moz-transform : rotate(-45deg); transform : rotate(-45deg); } .hamburger.active p:nth-child(2), .hamburger.active p:nth-child(3) { top: 16px; background :#000; -webkit-transform: rotate(45deg); -moz-transform : rotate(45deg); transform : rotate(45deg); } .sdc_sp_header_menubtn { display : block; position: fixed; z-index : 100; right : 20px; top : 20px; width : 42px; height: 42px; cursor: pointer; text-align: center; background-color:#bbe392; } .sdc_sp_header_menubtn span { display : block; position: absolute; width : 30px; height : 2px ; left : 6px; background : #BBBBBB; } .sdc_sp_header_menubtn span:nth-child(1) { top: 10px; } .sdc_sp_header_menubtn span:nth-child(2) { top: 20px; } .sdc_sp_header_menubtn span:nth-child(3) { top: 30px; } /* スマホメニューを開いてる時のボタン */ .sdc_sp_header_menubtn.active span:nth-child(1) { top : 16px; left: 6px; background :#fff; -webkit-transform: rotate(-45deg); -moz-transform : rotate(-45deg); transform : rotate(-45deg); } .sdc_sp_header_menubtn.active span:nth-child(2), .sdc_sp_header_menubtn.active span:nth-child(3) { top: 16px; background :#fff; -webkit-transform: rotate(45deg); -moz-transform : rotate(45deg); transform : rotate(45deg); } /* メニュー背景 */ nav.sdc_sp_header_menu { position: fixed; z-index : 100; top : 50px; left : 0; color: #000; background-color:#bbe392; text-align: center; width: 100%; transform: translateX(100%); } nav.sdc_sp_header_menu div > a { display:block; margin:10px auto; padding:10px 0; width:80%; color:#000; background:#fff; } nav.sdc_sp_header_menu div > a:hover { background: #ddd; } nav.sdc_sp_header_menu ul { margin: 0 auto; padding: 0; width: 100%; } nav.sdc_sp_header_menu ul li { list-style-type: none; padding: 0; width: 33.3%; float:left; } nav.sdc_sp_header_menu ul li:last-child { padding-bottom: 0; } nav.sdc_sp_header_menu ul li:hover{ background :#ddd; } nav.sdc_sp_header_menu ul li a { display: block; color: #000; padding: 1em 0; text-decoration :none; background:#fff; } /* クリックでjQueryで追加・削除 */ nav.sdc_sp_header_menu.active { opacity: 100; display: block; transform: translateX(0%); } @media screen and (min-width:768px){ .sdc_sp_header_menubtn , .sdc_sp_header_menu{ display:none } } /*トップページレイアウト変更 start */ .slideMainComment { position: absolute; bottom: 25px; width: 100%; opacity: 0.9; text-align: center; font-size: 130%; color: black; } .banner-img { display: flex; justify-content: space-between; } #frame-2443 img.img-responsive.nc3-img.nc3-img-block { width: 100%; } #frame-2443 img { width: 100%; } section#frame-2438, section#frame-2435, section#frame-2434, section#frame-2432 { display: none; } #frame-2446 .panel-body.block { padding: 0; } #search, .otherSearch ul, .mylibrary { height: 120px; } @media screen and (min-width : 992px) { section#frame-2451 .panel-body { padding-left: 0; } section#frame-2450 { margin: 0 15px 15px 0; } section#frame-2449 .panel-body{ padding:0 15px 0 0; } } @media screen and (max-width : 991px) { #frame-2449 .panel-body.block { padding: 0; } .topbox.colorwhite { display:none; } } .topbox.colorwhite { border-color: #fff; } tr.whatsnew_read { padding-top: 16px; padding-bottom: 16px; border-top: 1px solid #ccc; display: block; } tr.whatsnew_read:first-child { border-top: none; } td.whatsnew_title { font-size: 16px; margin-right: 12px; line-height: 24px; display: inline-block; max-width: 60%; text-overflow: ellipsis; overflow: hidden; } td.whatsnew_time { display: inline-block; } .banner { display: flex; justify-content: space-between; } @media screen and (max-width : 991px) { .banner { display: flex; justify-content: space-around; flex-direction: row; flex-wrap: wrap; } } /*トップページレイアウト変更 end */ --></style> <p> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js" type="text/javascript"></script> <script type="text/javascript">// <![CDATA[ //jQuery.noConflict(); var j$ = jQuery; //文字サイズ・色変更 j$(function() { var body = j$('#container-main'); var FontSize ='fontSize'; var BackColor='backgroundColor'; var cookieValue={expires: 365,path: '/'}; var aryFS = ['70%','80%','90%','100%','130%','160%','200%']; var indFS;indFS_def=3; var ColorBlue = 'color_blue'; var ColorYellow = 'color_yellow'; var ColorBlack = 'color_black'; if(j$.cookie(FontSize)){ indFS = j$.cookie(FontSize); }else{ indFS = 2; } body.css(FontSize, aryFS[indFS]); j$(".changesize_big").on("click", function() { if(indFS < aryFS.length-1){ indFS = parseInt(indFS)+1; body.css(FontSize, aryFS[indFS]); j$.cookie(FontSize, indFS, cookieValue); } return false }); j$(".changesize_small").on("click", function() { if(indFS > 0){ indFS = parseInt(indFS)-1; body.css(FontSize, aryFS[indFS]); j$.cookie(FontSize, indFS, cookieValue); } return false }); j$(".changesize_default").on("click", function() { indFS = parseInt(indFS_def); body.css(FontSize, aryFS[indFS_def]); j$.cookie(FontSize, parseInt(indFS_def), cookieValue); return false }); var bgcolor = j$.cookie(BackColor); if(bgcolor == ColorBlue || bgcolor == ColorYellow || bgcolor == ColorBlack ) { body.addClass(bgcolor ); } j$(".changestyle_default").on("click", function() { color_reset(); j$.cookie(BackColor, "", cookieValue); return false }); j$(".changestyle_blue").on("click", function() { color_reset(); body.addClass(ColorBlue); j$.cookie(BackColor, ColorBlue, cookieValue); return false }); j$(".changestyle_yellow").on("click", function() { color_reset(); body.addClass(ColorYellow); j$.cookie(BackColor, ColorYellow, cookieValue); return false }); j$(".changestyle_black").on("click", function() { color_reset(); body.addClass(ColorBlack); j$.cookie(BackColor, ColorBlack, cookieValue); return false }); function color_reset(){ body.removeClass(ColorBlue); body.removeClass(ColorYellow); body.removeClass(ColorBlack); }; }); $(function() { $('.sdc_sp_header_menubtn').click(function() { $(this).toggleClass('active'); if ($(this).hasClass('active')) { $('.sdc_sp_header_menu').addClass('active'); } else { $('.sdc_sp_header_menu').removeClass('active'); } }); }); //メニュー内を閉じておく $(function() { $('.sdc_sp_header_menu a[href]').click(function() { $('.sdc_sp_header_menu').removeClass('active'); $('.sdc_sp_header_menubtn').removeClass('active'); }); }); // ]]></script> </p> <div class="tmp_means"> <div class="tmp_means_primary"> <dl class="tmp_func_clr"> <dt>色合い </dt> <dd class="func_clr0"><a class="head_link changestyle changestyle_default" title="標準" href="#">標準</a></dd> <dd><a class="head_link changestyle changestyle_blue" title="青" href="#">青</a></dd> <dd><a class="head_link changestyle changestyle_yellow" title="黄" href="#">黄</a></dd> <dd><a class="head_link changestyle changestyle_black" title="黒" href="#">黒</a></dd> </dl> <dl class="tmp_func_txt"> <dt>文字サイズ</dt> <dd><a class="head_link changesize_big" title="拡大" href="#">拡大</a></dd> <dd><a class="head_link changesize_default" title="標準" href="#">標準</a></dd> <dd><a class="head_link changesize_small" title="縮小" href="#">縮小</a></dd> </dl> </div> </div> <div id="header"> <div class="title"> <div><a href="https://www.pref.saga.lg.jp/web/" target="_blank" rel="noopener noreferrer"><img class="img-responsive nc3-img nc3-img-block" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/23" alt="佐賀県" /></a></div> <h1><a title="佐賀県立図書館" href="https://www.tosyo-saga.jp/"><img class="img-responsive nc3-img nc3-img-block" style="height: 80px;" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/91" /></a></h1> </div> <div class="headsub"> <div class="tel"><img class="img-responsive nc3-img nc3-img-block" style="margin-bottom: 10px;" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/24/medium" alt="お問い合わせ0952-24-9000" /></div> <div class="header_img" style="float: left;"><a href="https://www.instagram.com/sagakentosyo/"><img class="img-responsive nc3-img nc3-img-block" style="height: 55px; border: 2px solid black; margin-right: 5px;" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/25/small" alt="佐賀県立図書館Instagram" /></a></div> <div class="header_img"><a href="https://sagakentosyo.sagafan.jp/"><img class="img-responsive nc3-img nc3-img-block" style="height: 55px;" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/26/small" alt="ブログI Love SAGA!" /></a></div> <div class="spf"><a href="https://www.tosyo-saga.jp/page_id365">サイトマップ</a></div> </div> </div> <div id="gl"> <ul id="dropdown"> <li class="gl02"><a title="県内の本を探す" href="https://uf-pub01.ufinity.jp/cassV3/cassrh.do?sc_locale=ja&tenantId=saga_plib">県内の本を探す</a></li> <li class="gl03"><a title="県立図書館の本を探す、借りる" href="https://www.tosyo-saga.jp/page_id580">県立図書館の本を予約・借りる</a> <ul> <li><a href="https://www2.tosyo-saga.jp/kentosyo2/opac/search-detail.do?lang=ja">県立図書館の本を探す</a></li> <li><a href="https://www.tosyo-saga.jp/page_id110">県立図書館の本の借り方</a></li> <li><a href="https://www2.tosyo-saga.jp/archives/opac/search-detail-archives.do?lang=ja">古文書を探す</a></li> </ul> </li> <li class="gl04"><a title="新着おすすめ・資料紹介" href="https://www.tosyo-saga.jp/page_id124">新着・おすすめ・資料紹介</a> <ul> <li><a href="https://www2.tosyo-saga.jp/kentosyo2/opac/newly.do?lang=ja">新着図書</a></li> <li><a href="https://www2.tosyo-saga.jp/kentosyo/semi/chokkin4/GeneralclassSelection.html">直近4週間分の新着図書</a></li> <li><a href="https://www2.tosyo-saga.jp/kentosyo2/opac/best-reader-list.do?lang=ja">貸出の多い本</a></li> <li><a href="https://www.tosyo-saga.jp/page_id124#tenji">展示コーナー</a></li> <li><a href="https://www.tosyo-saga.jp/page_id124/page_id132">新聞</a></li> <li><a href="https://www.tosyo-saga.jp/page_id124/page_id133">雑誌</a></li> <li><a href="https://www.tosyo-saga.jp/page_id124#denshi">電子書籍</a></li> <li><a href="https://www.tosyo-saga.jp/page_id124#kyoudo">郷土</a></li> </ul> <ul> <li><a href="https://www.tosyo-saga.jp/page_id124#jidou">児童</a></li> <li><a href="https://www.tosyo-saga.jp/page_id124#school">学校支援</a></li> </ul> </li> <li class="gl05"><a title="利用案内・各種手続" href="https://www.tosyo-saga.jp/page_id154">利用案内・各種手続</a> <ul> <li><a href="https://www.tosyo-saga.jp/page_id154">施設の案内</a></li> <li><a href="https://www.tosyo-saga.jp/page_id110">本の借り方</a></li> <li><a href="https://www.tosyo-saga.jp/page_id122">インターネットから予約</a></li> <li><a href="https://www.tosyo-saga.jp/page_id110">本を返す</a></li> <li><a href="https://www.tosyo-saga.jp/page_id110/page_id123">遠隔地図書返却</a></li> <li><a href="https://www.tosyo-saga.jp/page_id159">調べもの</a></li> <li><a href="https://www.tosyo-saga.jp/page_id161">資料のコピー</a></li> <li><a href="https://www.tosyo-saga.jp/page_id137/page_id140">古文書資料</a></li> <li><a href="https://www.tosyo-saga.jp/page_id154#kakusyu">各種貸出</a></li> <li><a href="https://www.tosyo-saga.jp/page_id164">図書購入リクエスト</a></li> <li><a href="https://www.tosyo-saga.jp/page_id162">よくある質問</a></li> </ul> </li> <li class="gl06"><a title="県立図書館について" href="https://www.tosyo-saga.jp/page_id166">県立図書館について</a> <ul> <li><a href="https://www.tosyo-saga.jp/page_id166/page_id167">運営方針</a></li> <li><a href="https://www.tosyo-saga.jp/page_id166/page_id168">沿革と施設</a></li> <li><a href="https://www.tosyo-saga.jp/page_id166/page_id169">図書館協議会</a></li> <li><a href="https://www.tosyo-saga.jp/page_id170">図書館年報</a></li> <li><a href="https://www2.tosyo-saga.jp/kentosyo/100kiroku/index.html">100周年記録誌</a></li> <li><a href="https://www.tosyo-saga.jp/page_id166/page_id171">図書館機能の充実推進</a></li> <li><a href="https://www.tosyo-saga.jp/page_id166/page_id194">提案の御紹介</a></li> </ul> </li> <li class="gl08"><a title="アクセス" href="https://www.tosyo-saga.jp/page_id174">アクセス</a> <ul> <li><a href="https://www.tosyo-saga.jp/page_id174">本館</a></li> <li><a href="http://www.koseikan.jp/visit/library/index.html">好生館分室</a></li> </ul> </li> <li class="gl07"><a title="関連リンク" href="https://www.tosyo-saga.jp/page_id165">関連リンク</a> <ul> <li><a href="https://www.tosyo-saga.jp/page_id170/page_id173">県内図書館等</a></li> <li><a href="https://www.tosyo-saga.jp/page_id165">関係団体</a></li> <li><a href="https://www.tosyo-saga.jp/page_id165/page_id195">県内博物館等</a></li> </ul> </li> </ul> </div> </article> </div> </section> </div></div> </header> <div class="row"> <div id="container-main" role="main" class="col-md-12"> <div class="boxes-3"> <div id="box-2942"> <section id="frame-2466" class="frame panel panel-default nc-content-list plugin-topics"> <div class="panel-heading clearfix"> <span>新着</span> </div> <div class="panel-body block"> <header> <span class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> 5件 <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li> <a href="/topics/topics/index/limit:1?frame_id=2466">1件</a> </li> <li> <a href="/topics/topics/index/limit:5?frame_id=2466">5件</a> </li> <li> <a href="/topics/topics/index/limit:10?frame_id=2466">10件</a> </li> <li> <a href="/topics/topics/index/limit:20?frame_id=2466">20件</a> </li> <li> <a href="/topics/topics/index/limit:50?frame_id=2466">50件</a> </li> <li> <a href="/topics/topics/index/limit:100?frame_id=2466">100件</a> </li> </ul> </span> </header> <article id="topic-frame-2466" ng-controller="TopicsController" ng-init="initialize({"named":{"page":"1"},"paging":{"page":1,"current":5,"count":635,"prevPage":false,"nextPage":true,"pageCount":127,"limit":5,"queryScope":null},"params":{"frame_id":"2466"}}); hashChange();" ng-cloak> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1394/b3e5f5551d77400c7aa17fbd404f7e27?frame_id=678" ng-click="link($event)"> 児童書のおすすめ(2月18日) </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 02/18 </div> </div> <div class="media"> <div class="media-body"> </div> <div class="media-right"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1394/b3e5f5551d77400c7aa17fbd404f7e27?frame_id=678" ng-click="link($event)"> <img class="topic-thumbnail" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/1690/thumb" alt="" /> </a> </div> </div> </article> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1393/346ffcd17e21ee1e70850329d77d3ee9?frame_id=1356" ng-click="link($event)"> 佐賀に関する本(2月18日) </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 02/18 </div> </div> <div class="media"> <div class="media-body"> </div> </div> </article> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1394/21d2e56a57bce7a5f5d672059c269c40?frame_id=678" ng-click="link($event)"> 児童書のおすすめ(2月11日) </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 02/11 </div> </div> <div class="media"> <div class="media-body"> </div> <div class="media-right"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1394/21d2e56a57bce7a5f5d672059c269c40?frame_id=678" ng-click="link($event)"> <img class="topic-thumbnail" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/1689/thumb" alt="" /> </a> </div> </div> </article> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1393/2e65d06ad222893da58df7b86be0b26d?frame_id=1356" ng-click="link($event)"> 佐賀に関する本(2月11日) </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 02/11 </div> </div> <div class="media"> <div class="media-body"> </div> </div> </article> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1394/ddcd6f38bbb206e4f43b19104d097ca4?frame_id=678" ng-click="link($event)"> 児童書のおすすめ(2月4日) </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 02/04 </div> </div> <div class="media"> <div class="media-body"> </div> <div class="media-right"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1394/ddcd6f38bbb206e4f43b19104d097ca4?frame_id=678" ng-click="link($event)"> <img class="topic-thumbnail" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/1684/thumb" alt="" /> </a> </div> </div> </article> <article class="topic-row-outer" ng-repeat="item in topics track by $index"> <div class="clearfix"> <div class="pull-left topic-title"> <a ng-href="{{item.Topic.url}}" ng-click="link($event)"> {{item.Topic.display_title}} </a> </div> <div class="pull-left topic-status" ng-show="(item.Topic.display_status !== '')"> <span ng-bind-html="item.Topic.display_status | ncHtmlContent"></span> </div> <div class="pull-left topic-datetime"> {{item.Topic.display_publish_start}} </div> </div> <div class="media"> <div class="media-body"> </div> <div class="media-right" ng-show="item.Topic.thumbnail_path"> <a ng-href="{{item.Topic.url}}" ng-click="link($event)"> <img class="topic-thumbnail" ng-src="{{item.Topic.thumbnail_url}}" alt=""> </a> </div> </div> </article> <div class="form-group" ng-show="paging.nextPage"> <button type="button" class="btn btn-info btn-block btn-sm" ng-click="more()"> もっと見る </button> </div> </article> </div> </section> <section id="frame-2465" class="frame panel panel-default nc-content-list plugin-topics"> <div class="panel-heading clearfix"> <span>新着</span> </div> <div class="panel-body block"> <header> <span class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> 5件 <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li> <a href="/topics/topics/index/limit:1?frame_id=2465">1件</a> </li> <li> <a href="/topics/topics/index/limit:5?frame_id=2465">5件</a> </li> <li> <a href="/topics/topics/index/limit:10?frame_id=2465">10件</a> </li> <li> <a href="/topics/topics/index/limit:20?frame_id=2465">20件</a> </li> <li> <a href="/topics/topics/index/limit:50?frame_id=2465">50件</a> </li> <li> <a href="/topics/topics/index/limit:100?frame_id=2465">100件</a> </li> </ul> </span> </header> <article id="topic-frame-2465" ng-controller="TopicsController" ng-init="initialize({"named":{"page":"1"},"paging":{"page":1,"current":3,"count":3,"prevPage":false,"nextPage":false,"pageCount":1,"limit":5,"queryScope":null},"params":{"frame_id":"2465"}}); hashChange();" ng-cloak> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1404/e4beca5001d28a2c805a361db4a7342a?frame_id=1393" ng-click="link($event)"> 2月15日(土曜日)15時から「おはなし会」を開催します </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 01/22 </div> </div> <div class="media"> <div class="media-body"> </div> </div> </article> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1404/bb584ab82815f0b6907fa0dcf4dd2bfd?frame_id=1393" ng-click="link($event)"> 2月19日(水曜日)11時から「おはなし会ピヨピヨ」を開催します </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 01/22 </div> </div> <div class="media"> <div class="media-body"> </div> </div> </article> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1404/5ff36e569ad8e2143f727b70814ed3a8?frame_id=1393" ng-click="link($event)"> 2月の新着資料配架日について </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 01/22 </div> </div> <div class="media"> <div class="media-body"> </div> </div> </article> <article class="topic-row-outer" ng-repeat="item in topics track by $index"> <div class="clearfix"> <div class="pull-left topic-title"> <a ng-href="{{item.Topic.url}}" ng-click="link($event)"> {{item.Topic.display_title}} </a> </div> <div class="pull-left topic-status" ng-show="(item.Topic.display_status !== '')"> <span ng-bind-html="item.Topic.display_status | ncHtmlContent"></span> </div> <div class="pull-left topic-datetime"> {{item.Topic.display_publish_start}} </div> </div> <div class="media"> <div class="media-body"> </div> <div class="media-right" ng-show="item.Topic.thumbnail_path"> <a ng-href="{{item.Topic.url}}" ng-click="link($event)"> <img class="topic-thumbnail" ng-src="{{item.Topic.thumbnail_url}}" alt=""> </a> </div> </div> </article> <div class="form-group" ng-show="paging.nextPage"> <button type="button" class="btn btn-info btn-block btn-sm" ng-click="more()"> もっと見る </button> </div> </article> </div> </section> <section id="frame-2463" class="frame panel panel-default nc-content-list plugin-topics"> <div class="panel-heading clearfix"> <span>新着</span> </div> <div class="panel-body block"> <header> <span class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> 5件 <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li> <a href="/topics/topics/index/limit:1?frame_id=2463">1件</a> </li> <li> <a href="/topics/topics/index/limit:5?frame_id=2463">5件</a> </li> <li> <a href="/topics/topics/index/limit:10?frame_id=2463">10件</a> </li> <li> <a href="/topics/topics/index/limit:20?frame_id=2463">20件</a> </li> <li> <a href="/topics/topics/index/limit:50?frame_id=2463">50件</a> </li> <li> <a href="/topics/topics/index/limit:100?frame_id=2463">100件</a> </li> </ul> </span> </header> <article id="topic-frame-2463" ng-controller="TopicsController" ng-init="initialize({"named":{"page":"1"},"paging":{"page":1,"current":5,"count":9,"prevPage":false,"nextPage":true,"pageCount":2,"limit":5,"queryScope":null},"params":{"frame_id":"2463"}}); hashChange();" ng-cloak> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1405/480cb4fd24ce093aab8cb2e11c8fcc02?frame_id=1394" ng-click="link($event)"> 木材利用について考えてみませんか? </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 02/03 </div> </div> <div class="media"> <div class="media-body"> </div> <div class="media-right"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1405/480cb4fd24ce093aab8cb2e11c8fcc02?frame_id=1394" ng-click="link($event)"> <img class="topic-thumbnail" src="https://www.tosyo-saga.jp/wysiwyg/image/download/57/1683/thumb" alt="" /> </a> </div> </div> </article> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1405/274b788d7b12521ed28b7f33c9a39731?frame_id=1394" ng-click="link($event)"> 祝!作家デビュー10周年 寺地はるなさん </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 02/03 </div> </div> <div class="media"> <div class="media-body"> </div> <div class="media-right"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1405/274b788d7b12521ed28b7f33c9a39731?frame_id=1394" ng-click="link($event)"> <img class="topic-thumbnail" src="https://www.tosyo-saga.jp/wysiwyg/image/download/57/1682/thumb" alt="" /> </a> </div> </div> </article> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1405/7034513a15fd5a23faeb2faee1b58213?frame_id=1394" ng-click="link($event)"> 猫好きによる猫好きのための猫の本 </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 01/30 </div> </div> <div class="media"> <div class="media-body"> </div> <div class="media-right"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1405/7034513a15fd5a23faeb2faee1b58213?frame_id=1394" ng-click="link($event)"> <img class="topic-thumbnail" src="https://www.tosyo-saga.jp/wysiwyg/image/download/57/1677/thumb" alt="" /> </a> </div> </div> </article> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1405/626ab2b20f52c7dab10c54673cfcdbe2?frame_id=1394" ng-click="link($event)"> 第172回芥川・直木賞 </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 01/30 </div> </div> <div class="media"> <div class="media-body"> </div> <div class="media-right"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1405/626ab2b20f52c7dab10c54673cfcdbe2?frame_id=1394" ng-click="link($event)"> <img class="topic-thumbnail" src="https://www.tosyo-saga.jp/wysiwyg/image/download/57/1676/thumb" alt="" /> </a> </div> </div> </article> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1405/04740410c9637b343c831c1d6dad2f47?frame_id=1394" ng-click="link($event)"> 今月の児童室内の展示 </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 01/30 </div> </div> <div class="media"> <div class="media-body"> </div> <div class="media-right"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1405/04740410c9637b343c831c1d6dad2f47?frame_id=1394" ng-click="link($event)"> <img class="topic-thumbnail" src="https://www.tosyo-saga.jp/wysiwyg/image/download/57/1674/thumb" alt="" /> </a> </div> </div> </article> <article class="topic-row-outer" ng-repeat="item in topics track by $index"> <div class="clearfix"> <div class="pull-left topic-title"> <a ng-href="{{item.Topic.url}}" ng-click="link($event)"> {{item.Topic.display_title}} </a> </div> <div class="pull-left topic-status" ng-show="(item.Topic.display_status !== '')"> <span ng-bind-html="item.Topic.display_status | ncHtmlContent"></span> </div> <div class="pull-left topic-datetime"> {{item.Topic.display_publish_start}} </div> </div> <div class="media"> <div class="media-body"> </div> <div class="media-right" ng-show="item.Topic.thumbnail_path"> <a ng-href="{{item.Topic.url}}" ng-click="link($event)"> <img class="topic-thumbnail" ng-src="{{item.Topic.thumbnail_url}}" alt=""> </a> </div> </div> </article> <div class="form-group" ng-show="paging.nextPage"> <button type="button" class="btn btn-info btn-block btn-sm" ng-click="more()"> もっと見る </button> </div> </article> </div> </section> <section id="frame-2462" class="frame panel panel-default nc-content-list plugin-topics"> <div class="panel-heading clearfix"> <span>新着</span> </div> <div class="panel-body block"> <header> <span class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> 5件 <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li> <a href="/topics/topics/index/limit:1?frame_id=2462">1件</a> </li> <li> <a href="/topics/topics/index/limit:5?frame_id=2462">5件</a> </li> <li> <a href="/topics/topics/index/limit:10?frame_id=2462">10件</a> </li> <li> <a href="/topics/topics/index/limit:20?frame_id=2462">20件</a> </li> <li> <a href="/topics/topics/index/limit:50?frame_id=2462">50件</a> </li> <li> <a href="/topics/topics/index/limit:100?frame_id=2462">100件</a> </li> </ul> </span> </header> <article> <h2 class="topic-room-name">関係団体からのお知らせ</h2> <article id="topic-frame-2462" ng-controller="TopicsController" ng-init="initialize({"named":{"page":"1"},"paging":{"page":1,"current":1,"count":1,"prevPage":false,"nextPage":false,"pageCount":1,"limit":5,"queryScope":null},"params":{"frame_id":"2462","room_id":60}}); hashChange();" ng-cloak> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1409/ca03393fe3d2fbfaeb8cdeef9c10fc72?frame_id=1568" ng-click="link($event)"> 「佐賀県読書バリアフリー推進計画」を策定しました </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 2022/04/02 </div> </div> <div class="media"> <div class="media-body"> </div> </div> </article> <article class="topic-row-outer" ng-repeat="item in topics track by $index"> <div class="clearfix"> <div class="pull-left topic-title"> <a ng-href="{{item.Topic.url}}" ng-click="link($event)"> {{item.Topic.display_title}} </a> </div> <div class="pull-left topic-status" ng-show="(item.Topic.display_status !== '')"> <span ng-bind-html="item.Topic.display_status | ncHtmlContent"></span> </div> <div class="pull-left topic-datetime"> {{item.Topic.display_publish_start}} </div> </div> <div class="media"> <div class="media-body"> </div> <div class="media-right" ng-show="item.Topic.thumbnail_path"> <a ng-href="{{item.Topic.url}}" ng-click="link($event)"> <img class="topic-thumbnail" ng-src="{{item.Topic.thumbnail_url}}" alt=""> </a> </div> </div> </article> <div class="form-group" ng-show="paging.nextPage"> <button type="button" class="btn btn-info btn-block btn-sm" ng-click="more()"> もっと見る </button> </div> </article> </article> </div> </section> <section id="frame-2455" class="frame panel panel-default nc-content-list plugin-announcements"> <div class="panel-body block"> <article> <div class="slider"> <ul class="slider__list"> <li class="slider__item"><a class="slider__link" href="https://www.tosyo-saga.jp/page_id143"><img class="slider__image slider__image_size" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/317/medium" alt="" /></a></li> <li class="slider__item"><a class="slider__link" href="https://www.tosyo-saga.jp/page_20240719070718"><img class="slider__image slider__image_size" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/1526" alt="" /></a></li> <li class="slider__item"><a class="slider__link" href="https://www.tosyo-saga.jp/page_id581" target="_blank" rel="noopener noreferrer"> <img class="slider__image slider__image_size" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/1527" alt="" /> </a></li> <li class="slider__item"><a class="slider__link" href="https://www.tosyo-saga.jp/page_id124/page_id579"> <img class="slider__image slider__image_size" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/320/big" alt="" /> </a></li> </ul> </div> <style><!-- @charset "UTF-8"; /* スライダー */ #container-main #frame-2455 .slider { margin-top: 0; margin-bottom: 24px; margin-left: auto; margin-right: auto; position: relative; cursor: pointer; } #container-main .slider__list { position: relative; list-style: none; margin: 0; padding: 0; height: 309px; border-radius: 4px; /* IE8(outlineで代替) */ outline-width: 1px \9; outline-style: solid \9; outline-color: #d8d6d1 \9; } #container-main .slider__item { position: absolute; left: 13%; z-index: 0; -webkit-transition: 0.6s; transition: 0.6s; width: 70%; } #container-main .slider__button-list { text-align: right; margin-top: 10px; } #container-main .slider__button-item { display: inline-block; margin-left: 5px; width: 74px; height: 15px; padding-top: 15px; overflow: hidden; background: #a2a2a2; border-radius: 2px; border: 2px solid #fff; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15); /* IE8(outlineで代替) */ outline-width: 1px \9; outline-style: solid \9; outline-color: #d8d6d1 \9; } #container-main .slider__button-item.is-active { background: #d12525; } #container-main .slider__button-item:first-child { margin-left: 0; } #container-main .slider__prev { display: block !important; position: absolute; left: -10px; top: 70px; } #container-main .slider__next { display: block !important; position: absolute; right: -10px; top: 70px; } #container-main .slider__play, #container-main .slider__stop { font-size: 0.750em; /* 12px */ font-weight: bold; background: #fff; border-radius: 2px; display: inline-block; margin-top: -25px; padding-top: 1px; padding-bottom: 1px; padding-left: 10px; padding-right: 10px; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.15); /* IE8(outlineで代替) */ outline-width: 1px \9; outline-style: solid \9; outline-color: #d8d6d1 \9; } #container-main .slider__play { position: absolute; margin-left: 50px; } #container-main .slider__stop { position: absolute; margin-left: 140px; } #container-main .slider__play:before { content: url("https://lib-www.smt.city.sendai.jp/wysiwyg/image/download/1/3353/big"); margin-right: 3px; } #container-main .slider__stop:before { content: url("https://lib-www.smt.city.sendai.jp/wysiwyg/image/download/1/3354/big"); margin-right: 3px; position: relative; top: -1px; } .slider__image_size { max-width: none !important; width: 123% ; margin-left:50px; } #container-minor { margin-top:302px; } @media screen and (max-width:1214px) { #container-main .slider__next { right: -270px; } } @media screen and (max-width:1199px) { #container-main .slider__list { height : 219px; } #container-minor { margin-top:262px; } .main-bg { background-position: -50px -30px; } .main-bg__inner { background-position: -50px -30px; } } @media screen and (max-width:992px) { #container-main .slider__next { right: -10px; } #container-main .slider__list { height : 269px; } #container-minor { margin-top:0px; } .main-bg { background-position: -100px -70px; } .main-bg__inner { background-position: -100px -70px; } .slider__image_size { max-width: 100% !important; width: 100% ; margin-left:0px; } #container-main .slider__play { margin-left: 0px; } #container-main .slider__stop { margin-left: 90px; } } @media screen and (max-width:767px) { #container-main .slider__button-item { width: 24px; } .main-bg { background-position: -130px -100px; margin-top: -10px; } .main-bg__inner { background-position: -130px -100px; } #container-main { margin-top:-10px; } } @media screen and (max-width:520px) { #container-main .slider__next, #container-main .slider__prev { top: 50px; } #container-main .slider__list { height : 159px; } .main-bg { background-position: -150px -150px; margin-top: -10px; } .main-bg__inner { background-position: -150px -150px; } } @media screen and (max-width:400px) { #container-main .slider__next, #container-main .slider__prev { top: 20px; } #container-main .slider__play { margin-top: -60px; } #container-main .slider__stop { margin-top: -60px; } } --></style> <script type="text/javascript">// <![CDATA[ //トップページのスライダー j$(function() { var chageTime = 3000; //切り替え時間 var nowCount = 0; //現在の番号 var maxCount; //切り替えマックス数 var changeTimeout = 0; //タイマーID var slideStatus = 1; //再生状態 0:停止 1:再生 //メインスライドの数を取得 maxCount = j$(".slider__item").length; //切り替え関数実行 change(); setTimer(); //サムネイルクリック関数 j$(".slider__button-item").click(function() { //インターバルをクリア clearTimeout(changeTimeout); //クリックしたサムネイルの番号を現在の番号に設定 nowCount = j$(".slider__button-item").index(this); //切り替え関数実行 change(); setTimer(); }); //メインスライドにタブフォーカスしたときの動作 j$(".slider__link").focus(function() { clearTimeout(changeTimeout); //現在の番号をフォーカスした<a>の親要素<li>の番号に設定 nowCount = j$(this).parent("li").index(); change(); setTimer(); }); //次をクリック j$(".slider__next").click(function(event) { event.preventDefault(); nowCount = nowCount + 1; change(); setTimer(); }); //前をクリック j$(".slider__prev").click(function(event) { event.preventDefault(); nowCount = nowCount - 1; change(); setTimer(); }); //切り替え関数 function change() { if ( nowCount >= maxCount ) { nowCount = 0; } else if ( nowCount < 0 ) { nowCount = maxCount - 1; } //メイン画像を全て非表示 j$(".slider__list li").css("z-index", "0").css("opacity", "0"); //現在の番号のメイン画像を表示 j$(".slider__list li:eq(" + nowCount + ")").css("z-index", "1").css("opacity", "1"); //サムネイルを透過 j$(".slider__button-list li").removeClass("is-active"); //現在の番号のサムネイルを表示 j$(".slider__button-list li:eq(" + nowCount + ")").addClass("is-active"); } // タイマーが切れた場合 function timeOut() { nowCount++; change(); setTimer(); } // タイマーセット function setTimer() { // 再生状態ならタイマーセット if ( slideStatus == 1 ) { clearInterval(changeTimeout); //時間差で切り替え関数実行 changeTimeout = setTimeout(function() { timeOut(); }, chageTime); } } }); // ]]></script> </article> </div> </section> <section id="frame-2454" class="frame panel panel-default nc-content-list plugin-announcements"> <div class="panel-body block"> <article> <div class="slideFrame topPick"> <div class="slideStage"> <ul> <li class="slider"><a href="https://www.tosyo-saga.jp/page_id143"><img class="img-responsive nc3-img nc3-img-block" style="border: 0px solid #cccccc; width: 245px; height: 180px; float: none;" title="" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/317/medium" alt="こどものぺーじ" hspace="0" vspace="0" /></a> <p class="slideMainComment">児童書充実しています</p> <p class="slideSubComment">こどものページへ</p> </li> <li class="slider"><a href="https://www.tosyo-saga.jp/page_20240719070718"><img class="img-responsive nc3-img nc3-img-block" style="border: 0px solid #cccccc; width: 245px; height: 180px; float: none;" title="" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/1526" alt="読書バリアフリーサービス" hspace="0" vspace="0" data-size="" data-position="" /></a></li> <li class="slider"><a href="https://www.tosyo-saga.jp/page_id581"><img class="img-responsive nc3-img nc3-img-block" style="border: 0px solid #cccccc; width: 245px; height: 180px; float: none;" title="" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/1527" alt="みんなの森" hspace="0" vspace="0" data-size="" data-position="" /></a></li> <li class="slider"><a href="https://www.tosyo-saga.jp/page_id124/page_id579"><img class="img-responsive nc3-img nc3-img-block" style="border: 0px solid #cccccc; width: 245px; height: 180px; float: none;" title="" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/320/big" alt="電子書籍" hspace="0" vspace="0" /></a></li> </ul> </div> </div> </article> </div> </section> <section id="frame-2453" class="frame panel panel-default nc-content-list plugin-announcements"> <div class="panel-body block"> <article> <div class="mylibrary"> <p>利用状況の確認</p> <div class="button"><a href="https://www2.tosyo-saga.jp/kentosyo2/opac/login.do?lang=ja&dispatch=/opac/mylibrary.do&every=1">ログイン</a></div> <a href="https://www.tosyo-saga.jp/page_id124/page_id579">電子書籍の使い方はこちら</a></div> </article> </div> </section> <section id="frame-2452" class="frame panel panel-default nc-content-list plugin-announcements"> <div class="panel-body block"> <article> <div id="search"> <div class="SearchTop clearfix"> <div class="SearchLabel"><label class="search_txt" for="search_txt2">蔵書検索</label></div> <div class="SearchDetail"> <div class="searchDetail_btn"><a href="https://www2.tosyo-saga.jp/kentosyo2/opac/search-detail.do?lang=ja">詳細検索</a></div> </div> </div> <div class="SearchEasy clearfix"><form class="search" action="https://www2.tosyo-saga.jp/kentosyo2/opac/search-standard.do?lang=ja&chk_catph=11%2031%2012%2022%2032%2013%2033%2014%2034%2015%2035%2016%2036&chk_area=01%2003%2030" method="post" name="SearchForm"> <div><input name="hid_word_column" type="hidden" value="fulltext" /><input id="txt_word" class="search_txt" name="txt_word" type="text" value="" placeholder="キーワード・書名など" /><input class="search_bt" name="submit_btn_searchEasy" type="submit" value="検索" /></div> </form></div> </div> </article> </div> </section> <section id="frame-2451" class="frame panel panel-default nc-content-list plugin-announcements"> <div class="panel-body block"> <article> <div class="otherSearch"> <ul> <li><a href="https://www2.tosyo-saga.jp/kentosyo2/opac/newly.do?lang=ja" target="_blank" rel="noopener noreferrer">新着資料 毎週火曜 UP</a></li> <li><a href="https://www2.tosyo-saga.jp/kentosyo2/opac/newly2.do?lang=ja" target="_blank" rel="noopener noreferrer">新着資料(4週分)</a></li> <li><a href="https://www2.tosyo-saga.jp/kentosyo2/opac/best-reader-list.do?lang=ja" target="_blank" rel="noopener noreferrer">ベストリーダー</a></li> </ul> </div> </article> </div> </section> <section id="frame-2450" class="frame panel panel-danger nc-content-list plugin-topics"> <div class="panel-heading clearfix"> <span>重要なお知らせ</span> </div> <div class="panel-body block"> <header> <span class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> 5件 <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li> <a href="/topics/topics/index/limit:1?frame_id=2450">1件</a> </li> <li> <a href="/topics/topics/index/limit:5?frame_id=2450">5件</a> </li> <li> <a href="/topics/topics/index/limit:10?frame_id=2450">10件</a> </li> <li> <a href="/topics/topics/index/limit:20?frame_id=2450">20件</a> </li> <li> <a href="/topics/topics/index/limit:50?frame_id=2450">50件</a> </li> <li> <a href="/topics/topics/index/limit:100?frame_id=2450">100件</a> </li> </ul> </span> </header> <article id="topic-frame-2450" ng-controller="TopicsController" ng-init="initialize({"named":{"page":"1"},"paging":{"page":1,"current":5,"count":5,"prevPage":false,"nextPage":false,"pageCount":1,"limit":5,"queryScope":null},"params":{"frame_id":"2450"}}); hashChange();" ng-cloak> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1407/0d65aa2c00a6fb1c39df1a4ebebbb655?frame_id=1566" ng-click="link($event)"> 【2月24日~2月28日】外壁改修工事に伴う、1階出入口および北側駐... </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 02/17 </div> </div> <div class="media"> <div class="media-body"> </div> </div> </article> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1407/a9be2a14584f3bb60b60999e9c4d837d?frame_id=1566" ng-click="link($event)"> 外壁工事に伴う工事音について </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 02/14 </div> </div> <div class="media"> <div class="media-body"> </div> </div> </article> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1407/35a7063da28a122d2917ee1328e6b2f5?frame_id=1566" ng-click="link($event)"> 外壁工事に伴う駐車場・駐輪場変更のご案内 </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 01/16 </div> </div> <div class="media"> <div class="media-body"> </div> </div> </article> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1407/1a75436d444147a59b24caf423ccdc00?frame_id=1566" ng-click="link($event)"> ご自宅での利用者登録について </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 2024/01/12 </div> </div> <div class="media"> <div class="media-body"> </div> </div> </article> <article class="topic-row-outer"> <div class="clearfix"> <div class="pull-left topic-title"> <a href="https://www.tosyo-saga.jp/blogs/blog_entries/view/1407/e404ab1914a73f405ca642a73ff96e20?frame_id=1566" ng-click="link($event)"> パスワードが初期化されています </a> </div> <div class="pull-left topic-status" ng-show=""> </div> <div class="pull-left topic-datetime"> 2024/01/11 </div> </div> <div class="media"> <div class="media-body"> </div> </div> </article> <article class="topic-row-outer" ng-repeat="item in topics track by $index"> <div class="clearfix"> <div class="pull-left topic-title"> <a ng-href="{{item.Topic.url}}" ng-click="link($event)"> {{item.Topic.display_title}} </a> </div> <div class="pull-left topic-status" ng-show="(item.Topic.display_status !== '')"> <span ng-bind-html="item.Topic.display_status | ncHtmlContent"></span> </div> <div class="pull-left topic-datetime"> {{item.Topic.display_publish_start}} </div> </div> <div class="media"> <div class="media-body"> </div> <div class="media-right" ng-show="item.Topic.thumbnail_path"> <a ng-href="{{item.Topic.url}}" ng-click="link($event)"> <img class="topic-thumbnail" ng-src="{{item.Topic.thumbnail_url}}" alt=""> </a> </div> </div> </article> <div class="form-group" ng-show="paging.nextPage"> <button type="button" class="btn btn-info btn-block btn-sm" ng-click="more()"> もっと見る </button> </div> </article> </div> </section> <section id="frame-2449" class="frame panel panel-default nc-content-list plugin-announcements"> <div class="panel-body block"> <article> <div id="tabArea"> <ul class="tab clearfix"> <li class="select"><a href="#tabContent1">お知らせ</a></li> <li><a href="#tabContent2">イベント</a></li> <li><a href="#tabContent3">展示</a></li> <li><a href="#tabContent4">ブログ</a></li> <li><a href="#tabContent5">関係団体</a></li> </ul> <ul id="tabContent"> <li id="tabContent1"><span class="display-none">お知らせ</span> <div> </div> <p class="linkBtn"><a href="https://www.tosyo-saga.jp/page_id561">お知らせ一覧</a></p> </li> <li id="tabContent2"><span class="display-none">イベント</span> <div> </div> <p class="linkBtn"><a href="https://www.tosyo-saga.jp/page_id548">イベント一覧</a></p> </li> <li id="tabContent3"><span class="display-none">展示</span> <div> </div> <p class="linkBtn"><a href="https://www.tosyo-saga.jp/page_id549">展示一覧</a></p> </li> <li id="tabContent4"><span class="display-none">ブログ</span> <div id="whatsnew_contents_blog"> </div> <div class="centerbtn"> <p class="linkBtn"><a href="https://sagakentosyo.sagafan.jp/">ブログI Love SAGA!</a></p> </div> </li> <li id="tabContent5"><span class="display-none">関係団体</span> <div> </div> <p class="linkBtn"><a href="https://www.tosyo-saga.jp/page_id562">関係団体からのお知らせ一覧</a></p> </li> </ul> </div> </article> </div> </section> <section id="frame-2448" class="frame panel panel-default nc-content-list plugin-calendars"> <div class="panel-heading clearfix"> <span>カレンダー</span> </div> <div class="panel-body block"> <div> <select name="data[]" class="form-control calendar-daily-open-hours-select-area" id="CalendarSmallMonthlySelectArea"> <option value="01">県立(本館)</option> <option value="03">好生館</option> <option value="30">電子書籍</option> </select><div class="has-error"></div> </div> <article ng-controller="CalendarsDetailEdit" class="block-setting-body" id="CalendarSmallMonthly" class="calendar-small-monthly"> <div class="row"> <div class="col-xs-12 text-center calendar-smonthly-div calendar-small-title"> <a href="/calendars/calendars/index/?frame_id=2448&style=largemonthly"><div class="h2"><small>2025年</small> 2月</div></a> </div> </div> <div class="calendar-smonthly-div"> <table> <tbody> <tr> <td class='calendar-col-small-day-head'><span class='calendar-sunday h4'>日</span></td> <td class='calendar-col-small-day-head'><span class='h4'>月</span></td> <td class='calendar-col-small-day-head'><span class='h4'>火</span></td> <td class='calendar-col-small-day-head'><span class='h4'>水</span></td> <td class='calendar-col-small-day-head'><span class='h4'>木</span></td> <td class='calendar-col-small-day-head'><span class='h4'>金</span></td> <td class='calendar-col-small-day-head'><span class='calendar-saturday h4'>土</span></td> </tr> <tr><td class='calendar-col-small-day calendar-out-of-range calendar-plan-list' data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=1&day=26'><div><span class='text-center text-muted'>26</span></div><div> </div></td><td class='calendar-col-small-day calendar-out-of-range calendar-plan-list' data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=1&day=27'><div><span class='text-center text-muted'>27</span></div><div> </div></td><td class='calendar-col-small-day calendar-out-of-range calendar-plan-list' data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=1&day=28'><div><span class='text-center text-muted'>28</span></div><div> </div></td><td class='calendar-col-small-day calendar-out-of-range calendar-plan-list' data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=1&day=29'><div><span class='text-center text-muted'>29</span></div><div><img src="/calendars/img/icon_calendar_event.png?1719300767" alt="イベント有り"/></div></td><td class='calendar-col-small-day calendar-out-of-range calendar-plan-list' data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=1&day=30'><div><span class='text-center text-muted'>30</span></div><div> </div></td><td class='calendar-col-small-day calendar-out-of-range calendar-plan-list' data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=1&day=31'><div><span class='text-center text-muted'>31</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=1'><div><span class='text-center calendar-saturday'>1</span></div><div> </div></td></tr><tr><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=2'><div><span class='text-center calendar-sunday'>2</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=3'><div><span class='text-center '>3</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=4'><div><span class='text-center '>4</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=5'><div><span class='text-center '>5</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=6'><div><span class='text-center '>6</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=7'><div><span class='text-center '>7</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=8'><div><span class='text-center calendar-saturday'>8</span></div><div> </div></td></tr><tr><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=9'><div><span class='text-center calendar-sunday'>9</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=10'><div><span class='text-center '>10</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=11'><div><span class='text-center calendar-sunday'>11</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=12'><div><span class='text-center '>12</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=13'><div><span class='text-center '>13</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=14'><div><span class='text-center '>14</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=15'><div><span class='text-center calendar-saturday'>15</span></div><div> </div></td></tr><tr><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=16'><div><span class='text-center calendar-sunday'>16</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=17'><div><span class='text-center '>17</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=18'><div><span class='text-center '>18</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=19'><div><span class='text-center '>19</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list calendar-tbl-td-today' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=20'><div><span class='text-center '>20</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=21'><div><span class='text-center '>21</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=22'><div><span class='text-center calendar-saturday'>22</span></div><div> </div></td></tr><tr><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=23'><div><span class='text-center calendar-sunday'>23</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=24'><div><span class='text-center calendar-sunday'>24</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=25'><div><span class='text-center '>25</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: #ffaaaa" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=26'><div><span class='text-center '>26</span></div><div><img src="/calendars/img/icon_calendar_event.png?1719300767" alt="イベント有り"/></div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=27'><div><span class='text-center '>27</span></div><div> </div></td><td class='calendar-col-small-day calendar-plan-list ' style="background-color: transparent" data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=2&day=28'><div><span class='text-center '>28</span></div><div> </div></td><td class='calendar-col-small-day calendar-out-of-range calendar-plan-list' data-url='/calendars/calendars/index?frame_id=2448&style=daily&tab=list&year=2025&month=3&day=1'><div><span class='text-center text-muted'>1</span></div><div> </div></td></tr> </tbody> </table> </div> <div class="calendar-small-monthly-legend"> <ul class="calendar-open-hours-legend-list"> <li> <div class="calendar-open-hours-legend" style="background-color: transparent"> </div> <span>開館(全日)</span> </li> <li> <div class="calendar-open-hours-legend" style="background-color: #ffaaaa"> </div> <span>特別整理</span> </li> </ul> </div> <div id="CalendarSmallMonthlyLoading" style="display: none" class="calendar-small-monthly-loading"> <img src="/img/net_commons/loading.svg?1719300742" alt=""/> </div> </article> </div> </section> <section id="frame-2447" class="frame panel panel-default nc-content-list plugin-announcements"> <div class="panel-body block"> <article> <div id="underCalendar"> <p class="linkBtn"><a href="https://www.tosyo-saga.jp/page_id548">イベントカレンダー</a></p> <p class="linkBtn"><a href="https://www.tosyo-saga.jp/page_id154/page_id178">県内公共図書館等の休館日</a></p> </div> <script type="text/javascript">// <![CDATA[ var j$ = jQuery; j$(function(){ // 開館情報を表示 j$(".plugin-calendars td.calendar-col-small-day:not(.calendar-out-of-range)").each(function( index, element ) { var color = j$(element).css('background-color'); /* (ヘッダ部にも同条件判定あり) */ if(color == "rgb(255, 170, 170)" ){ j$(element).addClass("opl_cal_kyukanbi"); } }) }); // ]]></script> </article> </div> </section> <section id="frame-2446" class="frame panel panel-default nc-content-list plugin-announcements"> <div class="panel-body block"> <article> <div id="sub" style="margin: 0px;"> <div class="kaikan"> <h2>開館時間</h2> <div class="box"> <p>午前9時~午後8時</p> <ul> <li><strong>資料調査室</strong><br />午前9時~午後5時</li> <li><strong>児童図書閲覧室</strong><br />午前10時~午後5時</li> <li><strong>みんなの森</strong><br />午前10時~午後5時</li> <li><strong>こころざしの森</strong><br />午前10時~午後6時</li> </ul> ※午後5時以降の貸出・返却等は2階カウンターまで <ul> <li><strong>好生館分室</strong><br />午前8時30分~午後5時30分</li> </ul> </div> </div> </div> </article> </div> </section> <section id="frame-2445" class="frame panel panel-default nc-content-list plugin-announcements"> <div class="panel-body block"> <article> <div class="top-layout1"> </div> <div class="top-layout2"> </div> <div class="top-layout4"> </div> </article> </div> </section> <section id="frame-2444" class="frame panel panel-default nc-content-list plugin-announcements"> <div class="panel-body block"> <article> <div id="top"> <div> <div class="topbox_net"> <h2><a title="インターネットからの予約" href="https://www.tosyo-saga.jp/page_id122">インターネットからの予約</a></h2> <ul> <li><strong>初めての方</strong> <p><a title="インターネット予約・貸出サービスの登録方法" href="https://www.tosyo-saga.jp/page_id122/page_id119">登録方法</a> | <a title="インターネット予約・貸出サービスの利用案内" href="https://www.tosyo-saga.jp/page_id122/page_id116">利用案内</a></p> </li> <li><strong>登録済の方</strong> <p><a title="予約・借りる" href="https://www2.tosyo-saga.jp/kentosyo2/opac/search-standard.do?lang=ja">予約・借りる</a> | <a title="利用状況" href="https://www2.tosyo-saga.jp/kentosyo2/opac/login.do?lang=ja&dispatch=/opac/lend-list.do">利用状況</a> | <a title="予約かご" href="https://www2.tosyo-saga.jp/kentosyo2/opac/login.do?lang=ja&dispatch=/opac/reserve-basket.do">予約かご</a> | <a title="インターネット予約・貸出サービスの利用案内" href="https://www.tosyo-saga.jp/page_id122/page_id116#frame-645">変更方法(パスワード等)</a></p> </li> </ul> </div> <div class="topbox"> <h2><a href="https://www.tosyo-saga.jp/page_id159">レファレンス(調査・相談)</a></h2> <ul> <li><a href="https://www.tosyo-saga.jp/page_id159">利用案内</a></li> <li><a href="https://www.tosyo-saga.jp/page_id159#frame-1160">Eレファレンス</a></li> <li><a href="https://www2.tosyo-saga.jp/kentosyo2/reference/entry.do?lang=ja">申し込み</a></li> <li><a href="https://www2.tosyo-saga.jp/kentosyo2/reference/search.do?lang=ja">事例集</a></li> <li><a href="https://www.tosyo-saga.jp/sodan_link">リンク集</a></li> </ul> </div> <div class="topbox"> <h2><a href="https://www.tosyo-saga.jp/page_id137">郷土資料室</a></h2> <ul> <li><a href="https://www.tosyo-saga.jp/page_id137/page_id500">利用案内</a></li> <li><a href="https://www.tosyo-saga.jp/page_id124/page_id129">新着資料</a> </li> <li><a href="https://www.tosyo-saga.jp/page_id137/page_id140">古文書資料の閲覧、複写・撮影、掲載</a></li> </ul> </div> </div> <div> <div class="topbox"> <h2><a href="https://www.tosyo-saga.jp/page_id143">児童図書閲覧室</a></h2> <ul> <li><a href="https://www.tosyo-saga.jp/page_id143/page_id200">つかい方</a></li> <li><a href="https://www2.tosyo-saga.jp/kentosyo2/opac/newly.do?lrgtp=2">新着図書</a></li> <li><a href="https://www2.tosyo-saga.jp/kentosyo/ohanashikai/202406.pdf">県内のおはなし会情報 </a></li> </ul> </div> <div class="topbox"> <h2><a href="https://www.tosyo-saga.jp/page_id177">好生館分室</a></h2> <ul> <li>病院利用でない方も利用できる施設です</li> <li><a href="https://www.tosyo-saga.jp/page_id177">利用案内</a></li> <li><a href="https://www.tosyo-saga.jp/page_id177/page_id203">日野原文庫</a></li> </ul> </div> <div class="topbox"> <h2><a href="https://www.tosyo-saga.jp/page_id142">電子情報コーナー「くすネット」</a></h2> <ul> <li><a href="https://www.tosyo-saga.jp/page_id142#_href_1014">無線LANの接続</a></li> <li><a href="https://www.tosyo-saga.jp/page_id142#_href_1013">佐賀新聞記事DVD、西日本新聞佐賀版記事DVD閲覧コーナー</a> <span style="color: #080707; font-size: 12.8px;"><br /></span></li> <li><a href="https://www.tosyo-saga.jp/page_id204">商用データベース閲覧コーナー</a></li> <li><a href="https://www.tosyo-saga.jp/page_id142#_href_1009">歴史的音源視聴コーナー</a></li> <li><a href="https://www.tosyo-saga.jp/page_id142#_href_1008">デジタル化資料閲覧コーナー</a></li> </ul> </div> </div> <div> <div class="topbox"> <h2><a href="https://www.tosyo-saga.jp/page_id210">刊行物</a></h2> <ul> <li><a href="https://www.tosyo-saga.jp/page_id210">刊行物のご案内</a></li> <li><a href="https://www.tosyo-saga.jp/page_id210/page_id466">『佐賀県近世史料』</a> </li> <li><a href="https://www.tosyo-saga.jp/page_id170">佐賀県立図書館年報</a></li> </ul> </div> <div class="topbox"> <h2><a href="https://www.tosyo-saga.jp/page_id409">お願い</a></h2> <ul> <li><a href="https://www.pref.saga.lg.jp/kiji00356866/index.html">ふるさと納税</a></li> <li><a href="https://www.tosyo-saga.jp/page_id409/page_id192">メモリアルブック</a></li> <li><a href="https://www.tosyo-saga.jp/page_id409/page_id189">雑誌スポンサー募集</a></li> <li><a href="https://www.tosyo-saga.jp/page_id409/page_id410">図書の寄贈、お礼</a> </li> </ul> </div> <div class="topbox colorwhite" style="border-color: #fff;"> </div> </div> </div> </article> </div> </section> <section id="frame-2443" class="frame panel panel-default nc-content-list plugin-announcements"> <div class="panel-body block"> <article> <div id="sub" style="margin: 0px;"> <div id="menu"> <div class="box"> <h2>デジタルライブラリー</h2> <ul> <li><a href="http://www.sagalibdb.jp/"><img class="img-responsive nc3-img nc3-img-block" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/175/small" alt="データベース" /></a></li> <li><a href="http://www.sagalibdb.jp/minyo/"><img class="img-responsive nc3-img nc3-img-block" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/176/small" alt="佐賀の民謡" /></a></li> <li><a href="https://www2.tosyo-saga.jp/kentosyo/web-mukashibanashi/index.html"><img class="img-responsive nc3-img nc3-img-block" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/177/small" alt="Web版佐賀の昔話" /></a></li> <li><a href="https://www.tosyo-saga.jp/page_id137/web-komonjo"><img class="img-responsive nc3-img nc3-img-block" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/178/small" alt="くすクスくんのWeb版古文書入門" /></a></li> <li><a href="http://www.saganature.jp/"><img class="img-responsive nc3-img nc3-img-block" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/179/small" alt="佐賀の自然デジタル大百科事典" /></a></li> <li><a title="佐賀をさがそう" href="https://www.tosyo-saga.jp/setting/page_id134"><img class="img-responsive nc3-img nc3-img-block" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/180/small" alt="佐賀をさがそう" /></a></li> </ul> </div> <div> <ul> <li><a title="学校支援" href="https://www.tosyo-saga.jp/page_id157"><img class="img-responsive nc3-img nc3-img-block" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/192/small" alt="学校支援" /></a></li> <li><a title="100周年記録誌" href="https://www2.tosyo-saga.jp/kentosyo/100kiroku/index.html"><img class="img-responsive nc3-img nc3-img-block" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/183/small" alt="100周年記録誌" /></a></li> <li><a href="https://www.tosyo-saga.jp/page_id143/page_id209"><img class="img-responsive nc3-img nc3-img-block" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/184/small" alt="0~3歳児向けおすすめの本" /></a></li> </ul> </div> </div> </div> </article> </div> </section> <section id="frame-2442" class="frame panel panel-default nc-content-list plugin-announcements"> <div class="panel-body block"> <article> <div class="banner-img"> <div class="banner-img1"><a href="https://www.tosyo-saga.jp/page_id581"><img class="nc3-img-block img-responsive nc3-img" style="border-width: 0px;" title="みんなの森" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/1387" alt="みんなの森" data-size="" data-position="" /></a></div> <div class="banner-img1"><a href="https://www2.tosyo-saga.jp/kentosyo/2021kokorozasi.pdf"><img class="img-responsive nc3-img nc3-img-block" style="border-width: 0px;" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/188/small" alt="こころざしの森" /></a></div> <div class="banner-img1"><a href="http://linkdata.org/view/rdf1s4848i"><img class="img-responsive nc3-img nc3-img-block" style="border-width: 0px;" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/189/small" alt="佐賀が舞台の本" /></a></div> <div class="banner-img1"><a href="http://www.pref.saga.lg.jp/kiji00327911/index.html"><img class="img-responsive nc3-img nc3-img-block" style="border-width: 0px;" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/190/small" alt="佐賀県公文書館" /></a></div> </div> </article> </div> </section> <section id="frame-2440" class="frame panel panel-default nc-content-list plugin-announcements"> <div class="panel-body block"> <article> <div id="footer" style="text-align: center;" align="center"> <div class="banner" style="text-align: center;" align="center"><a href="http://www.pref.saga.lg.jp"><img class="img-responsive nc3-img nc3-img-block" title="佐賀県" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/1380" alt="佐賀県" data-size="" data-position="" /></a><a href="http://saga-kosodate.jp/" target="_blank" rel="noopener noreferrer"><img class="img-responsive nc3-img nc3-img-block" style="border-width: 4px;" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/219/small" alt="子育てしたいけん佐賀" /></a><a href="https://saga2024.com/imagesong/" target="_blank" rel="noopener noreferrer"><img class="img-responsive nc3-img nc3-img-block" style="border: 0px solid #cccccc; width: 129px; height: 45px; float: none;" title="" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/601/big" alt="" hspace="0" vspace="0" /></a><a href="http://www.houterasu.or.jp/saga/" target="_blank" rel="noopener noreferrer"><img class="img-responsive nc3-img nc3-img-block" style="border-width: 1px;" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/221/small" alt="法テラス" /></a><a href="http://www.sagan-tosu.net/" target="_blank" rel="noopener noreferrer"><img class="img-responsive nc3-img nc3-img-block" src="https://www.tosyo-saga.jp/wysiwyg/image/download/1/222/small" alt="サガン鳥栖オフィシャルサイト" /></a></div> <div class="sub"><a href="https://www.tosyo-saga.jp/page_id163#frame-1179">著作権・免責</a> | <a href="https://www.tosyo-saga.jp/page_id163#frame-883">推奨ブラウザ</a> | <a href="https://www.tosyo-saga.jp/page_id163#frame-1023">PDFの活用</a> | <a href="https://www.tosyo-saga.jp/page_id451">報道関係資料</a> | <a href="https://www.tosyo-saga.jp/page_id442">法令・資料等</a> | <a class="sitemap" href="https://www.tosyo-saga.jp/page_id365">サイトマップ</a></div> <address><strong>佐賀県立図書館</strong> 〒840-0041 佐賀県佐賀市城内二丁目1-41<br />Tel 0952-24-2900 Fax 0952-25-7049 E-mail<a href="mailto:saga-kentosyo@pref.saga.lg.jp"> saga-kentosyo@pref.saga.lg.jp</a> <a href="https://www.tosyo-saga.jp/page_id159#frame-1160"><span style="font-size: 8pt;">レファレンスは申し込みフォームから</span></a></address></div> </article> </div> </section> </div></div> </div> </div> </main> <footer id="nc-system-footer" role="contentinfo"> <div class="box-footer"> <div class="copyright">Copyright 2019 Saga Prefecture.All Rights Reserved.</div> </div> </footer> <script type="text/javascript"> $(function() { $(document).on('keypress', 'input:not(.allow-submit)', function(event) { return event.which !== 13; }); $('article > blockquote').css('display', 'none'); $('<button class="btn btn-default nc-btn-blockquote"><span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span> </button>') .insertBefore('article > blockquote').on('click', function(event) { $(this).next('blockquote').toggle(); }); }); </script> </body> </html>