/* CSS Document */
@charset "utf-8";

#prJoin{ padding-bottom:5px; margin-bottom:4px; background:url(../img/line_h02.gif) repeat-x bottom; }
#prJoin a{ background:url(../img/index/banner_pr_join_468x60.gif) no-repeat; width:468px; height:60px; text-indent:468px; line-height:60px; display:block; overflow:hidden; }

/* Top page */
#gSearch { background:#E9E9E2 url(../img/index/bg_common_search_top.gif) no-repeat; margin-bottom:4px; }

#gSearch #gCat { height:18px; padding:10px 12px 0px 12px; color:#CCC; overflow:hidden; margin-bottom:7px; }
#gSearch #gCat li{ float:left; margin-right:6px; padding-right:8px; background:url(../img/index/bg_common_search_li_v_boder.gif) repeat-y right; }
#gSearch #gCat li a{ color:#FFF; padding:0px 6px; background-color:#7DBE0A; line-height:17px; height:17px; display:inline-block; }
#gSearch #gCat li.active a{ background-color:#C4364E; color:#FFF; }
#gSearch #gCat li.active a{ text-decoration:none; }
#gSearch #gCat li#ai{ background:none; }

#gSearch #g_form { clear:left; background:url(../img/index/bg_common_search_bottom.gif) no-repeat bottom; overflow:hidden; height:100%; padding:0px 12px 5px 12px; font-size:12px; }
#gSearch #g_form select,
#gSearch #g_form input,
#gSearch #g_form span{ margin-right:5px; margin-bottom:3px; vertical-align:middle; }
#gSearch #g_form select{ height:20px; line-height:20px; }
#gSearch #g_form span{ line-height:13px; vertical-align:middle; font-size:12px; height:13px; }
#gSearch #g_form label input{ margin-right:4px; width:13px; height:13px; padding:0px; }
#gSearch #g_form .hide{ display:none; }
#gSearch #g_form .focus{ color:#333; }
#gSearch #g_form .unfocus{ color:#CCC; }
#gSearch #g_form #ss_sb,
#gSearch #g_form #sm_sb,
#gSearch #g_form #sj_sb,
#gSearch #g_form #abcd_sb,
#gSearch #g_form #ai_sb{ background:#87BC1E url(../img/bg_btn_search.gif) repeat-x; width:74px; height:21px; line-height:20px; font-weight:bold; border:1px solid #999b9a; padding:0px; }
#gSearch #g_form select{ background:#FFF url(../img/bg_input_text.gif) no-repeat; }
#gSearch #g_form #ss_t,
#gSearch #g_form #sm_t,
#gSearch #g_form #sj_t,
#gSearch #g_form #abcd_t,
#gSearch #g_form #ai_t{ width:280px; font-weight:bold; border:1px solid; border-color:#7C7C7C #CECECE #CECECE #7C7C7C; background:#FFF url(../img/bg_input_text.gif) no-repeat; height:13px; padding:3px; font-size:13px; line-height:14px; }
#gSearch #g_form #abcd_t,
#gSearch #g_form #ai_t{ width:220px; }
#gSearch #g_form #abcd_txt,
#gSearch #g_form #ai_txt{ font-size:10px; color:#999; line-height:13px; }

/* 地域別に音楽情報を探す */
#boxSelectPref { margin-bottom:10px; background:url(../img/index/bg_select_pref.gif) no-repeat; height:231px; }
#boxSelectPref h2{ height:25px; line-height:25px; text-indent:468px; overflow:hidden; }
#boxSelectPref dl{ padding-top:7px; }
#boxSelectPref dt{ text-align:right; font-size:12px; height:23px; line-height:23px; width:90px; }
#boxSelectPref dd{ padding-left:100px; font-size:12px; height:23px; line-height:22px; margin-top:-23px; color:#CCC; }

/* 新着求人情報 */
#boxJobBbs { margin-bottom:10px; }
#boxJobBbs h2{ margin-bottom:2px; background:url(../img/index/bg_career_job.gif) no-repeat; height:58px; line-height:58px; text-indent:468px; overflow:hidden; }
#boxJobBbs dl{ padding:1px 9px; border:4px solid #EDEDED; }
#boxJobBbs dt{ font-size:12px; padding-top:7px; margin-bottom:2px; background:url(../img/icon_arrow_job.gif) no-repeat 0px 8px; line-height:13px; padding-left:15px; }
#boxJobBbs dd{ font-size:12px; line-height:17px; }
#boxJobBbs dd.info{ font-size:11px; color:#999; padding-bottom:3px; background:url(../img/line_h02.gif) repeat-x bottom; }
#boxJobBbs dd.navi{ background:url(../img/icon_arrow_03.gif) no-repeat right; text-align:right; padding-right:15px; height:20px; padding-top:3px; }

/* 近日開催予定音楽イベント */
#boxEventBbs { margin-bottom:10px; }
#boxEventBbs h2{ margin-bottom:2px; background:url(../img/index/bg_event.gif) no-repeat; height:72px; line-height:72px; text-indent:468px; overflow:hidden; }
#boxEventBbs dl{ padding:1px 9px; border:4px solid #EDEDED; }
#boxEventBbs dt{ font-size:12px; padding-top:7px; margin-bottom:2px; background:url(../img/icon_arrow_event.gif) no-repeat 0px 8px; line-height:13px; padding-left:15px; }
#boxEventBbs dd.info{ font-size:11px; color:#999; line-height:17px; }
#boxEventBbs dd.txt{ font-size:12px; line-height:17px; padding-bottom:6px; background:url(../img/line_h02.gif) repeat-x bottom; }
#boxEventBbs dd.navi{ background:url(../img/icon_arrow_03.gif) no-repeat right; text-align:right; padding-right:15px; line-height:17px; height:20px; padding-top:3px; }

