@charset "utf-8"; /* CSS Document */ /*title*/ .searchTitleBar h2 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", "sans-serif"!important; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; background: url(../../images/h1bg.gif) #ffffff repeat-x left bottom; padding: 25px; text-align: center; } .searchWord { line-height: 1.0; font-size: 30px; color: #333; } .searchTxt{ font-size: 26px; color: #333; } .prCompanyName { color: #aaaaaa; text-align: right; margin: 10px 0 10px; } /*検索パネル*/ .selects { border-radius: 5px; width: 955px; margin: 0 auto; padding: 15px 0 5px 0; } .selects select { width: 280px; height: 48px; margin-right: 10px; padding-left: 10px; border: 2px #aaaaaa solid; margin-bottom: 10px; background: url(' ../images/common/search/select_arrow.gif') no-repeat right center #ffffff;jo border: 1px #cccccc solid; border-radius: 1px; letter-spacing: 0.05em } .ibParent { letter-spacing: -50; } /*現在の検索条件表示*/ .searchTitBox p { padding: 20px 10px; } .searchWord { background-repeat: no-repeat; margin: 8px 5px; } /*検索パネル*/ .listSearchBox { margin-bottom: 25px; padding: 10px 0 15px; border: #ffdaa6; background-color: #fef6e9; text-align: center; } .searchBoxTit { text-align: center; } /*--個別詳細--*/ .jobBox { border: 3px #e5e5e5 solid; border-radius: 10px; margin-bottom: 50px; } .jobTit { background-color: #f8f8f8; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 15px 30px; } .jobInfo { } .jobDetailInfo { padding: 8px 15px 15px; } .jobTitle { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", "sans-serif"!important; font-size: 20px; font-weight: bold; background-color: #ffffff; padding:15px 8px; border-radius: 5px; line-height: 1.5; } .jobTitle a, .jobTitle a:link, .jobTitle a:visited { text-decoration: none; color: #333333; } .jobTitle a:active { text-decoration: underline; } .jobTitle a:hover { position : relative; top : 0.5pt; left : 0.5pt; text-decoration: none; } .subTitle { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", "sans-serif"!important; font-size: 18px; font-weight: bold; color: #4d4d4d; margin-bottom: 10px; line-height: 1.5; } .jobOutline { background-color: #f8f8f8; margin: 0px 0 15px 0; height: 80px; overflow: hidden; color: #555555 } .ellipsis { padding: 6px 35px 0; position: relative; line-height: 1.75; } .ellipsis:before, .ellipsis:after { position: absolute; background: #f8f8f8; } .ellipsis:before { content: "・・・"; bottom: 0; right: 0; } .ellipsis:after { content: ""; width: 100%; height: 100%; } .cFa2778 { color: #Fa2778; } /*テーブル*/ .jobListTbl{ background-color: #ebeeef; padding:4px 8px; } table.company { width: 100%; margin: 0 auto; border-collapse: separate; border-spacing: 0px 5px; } table.company th, table.company td { padding: 5px 10px; } table.company th { background: #fdf6e9; vertical-align: middle; text-align: left; width: 80px; overflow: visible; position: relative; font-weight: bold; font-size: 14px; } table.company th:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #fdf6e9; border-width: 10px; margin-top: -10px; } /* firefox */ @-moz-document url-prefix() { table.company th::after { float: right; padding: 0; left: 30px; top: 10px; content: " "; height: 0; width: 0; position: relative; pointer-events: none; border: 10px solid transparent; border-left: #295890 10px solid; margin-top: -10px; } } table.company td { background: #ffffff; width: 360px; padding-left: 20px; } /*ボックス定義*/ .jobSummary { display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; } .jobSummaryL { width: 280px; } .jobSummaryR { width: 610px; color: #333333; margin: 0 0 0 25px; } /*左部分*/ .jobImg { width: 274px; text-align: center; margin: 0 0 15px 0; } .jobImgClosed { width: 274px; height: 200px; text-align: center; margin: 0 0 15px 0; vertical-align: middle; display: table-cell } .jobImgClosed img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .moreBtn { margin-top: 20px; } /*ページトップへ*/ .pagetop { text-align: center; } /*バナー*/ .listBannerBox { margin: 30px 0; padding-top: 30px; border-top: 1px solid #cccccc; } .pickupAreaW { width: 680px; margin: 0 auto } .pickupAreaW li { margin-bottom: 10px; display: inline-block; } .pickupAreaW li.even { margin: 0 0 0 30px; } .pickupArea { width: 680px; margin: 0 auto } .pickupArea li { margin-bottom: 10px; display: inline-block; } .pickupArea li.even { margin: 0 0 0 15px; } .pickupAreaLB li { margin-bottom: 10px; } /* 完了画面の「いま応募したお仕事をチェックした人は、こんなお仕事もチェックしています」 */ .matchTitBox { margin-top: 40px; margin-bottom: 10px } .matchTitBox h2 { border: 1px solid #cccccc; border-bottom: none; border-bottom: 3px solid #FF6600; padding: 13px 10px; background: url(../../images/h1bg.gif) #ffffff repeat-x left bottom; } .matchTitBox p { padding: 20px 10px; } /* ====特設ページ===*/ .specialSpcatBox{ width: 860px; margin: 0 auto; padding-top: 10px; padding-left: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: #669f27 3px solid; } .specialSpcatLink { font-size: 0; margin-top: 15px;/*text-align: center;*/ } .specialSpcatLink a { display: inline-block; margin-left: 9px; margin-bottom: 9px; } .specialSpcatLink a:last-child { margin-right: 0 } .specialSpcatTitleBox{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .specialSpcatTitleBoxL{ width: 300px; } .specialSpcatTitleBoxR{ padding-top: 5px; } /*20180810追加 ページャー部分*/ .result { margin-top: 25px; margin-bottom: 25px } .resultBox { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 65px; } .resultBoxL { width: 400px; } .resultBoxR { } .result2 { } .resultNum { margin-right: 5px } .resultLeft { display: table-cell; width: 400px; letter-spacing: 0.05em; vertical-align: top } .resultCenter, .resultDownCenter { display: table-cell; width: 955px; vertical-align: top } .resultDownCenter { padding-left: 100px; width: auto } .resultRight { display: table-cell; width: 225px; vertical-align: middle; text-align: right } .cFfffff { color: #fff; } .cFf004e { color: #ff004e }