@charset "UTF-8";


/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td{
  margin: 0;
  padding: 0;
}
address,em{
	font-style: normal; 
}
strong{
	font-weight: normal; 
}
table{
  border-collapse: collapse;
  border-spacing: 0;
}
th{
	text-align: left;
}
hr,legend{
	display: none;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%; 
}
img,fieldset{
	border: 0; 
}
li{
	list-style-type: none;
}
ol li{
	list-style-type: decimal ;
}
img{
	max-width: 100%;
	height: auto;
}

/* clearfix
------------------------------------------------------------*/
.wrapper::after,
.wrapper2::after,
#crumb::after,
.text::after,
.h3::after,
.h2::after,
.clearfix::after{
  content: '';
  display: block;
  clear: both;
  height:0;
}
.wrapper,
.wrapper2,
#crumb::after,
.text,
.h3,
.h2,
.clearfix{
	zoom: 1;
} /* IE */


/* 全体
------------------------------------------------------------*/

/* 基本設定 */
body #sitetop,
body #sub{
  background-color:#FFF;
  text-align:center;
  font-family:"ＭＳ Ｐゴシック", "MS P Gothic";
  line-height:1.4;
}

/* リンク関連 */
a:link{
   color:#1D3994; 
}
a:visited{
   color:#2B5F91; 
}
a:hover{
   color:#1CA1C4;
   text-decoration:underline;
}
a:hover[name]{
	 
 font: inherit;
 color: inherit;
 text-decoration:none;
}


/* hover_down */
#banner a:hover,
#util a:hover,
.to_top a:hover,
.hover_down a:hover{
  position: relative;
  top: 1px;
}

/* 中央揃え用wrapper設定 */
.wrapper,
.wrapper2{
  margin:0 auto;
  text-align:left;
  color:#333;
  padding:0;
}
.wrapper{
  max-width:1000px;
}
.wrapper2{
  max-width:1000px;
}

/* skipLink */
body > p{
  margin:0;
  padding:0;
}
.skipLink{
  display:block;
  text-align:center;
  position:absolute;
  left:-10000px;
  background: rgba(255,255,255,0.8);
  z-index:10000;
}
.skipLink:focus{
  width:100%;
  left:0px;
}

/* 文字サイズ変更欄 */
#utilitySub{
  float:right;
  width:188px;
  margin-right:60px;
  padding:7px 0 0 0;
}

#fSize{
  margin:0 0 17px;
  text-align:center;
}
#fSize ul{
  display:inline;
}
#fSize ul li{
  display:inline;
  width:auto;
}


/* ヘッダー
------------------------------------------------------------*/
#sub #header_bg{
  background : url(header_s_bg.png) center bottom / auto auto repeat-x scroll padding-box border-box #c3f1ff;
}
#sub #header{
  background : url(header_s.png) center bottom / auto auto no-repeat scroll padding-box border-box transparent;
  min-height:100px;
}

#head_menu{
  display:none!important;
}

/* ロゴ */

#sub #header h1{
  float:left;
  margin:38px 0 0 32px;
}



/* 文字サイズ変更欄 */
#font-size{
  float:right;
  margin-top:64px;
}


/* グローバルメニュー
------------------------------------------------------------*/
#global_menu{
  background-color:#1CA1C4;
  display:block;
}

@media print, screen and (min-width:921px){
	#global_menu{
	  display:block!important;
	}
}
#global_menu .wrapper,
#global_menu .wrapper2{
  height:45px;
  padding:0;
  text-align:center;
}

#global_menu .wrapper2 ul{
  max-width:920px;
  text-align:center;
  margin:0 auto;
}


#global_menu li{
  float:left;
  width:153px;
}
#global_menu li img{
  vertical-align:text-bottom;
  border-right:1px solid #FFF;
  margin:8px 0;
}
#global_menu li:first-child img{
  border-left:1px solid #FFF;
}
#global_menu li a{
  display:block;
}
#global_menu li a:hover{
  background-color:#1B8CC4;
}

