@charset "utf-8";
/* CSS Document */

/*********** ********** ********** ********** *********** ********** ********** ********** *********** ********** ********** **********
* calendar.html
*/

/*カレンダーページコンテンツ*/
div#content_calendar{width:100%;height:auto; position:relative;display: inline-block;}

/*ページタイトル*/
div#infomation .titles{width:100%;height:auto;background:#d4edde;}
div#infomation .titles .title{float:left;}
div#infomation .titles .title h2{font-size:260%;line-height:1.0;padding-top:12px;padding-bottom:8px;padding-left:20px;padding-right:20px;color:#006644}


/*各館カレンダーへのリンク*/
div#infomation .calendar_link {width:100%;margin:auto;font-size:160%;display:table;}
div#infomation .calendar_link .link_row{display:table-row;}
div#infomation .calendar_link .link_row .link_cell{margin-left:20px;display:table-cell;}

/*図書館カレンダー*/
.calendar_area{float:left;background:#fafafa;border:#ccc 1px solid;margin-top:10px;margin-bottom:10px;position:relative;}
.calendar_area h2{font-size:180%;}
.calendar_area .calendar_block{width:100%;}
.calendar_area .title{width:100%;height:auto;background:#ebebeb;float:left;}
.calendar_area .title h2{float:left;padding-top:1%;color:#555;text-indent:10px;font-weight:bold;}
.calendar_area .other{float:right;}
.calendar_area .other{font-size:140%;}
.calendar_area .change_month{float:right;margin:5px 5px 0 0;}
.calendar_area .change_month a{font-size:180%;color:#006644;text-decoration:underline;}

/*カレンダー*/
.calendar_area .calendar_block{float:left;width:48%;height:auto;background:#fff;margin:12px 1% 0;}
.calendar_area .calendar_block_wrapper{float:left;width:96%;height:auto;padding:0 2% 4%;border:solid 1px #ccc;}
.calendar_area .calendar_block_wrapper .hed{background-color:#DDDDDD;}
.calendar_area .calendar_block_wrapper caption{padding:12px;font-size:210%;text-align:left;}

.calendar_area table{float:left;border-collapse:separate;border-spacing:0px 1px;}
.calendar_area table thead tr td{width:26px;height:24px;width:1%;text-align:left;border:solid 1px #FFF;font-size:140%;padding:0 1%;color:#666;}
.calendar_area table tbody tr td{width:26px;height:24px;width:1%;text-align:left;border:solid 1px #FFF;font-size:140%;padding:0 1%;position:relative;background:#f3f3f3;}
/*カレンダー上のアイコン*/
.calendar_area td.emp{background-color:#fff;}
.calendar_area th.sun{background-color:#FFE4F0;color:#751D31;}
.calendar_area td.sun{background-color:#FFE4F0;color:#751D31;}
.calendar_area th.sat{background-color:#E4F0FF;color:#1D4975;}
.calendar_area td.sat{background-color:#E4F0FF;color:#1D4975;}
.calendar_area td.cal0eve{width:100%;border:0px;}
.calendar_area td.cal1{border:#ffa380 1px solid;background:url(../img/mark_closed.png) no-repeat;background-color:#fff;}
.calendar_area td.cal2{}
.calendar_area td.cal3{}
.calendar_area .calinfo{margin-left:20px;font-size:100%;color:#f00;margin-bottom:30px;}
.calendar_area .event_click{width:100%;height:100%;text-decoration:underline;cursor:pointer;}
.calendar_area .calendar_pagination{color:#006644;font-size:180%;text-decoration:underline;cursor:pointer;}
.calendar_area .events{background-position:0 0;}
.calendar_area .calendar_block_wrapper table tbody tr td div span img{width:12px;height:12px;float:right;}
.calendar_area .calendar_block_wrapper table tbody tr td div span{width:50%;height:100%;float:right;}
/*アイコン判例*/
.calendar_area .calendar_example{float:left;width:100%;height:auto;margin:12px 0;}
.calendar_area .calendar_example li{float:left;font-size:120%;height:24px;}
.calendar_area .calendar_example li span{width:20px;height:20px;display:inline-block;}
.calendar_area .calendar_example li.cal1{margin-left:15px;padding-left:40px;background:url(../img/mark_closed_legend.png) no-repeat center left;}
.calendar_area .calendar_example li img {float:left;padding-left:30px;height:24px;width:24px;}