/* おすすめサイト */
#boxRecSite { margin-bottom:10px; }
#boxRecSite h2{ margin-bottom:6px; background:url(../img/index/bg_rec_site.gif) no-repeat; height:29px; line-height:29px; text-indent:468px; overflow:hidden; }
#boxRecSite table{ border-collapse:collapse; width:458px; margin:0px auto; }
#boxRecSite td{ font-size:11px; line-height:15px; padding-left:5px; }

/* お知らせ・新着情報 */
#boxNews { margin-bottom:10px; }
#boxNews h2{ margin-bottom:6px; background:url(../img/index/bg_news.gif) no-repeat; height:29px; line-height:29px; text-indent:468px; overflow:hidden; }
#boxNews dt{ font-size:12px; line-height:15px; padding:5px 0 5px 10px; height:15px; width:70px; margin-left:10px; background:url(../img/icon_arrow_04.gif) no-repeat 0px 9px; }
#boxNews dd{ font-size:12px; line-height:15px; padding:5px 0 5px 90px; margin-top:-25px; background:url(../img/line_h02.gif) repeat-x bottom; }

/* 広告300x250 */
#boxAds{ margin-bottom:3px; }

/* 新着バンドメンバー募集情報 */
#boxMembo { overflow:hidden; margin-bottom:5px; }
#boxMembo h2{ background:#FFF url(../img/index/bg_membo.gif) no-repeat; height:37px; line-height:37px; color:#FFF; font-size:13px; padding-left:30px; }
#boxMembo h2 a{ color:#FFF; }
#boxMembo dl{ border-left:4px solid #F8F8F8; border-right:4px solid #F8F8F8; border-bottom:4px solid #F8F8F8; padding:0px 7px 5px 7px; }
#boxMembo dt{ font-size:12px; line-height:13px; height:13px; padding-top:7px; margin-bottom:2px; background:url(../img/icon_arrow_membo.gif) no-repeat 0px 8px; padding-left:14px; }
#boxMembo dd{ line-height:17px; font-size:12px; }
#boxMembo dd span{ color:#CCC; }
#boxMembo dd p{ padding-left:17px; font-size:12px; }
#boxMembo dd p.gender_male{ background:url(../img/membo/icon_gender_male_small.gif) no-repeat 0px 2px; }
#boxMembo dd p.gender_female{ background:url(../img/membo/icon_gender_female_small.gif) no-repeat 0px 2px;}
#boxMembo dd p.gender_none{ background:url(../img/membo/icon_gender_none_small.gif) no-repeat 0px 2px;}
#boxMembo dd.info{ margin-top:3px; padding-bottom:3px; background:url(../img/line_h02.gif) repeat-x bottom; }
#boxMembo dd.navi{ background:url(../img/icon_arrow_03.gif) no-repeat right; text-align:right; padding-right:15px; height:20px; padding-top:3px; }

/* 新着音楽教室 */
#boxSchool { overflow:hidden; margin-bottom:5px; }
#boxSchool h2{ background:#FFF url(../img/index/bg_school.gif) no-repeat; height:37px; line-height:37px; color:#FFF; font-size:13px; padding-left:30px; }
#boxSchool h2 a{ color:#FFF; }
#boxSchool dl{ border-left:4px solid #F8F8F8; border-right:4px solid #F8F8F8; border-bottom:4px solid #F8F8F8; padding:5px 7px 5px 7px; }
#boxSchool dt{ clear:left; line-height:17px; margin-bottom:3px; background:url(../img/line_h02.gif) repeat-x top; padding-top:5px; }
#boxSchool dt a{ font-weight:bold; }
#boxSchool dd{ font-size:12px; line-height:17px; margin-bottom:4px; }
#boxSchool dd.img{ float:left; margin-right:6px; margin-bottom:0px; padding-bottom:4px; overflow:hidden; }
#boxSchool dd.img img{ vertical-align:middle; border:1px solid #333; padding:1px; }
#boxSchool dd.img a:hover img{ border-color:#B3DC24; }
#boxSchool dd.info{ margin-bottom:5px; word-break:break-all; }
#boxSchool dt.first{ background:none; margin-top:0px; padding-top:0px; }

/* 逆アクセスランキング */
#boxRanking { margin-bottom:0px; }
#boxRanking h2{ background:#FFF url(../img/index/bg_ranking.gif) no-repeat; height:37px; line-height:37px; color:#FFF; font-size:13px; padding-left:30px; }
#boxRanking h2 a{ color:#FFF; }
#boxRanking h3{ font-size:11px; line-height:15px; font-weight:normal; background:url(../img/icon_arrow_02.gif) no-repeat; background-position:0px 4px; padding-left:10px; }
#boxRanking div{ border-left:4px solid #F8F8F8; border-right:4px solid #F8F8F8; border-bottom:4px solid #F8F8F8; padding:5px 7px 5px 7px; }
#boxRanking table{ margin-bottom:6px; border-collapse:collapse; }
#boxRanking td{ font-size:11px; background:url(../img/line_h02.gif) repeat-x bottom right; line-height:13px; word-break:break-all; }
#boxRanking .odd td{ background-color:#FAFAFA; }
#boxRanking .even{}