@charset "UTF-8";

/*　標準文字サイズ用 外部スタイルシート読込
---------------------------------------------*/
@import url(style.css);

/*　全体構造
---------------------------------------------*/

BODY {  
  margin : 0;
  padding : 0;
  background : url(../img/bg_dot.gif) repeat;
  text-align : center;
  color : #333;
  font-family: 'ＭＳ Ｐゴシック';
}
BODY #wrapper{  
  margin : 0 auto;
  padding : 0;
  width : 1000px;
  border-left : solid 1px #CCC;
  border-right : solid 1px #CCC;
  background-color : #FFF;
  text-align:left;
}
th{
  text-align:center;
}

/*　リンク設定（共通）
---------------------------------------------*/
a{  
  text-decoration:none;
}
a:link,
a:visited{  
  color:#369;
  text-decoration:none;
}
a[href]:hover{  
  color:#693;
  text-decoration:underline;
}
a:active{  
  color:#369;
}


/*　ヘッダー
---------------------------------------------*/
#header{  
  margin : 0;
  padding : 0;
  background : url(../img/head_bg.gif) no-repeat;
  font-size:12px;
}

/* ヘッダー用回り込み解除 */
#header{  
  zoom:1;
}
#header:after{  
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}

/* ロゴ */
#logo{  
  margin:0 0 0 45px;
  padding:0;
  float:left;
}

/* ヘッダ内右寄せ */
#head_right{  
  float:right;
  padding:0;
  margin:0;
  width:350px;
}

/* ヘッダナビ */
#head_navi{  
  float:right;
  display:inline;
  margin:0;
  padding:14px 14px 0 0;
  text-align:right;
}

#head_navi li{  
  display:inline;
  background: url(../img/head_list.gif) no-repeat left center;
  padding:0 0 0 12px;
  margin-left:0 0 0 8px;
  text-align:right;
}
#head_navi li a:link,
#head_navi li a:visited{  
  color : #000;
}

#head_navi li a:hover{  
  color : #C00;
}

/* ヘッダナビ用回り込み解除 */
#head_navi{  
  zoom:1;
}
#head_navi:after{  
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}

/* カウンタと文字サイズ */
#counter_size{  
  float:right;
  width:100%;
}
#size{  
  float:right;
  width:133px;
  padding:16px 0 0 0;
  margin:0;
}
#counter{  
  float:right;
  margin:0;
  padding: 36px 18px 0 0;
  font-size:12px;
}
#counter_size{  
  zoom:1;
}
#counter_size:after{  
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}


/*　横並びメニュー
---------------------------------------------*/
#global_menu{  
  font-size:16pt;
  font-weight:bold;
  color:#FFF;
  background-color:#8FC6FF;
  margin:0;
  padding: 3px 0;
  text-align:center;
}


#global_menu a:link,
#global_menu a:visited{  
  color:#FFF;
}
#global_menu a:hover{  
  color:#F742BD;
  text-decoration:none;
}




/*　パンくず
---------------------------------------------*/
#site_navi{  
  background-color:#FFFAC7;
  margin:0;
  padding:5px 22px;
}
/*
#site_navi a:link{
  color:#005AFF;
}
#site_navi a:visited{
  color:#005AFF;
}
#site_navi a:hover{
  color:#F0F;
}
*/


/*　コンテント
---------------------------------------------*/
#content{  
  text-align:left;
  padding:10px 35px;
  line-height:1.7;
  margin:0;
}
#content ul li{
  vertical-align:top;
}

/* 見出し */
#content H2{  
  background: url(../img/h2_bg.gif) no-repeat left bottom;
  padding:0 0 0 90px;
  margin:10px 5px 0 0;
  font-size:160%;
  min-height:56px;
  height: auto !important;
  height: 56px;
}

#content H3{
  margin:0.5em 0px 0.5em -1em;
  padding:2px 2px 2px 0.5em;
  background-color:#DDEDFC;
  line-height:1.2;
}



/* コンテント枠 */
.text{  
  padding:15px 5px 0 95px;
}

/* コンテント内リスト */
.text ul{  
  list-style-image : url(../img/list_mk_ul.gif);
  vertical-align:bottom;
  margin:0;
  padding:0.5em 0.5em 0.5em 1.5em;
}
.text ul li{  
  padding:0 0 5px 5px;
  margin:0;
}


/* ページの先頭へ */
.page_top{  
  text-align:right;
  font-size:80%;
  margin:0;
  padding:10px 0 0 0;
}

.page_top a:link,
.page_top a:visited{  
  color:#903;
}

/* solidテーブル */
.solid_table,
.solid_table tr,
.solid_table th,
.solid_table td{
  border:1px solid #666;
  border-collapse:collapse;
}
.solid_table th,
.solid_table td{
  padding:2px;
}

/* 点線枠DIV */
.dot_waku{
  border:dotted 3px #090;
  padding:0.5em;
}

/* ※印のリスト */
.kome_list li{
  list-style-image : url(../img/list_kome_ul.gif) ;
}


/*　HOMEアイコン
---------------------------------------------*/
#home_button{  
  text-align:center;
  padding:0px 0 20px 0;
}
#home_button img{  
  border:0;
  margin-top:0px;
  margin-bottom:1px;
}

#home_button a:hover img{
  margin-top:1px;
  margin-bottom:0px;
}




/*　フッター
---------------------------------------------*/
#footer{  
  border-top:1px solid #C6C6C6;
  text-align:center;
  line-height:150%;
  padding:5px;
}
/*
#footer a:link{
  color:#005AFF;
}
#footer a:hover{
  color:#F0F;
}
*/



/******************************************************
 各ページ仕様
******************************************************/


/*　所蔵物一覧
---------------------------------------------*/
.book_list{
  line-height:100%;
  width:95%;
}
.book_list,
.book_list tr,
.book_list th,
.book_list td{
  border:1px solid #666;
  border-collapse:collapse;
}
.book_list th{
  background-color:#CAE2FB;
}
.book_list th,
.book_list td{
  padding:2px;
}

/* ページ内ジャンプ */
.list_link{
  text-align:center;
}

/*　図書館通信一覧
---------------------------------------------*/
.report_list{
  width:100%;
}


/*　PDFナビ  */
.dl_info{
  text-align:center;
}

.dl_info p{
  background-color:#F5FFFA;
  width:500px;
  padding:7px;
  margin:0 auto;
  font-size:10pt;
  line-height:1.1;
  text-align:left;
  border:1px solid #A6C8B2;
}
.dl_info img{
  border:none;
  margin-right:15px;
}


/*　人気の本
---------------------------------------------*/
.book_list caption{
  text-align:right;
}




/*　印刷用
---------------------------------------------*/
@media print{
*html BODY #wrapper{
  width:750px;
  margin: 0;
}
*html #content,
*html .text{
  padding-left:7px;
  padding-right:7px;
}
*html #header{
  background : url(../img/head_bg.gif) no-repeat -35px;
}

*html #logo{
  margin-left:10px;
}
*html #head_right{
  width:200px;
}
*html table{
  width:75%;
}
*html #content img{
  widht:75%;
}
}

