/* CSS Document */

#main_library{
	width:910px;
	margin:30px 0 0 0;
}
#main_library #pagetitle h2{
	width:600px;
	float:left;
}
#lib_tab{
	width:300px;
	height:27px;
	float:right;
	margin:9px 0 0 0;
}
#lib_tab .lib_tab1{
	width:134px;
	height:27px;
	float:left;
	background:url(../img2/lib_bt01c.gif)
}
#lib_tab .lib_tab1 a{
	width:134px;
	height:27px;
	display:block;
	background:url(../img2/lib_bt01.gif)
}
#lib_tab .lib_tab1 a:hover{
	background:url(../img2/lib_bt01o.gif)
}
#lib_tab .lib_tab2{
	width:134px;
	height:27px;
	float:left;
	background:url(../img2/lib_bt02c.gif)
}
#lib_tab .lib_tab2 a{
	width:134px;
	height:27px;
	display:block;
	background:url(../img2/lib_bt02.gif)
}
#lib_tab .lib_tab2 a:hover{
	background:url(../img2/lib_bt02o.gif)
}


.list-pickup{
	clear:both;
}




#main_library #section1{
	float:left;
	width:280px;
	margin:20px 0 0 0;
}
#main_library #section2{
	float:right;
	width:600px;
	margin:20px 0 0 0;
}


#main_library .sec_txt{
	margin:10px 0 0 0;
}
#main_library .sec_txt h4{
	margin:10px 0 0 0;
	font-size:13px;
}


#section_pic{
	width:280px;
	margin:0;
}
#section_map{
	width:280px;
	margin:30px 0 0 0;
}
#section_oshirase{
	width:600px;
	padding:0 0 20px 0;
	margin:0;
}
#section_oshirase .list_pickup{
	margin-bottom:1em;
}

#section_topics{
	width:600px;
}
#section_calendar,
#section_event,
#section_display{
	clear:both;
	width:600px;
	padding:20px 0 0 0;
	margin:0;
}
#main_library .sec_ttl{
	padding:0px;
	margin:0 0 10px 0;
	background:url(../img2/library_sec.gif);
}
#main_library .sec_ttl h3{
	font-size:16px;
	line-height:18px;
	margin:0px;
	padding:4px 0 4px 14px;
}

.item{
	clear:both;
	padding:10px 0 0 0;
}

.calendar{
	clear:both;
	padding:0 0 10px 0;
}

.topic{
	clear:both;
	padding:0px;
	padding:0px;
}
.topic .date{
	width:80px;
	float:left;
}
.topic .title{
	width:520px;
	float:right;
}

/*OSHIRASE__________________________________*/

.oshirase .title{
	font-size:14px;
	line-height:20px;
	padding:0 0 0 14px;
	margin:0;
}

.oshirase .oshiraselink{
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	padding:0 0 0 14px;
	margin:0;
}


/*DISPLAY__________________________________*/

#main_library #section_display .sec_ttl{
	width:600px;
	height:30px;
	display:block;
}
#main_library #section_display .sec_ttl h3{
	float:left;
	width:300px;
	height:30px;
	display:block;
	margin:0;
	padding:4px 0 0px 14px;
}
#main_library #section_display .sec_ttl .clear{
	clear:both;
	height:1px;
	display:block;
	overflow:hidden;
}
    #section_display .next-mon{
      float: right;
      background: url("../img2/bt_nextmon_s.gif") no-repeat 0px 0px;
      padding: 0px;
      margin: 3px 0px 0px 0px;
      width:64px;
      height:24px;
	  display:block;
    }
    #section_display .next-mon:link,
    #section_display .next-mon:visited{
        background: url("../img2/bt_nextmon_s.gif") no-repeat 0px 0px;
      width:64px;
      height:24px;
      }
    #section_display .next-mon:hover,
    #section_display .next-mon:active{
        background: url("../img2/bt_nextmon_s_ov.gif") no-repeat 0px 0px;
      width:64px;
      height:24px;
	 display:block;
      }

    #section_display .pre-mon{
		float: right;
		background: url("../img2/bt_premon_s.gif") no-repeat 0px 0px;
		padding: 0px;
		margin: 3px 0px 0px 0px;
     	width:64px;
		height:24px;
		display:block;
	 }
    #section_display .pre-mon:link,
    #section_display .pre-mon:visited{
      background: url("../img2/bt_premon_s.gif") no-repeat 0px 0px;
     	width:64px;
      	height:24px;
    }
    #section_display .pre-mon:hover,
    #section_display .pre-mon:active{
        background: url("../img2/bt_premon_s_ov.gif") no-repeat 0px 0px;
     	width:64px;
      	height:24px;
      }


