/* GENERAL USE */ #ninja-hp-inactive { display: none !important; } * { margin: 0px; padding: 0px; border: 0px; } html,body { width: 100%; height: 100%; } body { margin: 0px; padding: 0px; border: 0px; font-family: "Arial", "MS　ゴシック", "MS Gothic"; font-size: 12px; color: #000000; background-color: #cccccc; } body { background-image: url(img/bg.png); background-position: top center; } frameset { border: 0px; } ul,li { margin: 0px; border: 0px; } /* LINK COLOR */ a { text-decoration: underline; cursor: pointer; } a:link { color: #44364C; } a:visited { color: #382d40; } a:hover { background-color: #badc00; color: #FFFFFF; text-decoration: none; } a img { text-decoration: none; border: 0px; } a .image { text-decoration: none; border: 0px; } /* SHINOBI AD MOD */ div.tdftdiv, .tdftad { font-size: 10px; color: #505050; position: absolute; top: 0px; left: 0px; width: 40px; margin: 0px; padding: 0px; border: 0px; display: block; } div.tdftdiv a, .tdftad a { color: #362640; } /* GLOBAL CLASS */ .display-none { display: none; } .textalign-right { text-align: right; } /* COMMON OBJECTS n' ELEMENTS */ #page-bottom-ctrl { width: 804px; margin: 0px auto; padding: 78px 0px 0px 0px; text-align: left; } #page-bottom-ctrl ul li { list-style-type: none; float: left; display: block; } #btn-home a { background: url(img/sec_foot_btn.png) 0px 0px no-repeat; width: 120px; height: 52px; display: block; } #btn-home a:hover { background: url(img/sec_foot_btn.png) 0px -52px no-repeat; } #btn-back a { background: url(img/sec_foot_btn.png) -120px 0px no-repeat; width: 120px; height: 52px; display: block; } #btn-back a:hover { background: url(img/sec_foot_btn.png) -120px -52px no-repeat; } #btn-ptop a { background: url(img/sec_foot_btn.png) -240px 0px no-repeat; width: 120px; height: 52px; display: block; } #btn-ptop a:hover { background: url(img/sec_foot_btn.png) -240px -52px no-repeat; } #btn-blog { position: absolute; top: 4px; left: 0px; list-style-type: none; } #btn-blog a { background: url(img/sec_foot_btn_blog.png) 0px 0px no-repeat; width: 150px; height: 56px; display: block; } #btn-blog a:hover { background: url(img/sec_foot_btn_blog.png) -150px 0px no-repeat; } /* MAIN PAGE */ div#main-base { background-image: url(img/main_foot.png); background-position: center 700px; background-repeat: no-repeat; width: 100%; height: 100%; text-align: center; } #main-u-t { background:url(img/main_u_t.png) top center no-repeat; width: 100%; height: 120px; display: block; } #main-u-m { background:url(img/main_u_m.png) top center no-repeat; width: 100%; height: 480px; display: block; } #main-u-b { background:url(img/main_u_b.png) top center no-repeat; width: 100%; height: 60px; display: block; } #main-b { background:url(img/main_b.png) top center no-repeat; width: 100%; height: 40px; } #main-b-inner { width: 960px; height: 40px; padding: 0px 60px 0px 60px; margin: 0px auto 0px auto; text-align: left; position: relative } #main-b-inner ul li { list-style-type: none; float: left; } #main-news-0 { cursor: pointer; } #main-news-0 div { width: 312px; height: 36px; padding: 4px 0px 0px 8px; overflow: hidden; } #main-news-1 { width: 312px; height: 112px; padding: 8px 5px 37px 13px; position: absolute; top: 40px; left: 55px; background: url(img/main_news_1.png) 0px 0px no-repeat; } #main-news-1 div { height: 32px; } .news-date, .news-cont { font-family: "Palatino Linotype", "Book Antiqua", "Times New Roman", "Times", "serif"; } .news-date { font-size: 28px; color: #999999; line-height: 1em; letter-spacing: -1px; } .news-cont { color: #666666; } #main-news-spacer { width: 237px; height: 40px; display: block; } a.main-btn { display: block; height: 40px; cursor: pointer; } #main-btn0 a { background: url(img/main_btns.png) 0px 0px no-repeat; width: 88px } #main-btn0 a:hover { background-position: 0px -40px; } #main-btn1 a { background: url(img/main_btns.png) -88px 0px no-repeat; width: 112px } #main-btn1 a:hover { background-position: -88px -40px; } #main-btn2 a { background: url(img/main_btns.png) -200px 0px no-repeat; width: 103px } #main-btn2 a:hover { background-position: -200px -40px; } #main-btn3 a { background: url(img/main_btns.png) -303px 0px no-repeat; width: 90px } #main-btn3 a:hover { background-position: -303px -40px; } /* SECTIONS NAVI COMMON*/ #sec-navi li { list-style-type: none; float: right; } #sec-tab-l { width: 4px; height: 84px; display: block; background: url(img/sec_tabs-bg_x0.png) -96px 0px no-repeat; } #sec-tab-r { width: 4px; height: 84px; display: block; background: url(img/sec_tabs-bg_x0.png) -600px 0px no-repeat; } .sec-tab-head, .sec-tab-tail, .sec-tab-hole, .sec-tab-endl, .sec-tab-endr { width: 100px; height: 84px; display: block; } .sec-tab-head { background: url(img/sec_tabs-bg_x0.png) -100px 0px no-repeat; } .sec-tab-head:hover { background: url(img/sec_tabs-bg_x0.png) -400px 0px no-repeat; } .sec-tab-tail { background: url(img/sec_tabs-bg_x0.png) -200px 0px no-repeat; } .sec-tab-tail:hover { background: url(img/sec_tabs-bg_x0.png) -500px 0px no-repeat; } .sec-tab-hole { background: url(img/sec_tabs-bg_x0.png) -300px 0px no-repeat; } .sec-tab-endl { background: url(img/sec_tabs-bg_x0.png) 0px 0px no-repeat; } .sec-tab-endr { background: url(img/sec_tabs-bg_x0.png) -600px 0px no-repeat; } #sec-btn0, #sec-btn1, #sec-btn2, #sec-btn3 { width: 100px; height: 80px; margin-top: 4px; display: block; } #sec-btn0 { background: url(img/sec_tabs-label_x0.png) 0px 0px no-repeat; } #sec-btn1 { background: url(img/sec_tabs-label_x0.png) -100px 0px no-repeat; } #sec-btn2 { background: url(img/sec_tabs-label_x0.png) -200px 0px no-repeat; } #sec-btn3 { background: url(img/sec_tabs-label_x0.png) -300px 0px no-repeat; } /* SECTIONS LAYOUT */ #sec-u { background:url(img/sec_u.png) center top no-repeat; width: 100%; height: 146px; display: block; } #sec-u-inner { width: 968px; height: 84px; padding-top: 62px; margin: 0px auto; position: relative; } #sec-header-1 { background:url(img/sec_head_1.png) center top no-repeat; width: 100%; height: 100px; display: block; } #sec-header-1i { width: 968px; height: 100px; display: block; clear: both; margin: 0px auto; position: relative; } #sec-current-0 { width: 108px; height: 84px; display: block; background: url(img/sec_tab_current.png) 0px 0px no-repeat; position: absolute; top: 0px; right: 300px; } #sec-current-1 { width: 108px; height: 84px; display: block; background: url(img/sec_tab_current.png) -108px 0px no-repeat; position: absolute; top: -4px; right: 196px; } #sec-current-2 { width: 108px; height: 84px; display: block; background: url(img/sec_tab_current.png) -216px 0px no-repeat; position: absolute; top: 0px; right: 100px; } #sec-current-3 { width: 108px; height: 84px; display: block; background: url(img/sec_tab_current.png) -324px 0px no-repeat; position: absolute; top: 0px; right: 0px; } #sec0-submenu { width: 404px; height: 96px; display: block; position: absolute; top: 0px; right: 0px; } #sec0-submenu ul li { list-style-type: none; float: left; } #sec0-submenu-a { width: 100px; height: 96px; display: block; background: url(img/sec_sec0_submenu.png) 0px 0px no-repeat; } #sec0-submenu-0 a { width: 100px; height: 96px; display: block; background: url(img/sec_sec0_submenu.png) -100px 0px no-repeat; } #sec0-submenu-0 a:hover { background: url(img/sec_sec0_submenu.png) -100px -96px no-repeat; } #sec0-submenu-1 a { width: 100px; height: 96px; display: block; background: url(img/sec_sec0_submenu.png) -200px 0px no-repeat; } #sec0-submenu-1 a:hover { background: url(img/sec_sec0_submenu.png) -200px -96px no-repeat; } #sec0-submenu-z { width: 104px; height: 96px; display: block; background: url(img/sec_sec0_submenu.png) -300px 0px no-repeat; } #sec-basebg { background: url(img/sec_base_bg.png) center top repeat-y; width: 100%; display: block; } #sec-header-2 { background: url(img/sec_head_2.png) center top no-repeat; width:100%; display: block; } #sec-body { width: 960px; min-height: 425px; display: block; height: auto !important; height: 100%; padding: 2px 4px 0px 4px; margin: 0px auto; background: url(img/sec_body_bg.png) center top no-repeat; text-align: center; } #sec-body div { margin-left: auto; margin-right: auto; } #sec-footer-1 { background: url(img/sec_foot_1.png) center top no-repeat; width: 100%; height: 200px; display: block; } #sec-footer-2 { background: url(img/sec_foot_2.png) center top no-repeat; width: 100%; height: 100px; display: block; } #sec-footer-2 div { width: 960px; height: 60px; margin: 0px auto 0px auto; display: block; position: relative; } /* SECTIONS SUBPAGES LAYOUT */ #secb-header-1 { background:url(img/secb_head_1.png) center top no-repeat; width: 100%; height: 126px; display: block; } #secb-header-1-i { width: 968px; margin: 0px auto; position: relative; } #secb-cur-is1 { width: 108px; height: 84px; display: block; background: url(img/sec_tab_current.png) -108px 0px no-repeat; position: absolute; top: 26px; right: 40px; } #secb-cur-is2 { width: 108px; height: 84px; display: block; background: url(img/sec_tab_current.png) -216px 0px no-repeat; position: absolute; top: 26px; right: 40px; } #secb-header-2 { background:url(img/secb_head_2.png) center top no-repeat; width: 100%; display: block; } #secb-body { width: 960px; min-height: 360px; display: block; height: auto !important; height: 100%; padding: 2px 4px 0px 4px; margin: 0px auto; background: url(img/secb_body.png) center top no-repeat; text-align: center; } #secb-footer-1 { background: url(img/secb_foot_1.png) center top no-repeat; width: 100%; height: 200px; display: block; } #secb-footer-2 { background: url(img/secb_foot_2.png) center top no-repeat; width: 100%; height: 40px; display: block; } /* SECTION 'ABOUT' */ .about-1block { width: 640px; margin: 0px 0px 48px 0px; text-align: left; line-height: 1.5em; } .parag-title { margin: 0px 0px 8px 0px; font-family: "Palatino", "Book Antiqua", "Times New Roman", "Times", "serif"; font-size: 32px; color: #A0A0A0; letter-spacing: 6px; line-height: 1em; } .parag-text-c { margin-bottom: 24px; } .parag-text-j { } .about-titem { width: 90px; height: 20px; padding: 0px 0px 4px 10px; vertical-align: top; font-size: 10px; color: #663399; } .about-item { width: 460px; vertical-align: top; } .newslog-1gen { clear: both; width: 800px; padding: 24px 0px 0px 0px; margin: 0px 0px -16px 0px; text-align: left; letter-spacing: 2px; font-size: 48px; color: #DDDDDD; } .newslog-holder { width: 800px; text-align: left; } .newslog-1row { float: left; padding-right: 24px; height: 36px; } .newslog-1row:hover { background: #d0f000; } .newslog-1date, .newslog-1cont, .newslog-1gen { font-family: "Palatino Linotype", "Book Antiqua", "Times New Roman", "Times", "serif"; } .newslog-1date { font-size: 30px; color: #808080; line-height: 1em; letter-spacing: -1px; } .newslog-1cont { color: #333333; } /* SECTION 'LINKS' */ #link-attn, #link-info { width: 640px; margin-bottom: 24px; text-align: left; line-height: 1.5em; } #link-info { width: 640px; margin-bottom: 48px; text-align: left; line-height: 1.5em; } #link-info img { margin: 0px 0px 8px 0px; } .link-info-l { width: 70px; float: left; text-align: left; } .link-info-r { width: 508px; float: left; text-align: left; clear: right; padding-left: 12px; } .links-group { width: 640px; margin: 0px auto 32px auto; text-align: left; } .link-1bn-l { width: 200px; min-height: 40px; padding: 0px 20px 8px 0px; float: left; display: block; } .link-1bn-m { width: 200px; min-height: 40px; padding: 0px 0px 8px 0px; float: left; display: block; } .link-1bn-r { width: 200px; min-height: 40px; padding: 0px 0px 8px 20px; float: left; display: block; } .link-nobanner { width: 196px; height: 36px; padding: 2px; overflow: hidden; display: block; background-color: #333333 ; text-decoration: none; color: #F0F0F0 !important; } /* LANGUAGE SPECIFIC BLOCKS */ #c { background: url(sd/f_c.png) top right no-repeat; } #j { background: url(sd/f_j.png) top right no-repeat; } /* SECTION 'PROFILES' */ #liberi-u { background:url(img/liberi_u.png) center top no-repeat; width: 100%; height: 100px; display: block; } #liberi-u-inner { width: 968px; height: 84px; margin: 0px auto; padding: 12px 0px 4px 0px; } #liberi-e-base { background: url(img/liberi_e-base.png) center top no-repeat; width: 100%; height: 640px; display: block; } #liberi-e { width: 960px; margin: 0px auto 0px auto; } #liberi-e li { float: left; display: block; list-style-type: none; } #liberi-e-l { background: url(img/liberi_e_l.jpg) center bottom no-repeat; width: 290px; height: 640px; } #liberi-e-ixra a { background: url(img/liberi_e_ixra.jpg) center top no-repeat; width: 300px; height: 640px; display: block; } #liberi-e-irfa a { background: url(img/liberi_e_irfa.jpg) center top no-repeat; width: 300px; height: 640px; display: block; } #liberi-e-r { background: url(img/liberi_e_r.jpg) center top no-repeat; width: 70px; height: 640px; position: relative; } #liberi-e-h { background: url(img/liberi_noxaeterna_h.png) center top no-repeat; width: 100%; height: 80px; display: block; } #liberi-m { background: url(img/liberi_m.png) center top no-repeat; width: 100%; display: block; } #liberi-txt { width: 960px; margin: 0px auto 0px auto; background: url(img/liberi_m2.jpg) center top no-repeat; padding: 0px 4px; } #liberi-ixra { width: 420px; float: left; margin: 48px 0px 0px 0px; padding: 0px 0px 0px 0px; } #liberi-ixra div { text-align: right; } #liberi-irfa { width: 420px; float: left; margin: 48px 0px 0px 0px; padding: 0px 0px 0px 0px; } #liberi-t-sep { width: 120px; float: left; margin: 48px 0px 0px 0px; text-align: center; } .liberi-t-label { font-size: 11px; line-height: 18px; color: #666666; font-weight: bold; } .liberi-name { margin: 0px auto 8px auto; letter-spacing: 2px; font-size: 12px; } .liberi-spec { margin: 0px auto 8px auto; line-height: 18px; font-size: 11px; } .liberi-kwsk { margin: 0px auto 16px auto; } .liberi-intro-c { margin: 0px auto 8px auto; line-height: 18px; } .liberi-intro-j { line-height: 18px; } .liberi-misc-qablk { width: 600px; margin: 64px auto 0px auto; padding: 4px 20px 0px 20px; background: url(sd/f_commt.png) center top no-repeat; } .liberi-misc-q { margin: 0px 0px 12px 0px; font-size: 24px; letter-spacing: 2px; color: #896d99; font-family: "Palatino", "Book Antiqua", "Times New Roman", "Times", "serif", "MS 明朝", "MS Mincho"; } .liberi-misc-ac { margin: 0px 0px 8px 0px; line-height: 18px; } .liberi-misc-aj { line-height: 18px; } /* SECTION 'PROFILE' : sub pages overall */ #liberi-lv2-title { margin: 0px 0px 16px 0px; padding: 0px 40px 0px 40px; text-align: left; line-height: 1em; font-size: 15px; font-weight: bold; color: #333333; } .liberi-lv2-cont { width: 100%; text-align: left; clear: both; padding: 48px 0px 0px 0px; } .liberi-lv2-cont div { margin-left: auto; margin-right: auto; } /* SECTION 'PROFILE' : makelog pages */ #makelog-h { width: 400px; height: 200px; display: block; overflow: hidden; margin: 64px auto 0px auto; } #makelog-container { width: 680px; margin: 24px auto 0px auto; } .makelog-oneblk { display: block; width: 320px; margin: 40px 0px 0px 0px; padding: 0px; text-align: left; } .makelog-coll { float: left; } .makelog-colr { float: right; } .makelog-pic { width: 320px; height: 320px; overflow: hidden; clear: both; } .makelog-onemake { margin-bottom: 4px; background-color: #F0F0F0; list-style-type: none; font-family: "Palatino", "Book Antiqua", "Times New Roman", "Times", "serif"; font-size: 32px; line-height: 28px; letter-spacing: 2px; color:#333333; } .makelog-spec, .makelog-date, .makelog-cmmtc, .makelog-cmmtj { padding: 0px 0px 0px 0px; list-style-type: none; } .makelog-spec { margin: 0px 0px 4px 0px; font-size: 11px; } .makelog-date { margin: 0px 0px 16px 0px; font-size: 10px; } .makelog-cmmtc { margin: 0px 0px 8px 0px; } .makelog-cmmtj { } /* SECTION 'PROFILE' : eslog pages */ .eslog-day-body { margin: 0px auto 32px auto; text-align: left; width: 540px; padding: 4px 0px 4px 0px; border-width: 1px 0px 1px 0px; border-color: #333333; border-style: dotted; } .eslog-day-title { margin: 0px 0px 8px 0px; color: #663399; font-size: 15px } /* SECTION 'ALBUM' : f list page */ #album-u { background: url(img/album_u.png) center top no-repeat; width: 100%; height: 116px; display: block; } #album-u-inner { width: 968px; height: 84px; margin: 0px auto; padding: 32px 0px 0px 0px; } #album-h { background: url(img/album_h.png) center top no-repeat; width: 100%; height: 128px; display: block; } #album-h-inner { width: 968px; margin: 0px auto; position: relative; } #album-m { background: url(img/album_m.png) center top no-repeat; width: 100%; height: 52px; display: block; } #album-basebg { background: url(img/album_base_bg.png) center top repeat-y; width: 100%; display: block; position: relative; } #album-base { background: url(img/album_base.png) center top no-repeat; width: 100%; min-height: 180px; display: block; } #f-langctrl { margin: 4px 0px 0px 4px; } #f-list { width: 960px; min-height: 80px; margin: 0px auto; padding-top: 4px; display: block; } #f-set-infoblk { position: absolute; top: 20px; left: 20px; padding: 4px 8px; width: 464px; height: 40px; background: url(sd/f_info_bg.png) 0px 0px repeat; } .f-info-title { font-size: 20px; letter-spacing: 1px; line-height: 22px; color: #FFFFFF; } .f-info-date { color: #CCCCCC } .f-oneset { width: 120px; height: 120px; float: left; display: block; } .f-onethumb { width: 120px; height: 120px; display: block; text-align: center; } /* .f-onethumb { background-color: #badc00; } */ .f-onethumb:hover { background-color: #101010; } .f-list-spacer { margin: 0px 20px 20px 0px; } /* SECTION 'ALBUM' : f sub pages */ #f-titleblock { margin: 0px 0px 16px 0px; padding: 0px 40px 0px 40px; text-align: left; } .f-set-title { font-weight: bold; letter-spacing: 1px; font-size: 15px; color: #333333; } .f-set-date { font-size: 10px; color: #666666; } .f-plang { float: right; font-size: 10px; } .f-set-cont { width: 100%; text-align: center; clear: both; padding: 48px 0px 0px 0px; } .f-set-cont div { margin-left: auto; margin-right: auto; } .f-set-cont img.f { margin: 8px 0px 8px 0px; } .f-set-smallcap { margin: 0px 0px 64px 0px; font-size:12px; color:#CCCCCC; clear:both; } .f-set-commt { width: 640px; margin-top: 108px; padding: 16px 0px 0px 0px; background: url(sd/f_commt.png) center top no-repeat; } /* MISC */ .lineheight16 { line-height: 16px; } .lineheight18 { line-height: 18px; } .lineheight20 { line-height: 20px; } .small-font { font-size: 10px; } .normal-font { font-size: 12px; } /* これギリギリ非標準 */