@charset "UTF-8";

/* ---------------------------------------------------------------------
Stylesheet for stagelife
FileName: top.css
--------------------------------------------------------------------- */

.body_top td.body_top_space {padding-top: 10px;}
#topcontent {width: 610px;}

 
#topcontent .mainvisual {width: 600px; margin-bottom: 10px;}

#infomation { width: 600px; margin-top: 15px;}
#infomation h3 {width: 600px;}
#infomation .caution {font-weight: bold; color: #C00; line-height: 30px;}
#infomation .cont {font-size: 10px; letter-spacing: 1px; line-height: 18px; white-space: nowrap;}
#infomation ul { border-right: solid 1px #e5e5e5; border-left: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; margin-top: 7px; padding: 0 0 0 10px;}
#infomation ul li { padding: 5px 0 10px 0; margin-bottom: -5px;}
#infomation ul li p.underline { padding-bottom: 5px; background: url(/image/ha_kei.gif) no-repeat bottom left;}
#infomation ul li .title {width: 580px; font-size: 13px; color: #f39700; line-height: 20px; font-weight: bold;}

#infomation .topics_body { padding: 5px 10px 5px; background: url(/image/event_list_bg.gif) repeat-y;}
#infomation .topics_body .top_info { padding: 0 0 10px 10px; margin-bottom: 10px; border-bottom: 1px dotted #c2c2c2;}
#infomation .topics_body .top_info2 { padding: 0 10px 0;}
#infomation .topics_body table { width: 580px; margin-left: 10px;}
#infomation .topics_body table .left { width: 100px; vertical-align: middle;}
#infomation .topics_body table .right a:link,
#infomation .topics_body table .right a:active,
#infomation .topics_body table .right a:visited { text-decoration: underline; font-weight: bold;}



#topcontent #event_search { width: 600px; padding: 0 0 10px;}
#topcontent #event_search h3 { margin-bottom: 10px;}
#topcontent #event_search .event_search_bg { width: 600px; height: 74px; background: url(/image/event_search_bg.gif) no-repeat;}
#topcontent #event_search .event_search_bg table { width: 600px;}
#topcontent #event_search .event_search_bg table td {}
#topcontent #event_search .event_search_bg table .top { width: 510px;}
#topcontent #event_search .event_search_bg table .top1 { width: 75px;}
#topcontent #event_search .event_search_bg table .top p { padding: 5px 0 0 0;}
#topcontent #event_search .event_search_bg table .top1 p { padding: 5px 0 0 0;}
#topcontent #event_search .event_search_bg table .top p.pdmenu { padding-left: 180px;}
#topcontent #event_search .event_search_bg table .bottom p.btn { padding: 6px 0 0;}
#topcontent #event_search .event_search_bg table .bottom p.textmenu { padding-left: 180px;}
#topcontent #event_search .event_search_bg table .bottom p.textmenu input { margin-top: 5px;}
#topcontent #event_search .event_search_bg table .bottom p input { width: 325px;}

#topcontent #genre_search {width: 600px; margin-bottom: 15px;}
#topcontent #genre_search h3 {width: 600px;}
#topcontent #genre_search .genre_search_area {width: 600px; margin-bottom: 10px; background: url(/image/event_list_bg.gif) repeat-y;}
#topcontent #genre_search .genre_search_bg {border-bottom: solid 1px #e5e5e5; padding: 9px 0 0 10px;}
#topcontent #genre_search .genre_search_bg ul li{ float: left; width: 185px; height: 40px; margin: 0 10px 10px 0; letter-spacing: 1px; text-align: center; background: url(/image/eventcategory_bg.gif) no-repeat;}
#topcontent #genre_search .genre_search_bg ul li a { display: block; width: 184px; height: 40px;}
#topcontent #genre_search .genre_search_bg ul li a span{ display: block; padding: 12px 10px; font-size: 16px; font-weight: bold; line-height: 18px;}
#topcontent #genre_search .genre_search_bg ul li a:link,
#topcontent #genre_search .genre_search_bg ul li a:active,
#topcontent #genre_search .genre_search_bg ul li a:visited { text-decoration: underline;}
#topcontent #genre_search .genre_search_bg ul li a:hover { text-decoration: underline;}
#topcontent #genre_search .genre_search_bg ul li img { position: relative; left: -5px;}