.display{
	width:600px;
	clear:both;
	padding:5px 0 0 0;
	margin:0;
}
.display .date{
	font-size:14px;
	line-height:20px;
	font-weight:bold;
}
.display .title{
	font-size:14px;
	line-height:20px;
	font-weight:bold;
}

/*EVENT__________________________________*/
.event{
	width:600px;
	clear:both;
	padding:5px 0 0 0;
	margin:0;
}
.item {
	width:600px;
	clear:both;
	margin:10px 0 0 0;
}
.item h5{
	margin:10px 0 0 0;
	padding:0 0 5px 0;
}
.event .date{
	float:left;
	width:80px;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
}
.event .title{
	float:right;
	width:520px;
}
.event .title p{
	font-size:14px;
	line-height:18px;
	margin:0px;
	font-weight:bold;
}
.event p.time{
	font-size:12px;
	line-height:14px;
	font-weight:normal;
}


.cal-titlearea{
  margin: 0px;
  padding:  10px 0px 10px 0px;
}

  .cal-titlearea .cal-title{
    margin: 0px;
    padding: 0px;
	text-align:center;
  }

  .cal-titlearea .cal-title .yearmon{
    margin: 0px;
    padding: 0px;
  }

    .cal-titlearea .cal-title .yearmon .montxt{
      font-size:1.625em;
      line-height:1.154em;
      font-weight: bold;
      vertical-align:middle;
    }


  .cal-titlearea .btnarea{
    float: left;
    margin: 0px;
    padding: 0px;
    width:150px;
  }

    #section_calendar .next-mon {
      float: right;
      background: url("../img/bt_nextmon.gif") no-repeat 0px 0px;
      padding: 0px;
      margin: 100px 20px 0px 0px;
      width:34px;
      height:49px;
    }
      #section_calendar .next-mon:link,
      #section_calendar .next-mon:visited
      {
        background: url("../img2/bt_nextmon.gif") no-repeat 0px 0px;
        width:34px;
        height:49px;
      }
      #section_calendar .next-mon:hover,
      #section_calendar .next-mon:active
      {
        background: url("../img2/bt_nextmon_ov.gif") no-repeat 0px 0px;
        width:34px;
        height:49px;
      }

    #section_calendar .pre-mon {
      float: left;
      background: url("../img2/bt_premon.gif") no-repeat 0px 0px;
      	margin: 100px 0px 0px 20px;
        width:34px;
        height:49px;
    }
      #section_calendar .pre-mon:link,
      #section_calendar .pre-mon:visited
      {
        background: url("../img2/bt_premon.gif") no-repeat 0px 0px;
        width:34px;
        height:49px;
      }
      #section_calendar .pre-mon:hover,
      #section_calendar .pre-mon:active
      {
        background: url("../img2/bt_premon_ov.gif") no-repeat 0px 0px;
        width:34px;
        height:49px;
      }
	  
	  #section_calendar .pre-mon-blank{
	  	float:left;
        width:54px;
        height:49px;
		display:block;
		margin:0px;
		
	  }
	  #section_calendar .next-mon-blank{
	  	float:right;
        width:54px;
        height:49px;
		display:block;
			margin:0px;
	  }
	.calarea{
    width:449px;
	float:left;
    margin: 0px 0px 0px 20px;
	}
  table.cal{
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border-spacing: 0px 0px;
    empty-cells: show;
    border-collapse:collapse;
    width:449px;

  }

    #cal-head{
      width:449px;
      height:40px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
    }
    #cal-head td,
    #cal-head th
    {
      width:64px;
      height:40px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      text-align:left;
      font-size:1em;
      line-height:1.5em;
    }
      #cal-head .sun{
        background: url("../img2/cal-bg_t1.gif") no-repeat 0px 0px;
      }
      #cal-head .mon{
        background: url("../img2/cal-bg_t3.gif") no-repeat 0px 0px;
      }
      #cal-head .tue{
        background: url("../img2/cal-bg_t3.gif") no-repeat 0px 0px;
      }
      #cal-head .wed{
        background: url("../img2/cal-bg_t3.gif") no-repeat 0px 0px;
      }
      #cal-head .thu{
        background: url("../img2/cal-bg_t3.gif") no-repeat 0px 0px;
      }
      #cal-head .fri{
        background: url("../img2/cal-bg_t3.gif") no-repeat 0px 0px;
      }
      #cal-head .sat{
        background: url("../img2/cal-bg_t4.gif") no-repeat 0px 0px;
        width:65px;
      }
      
    .cal-week{
      width:449px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
    }
    .cal-week td
    {
      background: url("../img2/cal-bg_m.gif") no-repeat 0px 0px;
      width:64px;
      height:45px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      text-align:left;
      font-weight:bold;
      vertical-align:top;
      font-size:1em;
      line-height:1.5em;
    }
      .cal-week .sun{
        color: rgb(0,60,255)
      }
      .cal-week .mon{
      }
      .cal-week .tue{
      }
      .cal-week .wed{
      }
      .cal-week .thu{
      }
      .cal-week .thu{
      }
      .cal-week .fri{
      }
      .cal-week .sat{
        border-color:#C5C5C5;
        border-style:solid;
        border-width: 0px 1px 0px 0px;
        color: rgb(0,60,255)
      }
      .cal-week .hol{
        background-color:#FBBFBF;
      }
      .cal-week .hold{
        color: rgb(255,60,60)
      }


    #cal-lastweek{
      width:449px;
      height:10px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
    }

    #cal-lastweek td{
      width:64px;
      height:10px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
    }
      #cal-lastweek .sun{
        background: url("../img2/cal-bg_b1.gif") no-repeat 0px 0px;
        color: rgb(240,0,0)
      }
      #cal-lastweek .mon{
        background: url("../img2/cal-bg_b3.gif") no-repeat 0px 0px;
      }
      #cal-lastweek .tue{
        background: url("../img2/cal-bg_b3.gif") no-repeat 0px 0px;
      }
      #cal-lastweek .wed{
        background: url("../img2/cal-bg_b3.gif") no-repeat 0px 0px;
      }
      #cal-lastweek .thu{
        background: url("../img2/cal-bg_b3.gif") no-repeat 0px 0px;
      }
      #cal-lastweek .thu{
        background: url("../img2/cal-bg_b3.gif") no-repeat 0px 0px;
      }
      #cal-lastweek .fri{
        background: url("../img2/cal-bg_b3.gif") no-repeat 0px 0px;
      }
      #cal-lastweek .sat{
        background: url("../img2/cal-bg_b4.gif") no-repeat 0px 0px;
        width:65px;
      }

      .caldow{
        float:left;
        margin: 0px;
        padding: 10px 0px 0px 4px;
      }

      .calday{
        margin: 0px;
        padding: 4px 0px 0px 4px;
      }

      .calday-h{
        margin: 0px;
        padding: 4px 0px 0px 4px;
        color: rgb(240,0,0)
      }

      #closed{
        float:left;
        background: url("../img2/callicon-closed.gif") no-repeat 0px 0px;
        margin: 7px 0px 0px 15px;
        padding: 0px;
        width:26px;
        height:27px;
      }

      #calicon{
        margin: 0px;
        padding: 0px 0px 3px 3px;
        width:21px;
        height:21px;
        display:block;
        float:left;
      }
    
  .calarea .notes{
    margin: 10px 0px 0px 0px;
    padding: 0px;
  }
  .calarea .notes .pic{
    vertical-align:middle;
    padding: 0px 3px;
  }
  
