@charset "UTF-8";

/*　トップページ 上部
---------------------------------------------*/
/* マイページ・検索 回りこみ解除 */
#top_wrapper{  
  zoom:1;
}
#top_wrapper:after{  
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}

/* マイページ・状況参照 */
#mypage{
  float:left;
  width:237px;
  padding-top:3px;
  margin-left:3px;
}
/*
#mypage img{
  margin-bottom:1px;
}
#mypage a:hover img{
  margin-top:1px;
  margin-bottom:0;
}
*/

/* 検索 */
#search_wrap{
  float:right;
  width:658px;
  margin:5px 0 0 25px;
  padding:1px;
  border:1px solid #69B1FA;
}
#search{
  background-color:#E7F6FF;
  padding:15px 0 10px 0;
  text-align:center;
  vertical-align:middle;
  font-size:16pt;
}
#search form{
  display:inline;
  padding-bottom:10px;
}
#search p{
  margin:0;
  padding:7px 0 0 0;
  font-weight:bold;
}


/*　トップページ 中段
---------------------------------------------*/
/* お知らせ */
#oshirase{
  border:1px solid #CECECE;
  margin:0 5px;
  padding:10px;
  min-height:200px;
  height: auto !important;
  height: 200px;
}
#oshirase p{
  margin:0;
  border-bottom:1px solid #CECECE;
  padding:2px 0;
}
#oshirase p img{
  padding:0.5em 10px 0 0;
  vertical-align:text-bottom;
}
.up{
  color:#F00;
  font-weight:bold;
}


/*　トップページ 下段
---------------------------------------------*/
/* カレンダー・一覧 回りこみ解除 */
#bottom_wrapper{  
  zoom:1;
}
#bottom_wrapper:after{  
  content:"";
  clear:both;
  height:0;
  display:block;
  visibility:hidden;
}

/* カレンダー・QRコード */
#cal_qr{
  float:left;
  width:241px;
  padding-top:30px;
  padding-left:3px;
}

/* カレンダー欄 */
#cal_table{
  font-size:8pt;
  line-height:11pt;
}
.cal_area{
  border-left:1px solid #999;
  border-right:1px solid #999;
  background-color:#ECECEC;
  margin:0 2px 0 0;
  padding:0px 10px 10px 10px;
  font-weight:bold;
  font-size:11pt;
  line-height:11pt;
}

/* カレンダー表組み */
.cal_area table{
  background-color:#FFF;
  width:210px;
  text-align:center;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=3);
}
.cal_area table,
.cal_area table tr,
.cal_area table th,
.cal_area table td{
  border-collapse:collapse;
  border:1px solid #666;
}
.cal_area table th{
  background-color:#FFF480;
}
.cal_area table th,
.cal_area table td{
  height:18px;
}
.cal_area table td{
  font-weight:bold;
}

/* カレンダー文字部分 */
.cal_txt{
  padding:7px;
  line-height:1.3;
  margin:0;
}

/* 携帯サイトQRコード */
table#qr_code{
  margin:20px 1px 0 0;
}
#qr_code,
#qr_code tr,
#qr_code th,
#qr_code td{
  border-collapse:collapse;
  border:1px solid #9CF;
  margin:0;
}
#qr_code th{
  background-color:#9CF;
  text-align:center;
}
#qr_code td{
  padding:7px;
  line-height:1.2;
}
#qr_code a:link{
  text-decoration:underline;
}

#qr_code td img{
  border:solid 1px #999;
  margin-right:7px;
}


/* かんたんナビ・図書館一覧 */
#nav_libs{
  float:right;
  width:675px;
  padding:10px 0 0 0px;
}

/* かんたんナビ・図書館一覧 マウスオーバー処理 */
#nav_libs img{
  margin-top:0px;
  margin-bottom:1px;
}
#nav_libs a:hover img{
  margin-top:1px;
  margin-bottom:0px;
}

/* かんたんナビ・図書館一覧 マウスオーバー処理 */
#browser{
  text-align:center;
}
#browser p{
  background-color:#FFFAE8;
  margin:20px auto;
  padding:10px;
}

/*　トップページ 印刷用
---------------------------------------------*/
@media print{
*html BODY #wrapper{
  width:965px;
}
*html #logo{
  margin-left:35px;
}
*html #header{
  background : url(../img/head_bg.gif) no-repeat 0;
}
*html BODY #head_right{
  width:350px;
}
}