@charset "UTF-8";

/* ================================================================================

サブナビゲーション CSS

================================================================================ */
/*----------------------------------------------------
イベントカレンダー
----------------------------------------------------*/
/*Round220*/
div.Round220Top { width: 220px; height: 18px; overflow: hidden;
background: url(/share/secondary/lecture_info/img/bg_round220_top.gif) 0 0 no-repeat; }
div.Round220Bottom { width: 220px; height: 18px; overflow: hidden;
background: url(/share/secondary/lecture_info/img/bg_round220_bot.gif) 0 0 no-repeat; }
div.Round220 { width: auto; padding: 0 20px;
background: url(/share/secondary/lecture_info/img/bg_round220_mid.gif) 0 0 repeat-y; }

/*Title Pattern（イベントカレンダー）*/
.Tit-BdL-Green {
font-size:116%;
padding-left: 5px;
border-left: solid #66CC00 5px;
margin-bottom: 8px;
}

/*カレンダー*/
div#Calendar {
width: auto;
overflow: hidden;
text-align: center;
padding-bottom: 15px;
}

div#Calendar table {
width: auto;
margin: 0 auto;
border-collapse: separate !important;
border-spacing: 3px !important;
}

div#Calendar table caption {
font-size: 12px;
width: auto;
text-align: center;
}

div#Calendar table th {
background-color: #E7E7E7;
}

div#Calendar table th, div#Calendar table td {
font-size: 11px;
border-color: #CCC;
border-style: solid;
border-width: 0 1px 1px 0;
text-align: center;
vertical-align: middle;
font-family: Arial, Helvetica, sans-serif;
}

div#Calendar table td a {
display: block;
background-color: #FFF;
color: #000;
padding: 1px 4px;
}

div#Calendar table a:hover {
background-color: #FAEDB1;
color: #990000;
}