#topcontent #event_list { width: 600px;}
#topcontent #event_list .list_bg { background: url(/image/event_list_bg.gif) repeat-y;}
#topcontent #event_list .list_bg table { background-color: #e5e5e5; width: 594px; margin-left: 3px; border-top: 1px solid #e5e5e5;}
#topcontent #event_list .list_bg table .odd { background-color: #ffffff; vertical-align: middle;}
#topcontent #event_list .list_bg table .even { background-color: #fafafa; vertical-align: middle;}
#topcontent #event_list .list_bg table td { vertical-align: middle;}
#topcontent #event_list .list_bg table td p { padding: 4px;}
#topcontent #event_list .list_bg table .left { width: 105px; font-size: 11px; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center;}
#topcontent #event_list .list_bg table .center { width: 405px; border-bottom: 1px solid #e5e5e5;}
#topcontent #event_list .list_bg table .center a:link,
#topcontent #event_list .list_bg table .center a:active,
#topcontent #event_list .list_bg table .center a:visited { text-decoration: underline;}

#topcontent #event_list .list_bg table .right { width: 80px; text-align: center; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
#topcontent #event_list .list_bg table .right .status_w { color: #ed8518;}
#topcontent #event_list .list_bg table .right .status_s { color: #e60717;}
#topcontent #event_list .list_bg table .right .status_r { color: #8f6552;}

#topcontent #hold_day { width: 600px; margin-top: 15px;}
#topcontent #hold_day_bg {border: solid 1px #e5e5e5; margin-top: 5px; padding: 10px 0;}
#topcontent #hold_day1 { padding-bottom: 1px;}
#topcontent #hold_day1 .day_info { width: 590px; padding: 9px 0 9px 0; margin-left: 5px; text-align: center;}
#topcontent #hold_day1 th { width: 39px; height: 48px; border: 1px solid #FFF; text-align: center; background: url(/image/weekday_bg.gif) no-repeat;}
#topcontent #hold_day1 table { margin-bottom: 9px;}
#topcontent #hold_day1 th.saturday { background: url(/image/saturday_bg.gif) no-repeat;}
#topcontent #hold_day1 th.sunday { background: url(/image/sunday_bg.gif) no-repeat;}
#topcontent #hold_day1 th p { line-height: 21px; font-weight: bold; font-size: 13px; color: #FFF;}
#topcontent #hold_day1 th a { display: block; line-height: 25px; font-weight: bold; font-size: 15px;}
#topcontent #hold_day2 table { width: 580px; margin: 0 0 0 11px;}
#topcontent #hold_day2 table td { padding: 8px 0; background: url(/image/ha_kei.gif) no-repeat top left; vertical-align: middle;}
#topcontent #hold_day2 td.yymmdd { width: 127px; color: #333; font-size: 11px; line-height: 16px;}
#topcontent #hold_day2 td.cont { width: 450px; font-size: 14px; line-height: 20px; font-weight: bold;}


#topcontent #code_search { width: 600px; margin-top: 15px; background: url(/image/event_bg.gif) repeat-y;}
#topcontent #code_search h3 {width: 600px;}
#topcontent #code_search #code_search_area { background: url(/image/event_list_bg.gif) repeat-y; padding: 5px 0 8px; background-color: #eee; border-bottom: solid 1px #e5e5e5; text-align: center;}
#topcontent #code_search #code_search_area .box { padding: 4px 8px;}
#topcontent #code_search #code_search_area table {width: 584px; margin: auto; background-color: #f2f2f2;}
#topcontent #code_search #code_search_area table .left p,
#topcontent #code_search #code_search_area table .right p { padding: 5px;}
#topcontent #code_search #code_search_area table .center p { padding: 6px;}
#topcontent #code_search #code_search_area table .left { width: 314px;}
#topcontent #code_search #code_search_area table .center { width: 190px;}
#topcontent #code_search #code_search_area table .center input { width: 180px;}
#topcontent #code_search #code_search_area table .right { width: 80px;}