/* ---------------------------------------- 共通スタイル　Common --------------------------------------- */ /* ---------------------------------------- 全体レイアウト --------------------------------------- */ a { outline:none; } strong { font-weight:bold; } body { width:100%; } #matter_back_ctn { width:100%; background:url(../img/new_common/header_bg.jpg) repeat-x #FFF; } #matter_ctn { margin:0 auto; width:960px; position:relative; overflow:hidden; zoom:1; } /* ---------------------------------------- ヘッダー　Header --------------------------------------- */ #header_ctn { width:960px; } h1 { display:block; height:20px; color: #666666; } h2#logo { float:left; } h2#logo a { display:block; background:url(../img/new_common/logo.jpg) no-repeat 0 0; width:250px; height:60px; } #head_right_ctn { float:left; width:960px; } #now_on_air_ctn { margin-top:20px; height:25px; float:right; } h3#now_on_air_title { float:left; background:url(../img/new_common/nowonair_title.jpg) no-repeat center center #F2F2F2; width:120px; height:25px; } #request_btn_ctn { float:left; } a#request_btn { background:url(../img/new_common/request_btn.jpg) no-repeat; width:83px; height:25px; } a#request_btn:link , a#request_btn:visited { background-position:0 0; } a#request_btn:hover , a#request_btn:active { background-position:0 -25px; } #nav_ctn { clear:both; } #nav_ctn ul li { float:left; } #nav_ctn ul li a { background-image:url(../img/new_common/nav.jpg); } #nav_ctn ul li a#nav1 { width:307px; height:40px; } #nav_ctn ul li a#nav2 { width:278px; height:40px; } #nav_ctn ul li a#nav3 { width:183px; height:40px; } #nav_ctn ul li a#nav4 { width:110px; height:40px; } #nav_ctn ul li a#nav1:link , #nav_ctn ul li a#nav1:visited { background-position:0 0; } #nav_ctn ul li a#nav2:link , #nav_ctn ul li a#nav2:visited { background-position:-307px 0; } #nav_ctn ul li a#nav3:link , #nav_ctn ul li a#nav3:visited { background-position:-585px 0; } #nav_ctn ul li a#nav4:link , #nav_ctn ul li a#nav4:visited { background-position:-768px 0; } #nav_ctn ul li a#nav1:hover , #nav_ctn ul li a#nav1:active { background-position:0 -40px; } #nav_ctn ul li a#nav2:hover , #nav_ctn ul li a#nav2:active { background-position:-307px -40px; } #nav_ctn ul li a#nav3:hover , #nav_ctn ul li a#nav3:active { background-position:-585px -40px; } #nav_ctn ul li a#nav4:hover , #nav_ctn ul li a#nav4:active { background-position:-768px -40px; } /* ---------------------------------------- メイン　Main --------------------------------------- */ #main_ctn { margin-top:5px; clear:both; } #main_ctn h3 { width:960px; height:62px; } h3#title1 { background:url(../img/new_common/common_title.jpg) no-repeat 0 0; } /* Request */ h3#title2 { background:url(../img/new_common/common_title.jpg) no-repeat 0 -62px; } /* Personality */ h3#title3 { background:url(../img/new_common/common_title.jpg) no-repeat 0 -124px; } /* Guest */ h3#title4 { background:url(../img/new_common/common_title.jpg) no-repeat 0 -186px; } /* Company */ h3#title5 { background:url(../img/new_common/common_title.jpg) no-repeat 0 -248px; } /* Link */ h3#title6 { background:url(../img/new_common/common_title.jpg) no-repeat 0 -310px; } /* Privacy */ h3#title7 { background:url(../img/new_common/common_title.jpg) no-repeat 0 -372px; } /* About791 */ h3#title8 { background:url(../img/new_common/common_title.jpg) no-repeat 0 -434px; } /* satesta */ h3#title9 { background:url(../img/new_common/common_title.jpg) no-repeat 0 -496px; } /* topics */ h3#title10 { background:url(../img/new_common/common_title.jpg) no-repeat 0 -558px; } /* Listen to FM791 Clear */ h3#title11 { background:url(../img/new_common/common_title.jpg) no-repeat 0 -620px; } /* toku */ h3#title12 { background:url(../img/new_common/common_title.jpg) no-repeat 0 -682px; } /* Event */ h3#title13 { background:url(../img/new_common/recruit_title.jpg) no-repeat 0 0; } /* Recruit */ h3#title1 , h3#title2 , h3#title3 , h3#title4 , h3#title5 , h3#title6 , h3#title7 , h3#title8 , h3#title9 , h3#title10 , h3#title11 , h3#title12 , h3#title13 { margin-bottom: 3px; margin-top: 10px; } #main_left_ctn { background-color:#000; float:left; width:666px; padding: 20px; } #main_right_ctn { float:right; width:250px; } #main_right_ctn div.box { padding:5px 5px 0; background-color:#000; margin-bottom:5px; float:left; } #main_right_ctn div.box li { padding-bottom: 5px; } .s_title1 { display:block; height:29px; background:url(../img/common_stitle_back.gif) no-repeat 0 3px; color:#00B2B2; font-size:14px; font-weight:bold; padding:0 0 0 18px; } #program {} #program ul { padding: 5px 5px 0; } #program ul li { padding-bottom: 5px; } #program ul li h6 { background: #333; color: #CCC; padding: 5px; font-weight: bold; } #program ul li h6.select { background: #4D4D4D; } #program ul li div.program_links { background: #3A3A3A; color: #CCC; padding: 5px; line-height: 1.5em; } #program ul li div.program_links a { color: #FF5E84; } /* ---------------------------------------- フッター　Footer --------------------------------------- */ #footer_bg { background: #000 url(../img/new_common/foot_bg.jpg) repeat-x top; } #footer_ctn { margin:auto; padding: 20px 0 60px; width:960px; position:relative; color:#666; } #footer_right { float:right; padding-top:45px; } #footer_right a { padding-right: 5px; } #footer_left { float:left; width:700px; } ul#footer_menu li { float:left; background:url(../img/new_common/icon1.gif) no-repeat 0 2px; margin-right:15px; padding-left:18px; } ul#footer_menu li a { color:#666; line-height:1.3em; } #com_info_ctn { background:url(../img/new_common/footer_bar.gif) repeat-y 0 0; color: #DDD; margin-top:30px; padding:0 0 0 13px; } #com_info_ctn h2 { font-weight:bold; font-size:14px; } #tec_coo { background:url(../img/new_common/footer_bar.gif) repeat-y 0 0; margin:10px 0 0 0; padding:0 0 0 13px; } #tec_coo a { color: #666; } p#copy { font-size:10px; margin-top:15px; } /* ---------------------------------------- 共通スタイル一括指定　Common Style --------------------------------------- */ h2#logo , h3#now_on_air_title , a#request_btn , #nav_ctn ul li a , #main_ctn h3 { display:block; text-indent:-9999px; } #header_ctn , #head_right_ctn , #nav_ctn , #nav_ctn ul , #main_ctn , #main_left_ctn , #main_right_ctn , #footer_ctn , ul#footer_menu { overflow:auto; zoom:1; }