td#today a { background-color: #FAEDB1 !important; }
td.Sun a { color: #FF0000 !important; }
td.Sat a { color: #0033FF !important; }
td.LastMonth, td.NextMonth { color: #999; }
td.LastMonthSun, td.NextMonthSun { color: #FF9999; }
td.LastMonthSat, td.NextMonthSat { color: #99CCFF; }

/*----------------------------------------------------
イベントキーワード検索
----------------------------------------------------*/
div#EventSearchArea { border-top: solid #CCC 1px; padding: 15px 0; }
div#EventSearch { width: 180px; margin-top: 10px; text-align: center; }
div#EventSearchInput input { width: 174px; _width: 180px; height: 21px; margin: 0 auto;
border: solid #66CC00 1px; font-size: 12px; }
div#EventSearchButton { width: 74px; height: 28px; margin: 5px auto 0 auto; }

/*----------------------------------------------------
イベントキーワード検索
----------------------------------------------------*/
div#EventCategoryArea { border-top: solid #CCC 1px; padding: 15px 0; text-align: center; }
div#EventCategory { text-align: left; }
div#EventCategory h2 { margin: 10px 0 3px -5px; font-weight: normal; color: #003366; }
div#EventCategoryButton { width: 74px; height: 28px; margin: 10px auto 0 auto; }

/*----------------------------------------------------
今月の行事
----------------------------------------------------*/
div#Event {
width: auto;
border-top: solid #CCC 1px;
padding-top: 15px;
}

div#Event li {
font-size:93%;
background: url(/share/img/icon_link.gif) 0 6px no-repeat;
padding-left: 12px;
}

/*----------------------------------------------------
生涯学習･文化情報サブナビゲーション
----------------------------------------------------*/
/*Round220*/
div.Round220TopS { width: 220px; height: 15px; overflow: hidden;
background: url(/share/secondary/lecture_info/img/bg_round220_top_s.gif) 0 0 no-repeat; }
div.Round220BottomS { width: 220px; height: 15px; overflow: hidden;
background: url(/share/secondary/lecture_info/img/bg_round220_bot_s.gif) 0 0 no-repeat; }
div.Round220S { width: auto; padding: 0 20px;
background: url(/share/secondary/lecture_info/img/bg_round220_mid_s.gif) 0 0 repeat-y; }

/*Title Pattern*/
.Tit-BdL-h2 { font-size:123.1%; padding-left: 5px;
border-left: solid #66CC00 5px; margin-bottom: 8px; }

/*Menu*/
div#Menu h3 { margin-top: 20px; border-bottom: solid #66CC00 1px; }
div#Menu dt { border-bottom: solid #66CC00 1px; }

div#Menu h3 a { display: block; padding-top: 3px; }
div#Menu h3 a:hover { background-color: #FFF; }

div#Menu dt a { display: block; padding: 5px 0;
background: url(/share/img/icon_link.gif) 0 50% no-repeat;
padding-left: 12px; }
div#Menu dt a:hover { background: #FFF url(/share/img/icon_link_hover.gif) 0 50% no-repeat;
padding-left: 12px; }

div#Menu dt strong { display: block; padding: 5px 0; }

div#Menu dd { padding-left: 7px; }
div#Menu dd a { display: block; padding: 2px 5px; }
div#Menu dd a:hover { display: block; background: #FFF; }

/*Search*/
div#SearchInput { width: 180px; margin-top: 30px; text-align: center; }
div#SearchInput input { width: 174px; _width: 180px; height: 21px; margin: 0 auto;
border: solid #6699CC 1px; font-size: 12px; }
div#SearchButton { width: 74px; height: 28px; margin: 5px 53px; }

div#Menu dt.BgNone a { display: block; padding: 6px 0; background: none; }
div#Menu dt.BgNone a:hover { background: #FFF7EB; padding-left: 0px; }

/*----------------------------------------------------
講座イベント情報サブナビゲーション
----------------------------------------------------*/
li#Shisetsu { width: 220px; height: 85px; margin-bottom: 5px; margin-top: 10px; }
li#Shisetsu a { display: block; width: 220px; height: 84px;
background: url(/share/img/btn_shisetsu.gif) 0 0 no-repeat; }
li#Shisetsu a:hover { background: url(/share/img/btn_shisetsu.gif) 0 -84px no-repeat; }
li#Shisetsu a span { visibility: hidden; }

li#Museum { width: 220px; height: 84px; margin-bottom: 5px; }
li#Museum a { display: block; width: 220px; height: 84px;
background: url(/share/img/btn_museum.gif) 0 0 no-repeat; }
li#Museum a:hover { background: url(/share/img/btn_museum.gif) 0 -84px no-repeat; }
li#Museum a span { visibility: hidden; }

li#Manabi { width: 220px; height: 84px; margin-bottom: 5px; }
li#Manabi a { display: block; width: 220px; height: 84px;
background: url(/share/img/btn_manabicollege.gif) 0 0 no-repeat; }
li#Manabi a:hover { background: url(/share/img/btn_manabicollege.gif) 0 -84px no-repeat; }
li#Manabi a span { visibility: hidden; }

li#MovieArchive { width: 220px; height: 84px; margin-bottom: 5px; }
li#MovieArchive a { display: block; width: 220px; height: 84px;
background: url(/share/img/btn_moviearchive.gif) 0 0 no-repeat; }
li#MovieArchive a:hover { background: url(/share/img/btn_moviearchive.gif) 0 -84px no-repeat; }
li#MovieArchive a span { visibility: hidden; }

/*----------------------------------------------------
携帯電話
----------------------------------------------------*/
div#Mobile { width: auto; border: solid #CCC 1px; margin-top: 15px; }
div#MobileTitle img { float: left; width: 75px; height: 74px; margin-left: 15px; }
div#MobileTitle h2 { float: right; width: 125px; font-size:123.1%; color:#003366; margin-top: 20px; }
div#Mobile p { font-size:93%; padding: 0 10px 10px 10px; }
div#Mobile p span { color:#003366; font-size:13px; }

/*----------------------------------------------------
BannerArea
----------------------------------------------------*/
#BannerArea { margin-top: 15px; }
#BannerArea li { width: 220px; height: 60px; _overflow: hidden; margin-bottom: 10px; }