@charset "UTF-8";

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

#infomation {width: 600px; margin-bottom: 10px; background: url(/common/image/main_bg_body.gif) repeat-y;}
#infomation h3 {width: 600px;padding: 9px 0 0 8px;}
#infomation .head {background: url(/common/image/main_bg_head.gif) no-repeat top left;}
#infomation .caution {font-weight: bold; color: #ff0000; line-height: 30px;}
#infomation ul {padding: 0 10px 0 10px;}
#infomation ul.topics b {font-size: 14px; color: #333;}
#infomation ul.topics p {padding-top: 5px; text-align: right; margin-right: 90px; color: #3d7eb8;}
#infomation ul.topics p img {margin-right: 3px;}
#infomation ul.topics p a {font-size: 13px; text-decoration: underline;}
#infomation ul li {padding: 9px 0 13px 0; margin-bottom: -3px; background: url(/image/ha_kei.gif) no-repeat bottom left;}
#infomation ul li .title {font-size: 15px; line-height: 20px; font-weight: bold; color: #FF9900;}
#infomation ul li .cont {font-size: 10px; line-height: 14px; letter-spacing: 1px;}


#infomation .old_sight {width: 580px; margin: 10px 0 0 10px; padding-bottom: 8px;}
#infomation .old_sight .title { padding: 0 0 5px 0; font-size: 15px; line-height: 20px; font-weight: bold; color: #F00;}
#infomation .old_sight .left {width: 190px;}
#infomation .old_sight .right { font-size: 13px; line-height: 18px;}
#infomation .old_sight .right span { color: #F00;}
#infomation .old_sight .coution { color: #C00; text-align: center;}


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

#topcontent .mainvisual {width: 600px; background: url(/image/top_mainphoto_bg_body.gif); margin-bottom: 10px;}
#topcontent .mainvisual .photo {padding: 3px 0 3px 5px;}
#topcontent .mainvisual_txt {text-align: center; color: #d10000; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
#topcontent .mainvisual_txt .line {width: 500px; margin: auto; border: dotted 1px #333; background: #eee; padding: 5px;}

#topcontent #event_search {width: 600px; height: 87px; margin-bottom: 10px; background: url(/common/image/search_bg_body.gif) no-repeat;}
#topcontent #event_search .event_search_form {width: 580px; padding: 15px 0 0 0; margin: 0 0 0 10px;}
#topcontent #event_search .event_search_form table {width: 580px;}
#topcontent #event_search .event_search_form td {vertical-align: middle;}
#topcontent #event_search .event_search_form .title1 {width: 200px;}
#topcontent #event_search .event_search_form .title1 img {margin-left: 8px;}
#topcontent #event_search .event_search_form .todouhuken {width: 150px;}
#topcontent #event_search .event_search_form .todouhuken .select1 {width: 130px;}
#topcontent #event_search .event_search_form .month {width: 150px;}
#topcontent #event_search .event_search_form .month .select2 {width: 150px;}
#topcontent #event_search .event_search_form .btn {width: 80px;}
#topcontent #event_search .event_search_form .keyword {width: 580px; margin-top: 10px;}
#topcontent #event_search .event_search_form .keyword .keyword_search {width: 200px;}
#topcontent #event_search .event_search_form .keyword .keyword_search img {margin-left: 8px;}
#topcontent #event_search .event_search_form .keyword .textarea {width: 300px;}
#topcontent #event_search .event_search_form .keyword .textarea input {width: 280px;}
#topcontent #event_search .event_search_form .keyword .btn {width: 80px;}

#topcontent #newest {width: 600px; margin-bottom: 10px; background: url(/common/image/main_bg_body.gif) repeat-y;}
#topcontent #newest .head {background: url(/common/image/main_bg_head.gif) no-repeat top left;}
#topcontent #newest h3 {width: 600px;padding: 9px 0 0 8px;}
#topcontent #newest ul {padding: 0 10px 0 10px;}
#topcontent #newest ul li {padding: 5px 0 3px 0; margin-bottom: -2px; background: url(/common/image/main_table_line.gif) repeat-x bottom left;}
#topcontent #newest ul li .info {padding-left: 6px; color: #08681c;}
#topcontent #newest ul li .info span {color: #be8a12; padding-right: 10px;}
#topcontent #newest ul li .info img { position: relative; top: 4px; left: 4px;}
#topcontent #newest ul li .info b.due {font-size: 13px; color: #cc52cc; padding-left: 8px;}
#topcontent #newest ul li .info b.now {font-size: 14px; color: #d91a04; padding-left: 8px;}
#topcontent #newest ul li .title {padding-left: 20px; background: url(/common/image/main_icon_purple.gif) no-repeat 6px 50%; font-size: 14px; line-height: 23px;}
#topcontent #newest ul li .title a { font-weight: bold;}