<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*マイライブラリー*/
#s_ml {
	display:block;
	background:url(../images/side/ml_top.png) no-repeat;
	width:210px; height:35px;
	text-indent:-99999px;
	overflow:hidden;
	margin:0; padding:0;
}
#s_ml_fr {
	width:206px;
	border:2px solid #168a02;
	margin:0px 0 10px 0; padding:0;
	/*角丸*/
-webkit-border-radius: 0px 0px 3px 3px / 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px / 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px / 0px 0px 3px 3px;
behavior: url(border-radius.htc);
}

/* サイドバー　left*/
.s_l_button_01 {
	width:210px;height:47px;
	background:url(../images/side/side_left_1.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_l_button_02 {
	width:210px;height:47px;
	background:url(../images/side/side_left_2.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_l_button_03 {
	width:210px;height:47px;
	background:url(../images/side/side_left_3.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_l_button_04 {
	width:210px;height:47px;
	background:url(../images/side/side_left_4.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_l_button_05 {
	width:210px;height:47px;
	background:url(../images/side/side_left_5.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_l_button_06 {
	width:210px;height:47px;
	background:url(../images/side/side_left_6.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_l_button_07 {
	width:210px;height:47px;
	background:url(../images/side/side_left_7.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_l_button_08 {
	width:210px;height:47px;
	background:url(../images/side/side_left_8.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_l_button_09 {
	width:210px;height:47px;
	background:url(../images/side/side_left_9.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

.s_l_button_01:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_l_button_02:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_l_button_03:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_l_button_04:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_l_button_05:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_l_button_06:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_l_button_07:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_l_button_08:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_l_button_09:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}

/* サイドバー　right*/
.s_r_button_01 {
	width:164px;height:45px;
	background:url(../images/side/side_right_1.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_r_button_02 {
	width:164px;height:45px;
	background:url(../images/side/side_right_2.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_r_button_03 {
	width:164px;height:45px;
	background:url(../images/side/side_right_3.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_r_button_04 {
	width:164px;height:45px;
	background:url(../images/side/side_right_4.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_r_button_05 {
	width:164px;height:45px;
	background:url(../images/side/side_right_5.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_r_button_06 {
	width:164px;height:45px;
	background:url(../images/side/side_right_6.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_r_button_07 {
	width:164px;height:45px;
	background:url(../images/side/side_right_7.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

.s_r_button_01:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_r_button_02:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_r_button_03:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_r_button_04:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_r_button_05:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_r_button_06:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_r_button_07:hover {
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}


.s_search_01 {
	width:210px;height:47px;
	background:url(../images/side/search_01.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_search_02 {
	width:210px;height:47px;
	background:url(../images/side/search_02.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_search_03 {
	width:210px;height:47px;
	background:url(../images/side/search_03.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_search_04 {
	width:210px;height:47px;
	background:url(../images/side/search_04.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_search_05 {
	width:210px;height:47px;
	background:url(../images/side/search_05.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_search_06 {
	width:210px;height:47px;
	background:url(../images/side/search_06.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

.s_libinfo {
	width:212px;height:170px;
	background:url(../images/side/libinfo_top.png) no-repeat;
	margin:0px 0 5px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

.s_libinfo_guide {
	width:210px;height:47px;
	background:url(../images/side/libinfo_guide.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_libinfo_event {
	width:210px;height:47px;
	background:url(../images/side/libinfo_event.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_libinfo_libbus {
	width:210px;height:47px;
	background:url(../images/side/libinfo_libbus.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_libinfo_pdflist {
	width:210px;height:47px;
	background:url(../images/side/libinfo_pdflist.png) no-repeat;
	margin:0px 0 3px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
.s_libinfo_map {
	width:210px;height:47px;
	background:url(../images/side/libinfo_map.png) no-repeat;
	margin:0px 0 10px 0px; padding:0;
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}



.s_search_01:hover{
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_search_02:hover{
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_search_03:hover{
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_search_04:hover{
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_search_05:hover{
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_search_06:hover{
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}

.s_libinfo_guide:hover{
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_libinfo_event:hover{
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_libinfo_libbus:hover{
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_libinfo_pdflist:hover{
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}
.s_libinfo_map:hover{
	-webkit-transform: scale( 1.05 );
    -moz-transform: scale( 1.05 );
	-ms-transform: scale( 1.05);
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}


.s_ml_none{text-decoration:none;}

#s_ml_fr p {
	font-size:85%;
	margin:10px 5px; padding:0:
}

/*パスワードを忘れたら*/
#left_lostpass {
	display:block;
	background:url(../images/side/left_lostpass.png) no-repeat;
	width:160px; height:21px;
	text-indent:-99999px;
	overflow:hidden;
	margin:0 0 7px 5px; padding:0;
}


/*サイドバナーボタン*/
#l_standard {
	list-style-type:none;
	margin:10px 0 0 0; padding:0;
}
#l_standard li {
	list-style-type:none;
	margin:0 0 2px 0; padding:0;
}
#l_standard li a {
	width:210px; height:40px;
}

.side_banner{
	margin-top:15px;
	width:210px;
	height:77px;
	background:url(../images/side/btn_cal.png);
	text-indent:-99999px;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

.side_banner:hover{
	opacity: 0.7 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}

/*おすすめ児童書　子メニュー*/
ul#sl_child {
	list-style-type:none;
	margin:5px 0 20px 10px; padding:0;
}
ul#sl_child li {
	font-size:85%;
}
ul#sl_child li a {
	color:#333;
	text-decoration:none;
	background:url(../images/parts/icon_s_green.png) no-repeat 3px 25px;
	margin:0; padding:20px 0 20px 15px;
}
ul#sl_child li a:hover {
	font-weight:bold;
	color:#f60;
	background:url(../images/parts/icon_s_orange.png) no-repeat 3px 25px;
}

/*子ページ　サイドメニュー*/
#side-flame{
	padding: 0px;
    background: #fff;
    border-radius: 5px;
}

.side-title{
	border-bottom:2px solid #6FB0BF;
	vertical-align:middle;
	padding:10px 10px 3px 10px;
}

.side-title-link{
	border-bottom:2px solid #6FB0BF;
	vertical-align:middle;
}

.side-title-link a{
	display:block;
	/*height:100%;*/
	color:#000;
	padding:10px 10px 3px 10px;
}

.side-title-link a:hover{
	background-color:#b1eee6;
}

.side_tbl {
	width:210px;
	border:none;
	border-collapse:collapse;
	margin:5px 0 0px 0px; padding:5px;
}

@media only screen and (max-width:768px){
	.side_tbl  {
	width:100%;
	float:none;
	}
}

.side_tbl thead {
	display:none;
}
.side_tbl td {
	border-bottom:1px dotted #ccc;
	font-size:85%;
	vertical-align:middle;
	
}
.side_tbl a{
	display:block;
	height:100%;
	color:#616161;
	padding:5px 10px;
}
.side_tbl a:hover{
	background-color:#b1eee6;
}

.side_tbl_blog {
	width:210px;
	border:none;
	border-collapse:collapse;
	margin:5px 0 0px 0px; padding:5px;
}
.side_tbl_blog thead {
	display:none;
}
.side_tbl_blog td {
	border-bottom:1px dotted #ccc;
	font-size:85%;
	vertical-align:middle;
	
}

.side_tbl_blog li {
	list-style-type:none;
	padding:5px 0;
}

.side_tbl_blog a{
	height:100%;
	color:#616161;
	padding:5px 10px;
}
.side_tbl_blog a:hover{
	color:#b7e4fc;
}

.side_tbl_end {
	border-bottom:none !important;
}
</pre></body></html>