#sub #google_translate_element{
  width:160px;
  float:right;
  margin-top:10px;
}





/* パンくず
------------------------------------------------------------*/
#crumb .wrapper2{
  max-width:920px;
  padding:10px 0 10px;
}

#crumb img{
  margin-right:5px;
  vertical-align:bottom;
  border:none;
}




/* メインコンテント
------------------------------------------------------------*/
#main{
  margin:0 auto;
  max-width:900px;
/*  float:right;
  display:inline;*/
  padding-bottom:10px;
}

/* フッター */
#footer{
  background-color:#C3F1FF;
}
#footer .wrapper,
#footer .wrapper2{
  padding:15px 0;
}

#lib_photo{
  float:left;
  padding-left:10px;
}
#lib_inf{
  float:left;
  font-size:80%;
  line-height:1.2;
  padding-left:10px;
}
#lib_inf img{
  margin-bottom:5px;
}
#util li{
  display:inline-block;
}

#util,
#copyright{
  text-align:right;
}
#copyright{
  padding-top:50px;
  font-size:90%;
}

/* 一般 */
.to_top{
  margin-top:0.5em;
  margin-right:0;
  text-align:right;
  font-size:85%;
}

.center{
  text-align:center;
}

.img_fit{
  vertical-align: text-bottom;
}
.adobe-div{
  border:1px solid #CCC;
  font-size:80%;
  padding:7px;
}


/* リスト関連 */

#main ul{
  line-height:1.8;
  margin-left:10px;
}
#main li{
  padding-left:20px;
}
#main ul li{
	 /* 標準 */
  background : url(list_green.png) 0px 8px / auto auto no-repeat scroll padding-box border-box transparent;
}
#main ul.green li,
#main ul li.green{
  background : url(list_green.png) 0px 8px / auto auto no-repeat scroll padding-box border-box transparent;
}
#main ul.orange li,
#main ul li.orange{
  background : url(list_orange.png) 0px 8px / auto auto no-repeat scroll padding-box border-box transparent;
}
#main ul.skyblue li,
#main ul li.skyblue{
  background : url(list_skyblue.png) 0px 8px / auto auto no-repeat scroll padding-box border-box transparent;
}
#main ul.pink li,
#main ul li.pink{
  background : url(list_pink.png) 0px 8px / auto auto no-repeat scroll padding-box border-box transparent;
}
#main ul.mikan li,
#main ul li.mikan{
  background : url(list_mikan.png) 0px 8px / auto auto no-repeat scroll padding-box border-box transparent;
}
#main ul.water li,
#main ul li.water{
  background : url(list_water.png) 0px 8px / auto auto no-repeat scroll padding-box border-box transparent;
}
#main ul.mint li,
#main ul li.mint{
  background : url(list_mint.png) 0px 8px / auto auto no-repeat scroll padding-box border-box transparent;
}




/* コンテント　ページ別
------------------------------------------------------------*/

/* サブページ ぱんくず */
#crumb{
  margin-left:15px;
  font-size:80%;
}


/* 見出し */
#main h2{
  font-size:120%;
  background : url(h2-bg.png) center bottom / auto auto repeat-x scroll padding-box border-box transparent;
  padding:5px 10px;
  background-color:#E8F2DE;
  border-top:1px solid #617A4C;
  margin-bottom:0.8em;
  font-weight:bold;
  color:#50663F;
}

html >/**/body #main h2,
html >/**/body #main h3,
html >/**/body #main h4{
  margin-left:-10px; /* 本文を見出しよりインデントに見せる */
}

#main h3{
  padding:3px 0 3px 22px;
  margin-bottom:0.8em;
  border-bottom:3px double #56798a;
  background : url(list_skyblue.png) 5px 8px / auto auto no-repeat scroll padding-box border-box transparent;
  color:#1F4A6C;
}

#main h4{
  border-bottom:1px dotted #1F4A6C;
  padding:3px 15px 0 7px;
  margin:1em 0 0.8em;
  font-size:96%;
  color:#1F4A6C;
}

