*{ margin:0; padding:0; } img{ border:0; } .float_r { float:right;} .float_l {float:left;} .s10 { font-size:10px; line-height:14px;} .s14 { font-size:14px; line-height:18px;} .font_b { font-weight:bold; } .hidden { text-indent:-9999px;} body{ font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:12px; color:#FFFFFF; } html{ overflow-y:scroll; } html, body, #wrap {} body > #wrap {height: auto;} body#news{background:#000000 url(../news/img/bg_news.jpg) no-repeat center top;} body#intro{background:#000000 url(../intro/img/bg_intro.jpg) no-repeat center top;} body#onair{background:#000000 url(../onair/img/bg_onair.jpg) no-repeat center top;} body#link{background:#000000 url(../link/img/bg_link.jpg) no-repeat center top;} body#mail{background:#000000 url(../mailmagazine/img/bg_mail.jpg) no-repeat center top;} body#staff{background:#000000 url(../staff/img/bg_staff.jpg) no-repeat center top;} body#special{background:#000000 url(../special/img/bg_special.jpg) no-repeat center top;} body#gallery{background:#000000 url(../gallary/img/bg_gallery.jpg) no-repeat center top;} body#goods{background:#000000 url(../goods/img/bg_goods.jpg) no-repeat center top;} body#chara{background:#000000 url(../chara/img/bg_chara.jpg) no-repeat center top;} div#main {padding-bottom: 20px;} /* must be same height as the footer */ body#package{background:#000000 url(../package/img/bg_package.jpg) no-repeat center top;} div#footer { padding-top: 15px; padding-bottom: 10px; } div#wrap{ background:url(../img/header_line.gif) repeat-x left top; padding:13px 0 0 0; } div#main{ width:963px; margin:0 auto; background:url(../img/bg_content_middle.gif) repeat-y left top; } div#header{ background:url(../img/bg_header.gif) no-repeat left top; padding:12px 0 0 21px; } div#container{ } h2{ clear:both; margin:0 0 20px 20px; } h2.intro{ clear:both; margin:0 0 0 20px; } p{ font-size:12px; line-height:16px;} .imgleft{ float:left; margin-right:10px;} .imgright{ float:right; margin-right:10px;} .imgleft_b{ float:left; border:#FFFFFF solid 1px; margin-right:10px;} a { color: #d4a709; } /*----------------------------- ナビゲーション -----------------------------*/ div.menu{ width:928px; height:43px; margin:0 auto; } div.menu ul{ list-style-type: none; } div.menu ul li{ float:left; text-indent:-9999px; } div.menu ul li a{ display:block; height:44px; } div.menu ul li.news a{background:url(../img/menu_news_off.gif) no-repeat; width:62px;} div.menu ul li.intro a{background:url(../img/menu_intro_off.gif) no-repeat; width:30px;} div.menu ul li.chara a{background:url(../img/menu_chara_off.gif) no-repeat; width:57px;} div.menu ul li.staff a{background:url(../img/menu_staff_off.gif) no-repeat; width:117px;} div.menu ul li.onair a{background:url(../img/menu_onair_off.gif) no-repeat; width:57px;} div.menu ul li.package a{background:url(../img/menu_package_off.gif) no-repeat; width:95px;} div.menu ul li.music a{background:url(../img/menu_music_off.gif) no-repeat; width:42px;} div.menu ul li.gallary a{background:url(../img/menu_gallary_off.gif) no-repeat; width:103px;} div.menu ul li.special a{background:url(../img/menu_special_off.gif) no-repeat; width:69px;} div.menu ul li.bbs a{background:url(../img/menu_bbs_off.gif) no-repeat; width:34px;} div.menu ul li.diary a{background:url(../img/menu_diary_off.gif) no-repeat; width:56px;} div.menu ul li.mailmag a{background:url(../img/menu_mail_off.gif) no-repeat; width:57px;} div.menu ul li.link a{background:url(../img/menu_link_off.gif) no-repeat; width:47px;} div.menu ul li.blog a{background:url(../img/menu_blog_off.gif) no-repeat; width:42px;} div.menu ul li.goods a{background:url(../img/menu_goods_off.gif) no-repeat; width:57px;} div.menu ul li.news a:hover{background:url(../img/menu_news_on.gif) no-repeat;} div.menu ul li.intro a:hover{background:url(../img/menu_intro_on.gif) no-repeat;} div.menu ul li.chara a:hover{background:url(../img/menu_chara_on.gif) no-repeat;} div.menu ul li.staff a:hover{background:url(../img/menu_staff_on.gif) no-repeat;} div.menu ul li.onair a:hover{background:url(../img/menu_onair_on.gif) no-repeat;} div.menu ul li.package a:hover{background:url(../img/menu_package_on.gif) no-repeat;} div.menu ul li.music a:hover{background:url(../img/menu_music_on.gif) no-repeat;} div.menu ul li.gallary a:hover{background:url(../img/menu_gallary_on.gif) no-repeat;} div.menu ul li.special a:hover{background:url(../img/menu_special_on.gif) no-repeat;} div.menu ul li.blog a:hover{background:url(../img/menu_blog_on.gif) no-repeat;} div.menu ul li.bbs a:hover{background:url(../img/menu_bbs_on.gif) no-repeat;} div.menu ul li.diary a:hover{background:url(../img/menu_diary_on.gif) no-repeat;} div.menu ul li.mailmag a:hover{background:url(../img/menu_mail_on.gif) no-repeat;} div.menu ul li.link a:hover{background:url(../img/menu_link_on.gif) no-repeat;} div.menu ul li.goods a:hover{background:url(../img/menu_goods_on.gif) no-repeat;} a{ overflow:hidden;} /* CLEAR FIX*/ .clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /*----------------------------- フッターー -----------------------------*/ #footer{ width:963px; clear:both; font-size:10px; line-height:14px;margin: 0px auto;background:#000000 url(../img/bg_footer.gif) no-repeat left top;} #footer #mobile {float:left; width:335px; text-align:left; margin:0 0 0 5px; *margin:0 0 0 2px;} #footer #mobile .img_qr{ width:50px; height:50px; background:url(../img/qr.gif) no-repeat; float:left; text-indent:-9999px; margin-right:5px;} #footer .f_txt{ float:right; width:550px; margin:0 5px 0 0; *margin:0 2px 0 0;} #footer .f_txt p.bnanx a{ background:url(../img/logo_aniplex.gif) no-repeat; width:101px; height:40px; text-indent:-9999px; float:right; display:block; margin-left: 5px;} #footer a{color:#db0a10;}