@charset "UTF-8";

#contents { width: 595px; float: left; }
#contents_inner { margin: 0px 10px 15px 15px; width: 570px; color: #333333; font-size: 78%; line-height: 1.2; }

.event_inner { margin: 0px 0px 20px 0px; }
.event_inner strong { color: #000055; font-size: 110%; line-height: 1.4; }
.event_inner p { margin: 0.5em 0em 0.5em 0em; padding: 0px; font-size: 105%; line-height: 1.4; }
.event_inner a.readmore { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; }

.event_inner_alpha { width: 150px; float: right; }
.event_inner_alpha ul.event_image li { margin: 0px 0px 5px 0px; border: solid 1px #CCCCCC; }
.event_inner_beta { width: 405px; float: left; }

div.event_image { margin: 0px 15px 15px 0px; border: solid 1px #CCCCCC; float: left; }
div.event_image img { border: solid 5px #FFFFFF; }
ul.event_image { margin: 0px; padding: 0px; list-style: none; float: left; }
ul.event_image li { margin: 0px 15px 5px 0px; border: solid 1px #CCCCCC; }
ul.event_image li img { border: solid 5px #FFFFFF; vertical-align: top; }
.event_date { padding: 5px 0px 0px 0px; }

#event_date, #event_place, #event_related { font-size: 105%; line-height: 1.4; }
#event_date span { color: #77BB33; }
#event_place span { color: #77BB33; }
#event_place span.note { color: #990000; }
#event_form { margin: 5px 0px 5px 0px; }
#event_form a { width: 150px; height: 25px; background: url(../images/event/button_form.gif) no-repeat; text-indent: -10000px; display: block; overflow: hidden; }
#event_form a:hover { width: 150px; height: 25px; background: url(../images/event/button_form_on.gif) no-repeat; text-indent: -10000px; display: block; overflow: hidden; }
#event_photo { margin: 5px 0px 5px 0px; float: left; }
#event_photo a { width: 150px; height: 25px; background: url(../images/event/button_photo.gif) no-repeat; text-indent: -10000px; display: block; overflow: hidden; }
#event_photo a:hover { width: 150px; height: 25px; background: url(../images/event/button_photo_on.gif) no-repeat; text-indent: -10000px; display: block; overflow: hidden; }
#preload { position: absolute; filter: alpha(opacity=0); opacity: .0; }
#event_related a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; }

span.cate01 { padding: 1px 3px 1px 3px; background-color: #FF9900; color: #FFFFFF; }
span.cate02 { padding: 1px 3px 1px 3px; background-color: #77BB33; color: #FFFFFF; }

#pagenavi ul { margin: 0px; padding: 0px; list-style: none; }
#pagenavi ul li.pageback { float: left; }
#pagenavi ul li.pageback a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl_rev.gif) left center no-repeat; }
#pagenavi ul li.pagenext { float: right; }
#pagenavi ul li.pagenext a { padding: 0px 9px 0px 0px; background: url(../images/common/arrow_bl.gif) right center no-repeat; }

#pagetop_list { margin: 0px 0px 0px 15px; padding: 5px 0px 0px 0px; width: 570px; background: url(../images/common/pagetop.gif) 0px 0px repeat-x; text-align: right; clear: both; position: relative; }
#pagetop_list span { position: absolute; top: 5px; left: 0px; }
#pagetop_list span a { background: url(../images/common/pageback_arrow.gif) 0px center no-repeat !important; }
#pagetop_list a:link { padding: 0px 0px 0px 12px; background: url(../images/common/pagetop_arrow.gif) 0px center no-repeat; color: #333333; font-size: 70%; text-decoration: none; }
#pagetop_list a:visited { padding: 0px 0px 0px 12px; background: url(../images/common/pagetop_arrow.gif) 0px center no-repeat; color: #333333; font-size: 70%; text-decoration: none; }
#pagetop_list a:hover { padding: 0px 0px 0px 12px; background: url(../images/common/pagetop_arrow.gif) 0px center no-repeat; color: #88BB00; font-size: 70%; text-decoration: none; }

#side { width: 150px; float: left; }
#side ul { margin: 0px 0px 4px 0px; padding: 0px; list-style: none; }
#side ul li { width: 150px; height: 25px; }
#side ul li a { width: 150px; height: 24px; text-indent: -10000px; display: block; overflow: }
#menu01 a { background: url(../images/event/01.gif); }
#menu02 a { background: url(../images/event/02.gif); }
#menu03 a { background: url(../images/event/03.gif); }
#menu01 a:hover { background: url(../images/event/01on.gif); }
#menu02 a:hover { background: url(../images/event/02on.gif); }
#menu03 a:hover { background: url(../images/event/03on.gif); }

#calendar { margin: 0px 0px 5px 0px; border-bottom: solid 1px #333333; }
#calendar_header { font-size: 80%; text-align: center; }
#calendar table { width: 150px; }
#calendar th, td { padding: 2px 1px 2px 1px; font-size: 10px; text-align: center; }
#calendar th { border: solid 1px #333333; border-width: 1px 0px 1px 0px; font-weight: 400; }
#calendar td.monthback { padding: 3px 1px 3px 0px; text-align: left; }
#calendar td.monthback a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl_rev.gif) left center no-repeat; }
#calendar td.monthnext { padding: 3px 0px 3px 1px; text-align: right; }
#calendar td.monthnext a { padding: 0px 9px 0px 0px; background: url(../images/common/arrow_bl.gif) right center no-repeat; }
#calendar td.today { font-weight: 700; }
#calendar td.kokuchi { color: #FF9900; }
#calendar td.report { color: #77BB33; }

h2 { margin: 0px; padding: 0px; display: inline; }
h3 { margin: 0px 0px 5px 0px; padding: 4px; background: url(../images/common/module_header.gif); color: #FFFFFF; font-size: 100%; font-weight: 400; }
h4 { margin: 0px; padding: 0px; }

/* バナー */
#banner h4 { margin: 0px 0px 5px 0px; }
#banner h4.gamma a { width: 150px; height: 32px; background: url(../images/common/banner_form.gif); text-indent: -10000px; display: block; overflow: }
#banner h4.gamma a:hover { width: 150px; height: 32px; background: url(../images/common/banner_form_on.gif); text-indent: -10000px; display: block; overflow: }