/* 段落 */
.text{
  margin:1em 15px 1em 10px;
}

/* リンク集 */
#main .link_list{
  line-height:2.0;
  margin-bottom:2em;
}
#main .link_list li{
  padding-left:20px;
}
#main .link_list li.network{
	background : url(list_orange.png) 0px 10px / auto auto no-repeat scroll padding-box border-box transparent;
}
#main .link_list li.library{
	background : url(list_water.png) 0px 10px / auto auto no-repeat scroll padding-box border-box transparent;
}
#main .link_list li.lib_kyoukai{
	background : url(list_pink.png) 0px 10px / auto auto no-repeat scroll padding-box border-box transparent;
}
#main .link_list li.public{
	background : url(list_green.png) 0px 10px / auto auto no-repeat scroll padding-box border-box transparent;
}


/* カレンダーページ */
.calNav{
	text-align : center;
	margin-bottom:5em;
}

.kannai_riyou td + td{
	width:80%;
}

/* 表
------------------------------------------------------------*/
/* 標準の表 */
.solid_table{
   border-collapse:collapse;
   margin:7px 0 0 2px;
}
.solid_table,
.solid_table tr,
.solid_table th,
.solid_table td{
   border:1px solid #999999;
}

.solid_table th{
  color:#555555;
  background-color:#F9F7F4;
  text-align:center;
  font-weight:bold;
}
.solid_table th,
.solid_table td{
  padding:1px 2px;
}


/* 所蔵一覧 */
.syozou td{
  padding:0 5px;
}
.zassi th,
.zassi td{
  font-size:85%;
  padding:0 3px;
}
.syozo_chuo,
.syozo_commu{
  text-align:center;
}
.syozo_chuo{
  color:#9DC32F;
}
.syozo_commu{
  color:#FF7AAB;
}

/* 新聞・雑誌用 １行おきに色掛けの表 */
.syozou tr:nth-child(odd){
    background-color: #E9F4FC;
}
.zassi tr:nth-child(even){
    background-color: #E9F4FC;
}
/* 館内利用 */
.kannai_riyou{
  border-bottom:1px solid #999;
}
.kannai_riyou td{
  padding:10px 2px 20px;
  vertical-align:top;
  border-top:1px solid #999;
}
.kannai_riyou td img{
  margin-right:10px;
}
.kannai_riyou td p{
  font-weight:bold;
  color:#1F4A6C;
  border-bottom:1px dotted #999;
  margin-bottom:5px;
  padding-bottom:3px;
  padding-left:20px;
  background : url(list_pink.png) 0px 4px / auto auto no-repeat scroll padding-box border-box transparent;
}
img.waku{
  border:1px solid #CCC;
}



/* 年間カレンダー */
.calendar_table td{
  text-align:center;
}
.calendar_table td{
  padding:5px 10px;
}


/* 左右行揃え
---------------------------------*/
.ta-l{
	text-align: left!important;
}
.ta-r{
	text-align: right!important;
}
.ta-c{
	text-align: center!important;
}
.LRauto{
	margin-right:auto;margin-left:auto;
}

@media print, screen and (max-width: 800px){/* 記載未満の動作 */
	.spWidth100{
		width:98%!important;
		text-align: center;
		margin:2px auto;
		padding:0;
	}
	.spLRauto{
	margin-right:auto;margin-left:auto;
}
}

.ta-c.txt{
	text-align: left;
}


/* フロート／フロート解除
---------------------------------*/
.fl{
	float:left;
}
.fr{
	float:right;
}
.fl-img{
	float: left; margin-right: 10px; margin-bottom: 10px;
}
.fr-img{
	float: right; margin-left: 10px; margin-bottom: 10px;
}
.clear{
	clear:both;
}