/*LIBRARY-INST?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q?Q*/  
#section_feautre,
#section_inst{
	clear:both;
	width:600px;
	padding:20px 0 0 0;
	margin:0;
}

table.inst{
    border-collapse:separate;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-spacing: 0px 10px;
    empty-cells: show;
    width:600px;
    text-align:left;
  }

    td.floor{
      width:60px;
      height:35px;
      margin: 0px 0px 0px 0px;
      padding: 0px;
      vertical-align:top;
    }
      .floortxt{
        margin: 0px 10px 0px 0px;
        padding: 5px 0px;
        font-weight:bold;
        border-top: 1px solid #9933CC;
      }

    td.room{
      background-color:#eeeeee;
      border: 1px solid #A2A2A2;
      width:340px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
	  font-size:10px;
	  color:#666666;
      
    }
      td.room ul{
        list-style-type: disc;
        list-style-position: outside;
        margin: 3px 15px 3px 25px;
        padding: 0px 0px 0px 0px;
        
      }
      .type{
	  	font-size:12px;
        color: #333333;
      }
	  
    td.floormap{
      height:35px;
      margin: 0px 0px 0px 0px;
      padding: 5px 0px;
      vertical-align:top;
    }
	

#section_pic2{
	width:280px;
	padding:0;
	margin:0;
}
	.libpic2{
		margin:0px;
	}
	#section_pic2 p.note{
		font-size:10px;
		margin:0 0 10px 0;
	}