@charset "utf-8"; /*--------------------------------------------- First Import Style master http://www.cdn-tera.co.jp/ --------------------------------------------- 01. layout 02. header 03. footer 04. common 05. top 06. solution 07. produce 08. achiev 09. company 10. recruit 11. contact 12. topics 13. special 14. privacy 15. rule 16. sitemap ---------------------------------------------*/ /*--------------------------------------------- 01. layout ---------------------------------------------*/ #wrap { width: 100%; text-align: left; background: url("../images/bg_content.gif") no-repeat center bottom; } #content { width: 950px; margin: 0 auto; } #main { background: url("../images/bg_sidemenu.gif") repeat-y 710px 0; position: relative; } #sNavi { position: absolute; top: -12px; left: 710px; width: 200px; } #accessibility { display: none; } /*--------------------------------------------- 02. header ---------------------------------------------*/ #header * { font-size: 0; } #header h1 { float: left; width: 163px; height: 28px; margin-top: 27px; text-indent: -9999px; background: url("../images/logo.png") no-repeat; } #header h1 a { display: block; width: 163px; height: 28px; } #header #menuArea { float: right; width: 669px; } #header #control { float: right; width: 400px; } #header ul#gNavi { clear: both; margin-top: 8px; } #header ul#gNavi li { float: left; } #header ul#gNavi li a { display: block; text-indent: -9999px; height: 34px; overflow: hidden; } #header ul#gNavi li#navSolution a { width: 112px; background: url("../images/b_solutionset.png") no-repeat; } #header ul#gNavi li#navSolution a:hover { background-position: 0 bottom; } #header ul#gNavi li#navService a { width: 112px; background: url("../images/b_serviceset.png") no-repeat; } #header ul#gNavi li#navService a:hover { background-position: 0 bottom; } #header ul#gNavi li#navWorks a { width: 111px; background: url("../images/b_worksset.png") no-repeat; } #header ul#gNavi li#navWorks a:hover { background-position: 0 bottom; } #header ul#gNavi li#navCompany a { width: 111px; background: url("../images/b_companyset.png") no-repeat; } #header ul#gNavi li#navCompany a:hover { background-position: 0 bottom; } #header ul#gNavi li#navRecruit a { width: 112px; background: url("../images/b_recruitset.png") no-repeat; } #header ul#gNavi li#navRecruit a:hover { background-position: 0 bottom; } #header ul#gNavi li#navContact a { width: 111px; background: url("../images/b_contactset.png") no-repeat; } #header ul#gNavi li#navContact a:hover { background-position: 0 bottom; } #header ul#gNavi li.active a { background-position: 0 bottom !important; } #header #control #size { float: left; width: 147px; line-height: 0; } #header #control #size dt { float: left; width: 46px; } #header #control #size dd { float: right; width: 93px; } #header #control #size dd li { float: left; width: 45px; } #header #control #size dd li.last { float: right; width: 45px; } #header #control #search { float: right; width: 238px; } /*--------------------------------------------- 03. footer ---------------------------------------------*/ #footer { color: #FFF; background: url("../images/bk_alpha70.png"); } #footer a { color: #FFF; } #footer #solve { padding: 30px 40px; border-bottom: 1px solid #666; } #footer #solve_l { float: left; width: 600px; margin-top: 30px; } #footer #solve_l dd { margin-top: 10px; font-size: 84%; } #footer #solve_r { float: right; width: 200px; text-align: center; } #footer #solve_r dt { margin-bottom: 10px; } #footer #solve_r dd { margin-bottom: 6px; } #footer #solve_r dd.lastChild { margin-bottom: 0; } #footer #footMenu { padding: 24px 40px; border-bottom: 1px solid #666; } #footer #footMenu dl { float: left; } #footer #footMenu dl#fSolution { width: 230px; } #footer #footMenu dl#fService { width: 175px; } #footer #footMenu dl#fWorks { width: 150px; } #footer #footMenu dl#fCompany { width: 130px; } #footer #footMenu dl#fRecruit { width: 185px; } #footer #footMenu dt { padding-left: 11px; font-weight: 600; background: url("../images/i_ar_y_b.png") no-repeat 0 center; } #footer #footMenu dd { padding-left: 11px; font-size: 84%; background: url("../images/i_ar_y.png") no-repeat 0 0.55em; } #footer #infoArea { padding: 24px 40px; } #footer #infoArea strong { font-weight: 600; } #footer #infoArea address { float: left; width: 500px; } #footer #infoArea address#copy { clear: both; float: none; width: auto; margin-top: 10px; color: #CCC; } #footer #infoArea ul { float: right; width: 370px; } #footer #infoArea ul li { float: left; margin-right: 25px; padding-left: 11px; background: url("../images/i_ar_y_b.png") no-repeat 0 center; } #footer #infoArea ul li.lastChild { margin-right: 0; } /* topicPath ---------------------------------------------*/ #topicPath { clear: both; padding: 0 40px; color: #FFF; font-size: 84%; border-top: 3px solid #4c4c4c; border-bottom: 1px solid #666; } #topicPath ol { float: left; width: 760px; } #topicPath li { float: left; width: auto; } #topicPath li#home { padding-left: 7px; background: url("../images/i_home.png") no-repeat 0 center; } #topicPath li a { display: block; padding: 14px 17px 16px 10px; font-weight: 600; background: url("../images/i_path.png") no-repeat right center; color: #FFF; } #topicPath li em { display: block; padding: 14px 0px 16px 10px; color: #FFF; } .pageup { float: right; width: 89px; padding: 15px 0; } /*--------------------------------------------- 04. common ---------------------------------------------*/ #sNavi { background: #333; } #sNavi h3 { padding-bottom: 1px; background: #000 url("../images/dotline.gif") repeat-x 0 bottom; } #sNavi ul { padding-bottom: 1px; background: url("../images/dotline.gif") repeat-x 0 bottom; } #sNavi ul li a { zoom: 1; display: block; padding: 8px 0; color: #FFF; text-decoration: none; } #sNavi ul li a:hover { background: #515151; } #sNavi ul li a.active { background: #35496f; text-decoration: none; } #sNavi ul li a em { display: block; padding: 0 1em 0 2em; background: url("../images/i_ar_y_b_side.gif") no-repeat 1em 0.5em; } #sNavi ul li.sub a em { padding-left: 3em; line-height: 1.2; background: url("../images/i_ar_y_side.gif") no-repeat 2em 0.35em; } .m0 { margin: 0 !important; } .mat5 { margin-top: 5px !important; } .mat10 { margin-top: 10px !important; } .mat15 { margin-top: 15px !important; } .mat20 { margin-top: 20px !important; } .mat30 { margin-top: 30px !important; } .mat40 { margin-top: 40px !important; } .mat50 { margin-top: 50px !important; } .mab3 { margin-bottom: 3px !important; } .pab0 { padding-bottom: 0 !important; } .fwn { font-weight: normal !important; } .tal { text-align: left !important; } .tac { text-align: center !important; } .tar { text-align: right !important; } /* tooltip ---------------------------------------------*/ #tt { display: block; position: absolute; } #tttop { display: block; height: 6px; padding-top: 6px; background: url("../images/tooltip_head.gif") no-repeat 0 bottom; } #ttcont { display: block; padding: 13px 14px; font-size: 84%; background: #666; color: #FFF; text-align: left; } #ttbot { display: block; } /*--------------------------------------------- 05. top ---------------------------------------------*/ #top #mainArea { padding-top: 210px; } #top #solve_l { margin-top: 0; } #top #solutionArea { padding: 27px 40px 0; height: 226px;/*仮*/ background: url("../images/bg_top_mainarea.gif") no-repeat; } #top #solutionHead { font-size: 0; } #top #solutionHead h2 { float: left; width: 104px; } #top #solutionHead p { float: right; width: 183px; margin-top: 6px; } #top #solutionArea ul { clear: both; width: 890px; margin-top: 10px; height: 198px; overflow-y: hidden; } #top #solutionArea ul li { float: left; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; } #top #solutionArea ul li.end { border-right: 0; } #top #solutionArea ul li a { display: block; text-indent: -9999px; overflow: hidden; } #top #solutionArea ul li#civi a { width: 171px; height: 102px; background: url("../images/solve_civiset.png") no-repeat; } #top #solutionArea ul li#civi a:hover { background-position: 0 bottom; } #top #solutionArea ul li#cross a { width: 277px; height: 102px; background: url("../images/solve_clossmediaset.png") no-repeat; } #top #solutionArea ul li#cross a:hover { background-position: 0 bottom; } #top #solutionArea ul li#brand a { width: 219px; height: 102px; background: url("../images/solve_brandingset.png") no-repeat; } #top #solutionArea ul li#brand a:hover { background-position: 0 bottom; } #top #solutionArea ul li#rec a { width: 200px; height: 102px; background: url("../images/solve_recruitset.png") no-repeat; } #top #solutionArea ul li#rec a:hover { background-position: 0 bottom; } #top #solutionArea ul li#crm a { width: 214px; height: 96px; background: url("../images/solve_crmset.png") no-repeat; } #top #solutionArea ul li#crm a:hover { background-position: 0 bottom; } #top #solutionArea ul li#camp a { width: 216px; height: 96px; background: url("../images/solve_campaignset.png") no-repeat; } #top #solutionArea ul li#camp a:hover { background-position: 0 bottom; } #top #solutionArea ul li#adver a { width: 223px; height: 96px; background: url("../images/solve_advset.png") no-repeat; } #top #solutionArea ul li#adver a:hover { background-position: 0 bottom; } #top #solutionArea ul li#social a { width: 214px; height: 96px; background: url("../images/solve_socialset.png") no-repeat; } #top #solutionArea ul li#social a:hover { background-position: 0 bottom; } #top #mainBtm { padding: 30px 40px 40px; background: #FFF; } * html #top #mainBtm { padding: 30px 40px 0; margin-bottom: -16px; } *:first-child+html #top #mainBtm { padding: 30px 40px 0; margin-bottom: -16px; } #top #topInfo { float: left; width: 836px; padding: 0; } #topInfoHead { font-size: 0; } #topInfoHead h3 { float: left; width: 71px; } #topInfoHead p { float: right; width: 101px; margin-top: 7px; } #bnrArea { float: right; width: 200px; } #bnrArea h3 { margin-bottom: 10px; } #bnrArea ul { margin-bottom: 30px; padding-top: 1px; background: url("../images/dotline.gif") repeat-x; } #bnrArea ul li { padding-bottom: 1px; background: url("../images/dotline.gif") repeat-x 0 bottom; } #workList { clear: both; margin-top: 10px; width: 780px; height: 118px; position: relative; overflow: hidden; } #workList #left { position: absolute; top: 0; left: 0; cursor: pointer; } #workList #right { position: absolute; top: 0; right: 0; cursor: pointer; } #worksArea { width: 9999px; position: relative; left: 10px; } #worksArea li { width: 182px; display: block; position: absolute; float: left; padding:0 0 0 18px; left: -1px; top: 1px; } #topicsArea { padding-top: 30px; } #topics { float: left; width: 370px; background: none; } #topicHead { font-size: 0; } #topicHead h3 { float: left; width: 66px; } #topicHead p { float: right; width: 73px; margin-top: 5px; } #topics ul { clear: both; margin-top: 10px; } #topics ul li { clear: both; padding: 10px 8px; background: url("../images/dotline.gif") repeat-x 0 bottom; } #topics ul li.odd { background: #f2f6fa url("../images/dotline.gif") repeat-x 0 bottom; } #topics ul dt { display: inline; font-size: 84%; } #topics ul dt.new { padding-right: 45px; background: url("../images/i_news.gif") no-repeat right 0.1em; } #career { float: right; width: 225px; } #careerBox { margin-top: 10px; padding: 1em 0; background: #f2f6fa; } #careerBox dl.head { padding: 0 1em; } #careerBox dl.head dt { padding: 0; background: none; } #careerBox dl.head dd { padding: 0 0 0 8px; font-size: 84%; background: none; } #careerBox dt { padding: 20px 1em 10px; font-weight: 600; background: url("../images/dotline.gif") repeat-x 0 bottom; } #careerBox dt a { padding-left: 8px; background: url("../images/i_ar_bold.gif") no-repeat 0 center; } #careerBox dd { padding: 10px 1em; background: url("../images/dotline.gif") repeat-x 0 bottom; } #careerBox dd a { padding-left: 11px; background: url("../images/i_ar.gif") no-repeat 0 center; } #careerBox p { padding: 10px 0 0 24px; font-size: 84%; } /*--------------------------------------------- 06. solution ---------------------------------------------*/ #solution { background: url("../solution/images/bg_solution.jpg") no-repeat center 0; } #solution.top { background: url("../solution/images/bg_solution_top.jpg") no-repeat center 0; } #solution #gNavi { padding-bottom: 75px; } #solution #mainArea { clear: both; padding-bottom: 40px; position: relative; background: #FFF; } #solution #main .box { padding-top: 40px; background: url("../solution/images/section.gif") no-repeat; } #solution #mainContent { width: 630px; padding: 40px 40px 0; } #solution #mainContent h2 { margin-bottom: 24px; } #solution #sNavi h3 { padding: 30px 13px; } /* index ---------------------------------------------*/ #solution .index #gNavi { padding-bottom: 212px; } #solution .index #mainArea { background: none; padding-bottom: 0; } #solution .index #mainHead { background: url("../images/bg_menu_in.png") repeat-y; } #solution .index #mainWrap { clear: both; padding-bottom: 40px; background: #FFF; } #solution .index #main { padding: 30px 265px 38px 40px; } #solution .index #main p { float: left; width: 295px; } #solution .index #main #RaQualiaPJ { float: right; width: 320px; } #solution .index #main dl dt { margin-top: 10px; } #solution .index #main dl dt a { margin-bottom: 2px; padding-left: 10px; font-weight: 600; color: #004da0; background: url("../images/i_ar_bold.gif") no-repeat 0 center; } #solution .index #main dd { padding-left: 10px; font-size: 84%; } #solution .index ul#menu { width: 710px; border-bottom: 1px solid #999; } #solution .index ul#menu li { float: left; } #solution .index ul#menu li a { display: block; overflow: hidden; color: #333; text-decoration: none; } #solution .index ul#menu li#solCivi a { width: 212px; height: 137px; padding: 20px 0 0 26px; background: url("../solution/images/sol_ci.png") no-repeat; } #solution .index ul#menu li#solCivi a:hover { background-position: 0 bottom; } #solution .index ul#menu li#solClossMedia a { width: 212px; height: 137px; padding: 20px 0 0 23px; background: url("../solution/images/sol_closs.png") no-repeat; } #solution .index ul#menu li#solClossMedia a:hover { background-position: 0 bottom; } #solution .index ul#menu li#solBrand a { width: 212px; height: 137px; padding: 20px 25px 0 0; text-align: right; background: url("../solution/images/sol_brand.png") no-repeat; } #solution .index ul#menu li#solBrand a:hover { background-position: 0 bottom; } #solution .index ul#menu li#solRecruit a { width: 205px; height: 54px; text-indent: -9999px; background: url("../solution/images/sol_recruit.png") no-repeat; } #solution .index ul#menu li#solRecruit a:hover { background-position: 0 bottom; } #solution .index ul#menu li#solCMS a { width: 275px; height: 54px; text-indent: -9999px; background: url("../solution/images/sol_cms.png") no-repeat; } #solution .index ul#menu li#solCMS a:hover { background-position: 0 bottom; } #solution .index ul#menu li#solCampaign a { width: 230px; height: 54px; text-indent: -9999px; background: url("../solution/images/sol_campaign.png") no-repeat; } #solution .index ul#menu li#solCampaign a:hover { background-position: 0 bottom; } #solution .index ul#menu li#solAdv a { width: 205px; height: 53px; text-indent: -9999px; background: url("../solution/images/sol_adv.png") no-repeat; } #solution .index ul#menu li#solAdv a:hover { background-position: 0 bottom; } #solution .index ul#menu li#solSocial a { width: 275px; height: 53px; text-indent: -9999px; background: url("../solution/images/sol_social.png") no-repeat; } #solution .index ul#menu li#solSocial a:hover { background-position: 0 bottom; } /* CI ---------------------------------------------*/ #solution .ci #main h3 { margin-bottom: 15px; font-size: 134%; font-weight: 600; line-height: 1.3; } #solution .ci #main ol { margin: 25px 40px; font-weight: 600; list-style: decimal; } #solution .ci #main dt { margin-top: 30px; font-weight: 600; color: #666; } #solution .ci #main dd { text-align: center; } #solution .ci #fig { padding: 15px 0 30px 30px; } #solution .ci #project { margin-top: 30px; } #solution .ci dl.comName { float: left; width: 520px; } #solution .ci dl.comName dt { margin-top: 0 !important; } #solution .ci dl.comName dd { margin-top: 5px; font-size: 84%; text-align: left !important; } #solution .ci .txtProject { float: right; width: 95px; } #solution .ci .thumComName { clear: both; margin: 20px 0 40px; } #solution .matix #mainWrap { background: url("../solution/ci/images/matix_header.gif") no-repeat 0 80px; } #solution .matix #main h2 { margin-bottom: 210px; } #solution .matix #main h3 { margin-bottom: 15px; font-size: 134%; font-weight: 600; line-height: 1.3; } #solution .matix #main dl#topCap dt { margin-bottom: 35px; } #solution .matix #main ul#logoSet { margin-bottom: 30px; } #solution .matix #main ul#logoSet li { float: left; } #solution .matix #main ul#logoSet li.cent{ padding: 0 30px 0 23px; } #solution .matix #main #photoBox { width: 630px; position: relative; margin-top: 40px; } #solution .matix #main #photoBox dl dd { font-size: 84%; } #solution .matix #main #photoBox ul { position: absolute; top: 0; right: 0; width: 392px; } #solution .matix #main #photoBox ul li { float: left; width: 191px; padding-left: 5px; } #solution .matix #main .box { margin: 30px 0 0; } #solution .matix #main .box h4 { clear: both; margin: 20px 0 7px; font-weight: 600; color: #666; } #solution .matix #main .box ul { width: 549px; margin: 0 auto; } #solution .matix #main .box ul li { float: left; width: 183px; margin: 0 0 20px; } #solution .matix #main .box ul li dd { font-size: 84%; text-align: center; } #solution .matix #main .box ul li.clear { clear: both; } /* social ---------------------------------------------*/ #solution .social #main #fig { padding: 20px 0 30px 0; text-align: center; } #solution .social #main h3 { margin-bottom: 15px; font-size: 134%; font-weight: 600; line-height: 1.3; } #solution .social #main #achive { background: #f2f6fa; padding: 20px 0px 0px 22px; margin-top: 30px; } #solution .social #main #achive dl { float: left; width: 182px; padding: 0 20px 20px 0; } #solution .social #main #achive dl dd { margin-top: 5px; font-size: 84%; } #solution .social #main .figure { margin-top: 20px; } #solution .social #main .figure p img { float: left; width: 120px; border: 1px solid #CCC; } #solution .social #main .figure dl { float: right; width: 490px; } #solution .social #main .figure dl dt { margin-bottom: 10px; } #solution .social #main .figure dl dt strong{ margin-right: 5px; font-size: 134%; font-weight: 600; } /*--------------------------------------------- 07. produce ---------------------------------------------*/ #produce { background: url("../produce/images/bg_service.jpg") no-repeat center 0; } #produce.top { background: url("../produce/images/bg_service_top.jpg") no-repeat center 0; } #produce #gNavi { padding-bottom: 75px; } #produce h2 { padding: 40px 40px 25px; } #produce #mainArea { clear: both; padding-bottom: 40px; position: relative; background: #FFF; } #produce #main .box { padding-top: 40px; background: url("../produce/images/section.gif") no-repeat; } #produce #sNavi h3 { padding: 30px 13px; } /* index ---------------------------------------------*/ #produce .index h2 { padding: 30px 0 13px; } #produce .index #gNavi { padding-bottom: 210px; } #produce .index #mainWrap { clear: both; padding-bottom: 40px; background: #FFF; } #produce .index #mainArea { padding-bottom: 0; background: none; } #produce .index #mainHead { background: url("../images/bg_menu_in.png") repeat-y; } #produce .index ul#menu li { float: left; border-right: 1px solid #999; border-bottom: 1px solid #999; } #produce .index ul#menu li.end { border-right: 0; } #produce .index ul#menu li a { display: block; overflow: hidden; color: #333; text-decoration: none; } #produce .index ul#menu li#webSite a { width: 222px; height: 140px; padding: 20px 0 0 17px; background: url("../produce/images/ser_web.png") no-repeat; } #produce .index ul#menu li#webSite a:hover { background-position: 0 bottom; } #produce .index ul#menu li#support a { width: 198px; height: 140px; padding: 20px 17px 0 18px; background: url("../produce/images/ser_support.png") no-repeat; } #produce .index ul#menu li#support a:hover { background-position: 0 bottom; } #produce .index ul#menu li#dtp a { width: 216px; height: 140px; padding: 20px 0 0 20px; background: url("../produce/images/ser_print.png") no-repeat; } #produce .index ul#menu li#dtp a:hover { background-position: 0 bottom; } #produce .index ul#menu li#tool a { width: 247px; height: 142px; padding: 20px 20px 0 0; text-align: right; background: url("../produce/images/ser_tool.png") no-repeat; } #produce .index ul#menu li#tool a:hover { background-position: 0 bottom; } #produce .index ul#menu li#sign a { width: 135px; height: 142px; padding: 20px 90px 0 0; text-align: right; background: url("../produce/images/ser_sign.png") no-repeat; } #produce .index ul#menu li#sign a:hover { background-position: 0 bottom; } #produce .index ul#menu li#flow a { width: 180px; height: 142px; padding: 20px 36px 0 0; text-align: right; background: url("../produce/images/ser_flow.png") no-repeat; } #produce .index ul#menu li#flow a:hover { background-position: 0 bottom; } #produce .index #topProduct { width: 630px; padding: 0 40px; } #produce .index #topProduct ul { padding: 20px 12px 5px 22px; background: #f2f6fa; } #produce .index #topProduct ul li { float: left; margin: 0 10px 15px 0; } #produce .index #topProduct ul li a { color: #333; } #produce .index #topProduct ul li dt { border: 1px solid #CCC; } #produce .index #topProduct ul li dd { font-size: 84%; } /* web ---------------------------------------------*/ #produce .web #webContent h3 { margin-bottom: 20px; font-size: 134%; font-weight: 600; } #produce .web #webContent { width: 630px; padding: 187px 40px 0; background: url("../produce/hp/images/bg_website.gif") no-repeat; } #produce .web #webContent ul li { margin-bottom: 5px; padding-left: 15px; background: url("../images/i_circle.gif") no-repeat 0 0.5em; } #produce .web #webContent .box { margin-top: 40px; } #produce .web #webContent ul.btnSet { float: right; margin-top: 25px; } #produce .web #webContent ul.btnSet li { float: left; margin-bottom: 0; padding-left: 5px; background: none; } #produce .web #webContent dl { margin-top: 20px; } #produce .web #webContent dt { margin-bottom: 10px; font-weight: 600; color: #666; } /* web standard ---------------------------------------------*/ #produce .standard #main h3 { margin-bottom: 20px; font-size: 134%; font-weight: 600; } #produce .standard #main h4 { margin-top: 30px; font-weight: 600; color: #666; } #produce .standard .box { clear: both; margin-top: 40px; } #produce .standard #webContent { width: 630px; padding: 0 40px; background: url("../produce/hp/images/bg_w3c.gif") no-repeat; } #produce .standard #webHead { width: 480px; padding-top: 210px; } #produce .standard #webHead ul { margin-top: 20px; } #produce .standard #webHead li { float: left; width: 168px; margin-right: 5px; } #produce .standard #webHead dd { margin-top: 3px; font-size: 84%; } #produce .standard .detail { margin-top: 25px; font-size: 84%; text-align: right; } #produce .standard .detail img { margin-left: 5px; vertical-align: middle; } /* web teraSite ---------------------------------------------*/ #produce .teraSite #main h3 { margin-bottom: 20px; font-size: 134%; font-weight: 600; } #produce .teraSite .box { clear: both; margin-top: 40px; } #produce .teraSite #webContent { width: 630px; padding: 0 40px; background: url("../produce/hp/images/bg_terasite.jpg") no-repeat; } #produce .teraSite #webHead { width: 480px; padding-top: 210px; } #produce .teraSite #webHead ul { margin-top: 20px; } #produce .teraSite #webHead li { float: left; width: 168px; margin-right: 5px; } #produce .teraSite #webHead dd { margin-top: 3px; font-size: 84%; } #produce .teraSite .detail { margin-top: 25px; font-size: 84%; text-align: right; } #produce .teraSite .detail img { margin-left: 5px; vertical-align: middle; } /* web dpanph ---------------------------------------------*/ #produce .dpanph #main h3 { margin-bottom: 20px; font-size: 134%; font-weight: 600; } #produce .dpanph #main h4 { margin: 25px 0 3px; font-weight: 600; color: #666; } #produce .dpanph span { display: block; font-size: 84%; } #produce .dpanph #webContent { width: 630px; padding: 0 40px; background: url("../produce/hp/images/bg_panph.jpg") no-repeat; } #produce .dpanph #webHead { padding: 210px 0 50px; } #produce .dpanph #webHead p { width: 480px; } #produce .dpanph #thum { float: right; width: 309px } #produce .dpanph #thum dl { float: left; width: 98px; padding-left: 5px; } #produce .dpanph #thum dd { margin-top: 5px; font-size: 84%; } #produce .dpanph .first { width: 300px; } #produce .dpanph .first h4 { margin-top: 0; } #produce .dpanph .detail { margin-top: 25px; font-size: 84%; text-align: right; } #produce .dpanph .detail img { margin-left: 5px; vertical-align: middle; } /* support ---------------------------------------------*/ #produce .support #supportContent h3 { margin-bottom: 20px; font-size: 134%; font-weight: 600; } #produce .support #supportContent { width: 630px; padding: 187px 40px 0; background: url("../produce/support/images/bg_support.gif") no-repeat; } #produce .support #supportContent ul li { margin-bottom: 5px; padding-left: 15px; background: url("../images/i_circle.gif") no-repeat 0 0.5em; } #produce .support #supportContent .box { margin-top: 40px; } #produce .support #supportContent .box p { margin-bottom: 10px; } #produce .support .thum ul { float: left; width: 400px; } #produce .support .thum p { float: right; width: 215px; margin:0; padding:0; } /* dtp ---------------------------------------------*/ #produce .dtp #supportContent h3 { margin-bottom: 20px; font-size: 134%; font-weight: 600; } #produce .dtp #supportContent { width: 630px; padding: 187px 40px 0; background: url("../produce/dtp/images/bg_dtp.gif") no-repeat; } #produce .dtp #supportContent ul li { margin-bottom: 5px; padding-left: 15px; background: url("../images/i_circle.gif") no-repeat 0 0.5em; } #produce .dtp #supportContent .box { margin-top: 40px; } #produce .dtp #supportContent .link { text-align: right; margin-top: 25px; } #produce .dtp .thum ul { float: left; width: 436px; } #produce .dtp .thum p { float: right; width: 169px; margin:0; padding:0; } #produce .dtp #flow { text-align: center; margin-top:20px; } #produce .dtp .detail { margin-top: 25px; font-size: 84%; text-align: right; } #produce .dtp .detail img { margin-left: 5px; vertical-align: middle; } /* dtp startKit ---------------------------------------------*/ #produce .startKit #main h3 { margin-bottom: 20px; font-size: 134%; font-weight: 600; } #produce .startKit .box { clear: both; margin-top: 40px; } #produce .startKit #dtpContent { width: 630px; padding: 0 40px; background: url("../produce/dtp/images/bg_startkit.jpg") no-repeat; } #produce .startKit #dtpHead { width: 480px; padding: 210px 0 100px; } /* presentation ---------------------------------------------*/ #produce .presen #supportContent h3 { margin-bottom: 20px; font-size: 134%; font-weight: 600; } #produce .presen #supportContent { width: 630px; padding: 187px 40px 0; background: url("../produce/dtp/images/bg_dtp.gif") no-repeat; } #produce .presen #supportContent ul li { margin-bottom: 5px; padding-left: 15px; background: url("../images/i_circle.gif") no-repeat 0 0.5em; } #produce .presen #supportContent .box { margin-top: 40px; } #produce .presen #supportContent .link { text-align: right; margin-top: 25px; } #produce .presen #thum01 { float: right; width: 206px } #produce .presen #thum01 dl { float: left; width: 98px; padding: 0 0 7px 5px; } #produce .presen #thum01 dd { margin-top: 5px; font-size: 84%; } #produce .presen .first { width: 403px; } #produce .presen #thum02 dl { float: right; width: 98px; padding: 0 0 7px 5px; } #produce .presen #thum02 dd { margin-top: 5px; font-size: 84%; } ##produce .presen .second { width: 506px; } /* sign ---------------------------------------------*/ #produce .sign #signContent h3 { margin-bottom: 20px; font-size: 134%; font-weight: 600; } #produce .sign #signContent { width: 630px; padding: 187px 40px 0; background: url("../produce/sign/images/bg_sign.gif") no-repeat; } #produce .sign #signContent ul { margin-bottom:12px; } #produce .sign #signContent ul li { margin-bottom: 5px; padding-left: 15px; background: url("../images/i_circle.gif") no-repeat 0 0.5em; } #produce .sign #signContent .box { margin-top: 40px; } /* sign scan ---------------------------------------------*/ #produce .scan #main h3 { margin-bottom: 20px; font-size: 134%; font-weight: 600; } #produce .scan .box { clear: both; margin-top: 40px; } #produce .scan #scanContent { width: 630px; padding: 0 40px; background: url("../produce/hp/images/bg_w3c.gif") no-repeat; } #produce .scan #scanHead { width: 480px; padding-top: 210px; } /* sign truck ---------------------------------------------*/ #produce .truck #main h3 { margin-bottom: 20px; font-size: 134%; font-weight: 600; } #produce .truck .box { clear: both; margin-top: 40px; } #produce .truck #truckContent { width: 630px; padding: 0 40px; background: url("../produce/hp/images/bg_w3c.gif") no-repeat; } #produce .truck #truckHead { width: 480px; padding-top: 210px; } /* flow ---------------------------------------------*/ #produce .flow #flowTxt { width: 420px; padding: 30px 40px 30px 250px; color: #FFF; line-height: 1.7; background: url("../produce/flow/images/bg_flow_green.gif") repeat-y; } #produce .flow #flowTxt h3 { margin-bottom: 15px; } /* smartPhone ---------------------------------------------*/ #produce .smapho #smaphoContent { width: 630px; padding: 187px 40px 0; background: url("../produce/hp/images/bg_smapho.jpg") no-repeat; } #produce .smapho #smaphoContent dt { margin-top: 10px; font-weight: 600; } #produce .smapho #smaphoContent .box{ margin-top: 30px; } #produce .smapho #smaphoContent h3 { margin-bottom: 10px; font-size: 117%; font-weight: 600; } /*--------------------------------------------- 08. achiev ---------------------------------------------*/ #achiev { background: url("../achiev/images/bg_achiev.jpg") no-repeat center 0; } #achiev.top { background: url("../achiev/images/bg_achiev_top.jpg") no-repeat center 0; } #achiev h2 { padding: 0 0 25px; } #achiev #gNavi { padding-bottom: 75px; } #achiev #mainArea { clear: both; padding-bottom: 40px; position: relative; background: #FFF; } #achiev #mainContent { width: 630px; padding: 40px 40px 0; } #achiev #sNavi h3 { padding: 30px 13px; } #achiev .i_com { background: url("../achiev/images/i_company.gif") no-repeat 0 center; } #achiev .i_ec { background: url("../achiev/images/i_ec.gif") no-repeat 0 center; } #achiev .i_rec { background: url("../achiev/images/i_recruit.gif") no-repeat 0 center; } #achiev .i_pro { background: url("../achiev/images/i_product.gif") no-repeat 0 center; } #achiev .i_sch { background: url("../achiev/images/i_school.gif") no-repeat 0 center; } #achiev .i_sp { background: url("../achiev/images/i_special.gif") no-repeat 0 center; } #achiev .i_eve { background: url("../achiev/images/i_event.gif") no-repeat 0 center; } #achiev .i_etc { background: url("../achiev/images/i_etc.gif") no-repeat 0 center; } #achiev #choose dl { clear: both; padding: 1em 0; border-top: 1px solid #ccd4de; } #achiev #choose dt { float: left; width: 165px; padding: 0 0 0 10px; } #achiev #choose dd { float: right; width: 455px; } #achiev #choose dd input { margin-right: 5px; vertical-align: middle; } #achiev #choose dd ul li { float: left; margin-right: 20px; } #achiev #choose dl#siteCategory li { width: 8em; margin-right: 0; } #achiev #choose dl#siteCategory em { padding-left: 16px; } /* index ---------------------------------------------*/ #achiev .index #gNavi { padding-bottom: 210px; } #achiev .index .categoryHead { margin-bottom: 1px; border-bottom: 1px solid #ccd4de; } #achiev .index .categoryHead h2 { float: left; } #achiev .index .categoryHead p { float: right; margin-top: 8px; } #achiev .index #main ul { clear: both; } #achiev .index #main ul li { float: left; width: 210px; height: 12em; display: block; *margin-top: -1px; overflow: hidden; cursor: pointer; } #achiev .index #main ul li a { display: block; width: 180px; padding: 15px; height: 12em; font-size: 84%; color: #333; } #achiev .index #main ul li a:hover { background: #f2f6fa; text-decoration: none; } #achiev .index #main ul li a:hover strong { text-decoration: underline; } #achiev .index #main ul li.odd { background: #f5f5f5; } #achiev .index #main ul li span.left { display: block; float: left; width: 105px; } #achiev .index #main ul li span.right { display: block; float: right; width: 60px; } #achiev .index #main ul li strong { display: block; margin-bottom: 5px; font-weight: 600; color: #005ab7; } #achiev .index #main ul li em { display: block; margin-bottom: 2px; padding-left: 16px; } #achiev .index #main ul li dfn { display: block; margin-bottom: 2px; } #achiev .index #main #web, #achiev .index #main #print { margin-bottom: 40px; } #achiev .index #main #print ul li { height: 7em; } #achiev .index .set { float: left; width: 203px; margin-right: 10px; font-size: 84%; } #achiev .index .set.lastChild { margin-right: 0; } #achiev .index .set h2 { margin-bottom: 1px; border-bottom: 1px solid #ccd4de; } #achiev .index .set a { display: block; width: 173px; padding: 15px; height: 7em; color: #333; text-decoration: none; } /*↓第二フェーズ #achiev .index .set a:hover { background: #f2f6fa !important; } */ #achiev .index .set#logo a, #achiev .index .set#sign a { background: #f5f5f5; } #achiev .index .set span.left { display: block; float: left; width: 105px; } #achiev .index .set span.right { display: block; float: right; width: 60px; } #achiev .index .set strong { display: block; margin-bottom: 5px; font-weight: 600; color: #005ab7; } #achiev .index .set .idx { margin-top: 10px; text-align: right; } #achiev .index .set .idx a { display: inline-block; width: auto; padding: 0; height: auto; background: none !important; } /* detail ---------------------------------------------*/ #achiev .detail #main h2 { padding-bottom: 20px; border-bottom: 1px solid #ccd4de; } #achiev .detail #main h3 { margin-bottom: 15px; font-size: 200%; line-height: 1.1; } #achiev .detail .back { float: right; margin: 10px 0 15px; font-size: 84%; font-weight: 600; } #achiev .detail .back a { padding: 1px 0 1px 16px; text-align: right; background: url("../images/i_ar_back.gif") no-repeat 0 center; } #achiev .detail #article { clear: both; } #achiev .detail #article .mainPic { padding: 1px; border: 3px solid #CCC; } #achiev .detail #feature { margin-top: 30px; } #achiev .detail #commentary { float: left; width: 390px; } #achiev .detail #commentary h4 { margin-bottom: 18px; font-size: 117%; font-weight: 600; } #achiev .detail #commentary dl { margin-top: 30px; } #achiev .detail #commentary dl dt { margin-bottom: 5px; font-weight: 600; color: #666; } #achiev .detail #commentary dl dd { margin-bottom: 25px; padding: 2px; border: 1px solid #CCC; } #achiev .detail #commentary dl dd.lastChild { margin-bottom: 0; } #achiev .detail #data { float: right; width: 200px; padding-top: 3px; border-top: 2px solid #999; } #achiev .detail #data dl { margin-top: 1em; font-size: 84%; } #achiev .detail #data dl dt { margin-bottom: 2px; padding-top: 2px; color: #999; border-top: 1px solid #EEE; } #achiev .detail #data dl dd { margin-bottom: 10px; line-height: 1.2; } #achiev .detail #data dl dd ul li { float: left; margin-right: 3px; } #achiev .detail #data dl dd ul li.lastChild { margin-right: 0; } /*--------------------------------------------- 09. company ---------------------------------------------*/ #company { background: url("../company/images/bg_company.jpg") no-repeat center 0; } #company h2 { padding: 40px 40px 25px; } #company #gNavi { padding-bottom: 75px; } #company #mainArea { clear: both; position: relative; } #company #mainHead { background: url("../images/bg_menu_in.png") repeat-y; } #company #mainWrap { padding-bottom: 30px; background: #FFF; } #company #sNavi h3 { padding: 30px 13px; } #company .mainDetail { width: 630px; padding: 28px 40px 0; } /* company index ---------------------------------------------*/ #company .index h2 { padding: 0; } #company .index #gNavi { padding-bottom: 210px; } #company .index ul#menu li { float: left; border-right: 1px solid #999; border-bottom: 1px solid #999; } #company .index ul#menu li.end { border-right: 0; } #company .index ul#menu li a { display: block; overflow: hidden; color: #333; text-decoration: none; } #company .index ul#menu li#topMessage a { width: 199px; height: 120px; padding: 20px 0 0 20px; background: url("../company/images/top_topmessage.png") no-repeat; } #company .index ul#menu li#topMessage a:hover { background-position: 0 bottom; } #company .index ul#menu li#philosophy a { width: 216px; height: 120px; padding: 20px 0 0 17px; background: url("../company/images/top_philosophy.png") no-repeat; } #company .index ul#menu li#philosophy a:hover { background-position: 0 bottom; } #company .index ul#menu li#comName a { width: 236px; height: 120px; padding: 20px 0 0 20px; background: url("../company/images/top_comname.png") no-repeat; } #company .index ul#menu li#comName a:hover { background-position: 0 bottom; } #company .index ul#menu li#comInfo a { width: 223px; height: 132px; padding: 20px 24px 0 0; text-align: right; background: url("../company/images/top_cominfo.png") no-repeat; } #company .index ul#menu li#comInfo a:hover { background-position: 0 bottom; } #company .index ul#menu li#history a { width: 207px; height: 132px; padding: 20px 18px 0 0; text-align: right; background: url("../company/images/top_history.png") no-repeat; } #company .index ul#menu li#history a:hover { background-position: 0 bottom; } #company .index ul#menu li#network a { width: 196px; height: 132px; padding: 20px 40px 0 0; text-align: right; background: url("../company/images/top_network.png") no-repeat; } #company .index ul#menu li#network a:hover { background-position: 0 bottom; } #company .index #infoZone { width: 630px; padding: 28px 40px 0; } #company .index #infoZone #newsAndHistory { float: left; width: 368px; } #company .index #infoZone #newsHead { font-size: 0; } #company .index #infoZone #newsHead h2 { float: left; width: 163px; } #company .index #infoZone #newsHead p { float: right; width: 74px; margin-top: 4px; } #company .index #infoZone #news ul { clear: both; margin-top: 10px; } #company .index #infoZone #news ul li { clear: both; padding: 10px 8px; background: url("../images/dotline.gif") repeat-x 0 bottom; } #company .index #infoZone #news ul li.odd { background: #f2f6fa url("../images/dotline.gif") repeat-x 0 bottom; } #company .index #infoZone #news ul dl { display: inline; } #company .index #infoZone #news ul dt { display: inline; font-size: 84%; } #company .index #infoZone #news ul dt.new { padding-right: 45px; background: url("../images/i_news.gif") no-repeat right 0.1em; } #company .index #infoZone #history { margin-top: 25px; } #company .index #infoZone #access { float: right; width: 222px; } #company .index #infoZone #accessHead { font-size: 0; padding: 0 3px 0 1px; } #company .index #infoZone #accessHead h2 { float: left; width: 61px; } #company .index #infoZone #accessHead p { float: right; width: 51px; margin-top: 4px; } #company .index #infoZone #accessMap { clear: both; margin-top: 10px; } /* top message ---------------------------------------------*/ #company .message #main dl { height: 66px; padding: 82px 0px 82px 41px; color: #FFF; background: url("../company/message/images/bg_boss.jpg") no-repeat; } #company .message #main dl dt { font-size: 84%; } #company .message #main dl dd { font-weight: 600; margin-bottom: 10px; } #company .message #main h3 { margin-bottom: 20px; } #company .message #main h4 { margin: 20px 0px 10px; font-weight:bold;} /* profile ---------------------------------------------*/ #company .profile #main ul { height: 132px; padding: 60px 0 0 60px; color: #FFF; background: url("../company/message/images/bg_profile.jpg") no-repeat; } #company .profile #main h3 { margin-bottom: 20px; } #company .profile #main #achive { background: #f2f6fa; padding: 20px 0 0 22px; margin-top: 30px; } #company .profile #main #achive dl { float: left; width: 182px; padding: 0 20px 20px 0; } #company .profile #main #achive dl dd { min-height: 3.2em; height:auto !important; height:3.2em; margin: 5px 0 0; font-size: 84%; } #company .profile #main_l { float: left; width: 460px; } #company .profile #main_r { float: left; width: 70px; padding: 0 0 0 20px; } /* philosophy ---------------------------------------------*/ #company .philosophy #main ul { height: 160px; padding: 70px 0px 0px 40px; color: #FFF; background: url("../company/philosophy/images/bg_philosophy.gif") no-repeat; } #company .philosophy #main dl { width: 630px; border-bottom:1px solid #ccd4de; margin-left:40px; padding: 28px 0px 20px 0px; } #company .philosophy #main dl dt { float:left; width:210px; } #company .philosophy #main dl dd { float:left; width:420px; } #company .philosophy #main dl.last { border-bottom:none;} /* mark ---------------------------------------------*/ #company .mark #main dl { width: 630px; border-top:1px solid #ccd4de; margin-left:40px; padding: 28px 0px 20px 0px; } #company .mark #main dl dt { float:left; width:250px; text-align:center;} #company .mark #main dl dd { float:left; width:360px; padding-left:20px;} /* outline ---------------------------------------------*/ #company .outline #main h3 { margin-bottom: 20px; } #company .outline #main .mainDetail { width: 670px; padding: 0px; background: url("../company/images/bg_leftblue.gif") repeat-y left top;} #company .outline #main .mainDetail .leftBox { float:left; width:179px;} #company .outline #main .mainDetail .rightBox { float:right; width:450px; padding-left:40px;} #company .outline #main .mainDetail .rightBox dl { clear:both; width:450px; padding:15px 0px; background: url("../images/dotline.gif") repeat-x left top; } #company .outline #main .mainDetail .rightBox dl dt { float:left; padding:0px 0px 0px 15px; width:100px;} #company .outline #main .mainDetail .rightBox dl dd { float:left; width:320px;} #company .outline #main .mainDetail .rightBox dl.color { background: url("../company/images/bg_bluedot.gif") repeat-x left top #f2f6fa; } #company .outline #main .mainDetail .rightBox dl dd .topMgn { margin-top: 10px; } #company .outline #main .mainDetail .rightBox dl dd strong { font-weight:bold;} #company .outline #main .mainDetail .rightBox dl address { font-style: normal; } /* history ---------------------------------------------*/ #company .history #main h3 { margin-bottom: 20px; } #company .history #main .mainDetail { width: 670px; padding: 0px; background: url("../company/images/bg_leftblue.gif") repeat-y left top;} #company .history #main .mainDetail .leftBox { float:left; width:179px; padding-top:20px;} #company .history #main .mainDetail .rightBox { float:right; width:450px; padding-left:40px;} #company .history #main .mainDetail .rightBox dl { clear:both; width:450px; padding:15px 0px; background: url("../images/dotline.gif") repeat-x left top; } #company .history #main .mainDetail .rightBox dl dt { float:left; padding:0px 0px 0px 15px; width:90px;} #company .history #main .mainDetail .rightBox dl dd { float:left; width:330px;} #company .history #main .mainDetail .rightBox dl.color { background: url("../company/images/bg_bluedot.gif") repeat-x left top #f2f6fa; } #company .history #main .mainDetail .rightBox dl dd.ddLeft { width:230px;} #company .history #main .mainDetail .rightBox dl dd.ddRight { float: right; width: 100px; margin: 0px; text-align: center; } #company .history #main .mainDetail .rightBox p { margin-top:20px;} /* network ---------------------------------------------*/ #company .network #main h2 { height:246px; padding: 40px 40px 25px; margin-bottom: 20px; background: url("../company/network/images/bg_network.gif") no-repeat left bottom;} #company .network #main h3 { margin-bottom: 20px;} #company .network #topProduct { width: 630px; padding: 0; } #company .network #topProduct ul { padding: 20px 17px 20px; background: #f2f6fa; } #company .network #topProduct ul li { float: left; margin-right: 10px; } #company .network #topProduct ul li.lastChild{ margin-right: 0; } #company .network #topProduct ul li a { color: #333; } #company .network #topProduct ul li dt { border: 1px solid #CCC; } #company .network #topProduct ul li dd { font-size: 84%; } /* access ---------------------------------------------*/ #company .access #sNavi { padding-bottom:100px;} #company .access #main #mapbg { background:#f2efe9;} #company .access #main #gmap { width:710px; height:380px;} #company .access #main .mainDetail { width: 670px;} #company .access #main .mainDetail dl { float:left; width:335px; padding:0px 0px; } #company .access #main .mainDetail dl dt { padding:0px 0px 10px 0px; margin-bottom:10px; width:295px; border-bottom:1px solid #ccd4de;} #company .access #main .mainDetail dl dd { width:295px;} #company .access #main .mainDetail dl.right { width:295px; } #company .access #main .mainDetail dl dd strong {color:#004ba0;} #company .access #main .mainDetail dl dd p.arrow {font-size:60%; color:#999999; padding-left:20px;} /*--------------------------------------------- 10. recruit ---------------------------------------------*/ #recruit { background: url("../recruit/images/bg_recruit.jpg") no-repeat center 0; } #recruit.top { background: url("../recruit/images/bg_recruit_top.jpg") no-repeat center 0; } #recruit #gNavi { padding-bottom: 70px; } #recruit #sNavi h3 { padding: 30px 13px; } #recruit #mainArea { clear: both; padding-bottom: 40px; position: relative; background-color: #FFF; } #recruit dl#bnrEntrys { width:100%; text-align:right; margin:20px 0px 0px;} #recruit dl#bnrEntrys dt{ float:left; padding:10px 15px 0px 0px; } #recruit #bnrEntrys dd { float:right; } #recruit .pageTop { margin: 10px 0 40px; text-align: right; } /* index ---------------------------------------------*/ #recruit.top #wrap { background-position: 0 750px; } #recruit .index #mainArea { background: none; } #recruit .index #gNavi { padding-bottom: 144px; } #recruit .index #lNavi ol { clear: both; padding-bottom: 16px; } #recruit .index #lNavi ol li { float: left; } #recruit .index #lNavi ol li a { display: block; overflow: hidden; text-indent: -9999px; } #recruit .index #lNavi ol li#rec1 a { width: 196px; height: 102px; background: url("../recruit/images/rec01.png") no-repeat; } #recruit .index #lNavi ol li#rec1 a:hover { background-position: 0 bottom; } #recruit .index #lNavi ol li#rec2 a { width: 196px; height: 102px; background: url("../recruit/images/rec02.png") no-repeat; } #recruit .index #lNavi ol li#rec2 a:hover { background-position: 0 bottom; } #recruit .index #lNavi ol li#rec3 a { width: 195px; height: 102px; background: url("../recruit/images/rec03.png") no-repeat; } #recruit .index #lNavi ol li#rec3 a:hover { background-position: 0 bottom; } #recruit .index #lNavi ol li#rec4 { padding-left: 40px; } #recruit .index #lNavi ol li#rec4 a { width: 198px; height: 100px; background: url("../recruit/images/rec04.png") no-repeat; } #recruit .index #lNavi ol li#rec4 a:hover { background-position: 0 bottom; } #recruit .index #lNavi ol li#rec5 a { width: 198px; height: 100px; background: url("../recruit/images/rec05.png") no-repeat; } #recruit .index #lNavi ol li#rec5 a:hover { background-position: 0 bottom; } #recruit .index #lNavi ol li#rec6 a { width: 226px; height: 100px; background: url("../recruit/images/rec06.png") no-repeat; } #recruit .index #lNavi ol li#rec6 a:hover { background-position: 0 bottom; } #recruit .index #lNavi ol li#rec7 a { width: 201px; height: 100px; background: url("../recruit/images/rec07.png") no-repeat; } #recruit .index #lNavi ol li#rec7 a:hover { background-position: 0 bottom; } #recruit .index dl#jobIntro { position: relative; top: -110px; left: 201px; width: 450px; padding: 12px 0 0 20px; border-top: 1px solid #86c2e1; } #recruit .index dl#jobIntro dt { margin-bottom: 8px; } #recruit .index dl#jobIntro dd { float: left; padding-left: 10px; background: url("../images/i_ar_y.png") no-repeat 0 center; } #recruit .index dl#jobIntro dd a { color: #FFF; } #recruit .index dl#jobIntro dd.first { width: 160px; } #recruit .index dl#jobIntro dd.second { width: 140px; } #recruit .index #recSet { width: 660px; padding-top: 40px; padding-left: 40px; position: relative; background: #f8f8f8; } /*#recruit .index #recSet { width: 660px; padding-left: 40px; position: relative; top: -45px; background: #f8f8f8; }*/ #recruit .index #recNews { float: left; width: 368px; } #recruit .index #recNews ul { clear: both; margin-top: 10px; } #recruit .index #recNews ul li { clear: both; padding: 10px 8px; background: url("../images/dotline.gif") repeat-x 0 bottom; } #recruit .index #recNews ul li.odd { background: #f2f6fa url("../images/dotline.gif") repeat-x 0 bottom; } #recruit .index #recNews ul dt { display: inline; font-size: 84%; } #recruit .index #recNews ul dt.new { padding-right: 45px; background: url("../images/i_news.gif") no-repeat right 0.1em; } #recruit .index #bnrEntry { float: right; margin-bottom: 40px; } #recruit .index #bnrEntry a { display: block; overflow: hidden; text-indent: -9999px; width: 250px; height:140px; background: url("../recruit/images/bnr_entry.png") no-repeat; } #recruit .index #bnrEntry a:hover { background-position: 0 bottom; } /* lookFor ---------------------------------------------*/ #recruit .lookFor #mainWrap { padding-top: 290px; background: #FFF url("../recruit/lookfor/images/bg_rec01.jpg") no-repeat; } #recruit .lookFor #mainContent { width: 630px; padding: 0 40px; } #recruit .lookFor #main dl { clear: both; padding: 30px; background: #f5f5f5; } #recruit .lookFor #main dl.even { background: none; } #recruit .lookFor #main dl.even dt { float: right; } #recruit .lookFor #main dl.even dd { float: left; } #recruit .lookFor #main dt { float: left; width: 50px; } #recruit .lookFor #main dd { float: right; width: 495px; } #recruit .lookFor #main dd p { margin-bottom: 1em; } #recruit .lookFor #main dd p.lastChild { margin-bottom: 0; } #recruit .lookFor #main dd p span { float: left; margin: 0.1em 0.3em 0 0; font-weight: 600; font-size: 250%; line-height: 1.0; color: #FFF; background: #0852a0; } #recruit .lookFor #main dd p span.eng { padding: 0 6px; } /* kind index ---------------------------------------------*/ #recruit .kind h2 { margin: 40px 0 20px; } #recruit .kind ul#mainHead { height: 136px; padding: 107px 0 0 42px; font-size: 84%; color: #FFF; background: #FFF url("../recruit/kind/images/bg_rec02.gif") no-repeat; } #recruit .kind ul#mainHead li { padding-left: 16px; background: url("../images/i_ar_anchor.gif") no-repeat 0 center; } #recruit .kind ul#mainHead li strong { margin-right: 5px; font-size: 120%; font-weight: 600; } #recruit .kind ul#mainHead a { color: #FFF; } #recruit .kind #mainContent { width: 630px; padding: 0 40px; } #recruit .kind #main .box { clear: both; } #recruit .kind #main .box h3 { float: left; width: 43px; } #recruit .kind #main .box .exp { float: right; width: 365px; } #recruit .kind #main #webPro h3, #recruit .kind #main #creDir h3, #recruit .kind #main #desPG h3, #recruit .kind #main #copywriter h3, #recruit .kind #main #opDes h3 { float: right; } #recruit .kind #main #webPro .exp, #recruit .kind #main #creDir .exp, #recruit .kind #main #desPG .exp, #recruit .kind #main #copywriter .exp, #recruit .kind #main #opDes .exp { float: left; } #recruit .kind #main .box dl dt { margin: 28px 0 10px; } #recruit .kind #main .box dl dt span { display: block; margin: 10px 0 -7px; font-weight: 600; } #recruit .kind #main .box dl dd { padding-left: 12px; background: url("../images/i_sq_blue.gif") no-repeat 0 0.45em; } #recruit .kind #main .box dl.take span { font-weight: normal; color: #f60; } #recruit .kind #main .box dl.take dd { background: url("../images/i_sq_orange.gif") no-repeat 0 0.45em; } #recruit .kind #main .box p.detail { margin-top: 24px; } #recruit .kind #main #exe { padding: 30px 30px 50px 150px; background: #f5f5f5 url("../recruit/kind/images/bg_executive.gif") no-repeat 0 bottom; } #recruit .kind #main #webPro { /*margin: 40px 0;*/ padding-right: 186px; background: url("../recruit/kind/images/bg_webproducer.gif") no-repeat right bottom; } #recruit .kind #main #webDir { padding: 30px 35px 30px 150px; background: #f5f5f5 url("../recruit/kind/images/bg_webdirector.gif") no-repeat 0 bottom; } #recruit .kind #main #artDir { height: 334px; padding: 30px 0 30px 150px; background: #f5f5f5 url("../recruit/kind/images/bg_artdirector.gif") no-repeat 0 bottom; } #recruit .kind #main #creDir { /*margin: 40px 0;*/ padding: 0 186px 37px 0; background: url("../recruit/kind/images/bg_crdirector.gif") no-repeat right bottom; } #recruit .kind #main #des { padding: 30px 30px 30px 150px; background: #f5f5f5 url("../recruit/kind/images/bg_designer.gif") no-repeat 0 bottom; } #recruit .kind #main #sysDir { height: 334px; padding: 30px 30px 30px 150px; background: #f5f5f5 url("../recruit/kind/images/bg_sysdirector.gif") no-repeat 0 bottom; } #recruit .kind #main #desPG { /*margin: 40px 0;*/ padding-right: 186px; background: url("../recruit/kind/images/bg_designpg.gif") no-repeat right bottom; } #recruit .kind #main #markup { padding: 30px 30px 30px 150px; background: #f5f5f5 url("../recruit/kind/images/bg_markupper.gif") no-repeat 0 bottom; } #recruit .kind #main #planner { padding: 30px 30px 30px 150px; background: #f5f5f5 url("../recruit/kind/images/bg_planner.gif") no-repeat 0 bottom; } #recruit .kind #main #copywriter { /*margin: 40px 0;*/ padding-right: 186px; background: url("../recruit/kind/images/bg_copywriter.gif") no-repeat right bottom; } #recruit .kind #main #opDir { padding: 30px 30px 30px 150px; background: #f5f5f5 url("../recruit/kind/images/bg_opdir.gif") no-repeat 0 bottom; } #recruit .kind #main #opDes { /*margin: 40px 0;*/ padding-right: 186px; background: url("../recruit/kind/images/bg_opdes.gif") no-repeat right bottom; } #recruit .kind #main #pjManageer { height: 334px; padding: 30px 30px 30px 150px; background: #f5f5f5 url("../recruit/kind/images/bg_prmanager.gif") no-repeat 0 bottom; } /* kind detail ---------------------------------------------*/ #recruit .job #mainWrap { padding-top: 97px; background: url("../recruit/kind/images/bg_rec02_det.gif") no-repeat; } #recruit .job #mainContent { width: 630px; padding: 0 40px; } #recruit .job .catHead { padding: 25px 0 50px; } #recruit .job .catHead h2 { float: left; } #recruit .job .catHead p { float: right; margin-top: 4px; text-align: right; } #recruit .job .catHead p a { font-weight: 600; color: #333; padding-left: 16px; background: url("../images/i_ar_back.gif") no-repeat 0 center; } #recruit .job .box h3 { float: left; width: 43px; } #recruit .job .box h4 { margin-bottom: 20px; font-weight: 600; color: #004da0; } #recruit .job .box h5 { margin: 40px 0 10px; height: 27px; padding: 0 10px; font-weight: 600; line-height: 27px; color: #FFF; background: #333; } #recruit .job .box h6 { font-weight: bold; } #recruit .job .box .exp { float: right; width: 570px; } #recruit .job .box ul { margin: 10px 0 10px 20px; list-style: disc; } #recruit .job .box ol li { margin-bottom: 10px; } #recruit .job .box dt { font-weight: 600; } #recruit .job .box .outline#webPro { background: url("../recruit/kind/images/bg_webproducer_det.gif") no-repeat right bottom; } #recruit .job .box .outline#webDir { background: url("../recruit/kind/images/bg_webdirector_det.gif") no-repeat right bottom; } #recruit .job .box .outline#designer { background: url("../recruit/kind/images/bg_designer_det.gif") no-repeat right bottom; } #recruit .job .box .outline#desPG { background: url("../recruit/kind/images/bg_designpg.gif") no-repeat right bottom; } #recruit .job .box .outline#markup { padding-bottom: 50px; background: url("../recruit/kind/images/bg_markupper_det.gif") no-repeat right bottom; } #recruit .job .box .outline#copywriter { background: url("../recruit/kind/images/bg_copywriter.gif") no-repeat right bottom; } #recruit .job .box .outline p { width: 285px; } #recruit .job .message { margin-top: 40px; padding: 15px 15px 15px 130px; border: 1px solid #C63; background: #f5e0d6 url("../recruit/kind/images/mes_pla.jpg") no-repeat; } #recruit .job .message h4 { margin-bottom: 10px; color: #C63; } /* kind field ---------------------------------------------*/ #recruit .field h2 { margin-bottom: 10px; } #recruit .field #mainWrap { padding-top: 290px; background: url("../recruit/kind/images/bg_rec03.jpg") no-repeat; } #recruit .field #mainContent { width: 630px; padding: 0 40px; } #recruit .field #mainContent table { width: 630px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; } #recruit .field #mainContent tr.even { background: #EEE; } #recruit .field #mainContent th { padding: 2px 5px; text-align: left; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } #recruit .field #mainContent th.first { background: #FFF; } #recruit .field #mainContent td { width: 36px; padding: 2px 0px; color: #39C; text-align: center; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; } #recruit .field #mainContent th.hd { padding: 0; } #recruit .field #mainContent .blue { color: #39C; } /* invite ---------------------------------------------*/ #recruit .invite h2 { padding: 0; text-indent: -9999px; } #recruit .invite #mainWrap { padding-top: 243px; background: url("../recruit/invite/images/bg_rec04.jpg") no-repeat; } #recruit .invite #mainContent { width: 630px; padding: 0 40px; } #recruit .invite #mainContent .list { padding: 20px 20px 0; background: #FFF; } #recruit .invite #mainContent ul { padding-top: 1px; background: url("../images/dotline.gif") repeat-x; } #recruit .invite #mainContent ul li.odd { background: #f2f6fa; } #recruit .invite #mainContent ul dl { padding: 10px; } #recruit .invite #mainContent ul dd h3 { font-weight: 600; } #recruit .invite #mainContent ul dd ul { padding: 0 0 10px; background: none; } #recruit .invite #mainContent ul dd ul li { margin-left: 20px; list-style: disc; } #recruit .invite #mainContent dl { background: url("../images/dotline.gif") repeat-x 0 bottom; } #recruit .invite #mainContent dt { clear: both; float: left; width: 10em; } #recruit .invite #mainContent dd { margin-left: 11em; /*zoom: 1;*/ } /* faq ---------------------------------------------*/ #recruit .faq h2 { padding: 40px 0 20px; } #recruit .faq #mainWrap { padding-top: 243px; background: url("../recruit/faq/images/bg_rec05.jpg") no-repeat; } #recruit .faq #mainContent { width: 630px; padding: 0 40px; } #recruit .faq #mainContent li { padding: 20px 15px; } #recruit .faq #mainContent li.odd { background: #f5f5f5; } #recruit .faq #mainContent li dl { display: inline; } #recruit .faq #mainContent li dt { margin-bottom: 15px; padding: 8px 0 20px 45px; font-weight: 600; background: url("../recruit/faq/images/i_q.gif") no-repeat; border-bottom: 1px solid #CCC; } #recruit .faq #mainContent li dd { padding: 0 0 0 45px; background: url("../recruit/faq/images/i_a.gif") no-repeat; } /* entry ---------------------------------------------*/ #recruit .entry h2 { margin-bottom: 20px; } #recruit .entry #mainContent { width: 630px; padding: 40px 40px 0; } #recruit .entry form.post { margin-top: 20px; padding-top: 1px; background: url("../images/dotline.gif") repeat-x; } #recruit .entry legend { display: none; } #recruit .entry fieldset { background: url("../contact/images/bg_form.gif") repeat-y; } #recruit .entry fieldset h3 { height: 27px; padding: 0 10px; font-weight: 600; line-height: 27px; color: #FFF; background: #333 url("../images/dotline.gif") repeat-x 0 bottom; } #recruit .entry fieldset h3 span { margin-left: 5px; font-weight: normal; } #recruit .entry fieldset dl { clear: both; padding: 8px 0; background: url("../images/dotline.gif") repeat-x 0 bottom; } #recruit .entry fieldset dt { float: left; width: 200px; padding: 0 12px; } #recruit .entry fieldset dt span { margin-left: 5px; font-size: 84%; font-weight: 600; color: #F33; } #recruit .entry fieldset dd { float: right; width: 373px; padding: 0 3px 0 30px; } #recruit .entry fieldset dd em { padding-left: 10px; } #recruit .entry textarea { width: 100%; } #recruit .entry input { vertical-align: middle; } #recruit .entry select { padding: 1px; } #recruit .entry .thanks { margin-top: 20px; text-align: center; } #recruit .entry .adjust { margin-top: 10px; text-align: center; } #recruit .entry .warn { color: #F33; } #recruit .entry .hand { cursor: pointer; } #recruit .entry .finish { height: 500px; } #recruit #name, #recruit #kana, #recruit #tel, #recruit #mobile, #recruit #schname{ width: 16em; } #recruit #wnum { width: 2em; } #recruit #zip1, #recruit #age { width: 3em; } #recruit #zip2, #recruit #grady { width: 4em; } #recruit #address, #recruit #email { width: 98%; } #recruit #job { width: 100%; } #recruit #schkind, #recruit #wcondition { width: 50%; } /*--------------------------------------------- 11. contact ---------------------------------------------*/ #contact { background: url("../contact/images/bg_contact.jpg") no-repeat center 0; } #contact fieldset { padding-top: 1px; background: url("../images/dotline.gif") repeat-x; } #contact legend { display: none; } #contact fieldset dl { clear: both; padding: 8px 0; background: url("../images/dotline.gif") repeat-x 0 bottom; } #contact fieldset dt { float: left; width: 206px; padding: 0 12px; } #contact fieldset dt span { margin-left: 5px; font-size: 84%; font-weight: 600; color: #F33; } #contact fieldset dd { float: right; width: 500px; padding: 0 30px; } #contact fieldset dd em { padding-left: 10px; } #contact textarea { width: 100%; *width: 99%; } #contact input { padding: 2px; vertical-align: middle; } #contact .adjust { margin-top: 20px; text-align: center; } #contact .warn { color: #F33; } #contact .hand { cursor: pointer; } #contact #gNavi { padding-bottom: 75px; } #contact #mainArea { padding: 40px; background: #FFF; } #contact #mainContent { padding: 15px 40px 40px; } #contact #mainContent h3 { margin-bottom: 20px; padding: 20px 0 12px; border-bottom: 1px solid #ccd4de; } #contact #mainContent #telNum { padding: 0 20px; } #contact #mainContent #telNum li { margin-bottom: 10px; } #contact #statusBar { padding: 20px 0 30px 0; } #contact #statusBar li { float: left; } #contact #formSet { background: url("../contact/images/bg_form.gif") repeat-y; } #contact #formSet #important { background: url("../contact/images/bg_form_strong.gif") repeat-y; } #contact #formSet #important input { margin-right: 5px; } #contact #category li { float: left; width: 250px; } #contact #name, #contact #kana, #contact #comname, #contact #comkana { width: 22em; } #contact #group, #contact #position, #contact #tel, #contact #fax { width: 14em; } #contact #zip1 { width: 3em; } #contact #zip2 { width: 4em; } #contact #address { width: 100%; *width: 98% !important; } #contact #email { width: 31em; } /*--------------------------------------------- 12. topics ---------------------------------------------*/ #topics { background: url("../topics/images/bg_topics.jpg") no-repeat center 0; } #topics .index #gNavi { padding-bottom: 75px; } #topics .index #footer #solve_l { margin-top: 30px; } #topics .index h3 { margin: 30px 40px 10px; font-weight: 600; color: #666; } #topics .index #mainArea { padding: 40px 40px 75px; background: #FFF; } #topics .index #mainArea ul { padding: 0 40px; } #topics .index #mainArea ul li { clear: both; padding: 10px 8px; background: url("../images/dotline.gif") repeat-x 0 bottom; } #topics .index #mainArea ul li.odd { background: #f2f6fa url("../images/dotline.gif") repeat-x 0 bottom; } #topics .index #mainArea ul dl { display: inline; } #topics .index #mainArea ul dt { clear: both; float: left; display: inline; width: 13em; font-size: 84%; } #topics .index #mainArea ul dt.new { padding-right: 45px; background: url("../images/i_news.gif") no-repeat right center; } #topics .index #mainArea ul dd { margin-left: 19em; /*zoom: 1;*/ } /*--------------------------------------------- 13. special ---------------------------------------------*/ /* collaboration ---------------------------------------------*/ #collabo { background: url("../special/images/bg_collaboration.jpg") no-repeat center 0; } #collabo #gNavi { padding-bottom: 75px; } #collabo #mainArea { background: #FFF; } #collabo #mainArea h2 { padding: 40px 40px 25px; } #collabo #mainArea #mainVisual { padding: 30px 0 25px 80px; font-weight: 600; color: #FFF; background: #3371b3 url("../special/images/bg_collabo.jpg") no-repeat right 0; } #collabo #mainArea #mainVisual span { font-weight: normal; } #collabo #mainArea #mainVisual ul li { margin-bottom: 3px; padding-left: 15px; background: url("../special/images/i_disc.gif") no-repeat 0 center; } #collabo #mainArea #mainVisual p { margin-top: 20px; } #collabo #mainArea #mainContent { padding: 25px 80px 50px; } #collabo #mainArea #mainContent #lead { float: left; width: 550px; } #collabo #mainArea #mainContent #dlSet { float: right; width: 200px; } #collabo #mainArea #mainContent dl dt { margin-bottom: 10px; } #collabo #mainArea #mainContent dl dd { margin-bottom: 5px; } #collabo #mainArea dl#collaboInq { margin-top: 15px; } #collabo #mainArea dl#collaboInq dt { font-size: 84%; } /*--------------------------------------------- 14. privacy ---------------------------------------------*/ #privacy { background: url("../images/bg_footcontent.jpg") no-repeat center 0; } #privacy #gNavi { padding-bottom: 75px; } #privacy #mainArea { padding: 40px; background: #FFF; } #privacy #mainContent { padding: 35px 40px; } #privacy #mainContent dl { padding: 15px; background: #f2f6fa; } #privacy #mainContent dt { margin-bottom: 2px; font-weight: 600; } #privacy #mainContent ol { list-style: decimal; margin-left: 20px; } * html #privacy #mainContent ol { margin-left: 27px; } *:first-child+html #privacy #mainContent ol { margin-left: 27px; } #privacy #mainContent #detail { margin: 30px 0; } #privacy #mainContent #detail p { margin-bottom: 1em; } #privacy #mainContent #represent{ margin: 2em 0 0; font-weight: 600; text-align: right; } /*--------------------------------------------- 15. rule ---------------------------------------------*/ #rule { background: url("../images/bg_footcontent.jpg") no-repeat center 0; } #rule #gNavi { padding-bottom: 75px; } #rule #mainArea { padding: 40px; background: #FFF; } #rule #mainContent { padding: 35px 40px; } #rule #mainArea h3 { margin: 30px 0 10px; font-size: 117%; font-weight: 600; } #rule #mainArea dt { display: list-item; margin: 5px 0 0 20px; font-weight: 600; list-style: disc; } #rule #mainArea dd { margin-left: 20px; } #rule #mainArea ul { margin: 5px 0 0 20px; list-style: disc; } #rule #mainArea p.txt { margin-left: 20px; } /*--------------------------------------------- 16. sitemap ---------------------------------------------*/ #sitemap { background: url("../images/bg_footcontent.jpg") no-repeat center 0; } #sitemap #gNavi { padding-bottom: 75px; } #sitemap #mainArea { padding: 40px; background: #FFF; } #sitemap #mainContent { padding: 35px 40px; } #sitemap #mainContent dl { float: left; width: 243px; padding-right: 20px; } #sitemap #mainContent dl dt { margin-bottom: 10px; padding-left: 10px; font-weight: 600; background: url("../images/i_ar_bold.gif") no-repeat 0 center; } #sitemap #mainContent dl dd { margin-bottom: 5px; padding-left: 10px; background: url("../images/i_ar.gif") no-repeat 0 0.5em; } #sitemap #mainContent dl dd.sub { margin-left: 12px; } #sitemap #mainContent .block { margin-top: 25px; padding-top: 25px; background: url("../images/dotline.gif") repeat-x; }