@charset "utf-8"; .careerNavi .blueLine { margin-left: 480px; display: block; } .ContentsArea_Single #ContentsArea { margin-top: 0; } #BreadcrumbsWrap { background-color: inherit; } #ContentsWrap { background: url("/-/media/Project/Daikin/daikin_com/careers/career_paths/images/careerpaths_main gif") 50% 0 no-repeat; } /* Page Title */ .mainArea { margin: 50px 0 75px; } .mainArea h1 { line-height: 1.3; color: #009acf; font-style: italic; font-weight: bold; font-size: 357%; letter-spacing: -1px; } .mainArea p { margin-bottom: 0; color: #009acf; font-weight: bold; text-align: justify; } /* Page Content */ #MainContentsArea { background-color: inherit; } .ContentsArea_Single.MainContentsArea_SubMain #MainContentsArea .MainContentsArea__Main { width: 700px; background: #fff; } /* Local Navigation */ #MainContentsArea .thumbnailBlock { margin-bottom: 20px; display: block; overflow: hidden; } #MainContentsArea .thumbnailBlock .imgWrap { display: inline; position: relative; float: left; } #MainContentsArea .thumbnailBlock:hover .imgWrap:after { position: absolute; top: 0; left: 0; content: url("/careers/career_paths/01/-/images/left_thumb_frame png"); } #MainContentsArea .thumbnailBlock .textWrap { padding: 4px 0 0 12px; width: 176px; min-height: 52px; overflow: hidden; box-sizing: border-box; } #MainContentsArea .thumbnailBlock .textWrap .name { display: block; line-height: 1.14; /* 16/14 */ color: #009acf; font-size: 100%; /* 14/14 */ } #MainContentsArea .thumbnailBlock .textWrap .position { display: block; line-height: 1.5; /* 18/12 */ color: #666; font-size: 86%; /* 12/14 */ } #MainContentsArea .thumbnailBlock .textWrap .country { display: block; line-height: 1.3; /* 13/10 */ color: #666; font-size: 71%; /* 10/14 */ } #MainContentsArea .thumbnailBlock:hover { text-decoration: none; } #MainContentsArea .thumbnailBlock:hover .textWrap { background-color: #05c4f4; } #MainContentsArea .thumbnailBlock:hover .textWrap span { color: #fff; } /* Main Image */ .mainImgArea .case { margin: 0; padding: 5px 12px 3px 8px; display: inline-block; float: left; line-height: 1; color: #fff; background-color: #0099cc; font-style: italic; font-size: 143%; /* 20/14 */ } .mainImgArea h2 { margin: 0 0 30px; padding: 3px 20px 1px 8px; display: inline-block; float: left; clear: both; line-height: 1; color: #009acf; background-color: #fff; font-style: italic; font-weight: bold; font-size: 343%; /* 48/14 */ letter-spacing: -1px; } .mainImgArea .name { margin: 30px 0 0 0; clear: both; font-weight: bold; font-size: 143%; /* 20/14 */ } .mainImgArea .position, .mainImgArea .joined { margin-bottom: 0; font-size: 100%; } /* CareerPaths Block */ .CareerPaths_Block .BlockTitle { margin: 20px 0 0; padding: 6px 0; border-bottom: 2px solid #009acf; color: #009acf; font-weight: bold; font-size: 143%; /* 20/14 */ } .CareerPaths_Block:after { content: url("/-/media/Project/Daikin/daikin_com/careers/career_paths/images/careerpathsblock_flow png"); } /* CareerPaths Block > TwoColumn */ .CareerPaths_Block .twoColumn { display: table; overflow: hidden; } .CareerPaths_Block .twoColumn .leftArea, .CareerPaths_Block .twoColumn .rightArea { display: table-cell; } .CareerPaths_Block .twoColumn .leftArea { padding: 20px 18px 0; width: 200px; background-color: #eff4f7; box-sizing: border-box; } .CareerPaths_Block .twoColumn .leftArea p { color: #000; font-weight: bold; font-size: 129%; /* 18/14 */ } .CareerPaths_Block .twoColumn .rightArea { padding: 20px 30px 0; width: 500px; box-sizing: border-box; } .CareerPaths_Block .twoColumn .rightArea h3 { margin: 0 0 20px; line-height: 1.25; /* 30/24 */ font-weight: bold; font-size: 171%; /* 24/14 */ } .CareerPaths_Block .twoColumn .rightArea table { margin: 0 0 20px; } .CareerPaths_Block .twoColumn .rightArea table tr, .CareerPaths_Block .twoColumn .rightArea table td { font-weight: bold; } .CareerPaths_Block .twoColumn .rightArea .point { margin: 25px 0 10px; padding: 0 12px; display: inline-block; color: #000; background-color: #eff4f7; font-weight: bold; font-size: 114%; /* 16/14 */ } .CareerPaths_Block .twoColumn .rightArea p { margin: 0; text-align: justify; } .CareerPaths_Block .twoColumn .rightArea p.Image { margin: 1em 0; } .CareerPaths_Block .twoColumn .rightArea p.Image:last-child { margin-bottom: 0; } .MainContentsArea__Main p.Image { margin: 1em 0; } /* Prev / Next */ #MainContentsArea .prevNextArea { padding: 30px 0; float: right; clear: both; width: 702px; overflow: hidden; } #MainContentsArea .prevNextArea a { padding: 15px; display: block; } #MainContentsArea .prevNextArea .prev a { float: left; background: url("/-/media/Project/Daikin/daikin_com/careers/common/images/left_arrow png") 0 center no-repeat; } #MainContentsArea .prevNextArea .prev a .thumbImg { margin-right: 25px; } #MainContentsArea .prevNextArea .next a { float: right; background: url("/-/media/Project/Daikin/daikin_com/careers/common/images/right_arrow png") 100% center no-repeat; } #MainContentsArea .prevNextArea .next a .thumbImg { margin-left: 25px; } #MainContentsArea .prevNextArea .thumbImg, #MainContentsArea .prevNextArea .thumbName { margin-bottom: 0; display: inline-block; vertical-align: middle; /display: inline; /zoom: 1; } #MainContentsArea .prevNextArea .thumbName .name { margin-bottom: 0; display: block; color: #009acf; font-size: 100%; } #MainContentsArea .prevNextArea .thumbName .position { margin-bottom: 0; display: block; color: #333; font-size: 85%; } #MainContentsArea .prevNextArea .thumbName .country { margin-bottom: 0; display: block; color: #333; font-size: 71%; /* 10/14 */ } #MainContentsArea .prevNextArea a:hover { text-decoration: none; opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8; } /* ============================= CareerPaths_01 ============================== */ .CareerPaths_01 .mainImgArea { padding: 130px 0 0 60px; height: 210px; color: #000; background: url("/-/media/Project/Daikin/daikin_com/careers/career_paths/images/careerpaths_01_main jpg") 0 0 no-repeat; box-sizing: content-box; } .CareerPaths_01 .thumbnailBlock.active_01 .textWrap { background-color: #05c4f4; } #ContentsArea.CareerPaths_01 #MainContentsArea .thumbnailBlock.active_01 span { color: #fff; } #ContentsArea.CareerPaths_01 #MainContentsArea .thumbnailBlock.active_01 .imgWrap:after { position: absolute; top: 0; left: 0; content: url("/-/media/Project/Daikin/daikin_com/careers/career_paths/images/left_thumb_frame png"); } /* ============================= CareerPaths_02 ============================== */ .CareerPaths_02 .mainImgArea { padding: 130px 0 0 60px; height: 210px; color: #fff; background: url("/-/media/Project/Daikin/daikin_com/careers/career_paths/images/careerpaths_02_main jpg") 0 0 no-repeat; box-sizing: content-box; } .CareerPaths_02 .thumbnailBlock.active_02 .textWrap { background-color: #05c4f4; } #ContentsArea.CareerPaths_02 #MainContentsArea .thumbnailBlock.active_02 span { color: #fff; } #ContentsArea.CareerPaths_02 #MainContentsArea .thumbnailBlock.active_02 .imgWrap:after { position: absolute; top: 0; left: 0; content: url("/-/media/Project/Daikin/daikin_com/careers/career_paths/images/left_thumb_frame png"); }