body { margin: 0px; padding: 0px; font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka; font-size: 11px; color: #000000; } th, td { font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka; font-size: 11px; color: #333333; } select, input, textarea { font-size: 11px; } caption { text-align: left; font-size: 12px; font-weight: bold; color: #666666; } img, a { border: 0px; } div, ul { margin: 0px; padding: 0px; } a { text-decoration: none; } a:link { color: #FFFFFF; } a:hover { color: #C20100 ! important; } a:visited { color: #FFFFFF; } a:active { color: #333333; } strong { font-weight: bold; } p { line-height: 14px; font-size: 10px; margin: 14px 0px 0px 0px; } /* soBl #0D3B77 soRd #A50015 */ /********************************* Class **********************************/ .adjuster { position: relative; width: 100%; height: 100%; } .en { font-family: Helvetica, Arial, sans-serif; } .en_bold { font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .ja { font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka; } .f_left { float: left; } .f_right { float: right; } /********************************* Structure **********************************/ .wrapper { width: 700px; height: 450px; position: absolute; left: 50%; margin-left: -350px; top: 50%; margin-top: -225px; }/* => insert adjuster */ #navi_top { position: absolute; top: 0px; } .contents { position: absolute; top: 20px; height: 406px; width: 700px; margin: 2px 0px 2px 0px; } #top_link { width: 40px; height: 28px; position: absolute; right: 15px; top: 10px; } #top_link a { margin: 0px; padding: 0px; display: block; width: 40px; height: 28px; text-indent: -9999px; background: url(/images/common/top_link.gif) no-repeat top right; } #top_link a:hover { background: url(/images/common/top_link_over.gif) no-repeat top right; } /* setting Background-image */ .contents { background: url(/images/bg/bg_def.jpg) no-repeat top left; } #w_top .contents { background: url(/images/bg/bg_top.jpg) no-repeat top left; } #w_djso .contents { background: url(/images/bg/bg_djso.jpg) no-repeat top left; } #w_future .contents { background: url(/images/bg/bg_future.jpg) no-repeat top left; } #w_past .contents { background: url(/images/bg/bg_past.jpg) no-repeat top left; } #w_djmixes .contents { background: url(/images/bg/bg_djmixes.jpg) no-repeat top left; } #w_around .contents { background: url(/images/bg/bg_around.jpg) no-repeat top left; } #w_flyerdesign .contents { background: url(/images/bg/bg_flyerdesign.jpg) no-repeat top left; } #w_cdcover .contents { background: url(/images/bg/bg_cdcover.jpg) no-repeat top left; } #w_productdesign .contents { background: url(/images/bg/bg_productdesign.jpg) no-repeat top left; } #w_spacedesign .contents { background: url(/images/bg/bg_spacedesign.jpg) no-repeat top left; } #w_contact .contents { background: url(/images/bg/bg_contact.jpg) no-repeat top left; } .contents_body { color: #FFFFFF; position: absolute; top: 45px; right: 0px; } #w_top .contents_body, #w_djso .contents_body, #w_around .contents_body, #w_djmixes .contents_body { width: 380px; } #w_past .contents_body, #w_future .contents_body { width: 700px; } .title_box { height: 18px; vertical-align: baseline; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; position: relative; font-family: Helvetica, Arial, sans-serif; } .title_box h2 { display: block; padding: 0px; margin: 0px; font-size: 14px; line-height: 14px; height: 14px; font-weight: normal; text-indent: -9999px; } /* TitleImage */ #w_top div.title_box h2 { background: url(/images/common/title/t_top.gif) no-repeat bottom left } #w_djso div.title_box h2 { background: url(/images/common/title/t_djso.gif) no-repeat bottom left } #w_djso div#profile_photo_title h2 { background: url(/images/common/title/t_photograph.gif) no-repeat bottom left } #w_future div.title_box h2 { background: url(/images/common/title/t_future.gif) no-repeat bottom left } #w_past div.title_box h2 { background: url(/images/common/title/t_past.gif) no-repeat bottom left } #w_djmixes div.title_box h2 { background: url(/images/common/title/t_djmixes.gif) no-repeat bottom left } #w_around div.title_box h2 { background: url(/images/common/title/t_around.gif) no-repeat bottom left } #w_past h2, #w_future h2 { margin-left: 14px; } /* Photograph */ #profile_photo_title { margin-top: 30px; } #profile_photo_list { list-style: none; margin-top: 14px; } #profile_photo_list li { float: left; display: block; width: 40px; height: 41px; margin: 0px 10px 0px 0px; padding: 0px; } .title_right { position: absolute; right: 15px; top: 5px; float: right; font-size: 9px; } /* Biography */ #bio_list { list-style: none; } #bio_list a { display: block; margin: 0px; padding: 0px; text-decoration: none; width: 74px; height: 9px; } #bio_list li { float: left; display: block; width: 74px; height: 9px; margin: 0px 0px 0px 3px; text-indent: -9999px; } #bio_readmore { background: url(/images/icon/djso/readmore_ns.gif) no-repeat top right; } #bio_japanese { background: url(/images/icon/djso/japanese_ns.gif) no-repeat top right; } #bio_english { background: url(/images/icon/djso/english_ns.gif) no-repeat top right; } .contents_body p { padding-right: 15px; } .contents_body table { border: 0px; margin-top: 14px; } #w_past div.contents_body table, #w_future div.contents_body table { margin-left: 15px; } .contents_body td { color: #FFFFFF; text-align: left; vertical-align: top; padding: 0px 15px 0px 0px; line-height: 18px; } .tr_blank td { line-height: 10px; } #lower_title { margin-top: 2px; } #site_credit { border-top: 1px dashed #FFFFFF; margin-top: 30px; padding-top: 8px; } #navi_bottom { position: absolute; bottom: 0px; display: none; } #navi_bottom ul { margin: 0px; } /********************************* Setting of "Navigation" **********************************/ .navi { background-color: #FFFFFF; } .navi li, .navi a { display: block; height: 20px; width: 140px; float: left; text-decoration: none; list-style: none; text-indent: -9999px; } #navi_djso a { background: url(/images/navi/navi_djso.gif) no-repeat 0px -40px; } #navi_djso a:hover { background: url(/images/navi/navi_djso.gif) no-repeat 0px -20px; } #w_djso #navi_djso a { background: url(/images/navi/navi_djso.gif) no-repeat 0px 0px; } #navi_future a { background: url(/images/navi/navi_future.gif) no-repeat 0px -40px; } #navi_future a:hover { background: url(/images/navi/navi_future.gif) no-repeat 0px -20px; } #w_future #navi_future a { background: url(/images/navi/navi_future.gif) no-repeat 0px 0px; } #navi_past a { background: url(/images/navi/navi_past.gif) no-repeat 0px -40px ; } #navi_past a:hover { background: url(/images/navi/navi_past.gif) no-repeat 0px -20px ; } #w_past #navi_past a { background: url(/images/navi/navi_past.gif) no-repeat 0px 0px; } #navi_djmixes a { background: url(/images/navi/navi_djmixes.gif) no-repeat 0px -40px; } #navi_djmixes a:hover { background: url(/images/navi/navi_djmixes.gif) no-repeat 0px -20px; } #w_djmixes #navi_djmixes a { background: url(/images/navi/navi_djmixes.gif) no-repeat 0px 0px; } /* #navi_djmixes a { background: url(/images/navi/navi_djmixes.gif) no-repeat 0px -40px ; } #navi_djmixes a:hover { background: url(/images/navi/navi_djmixes.gif) no-repeat 0px -20px ; } #w_djmixes #navi_djmixes a { background: url(/images/navi/navi_djmixes.gif) no-repeat 0px 0px ; } */ #navi_around a { background: url(/images/navi/navi_around.gif) no-repeat 0px -40px ; } #navi_around a:hover { background: url(/images/navi/navi_around.gif) no-repeat 0px -20px ; } #w_around #navi_around a { background: url(/images/navi/navi_around.gif) no-repeat 0px 0px ; } #navi_flyerdesign a { background: url(/images/navi/navi_flyerdesign.gif) no-repeat 0px -40px ; } #navi_flyerdesign a:hover { background: url(/images/navi/navi_flyerdesign.gif) no-repeat 0px -20px ; } #w_flyerdesign #navi_flyerdesign a { background: url(/images/navi/navi_flyerdesign.gif) no-repeat 0px 0px ; } #navi_cdcover a { background: url(/images/navi/navi_cdcover.gif) no-repeat 0px -40px ; } #navi_cdcover a:hover { background: url(/images/navi/navi_cdcover.gif) no-repeat 0px -20px ; } #w_cdcover #navi_cdcover a { background: url(/images/navi/navi_cdcover.gif) no-repeat 0px 0px ; } #navi_productdesign a { background: url(/images/navi/navi_productdesign.gif) no-repeat 0px -40px ; } #navi_productdesign a:hover { background: url(/images/navi/navi_productdesign.gif) no-repeat 0px -20px ; } #w_productdesign #navi_productdesign a { background: url(/images/navi/navi_productdesign.gif) no-repeat 0px 0px ; } #navi_spacedesign a { background: url(/images/navi/navi_spacedesign.gif) no-repeat 0px -40px ; } #navi_spacedesign a:hover { background: url(/images/navi/navi_spacedesign.gif) no-repeat 0px -20px ; } #w_spacedesign #navi_spacedesign a { background: url(/images/navi/navi_spacedesign.gif) no-repeat 0px 0px ; } #navi_contact a { background: url(/images/navi/navi_contact.gif) no-repeat 0px -40px ; } #navi_contact a:hover { background: url(/images/navi/navi_contact.gif) no-repeat 0px -20px ; } #w_contact #navi_contact a { background: url(/images/navi/navi_contact.gif) no-repeat 0px 0px ; }