/* マージン
---------------------------------*/
.mb0{
	margin-bottom: 0 !important;
}
.mb5{
	margin-bottom: 5px !important;
}
.mb10{
	margin-bottom: 10px !important;
}
.mb15{
	margin-bottom: 15px !important;
}
.mb20{
	margin-bottom: 20px !important;
}
.mb25{
	margin-bottom: 25px !important;
}
.mb30{
	margin-bottom: 30px !important;
}
.mb35{
	margin-bottom: 35px !important;
}
.mb40{
	margin-bottom: 40px !important;
}
.mb45{
	margin-bottom: 45px !important;
}
.mb50{
	margin-bottom: 50px !important;
}
.mb70{
	margin-bottom: 70px !important;
}

.mt0{
	margin-top: 0 !important;
}
.mt5{
	margin-top: 5px !important;
}
.mt10{
	margin-top: 10px !important;
}
.mt15{
	margin-top: 15px !important;
}
.mt20{
	margin-top: 20px !important;
}
.mt25{
	margin-top: 25px !important;
}
.mt30{
	margin-top: 30px !important;
}
.mt35{
	margin-top: 35px !important;
}
.mt40{
	margin-top: 40px !important;
}
.mt45{
	margin-top: 45px !important;
}
.mt50{
	margin-top: 50px !important;
}
.mt70{
	margin-top: 70px !important;
}

.mh0{
	margin-right: 0 !important;margin-left: 0 !important;
}
.mh5{
	margin-right: 5px !important;margin-left: 5px !important;
}
.mh10{
	margin-right: 10px !important;margin-left: 10px !important;
}
.mh15{
	margin-right: 15px !important;margin-left: 15px !important;
}
.mh20{
	margin-right: 20px !important;margin-left: 20px !important;
}
.mh25{
	margin-right: 25px !important;margin-left: 25px !important;
}
.mh30{
	margin-right: 30px !important;margin-left: 30px !important;
}
.mh35{
	margin-right: 35px !important;margin-left: 35px !important;
}
.mh40{
	margin-right: 40px !important;margin-left: 40px !important;
}
.mh45{
	margin-right: 45px !important;margin-left: 45px !important;
}
.mh50{
	margin-right: 50px !important;margin-left: 50px !important;
}
.mh70{
	margin-right: 70px !important;margin-left: 70px !important;
}

.mb1em{
	margin-bottom: 1em !important;
}
.mb2em{
	margin-bottom: 2em !important;
}
.mb3em{
	margin-bottom: 3em !important;
}
.mb5em{
	margin-bottom: 5em !important;
}
.mb7em{
	margin-bottom: 7em !important;
}
.mb10em{
	margin-bottom: 10em !important;
}

.mt1em{
	margin-top: 1em !important;
}
.mt2em{
	margin-top: 2em !important;
}
.mt3em{
	margin-top: 3em !important;
}
.mt5em{
	margin-top: 5em !important;
}
.mt7em{
	margin-top: 7em !important;
}
.mt10em{
	margin-top: 10em !important;
}

@media print, screen and (max-width: 920px){/* 921未満の動作 */
	.spFull{
		margin:2px 5px!important;
	}
	.spNone{
	display:none;
}
}

@media print, screen and (min-width: 921px){/* 921以上の動作 */
	.pcPmrg7{
	margin-right:20px;margin-left:7px;
}
	.pcPmrg10{
	margin-right:26px;margin-left:10px;
}
	.pcFr{
	float:right;
}
	.pcFl{
	float:left;
}
	.pcNone{
	display:none;
}
}




/* Media - 印刷表示用
---------------------------------------------*/

@media print {

/* h2見出しの下線対応 */
#main h2{
  background-image:none;
  border-bottom:1px solid #CCC;
}

/* h3見出しの下線対応 */
#main h3{
  border-bottom:1px solid #CCC;
}

/* フッター印刷対応 */
html >/**/body #side_menu,
html >/**/body #main{
  float:none;
  display:table-cell;
}
html >/**/body #side_menu{
  padding-left:10px;
}
html >/**/body #main{
  padding-left:35px;
}

.spWidth100{
	width:100%!important;
	text-align: center;
}



}