@charset "utf-8"; /** * common.css * @description COMMON CSS * @update 12.02.01 * @author utix * @version 1.0 * @notes [ NOTE ] 0. CONTAINER 1. HEADER 2. FOOTER 3. MAIN 4. CONTENTS 5. CATEGORY-NAV 6. PAGE 7. CATEGORY [ FONT SIZE (body=13px) ] 10px 77% | 11px 85% 12px 93% (was 93%) | 13px 100% 14px 108% (was 107%) | 15px 116% (was 114%) 16px 123.1% (was 122%) | 17px 131% (was 129%) 18px 138.5% (was 136%) | 19px 146.5% (was 144%) 20px 153.9% (was 152%) | 21px 161.6% (was 159%) 22px 167% | 23px 174% 24px 182% | 25px 189% 26px 197% */ /* ---------------------------------------- * 0. CONTAINER * ---------------------------------------- */ html { background:#FFF; color:#333; width:100%; height:100%; overflow-y: scroll; } body { background:url(../img/bg_body.png); text-align:center; position:relative; width:100%; } #loader { background:url(../img/bg_body.png); width:100%; height:100%; position:absolute; top:0; left:0; z-index:400; } #loader span { display:block; width:80px; height:24px; overflow:hidden; background:url(../img/bg_loader.png) no-repeat 0 0; position:absolute; top:400px; left:50%; margin-left:-20px; } #share { position:fixed; top:120px; right:0; z-index:600; overflow:visible; width:110px; height:140px; } #share div { width:135px; height:140px; background:#e60011 url(../img/bg_share.gif) no-repeat top left; text-align:left; position:relative; } #share ul { list-style:none; position:relative; padding:65px 0 0 22px; } #share li { height:25px; vertical-align:middle; background:no-repeat 0 0; margin:0 0 0 0; display:block; overflow:hidden; } #share li span { padding-top:2px; display:inline-block; padding-left:10px; } #share li a { display:table-cell; } #main, #contents { visibility:hidden; } ::selection {background: #f6a3a8;color:#000 !important;} /* ---------------------------------------- * 1. HEADER * ---------------------------------------- */ #pageTop { text-indent:-9999px; font-size:1px; display:block; width:1px; height:1px; overflow:hidden; position:absolute; top:0; left:50%; } #header { background:#FFF; border-top:2px solid #e60012; border-bottom:2px solid #CCC; height:95px; text-align:left; position:relative; z-index:500; } #headerContainer { width:960px; margin:0 auto; position:relative; } #headerContainer h1 { padding:30px 0 0 20px; } #headerContainer h1 a { display:block; width:168px; height:42px; background:url(../img/logo_cybird.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden; } #headerContainer ul { list-style:none; line-height:1; font-size:85%; } /*SUB NAVIGATION*/ #headerContainer #subNav { position:absolute; top:20px; right:0; } #headerContainer #subNav ul { float:left; padding-top:7px; } #headerContainer #subNav a { background:url(../img/ico_arrow-left.gif) no-repeat 0 1px; padding-left:13px; } #headerContainer #subNav li { display:inline; padding-right:20px; } #headerContainer #subNav form { float:left; } #headerContainer #subNav #searchInput { width:180px; height:23px; float:left; border:1px solid #CCC; overflow:hidden; } #headerContainer #subNav #searchInput input { width:100%; font-size:100%; line-height:1; border:solid 1px #FFF; background:#FFF; padding:2px 5px; outline:none; } #headerContainer #subNav #searcBtn { margin:0; padding:0; display:block; float:left; } #headerContainer #globalNav { width:732px; height:37px; position:absolute; right:0; top:60px; line-height: 0; } #headerContainer #globalNav li { float:left; } #headerContainer #globalNav a { display:block; text-indent: -9999px; font-size:1px; background:url(../img/bg_globalnav.png) no-repeat; height:37px; overflow:hidden; } /*GLOBAL NAVIGATION*/ #headerContainer #globalNav #gnHome a { background-position:0 0; width:83px; } #headerContainer #globalNav #gnHome a:hover, #headerContainer #globalNav #gnHome a.current { background-position:0 -40px; } #headerContainer #globalNav #gnService a { background-position:-83px 0; width:126px; } #headerContainer #globalNav #gnService a:hover, #headerContainer #globalNav #gnService a.current { background-position:-83px -40px; } #headerContainer #globalNav #gnBiz a { background-position:-209px 0; width:128px; } #headerContainer #globalNav #gnBiz a:hover, #headerContainer #globalNav #gnBiz a.current { background-position:-209px -40px; } #headerContainer #globalNav #gnCompany a { background-position:-337px 0; width:99px; } #headerContainer #globalNav #gnCompany a:hover, #headerContainer #globalNav #gnCompany a.current { background-position:-337px -40px; } #headerContainer #globalNav #gnRecruit a { background-position:-436px 0; width:100px; } #headerContainer #globalNav #gnRecruit a:hover, #headerContainer #globalNav #gnRecruit a.current { background-position:-436px -40px; } #headerContainer #globalNav #gnPress a { background-position:-536px 0; width:196px; } #headerContainer #globalNav #gnPress a:hover, #headerContainer #globalNav #gnPress a.current { background-position:-536px -40px; } /* ---------------------------------------- * 2. FOOTER * ---------------------------------------- */ #footer { background:#FFF; border-top:2px solid #e60012; text-align:left; margin-top:25px; padding-bottom:100px; position:relative; z-index:500; } #footerContainer { width:960px; margin:0 auto; position:relative; } #footerContainer p { position:absolute; top:20px; right:0; text-align:right; font-size:77%; } #footerContainer p img { display:block; margin-bottom:5px; } #footerContainer ul { list-style:none; line-height:1; padding-top:20px; font-size:85%; } #footerContainer ul a { background:url(../img/ico_arrow-left.gif) no-repeat 0 1px; padding-left:13px; } #footerContainer ul li { display:inline; padding-right:20px; } /* ---------------------------------------- * 3. MAIN * ---------------------------------------- */ #main { width:100%; height:160px; margin-bottom:10px; text-align:center; position:relative; z-index:10; } #main #mainContainer { width:960px; height:160px; margin:0 auto; text-align:left; position:relative; background-repeat:no-repeat; } #main #categoryTitle { height:70px; position:absolute; top:75px; left:-10px; } #main #categoryTitle h1 { height:70px; text-indent: -9999px; font-size:1px; background:#e60012 no-repeat; } #main #categoryTitle #categoryTitlePlus { position:absolute; right:-12px; top:-12px; } /* ---------------------------------------- * 4. CONTENTS * ---------------------------------------- */ #contents { width:960px; margin:0 auto; text-align:left; position:relative; z-index:20; overflow:visible; zoom:1; } #contents { background:url(../img/bg_contents.png) repeat-y; } #contents:before, #contents:after { content:""; display:block; overflow:hidden; } #contents:after { clear:both; } #contents ol.breadcrumb { list-style:none; padding-bottom:10px; font-size:93%; background:url(../img/bg_body.png); height:100%; } #contents ol.breadcrumb li { display:inline; color:#999; } #contents ol.breadcrumb span { padding:0 0.2em 0 0.5em; color:#333; } /* ---------------------------------------- * 5. CATEGORY-NAV * ---------------------------------------- */ #categoryNav { width:200px; float:right; margin-top:-60px; position:relative; z-index:20; } #categoryNav h1 { background:#e60012 no-repeat; color:#FFF; height:85px; text-indent: -9999px; font-size:1px; } #categoryNav ul { list-style:none; } #categoryNav li { width:200px; overflow:hidden; border-bottom:1px solid #CCC; } #categoryNav li a { display:block; width:200px; background-repeat:no-repeat; height:60px; position:relative; text-indent:-9999px; overflow:hidden; } #categoryNav li span { display:block; width:200px; height:60px; position:absolute; top:0; left:0; } #categoryNav .other { border-bottom:1px solid #CCC; padding:15px 10px; } #categoryNav .other h2 { text-align:center; } #categoryNav .other p { margin-bottom:0; font-size:85%; } /* ---------------------------------------- * 6. PAGE * ---------------------------------------- */ #page { width:740px; float:left; zoom:1; } #page { background:#FFF; } #page:before, #page:after { content:""; display:block; overflow:hidden; } #page:after { clear:both; } #page #pageContainer { width:680px; margin:30px; position:relative; } /*TITLE*/ #page #pageTitle { background:url(../img/bg_pagetitle.gif) repeat-x; width:100%; padding:30px 0 15px 0; } #page h1, #page h2, #page h3, #page h4, #page h5 { color:#000; } #page h1 { font-size:197%; padding:0 0 15px 0; } #page h1 span { font-size:50%; color:#666; display:block; font-weight:normal; } #page h2 { font-size:136%; border-left:3px solid #e60012; padding:3px 7px; margin-bottom:15px; position:relative; } #page h2 span { font-size:65%; color:#666; display:block; font-weight:normal; padding-top:3px;} #page h2 img.banner { position:absolute; top:5px; right:0; } #page h3 { font-size:114%; background:#e5e5e5; padding:14px 10px 8px 10px; margin-bottom:10px; line-height:1.4; } #page h3 strong { padding-right:10px; } #page h3 span { font-size:64%; color:#666; font-weight:normal; } #page h4 { font-size:108%; margin:20px 0 10px 0; } #page h5 { font-size:100%; margin:20px 0 10px 0; } #page h1 img, #page h2 img, #page h2 img, #page h2 img, #page h2 img { vertical-align:text-top; } /*TEXT*/ #page a { text-decoration:underline; } #page a:hover { text-decoration:none; color: #e60012; } #page hr { border-top:1px solid #ccc; height:1px; margin:0 0 25px 0; } #page textarea { width:100%; } #page p.img { text-align:center; margin-bottom:5px; } #page p.line2 { height:3em; } #page p.line3 { height:4em; } #page p.line4 { height:5em; } #page p.line110 { height:90px; } #page .pageTop { border-top:1px solid #CCC; padding-top:15px; text-align:right; zoom1; } #page .pageTop:before, #page .pageTop:after { content:""; display:block; overflow:hidden; } #page .pageTop:after { clear:both; } #page .pageTop a { background:url(../img/ico_arrow-c-top.gif) no-repeat top right; display:block; float:right; padding-right:20px; min-height:16px; text-decoration:none; text-decoration:none; zoom:1; } #page .pageTop a:hover { text-decoration:underline; } #page .andMore { border-top:1px solid #ccc; padding-top:15px; margin-bottom:0; } #page .andMore:before, #page .andMore:after { content:""; display:block; overflow:hidden; } #page .andMore:after { clear:both; } #page .andMore a { background:url(../img/ico_arrow-left.gif) no-repeat 5px 0; display:block; padding-left:20px; min-height:16px; text-decoration:none; display:block; float:right; } #page .andMore a:hover { text-decoration:underline; } #page .moreLink { margin-top:-10px !important; } #page .copy { font-size:93%; } #page .right { text-align:right; } #page .left { text-align:left; } #page .center { text-align:center; } #page .notice { color:#e60012; } #page .imgLeft {float:left; margin-right:10px;} #page .clearfix:before, #page .clearfix:after { content:""; display:block; overflow:hidden; } #page .clearfix:after { clear:both; } #page .clearfix { zoom:1; clear:both;} /*TABLE*/ #page table { width:100%; border-collapse:collapse; margin-bottom:30px; border-bottom:1px solid #ccc; } #page table th { background:#EEE; } #page table th, #page table td { vertical-align:top; border-top:1px solid #ccc; padding:10px 10px; line-height:1.5; } #page table .unit { border-top:none; padding-top:0; } #page table .month { color:#999; text-align:right; padding-left:0; } #page table.profile { width:auto; margin-bottom:0; } #page table.profile, #page table.profile th, #page table.profile td { border:none; } #page table.profile th { background:none; border-right:1px solid #ccc; width:50px; } #page table.prospectus th, #page table.prospectus td { background:none; border-left:1px solid #ccc; } #page table.prospectus th.title { border-left:none; } #page table.prospectus2 { border-right:1px solid #CCC; margin-bottom:10px; } #page table.prospectus2 th, #page table.prospectus2 td { padding:3px; } #page table.prospectus2 td { border-top:none; border-left:1px solid #CCC; } #page table.prospectus2 th { border-bottom:1px solid #CCC; border-left:1px solid #CCC; background:#CCC; } #page table.prospectus2 td.point { border-top:1px solid #CCC !important; border-bottm:1px solid #CCC !important; background:#EEE; } #page table.prospectus3, #page table.prospectus3 th, #page table.prospectus3 td { padding:0 3px; border:none; } #page table.prospectus4 { border:1px solid #CCC; } #page table.prospectus4 td { border-top:none; border-left:1px solid #CCC; } #page table.prospectus4 td.linetop { border-top:1px solid #CCC !important; } #page table.prospectus4 th { border-top:1px solid #CCC !important; } #page table.prospectus4 td.point { border-top:1px solid #CCC !important; border-bottm:1px solid #CCC !important; background:#EEE; } #page table.prospectus4, #page table.prospectus4 th, #page table.prospectus4 td { padding:0 3px; } /*COLUMN*/ #page .first { margin-top:0 !important; } #page .mb-none { margin-bottom:0 !important; padding-bottom:0 !important; } #page div.col { border-top:1px solid #CCC; width:100%; margin-bottom:35px; zoom:1; padding-top:35px; } #page div.col2column, #page div.col3column, #page div.col4column, #page div.col5column { zoom:1; padding-bottom:30px; } #page div.col.col2column, #page div.col div.col2column, #page div.col div.col3column, #page div.col.col3column { margin-bottom:0 !important; } #page div.col:before, #page div.col:after, #page div.col2column:before, #page div.col2column:after, #page div.col3column:before, #page div.col3column:after, #page div.col4column:before, #page div.col4column:after, #page div.col5column:before, #page div.col5column:after { content:""; display:block; overflow:hidden; } #page div.col:after, #page div.col2column:after, #page div.col3column:after, #page div.col4column:after, #page div.col5column:after { clear:both; } #page div.col2column .column1 { width:330px; float:left; overflow:hidden; } #page div.col2column .column2 { width:330px; float:right; overflow:hidden; } #page div.col3column .column1, #page div.col3column .column2 { width:210px; float:left; overflow:hidden; margin-right:25px; } #page div.col3column .column3 { width:210px; float:right; overflow:hidden; } #page div.col3column .column2-3 { width:445px; float:right; overflow:hidden; } #page div.col4column .column1, #page div.col4column .column2, #page div.col4column .column3 { width:155px; float:left;margin-right:20px; } #page div.col4column .column4 { width:155px; float:right; } #page div.col4column .column1-2 { width:303px; float:left; } #page div.col4column .column1-3 { width:505px; float:left; } #page div.col4column .column3-4 { width:303px; float:right; } #page div.col4column .column2-4 { width:505px; float:right; } #page div.col5column .column1, #page div.col5column .column2, #page div.col5column .column3, #page div.col5column .column4 { width:120px; float:left; margin-right:20px; } #page div.col5column .column5 { width:120px; float:right; overflow:hidden; } #page div.col5column .column2-5 { width:540px; float:right; } #page div.col4column ul.column2-4 { width:505px; zoom:1; float:right; } #page div.col4column ul.column2-4 li { 155px; float:left; } #page div.other { background:#EEE; padding:20px; margin-bottom:20px; } body#print { background:none; text-align:center; } body#print #page { text-align:left; margin:0 auto !important; width:450px !important; } body#print #pageContainer { width:100%; margin:0; } body#print #pageContainer #pageTitle { background:none; padding:0; } body#print #page div.col2column .column1, body#print #page div.col2column .column2 { width:43%; } /*LIST*/ #page ul.txt1 { margin-left:0; list-style:none; margin-bottom:1em; } #page ul.txt1 li { text-indent:-1.2em; padding-left:1.2em; margin-bottom:.25em; } #page ul.disc, #page ol.number { margin-left:0;margin-bottom:1em; } #page ul.disc li, #page ol.number li { margin-left:20px; margin-bottom:10px; } #page ul.ul3column { width:350px; list-style-type:none; zoom:1; } #page ul.ul3column:before, #page div.col ul.ul3column:after { content:""; display:block; overflow:hidden; } #page ul.ul3column:after { clear:both; } #page ul.ul3column li { width:105px; float:left; margin-right:8px; } #page dl.news { margin-bottom:5px; border-top:1px solid #CCC; padding-top:10px; zoom:1; } #page dl.news:before, #page dl.news:after { content:""; display:block; overflow:hidden; } #page dl.news:after { clear:both; } #page dl.news dt { width:120px; padding-bottom:5px; clear:both; float:left; font-weight:bold; margin-right:-50px; } #page dl.news dt span { display:block; color:#999; font-size:77%; } #page dl.news dd { width:550px; float:right; padding:0 0 5px 15px; background:url(../img/ico_arrow-left.gif) no-repeat 0 .2em; } #page dl.news img { float:left; margin-right:10px; } /* ---------------------------------------- * 7-0. CATEGORY-HOME * ---------------------------------------- */ #home #contents, #home #page { background:none; } /*HOME LEFT COLUMN*/ #home #page { width:740px; float:left; } #home #page .col { background:#FFF; border:none; padding:20px; margin-bottom:20px; width:auto; } #home #page .col h2 { background:#FFF url(../img/bg_pagetitle.gif) 0 5px repeat-x !important; border:none; padding:20px 0; margin:0; } #home #page .col h2 strong { font-weight:bold; padding-right:10px; } #home #page .col h2 span { display:inline; vertical-align:baseline; } #home #page .col .servicePicup { list-style:none; width:710px; margin-right:-10px; zoom:1; } #home #page .col .servicePicup:before, #home #page .col .servicePicup:after { content:""; display:block; overflow:hidden; } #home #page .col .servicePicup:after { clear:both; } #home #page .col .servicePicup li { width:170px; float:left; margin-right:7px; } #home #page .col .servicePicup a { text-decoration:none; display:block; width:170px; height:240px; overflow:hidden; position:relative; } #home #page .col .servicePicup a .hoverSlideContent { background:url(../img/bg_cover.png); position:absolute; top:240px; left:0; color:#FFF; width:170px; height:240px; } #home #page .col .servicePicup a .hoverSlideContent h3 { background:none; padding:15px 10px 0 10px; color:#FFF; } #home #page .col .servicePicup a .hoverSlideContent p { padding:5px 10px; } #home #page .col .newsCol { margin-top:30px; } #home #page .col .newsCol h3 { background:none; border-left:3px solid #e60012 !important; padding:3px 7px; font-size:152%; margin-bottom:10px; } #home #page .col dl.news dd { width:570px; } #home #page .col dl.news a { text-decoration:none; } #home #page .col dl.news a:hover { text-decoration:underline; } /*HOME RIGHT COLUMN*/ #home #otherNav { width:200px; float:right; } #home #otherNav .facebookPage { background:#FFF; padding:15px 10px 5px 10px; margin-bottom:20px; } #home #otherNav .facebookPageContainer { width:180px; margin-left:-6px; } #home #otherNav .facebookPage h2 { border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:5px; font-weight:bold; } #home #otherNav .facebookPage h2 span { border-left:3px solid #e60012; padding:3px 0 3px 7px; display:block; line-height:1.3; line-height:1; } #home #otherNav .banner { margin-bottom:20px; line-height:0; } #home #otherSite { width:960px; clear:both; background:url(../../img/bg_other-site.gif) repeat-x; padding-top:20px; } #home #otherSite h3 { display:inline; padding-right:15px; font-size:100%; } #home #otherSite ul { display:inline; list-style:none; } #home #otherSite li { display:inline; padding-right:15px; font-size:93%; } /*HOME MAIN*/ #home #main { background:#4d4d4d; width:100%; height:320px; margin-bottom:30px; overflow:hidden; } #home #main .slide { width:960px; height:320px; margin:auto; position:relative; text-align:left; list-style-type:none; } #home #main ul { list-style:none; position:absolute; top:0; left:0; } #home #main li { position:absolute; top:0; left:0; } #home #main h1 { height:65px; background:no-repeat 0 0; position:absolute; text-indent:-9999px; overflow:hidden; } #home #main p { height:32px; background:no-repeat 0 0; position:absolute; text-indent:-9999px; overflow:hidden; margin-bottom:0; } #home #main a { display:block; width:960px; height:320px; background:no-repeat 0 0; text-decoration:none; } #home #main a:hover { text-decoration:none; } #home #main .slideContents { z-index:500; } #home #main .slideNav { z-index:600; height:30px; position:absolute; top:290px; left:20px; } #home #main .slideNav li { position:relative; width:30px; height:30px; float:left; margin-right:5px; } #home #main .slideNav a { display:block; width:30px; height:30px; background:url(../../img/bg_main_nav.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; } #home #main .slideNav a.current, #home #main .slideNav a:hover { background-position:0 -30px; text-decoration:none; } #home #main .next, #home #main .prev { display:block; width:24px; height:320px; position:absolute; top:0; } #home #main .prev, #home #main .prev span { background:url(../../img/bg_main_left.png) no-repeat; left:-24px; } #home #main .next, #home #main .next span { background:url(../../img/bg_main_right.png) no-repeat; right:-24px; } #home #main .prev span, #home #main .next span { display:block; width:24px; height:320px; position:absolute; top:0; left:0; } /*SERVICE*/ #home #main #service a { background-image:url(../../img/img_main_service.jpg); } #home #main #service h1 { background-image:url(../../img/img_main_service_title.gif); bottom:37px; right:0px; width:256px; } #home #main #service p { background-image:url(../../img/img_main_service_sub.gif); bottom:10px; right:20px; width:259px; } /*COMPANY*/ #home #main #company a { background-image:url(../../img/img_main_company.jpg); } #home #main #company h1 { background-image:url(../../img/img_main_company_title.gif); top:190px; left:0px; width:467px; } #home #main #company p { background-image:url(../../img/img_main_company_sub.gif); top:250px; left:20px; width:170px; } /*RECRUIT*/ #home #main #recruit a { background-image:url(../../img/img_main_recruit.jpg); } #home #main #recruit h1 { background-image:url(../../img/img_main_recruit_title.gif); bottom:37px; right:0px; width:166px; } #home #main #recruit p { background-image:url(../../img/img_main_recruit_sub.gif); bottom:10px; right:20px; width:225px; } /*THEATRE*/ #home #main #theatre a { background-image:url(../../img/img_main_theatre.jpg); } #home #main #theatre h1 { background-image:url(../../img/img_main_theatre_title.gif); bottom:37px; right:0px; width:340px; } #home #main #theatre p { background-image:url(../../img/img_main_theatre_sub.gif); bottom:10px; right:20px; width:287px; } /* ---------------------------------------- * 7-1. CATEGORY-SERVICE * ---------------------------------------- */ #service #mainContainer { background-image:url(../../service/img/main.jpg); } #service #main #categoryTitle { width:247px; } #service #main #categoryTitle h1 { background-image:url(../../service/img/bg_category_title.gif); } /*CATEGORY-NAV*/ #service #categoryNav h1 { background:url(../../service/img/bg_category_nav.gif) 0 0 no-repeat; } #service #categoryNav .cn-index a { background:url(../../service/img/bg_category_nav.gif) 0 -85px; } #service #categoryNav .cn-index a.current, #service #categoryNav .cn-index a.span, #service #categoryNav .cn-index a:hover { background-position:-210px -85px; } #service #categoryNav .cn-sp a { background:url(../../service/img/bg_category_nav.gif) 0 -145px; } #service #categoryNav .cn-sp a.current, #service #categoryNav .cn-sp a.span, #service #categoryNav .cn-sp a:hover { background-position:-210px -145px; } #service #categoryNav .cn-sp a { background:url(../../service/img/bg_category_nav.gif) 0 -145px; } #service #categoryNav .cn-sp a.current, #service #categoryNav .cn-sp a.span, #service #categoryNav .cn-sp a:hover { background-position:-210px -145px; } #service #categoryNav .cn-sns a { background:url(../../service/img/bg_category_nav.gif) 0 -205px; } #service #categoryNav .cn-sns a.current, #service #categoryNav .cn-sns a.span, #service #categoryNav .cn-sns a:hover { background-position:-210px -205px; } #service #categoryNav .cn-mobile a { background:url(../../service/img/bg_category_nav.gif) 0 -265px; height:80px; } /*#service #categoryNav .cn-mobile a.current,*/ #service #categoryNav .cn-mobile a.span, #service #categoryNav .cn-mobile a:hover { background-position:-210px -265px; height:80px; } #service .mobileCarrier { list-style-type:none; } #service .mobileCarrier li { border-top:1px solid #ccc; padding:10px 0 10px 30px; font-size:93%; } #service .mobileCarrier li.imode { background:url(../../service/img/ico_i_s.gif) no-repeat 5px 10px; } #service .mobileCarrier li.au { background:url(../../service/img/ico_ez_s.gif) no-repeat 5px 10px; } #service .mobileCarrier li.softbank { background:url(../../service/img/ico_yahoo_s.gif) no-repeat 5px 10px; } /* ---------------------------------------- * 7-3. CATEGORY-COMPANY * ---------------------------------------- */ #company #mainContainer { background-image:url(../../company/img/main.jpg); } #company #main #categoryTitle { width:273px; } #company #main #categoryTitle h1 { background-image:url(../../company/img/bg_category_title.gif); } #company #categoryNav h1 { background:url(../../company/img/bg_category_nav.gif) 0 0 no-repeat; } #company #categoryNav .cn-index a { background:url(../../company/img/bg_category_nav.gif) 0 -85px; } #company #categoryNav .cn-index a.current, #company #categoryNav .cn-index a.span, #company #categoryNav .cn-index a:hover { background-position:-210px -85px; } #company #categoryNav .cn-outline a { background:url(../../company/img/bg_category_nav.gif) 0 -145px; } #company #categoryNav .cn-outline a.current, #company #categoryNav .cn-outline a.span, #company #categoryNav .cn-outline a:hover { background-position:-210px -145px; } #company #categoryNav .cn-history a { background:url(../../company/img/bg_category_nav.gif) 0 -205px; } #company #categoryNav .cn-history a.current, #company #categoryNav .cn-history a.span, #company #categoryNav .cn-history a:hover { background-position:-210px -205px; } #company #categoryNav .cn-executive a { background:url(../../company/img/bg_category_nav.gif) 0 -265px; } #company #categoryNav .cn-executive a.current, #company #categoryNav .cn-executive a.span, #company #categoryNav .cn-executive a:hover { background-position:-210px -265px; } #company #categoryNav .cn-group a { background:url(../../company/img/bg_category_nav.gif) 0 -325px; } #company #categoryNav .cn-group a.current, #company #categoryNav .cn-group a.span, #company #categoryNav .cn-group a:hover { background-position:-210px -325px; } #company #categoryNav .cn-investor a { background:url(../../company/img/bg_category_nav.gif) 0 -385px; } #company #categoryNav .cn-investor a.current, #company #categoryNav .cn-investor a.span, #company #categoryNav .cn-investor a:hover { background-position:-210px -385px; } #company #categoryNav .cn-map a { background:url(../../company/img/bg_category_nav.gif) 0 -445px; } #company #categoryNav .cn-map a.current, #company #categoryNav .cn-map a.span, #company #categoryNav .cn-map a:hover { background-position:-210px -445px; } #company #categoryNav .cn-partner a { background:url(../../company/img/bg_category_nav.gif) 0 -505px; } #company #categoryNav .cn-partner a.current, #company #categoryNav .cn-partner a.span, #company #categoryNav .cn-partner a:hover { background-position:-210px -505px; } /* ---------------------------------------- * 7-4. CATEGORY-RECRUIT * ---------------------------------------- */ #cyrecruit #mainContainer { background-image:url(../../cyrecruit/img/main.jpg); } #cyrecruit #main #categoryTitle { width:223px; } #cyrecruit #main #categoryTitle h1 { background-image:url(../../cyrecruit/img/bg_category_title.gif); } #cyrecruit #categoryNav h1 { background:url(../../cyrecruit/img/bg_category_nav.gif) 0 0 no-repeat; } #cyrecruit #categoryNav .cn-recruit a { background:url(../../cyrecruit/img/bg_category_nav.gif) 0 -85px; } #cyrecruit #categoryNav .cn-recruit a.current, #cyrecruit #categoryNav .cn-recruit a.span, #cyrecruit #categoryNav .cn-recruit a:hover { background-position:-210px -85px; } #cyrecruit #categoryNav .cn-new a { background:url(../../cyrecruit/img/bg_category_nav.gif) 0 -85px; } #cyrecruit #categoryNav .cn-new a.current, #cyrecruit #categoryNav .cn-new a.span, #cyrecruit #categoryNav .cn-new a:hover { background-position:-210px -85px; } #cyrecruit #categoryNav .cn-experienced a { background:url(../../cyrecruit/img/bg_category_nav.gif) 0 -145px; } #cyrecruit #categoryNav .cn-experienced a.current, #cyrecruit #categoryNav .cn-experienced a.span, #cyrecruit #categoryNav .cn-experienced a:hover { background-position:-210px -145px; } /* ---------------------------------------- * 7-5. CATEGORY-PRESS * ---------------------------------------- */ /* ---------------------------------------- * 7-6. CATEGORY-CONTACT * ---------------------------------------- */ #contact #mainContainer { background-image:url(../../contact/img/main.jpg); } #contact #main #categoryTitle { width:264px; } #contact #main #categoryTitle h1 { background-image:url(../../contact/img/bg_category_title.gif); } #contact #categoryNav h1 { background:url(../../contact/img/bg_category_nav.gif) 0 0 no-repeat; } #contact #categoryNav .cn-index a { background:url(../../contact/img/bg_category_nav.gif) 0 -85px; } #contact #categoryNav .cn-index a.current, #contact #categoryNav .cn-index a.span, #contact #categoryNav .cn-index a:hover { background-position:-210px -85px; } #contact #categoryNav .cn-corporate a { background:url(../../contact/img/bg_category_nav.gif) 0 -145px; } #contact #categoryNav .cn-corporate a.current, #contact #categoryNav .cn-corporate a.span, #contact #categoryNav .cn-corporate a:hover { background-position:-210px -145px; } #contact #categoryNav .cn-private a { background:url(../../contact/img/bg_category_nav.gif) 0 -205px; } #contact #categoryNav .cn-private a.current, #contact #categoryNav .cn-private a.span, #contact #categoryNav .cn-private a:hover { background-position:-210px -205px; } #contact #categoryNav .cn-personal a { background:url(../../contact/img/bg_category_nav.gif) 0 -265px; } #contact #categoryNav .cn-personal a.current, #contact #categoryNav .cn-personal a.span, #contact #categoryNav .cn-personal a:hover { background-position:-210px -265px; } #contact #categoryNav .cn-site a { background:url(../../contact/img/bg_category_nav.gif) 0 -325px; } #contact #categoryNav .cn-site a.current, #contact #categoryNav .cn-site a.span, #contact #categoryNav .cn-site a:hover { background-position:-210px -325px; } #contact #categoryNav .cn-press a { background:url(../../contact/img/bg_category_nav.gif) 0 -385px; height:70px; } #contact #categoryNav .cn-press a.current, #contact #categoryNav .cn-press a.span, #contact #categoryNav .cn-press a:hover { background-position:-210px -385px; height:70px; } #contact #categoryNav .cn-company a { background:url(../../contact/img/bg_category_nav.gif) 0 -455px; } #contact #categoryNav .cn-company a.current, #contact #categoryNav .cn-company a.span, #contact #categoryNav .cn-company a:hover { background-position:-210px -455px; } #contact p.complete { font-size:136%; font-weight:bold; padding:50px 0 20px 0; } #contact p.completeBTN { padding:20px 0 50px 0; } /* ---------------------------------------- * 7-7. CATEGORY-SEARCH * ---------------------------------------- */ #search #header { margin-bottom:10px; } #search #contents { background:none; } #search #page { width:960px; } #search #pageContainer { width:900px; } #search #pageTitle { margin-bottom:0; padding:20px 0 5px 0; } #search #pageTitle h1 { margin-bottom:0; } #search #page .namazu-result-header p { text-align:right; font-size:140%; margin-top:-60px; margin-bottom:40px; font-weight:bold; } #search #page dl { border-bottom:1px solid #ccc; padding-bottom:15px} #search #page dt { border-top:1px solid #ccc; background:url(../img/ico_arrow-left.gif) no-repeat 13px 23px; padding:20px 30px 10px 30px; margin-top:20px; font-size:122%; font-weight:bold;} #search #page dt a{text-decoration:none;} #search #page dt a:hover{text-decoration:underline;} #search #page dd { padding:0 30px; } #search #page dd.date {padding-bottom:5px; color:#999;} #search #page .namazu-result-footer { padding:15px 0; text-align:center; } #search #page h2 { font-size:122%; background:#e5e5e5; padding:14px 10px 8px 10px; margin-bottom:10px; line-height:1.1; border-left:0 !important} #search #page h2 a,#search #page h2 a:hover, #search #page h3 a,#search #page h3 a:hover { color:#000; text-decoration:none; } #search #page h3 { margin-top:30px; background:none; border-left:3px solid #e60012; padding:10px; } #search #page ul { margin-left:20px; margin-bottom:10px; } #search #page ul li { margin-bottom:20px; } #search #page ul.disc{padding-bottom:20px;} #search #page ul.disc li { margin-bottom:10px; } /* ---------------------------------------- * 7-8. CATEGORY-OTHER * ---------------------------------------- */ #other #header { margin-bottom:15px; } #other #categoryNav { margin-top:0; border-top:2px solid #e60012; } #other #categoryNav .cn-other a { background:url(../../other/img/bg_category_nav.gif) 0 0; } #other #categoryNav .cn-other a.current, #other #categoryNav .cn-other a.span, #other #categoryNav .cn-other a:hover { background-position:-210px 0; } #other #categoryNav .cn-notice a { background:url(../../other/img/bg_category_nav.gif) 0 -60px; } #other #categoryNav .cn-notice a.current, #other #categoryNav .cn-notice a.span, #other #categoryNav .cn-notice a:hover { background-position:-210px -60px; } #other #categoryNav .cn-privacy a { background:url(../../other/img/bg_category_nav.gif) 0 -120px; } #other #categoryNav .cn-privacy a.current, #other #categoryNav .cn-privacy a.span, #other #categoryNav .cn-privacy a:hover { background-position:-210px -120px; } #other #categoryNav .cn-sitemap a { background:url(../../other/img/bg_category_nav.gif) 0 -180px; } #other #categoryNav .cn-sitemap a.current, #other #categoryNav .cn-sitemap a.span, #other #categoryNav .cn-sitemap a:hover { background-position:-210px -180px; } #other #page h3 { margin-top:30px; } #other .col.link { zoom:1; } #other .col.link:before, #other .col.link:after { content:""; display:block; } #other .col.link:after { clear:both; } #other .col.link h2 { width:150px; float:left; overflow:hidden; font-size:136%; } #other .col.link ul { width:535px; float:right; list-style:none; margin-right:-30px; overflow:hidden; padding-top:8px; } #other .col.link li { width:155px; float:left; margin-right:20px; } #other .col.link li a { background:url(../img/ico_arrow-left.gif) no-repeat top left; display:block; padding-left:12px; min-height:16px; text-decoration:none; } #other .col.link a { text-decoration:none; } #other .col.link a:hover { text-decoration:underline; }