@charset "UTF-8";

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

トップページ CSS

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

/*----------------------------------------------------
HeaderUtility
----------------------------------------------------*/
p#Date {
width: 500px;
float: left;
text-align: left;
font-size: 16px;
font-weight: bold;
padding-left: 15px;
line-height: 35px;
}

div#HeaderUtilityRight {
width: 410px;
float: right;
text-align: right;
line-height: 35px;
}

div#SearchInput {
float: left;
text-align: right;
}

* html div#SearchInput input {
width: 200px;
height: 21px;
float: left;
border: solid #6699CC 1px;
margin-top: 7px;
font-size: 12px;
}

div#SearchInput input {
width: 200px;
height: 18px;
float: left;
border: solid #6699CC 1px;
margin-top: 7px;
font-size: 12px;
}

div#SearchButton input {
float: left;
margin: 4px 0 0 5px;
}

div#SiteMap {
float: right;
line-height: 35px;
font-size: 12px;
padding-right: 15px;
}

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

/*Title Pattern（イベントカレンダー、今月の行事）*/
.Tit-BdL-Red {
font-size:123.1%;
padding-left: 5px;
border-left: solid #CC0000 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#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;
}

/*----------------------------------------------------
メールマガジン
----------------------------------------------------*/
div#MailMagazine {
width: auto;
border: solid #CCC 1px;
margin-top: 15px;
}

div#MailMagazine h2 {
width: 218px;
height: 53px;
background: url(img_top/img_mailmagazine.gif) 0 0 no-repeat;
}
div#MailMagazine h2 span { visibility: hidden; }

div#MailMagazine p {
font-size:93%;
padding: 0 10px 10px 10px;
}

div#MailMagazine p a {
text-decoration: underline;
}

/*----------------------------------------------------
携帯電話
----------------------------------------------------*/
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; }

/*----------------------------------------------------
遊学館、文翔館の講座・イベント情報
----------------------------------------------------*/
/*Round470*/
div.Round470Top { width: 470px; height: 18px; overflow: hidden;
background: url(img_top/bg_round470_top.gif) 0 0 no-repeat; }
div.Round470Bottom { width: 470px; height: 18px; overflow: hidden;
background: url(img_top/bg_round470_bot.gif) 0 0 no-repeat; }
div.Round470 { width: auto; padding: 0 20px;
background: url(img_top/bg_round470_mid.gif) 0 0 repeat-y; }

/*Title Pattern*/
.InfoTitle01 {
border-bottom: solid #CCC 1px;
padding-bottom: 15px;
}
.InfoTitle01 h2 {
float: left;
width: 350px;
font-size:123.1%;
background: url(share/img/icon_title.gif) 0 50% no-repeat;
padding-left: 20px;
color: #003366;
}

/*RSSボタン*/
div.BtnRss { float: right; width: 60px; height: 19px; overflow: hidden; }
div.BtnRss a { display: block; width: 60px; height: 19px;
background: url(share/img/btn_rss.gif) 0 0 no-repeat; }
div.BtnRss a:hover { background: url(share/img/btn_rss.gif) 0 -19px no-repeat; }
div.BtnRss a span { visibility: hidden; }

div.Info01 { border-bottom: solid #CCC 1px; }
div.Info01 p { padding: 5px 0; }
div.Info01 p a { font-size:108%; line-height: 1.3; }
div.Info01 a img { float: right; margin: 1px 0 1px 10px; vertical-align: middle; }

/*----------------------------------------------------
RightContentsMenu
----------------------------------------------------*/
li#Hajimete { width: 220px; height: 55px; margin-bottom: 5px; }
li#Hajimete a { display: block; width: 220px; height: 55px;
background: url(img_top/btn_new.gif) 0 0 no-repeat; }
li#Hajimete a:hover { background: url(img_top/btn_new.gif) 0 -55px no-repeat; }
li#Hajimete a span { visibility: hidden; font-size: 10px; }

li#Zaidan { width: 220px; height: 85px; margin-bottom: 5px; }
li#Zaidan a { display: block; width: 220px; height: 85px;
background: url(img_top/btn_zaidan.gif) 0 0 no-repeat; }
li#Zaidan a:hover { background: url(img_top/btn_zaidan.gif) 0 -85px no-repeat; }
li#Zaidan 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#DataBase { width: 220px; height: 55px; margin-bottom: 5px; }
li#DataBase a { display: block; width: 220px; height: 55px;
background: url(share/img/btn_db.gif) 0 0 no-repeat; }
li#DataBase a:hover { background: url(share/img/btn_db.gif) 0 -55px no-repeat; }
li#DataBase a span { visibility: hidden; font-size: 10px; }

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

li#Scholarship { width: 220px; height: 55px; margin-bottom: 5px; margin-top: 5px; }
li#Scholarship a { display: block; width: 220px; height: 55px;
background: url(/share/img/btn_scholarship.gif) 0 0 no-repeat; }
li#Scholarship a:hover { background: url(/share/img/btn_scholarship.gif) 0 -55px no-repeat; }
li#Scholarship a span { visibility: hidden; font-size: 10px; }

/*----------------------------------------------------
生涯学習文化財団からのお知らせ
----------------------------------------------------*/
/*Title Pattern*/
#RightContentsInfo {
margin-top: 10px;
border-top: solid #CCC 2px;
border-bottom: solid #CCC 2px;
}
#RightContentsInfo div.InfoTit h2 {
text-align: center;
padding: 8px 0;
border-bottom: solid #CCC 1px;
color: #003366;
}

#RightContentsInfo dt {
padding-top: 5px;
line-height: 1.4;
}
#RightContentsInfo dd {
border-bottom: solid #CCC 1px;
padding-bottom: 5px;
line-height: 1.4;
}

#RssInfoList { padding: 5px 0; }

div.RightContentsRss { float: left; width: 60px; height: 19px; overflow: hidden; }
div.RightContentsRss a { display: block; width: 60px; height: 19px;
background: url(share/img/btn_rss.gif) 0 0 no-repeat; }
div.RightContentsRss a:hover { background: url(share/img/btn_rss.gif) 0 -19px no-repeat; }
div.RightContentsRss a span { visibility: hidden; }

#RssInfoList p { float: right; width: 150px; text-align: right; }

/*----------------------------------------------------
BannerArea
----------------------------------------------------*/
#BannerArea { margin-top: 20px; padding-top: 20px; border-top: solid #CCC 1px; }
#BannerArea li { width: 220px; height: 60px; _overflow: hidden; margin-bottom: 10px; }