@charset "utf-8"; /*-------------------------------------------------- Color -------------------------------------------------- */ /*-------------------------------------------------- Module -------------------------------------------------- */ /* ------------ Textプロト用pre ------------ */ .textPre { font-family: 'ＭＳ ゴシック'; } /* ------------ None ------------ */ .js_stHide { display: none; } /* ------------ Memo ------------ */ .md_memo { margin: 50px 0; padding: 13px; background: #f0f0f0; border: 1px solid #ddd; border-radius: 3px; } .md_memo .title { padding: 0 5px; font-weight: bold; font-size: 15px; } .md_memo .text { margin-top: 10px; padding: 0 15px 15px; border: 1px solid #ddd; font-family: 'ＭＳ ゴシック'; line-height: 1.5; white-space: pre; white-space: pre-wrap; word-wrap: break-word; background: #fafafa; box-shadow: 1px 1px 0 rgba(255,255,255,.8); border-radius: 2px; } /* ※ 使い方
Memo
*/ /* ------------ Dammy ------------ */ .md_dammy, .md_dammy_area { opacity: .8; display: inline-block; padding: 10px; background: url(../../imageFile/user/_global_dummy_bg.gif) top left repeat #fff; border: 1px solid #ddd; font-size: 12px; line-height: 1; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .md_dammy_area { display: block; } /* ------------ clearFix ------------ */ .clearFix:after { clear: both; display: block; content: ""; height: 0; line-height: 0; } /* ------------ input ------------ */ input[type="text"], input[type="date"], input[type="password"], select { padding: 0.3em; border: 1px solid #ccc; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus { border-color: rgb(86, 180, 239); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.6); } textarea { padding: 0.5em; border: 1px solid #ccc; font-size: 13px; line-height: 1.5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } textarea:focus { border-color: rgb(86, 180, 239); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(82, 168, 236, 0.6); } input[type="text"].error, input[type="date"].error, input[type="password"].error, input[type="email"].error, .md_pulldown.error select, textarea.error { border: 2px solid #f33; background: #ffe9e9; box-shadow: none; } .imeOff { ime-mode: disabled; } /* ------------ fn_clickableArea ------------ */ .fn_clickableArea, .fn_clickableArea_blank { cursor: pointer; } /*-------------------------------------------------- Global Style -------------------------------------------------- */ html { background: #fff; } body { background: url(../../imageFile/user/global_bg_page.png) left top repeat; } /* ------------ PageSet ------------ */ .pageSet { position: relative; width: 985px; margin: 0 auto; } /* ---------- Header ----------*/ #globalHeader { border-top: 7px solid #06c; border-bottom: 1px solid #e0e0e0; background: #fff; } #globalHeader .base { position: relative; width: 985px; margin: 0 auto; } #globalHeader .base .functionMenuArea { position: absolute; top: 5px; right: 0; z-index: 9; } #globalHeader .base .functionMenuArea .function { display: inline-block; vertical-align: middle; } #globalHeader .base .functionMenuArea .function .btn { display: inline-block; vertical-align: middle; padding: 6px 12px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; border-radius: 2px; } #globalHeader .base .functionMenuArea .function .btn:hover { opacity: .8; } #globalHeader .base .functionMenuArea .functionList { } #globalHeader .base .functionMenuArea .functionList .function.inquiry, #globalHeader .base .functionMenuArea .functionList .function.help, #globalHeader .base .functionMenuArea .functionList .function.sitemap, #globalHeader .base .functionMenuArea .functionList .function.setting, #globalHeader .base .functionMenuArea .functionList .function.logout, #globalHeader .base .functionMenuArea .functionList .function.favoriteCounter { vertical-align: top; } #globalHeader .base .functionMenuArea .functionList .function.inquiry .btn, #globalHeader .base .functionMenuArea .functionList .function.help .btn, #globalHeader .base .functionMenuArea .functionList .function.sitemap .btn, #globalHeader .base .functionMenuArea .functionList .function.setting .btn, #globalHeader .base .functionMenuArea .functionList .function.logout .btn, #globalHeader .base .functionMenuArea .functionList .function.first .btn { padding: 0 0 0 15px; color: #79c; background: url(../../imageFile/user/index_icon_arrow.png) 0 0 no-repeat; } #globalHeader .base .functionMenuArea .functionList .function.first .btn { position: relative; top: -1px; padding: 1px 0 0 15px; background-position: 0 -224px; } #globalHeader .base .functionMenuArea .functionList .function.inquiry, #globalHeader .base .functionMenuArea .functionList .function.help { margin: 3px 15px 0 0; } #globalHeader .base .functionMenuArea .functionList .function.sitemap { margin: 3px 5px 0 0; } #globalHeader .base .functionMenuArea .functionList .function.first { margin: 3px 5px 0 10px; } #globalHeader .base .functionMenuArea .signupBtnList { margin-top: 6px; text-align: right; } #globalHeader .base .functionMenuArea .signupBtnList .function.signup .btn { background: #f60; } #globalHeader .base .functionMenuArea .signupBtnList .function.login { margin-left: 5px; } #globalHeader .base .functionMenuArea .signupBtnList .function.login .btn { background: #8ad; } /* renewDate */ #globalHeader .base .renewDateArea { position: absolute; right: -5px; top: 35px; font-size: 11px; } #globalHeader .base .renewDateArea .date { color: #f60; } #globalHeader .base .headArea { position: relative; } #globalHeader .base .headArea .renewDate { position: absolute; right: 240px; top: 38px; font-size: 11px; } #globalHeader .base .headArea .renewDate .date { color: #f60; } /* Head Area */ #globalHeader .base .headArea { padding: 20px 10px; z-index: 5; } #globalHeader .base .headArea .logoArea { } #globalHeader .base .headArea .logoArea .logo.main { margin-right: 10px; } #globalHeader .base .headArea .logoArea .logo, #globalHeader .base .headArea .logoArea .shoulder { display: inline-block; vertical-align: middle; } #globalHeader .base .headArea .logoArea .shoulder { position: relative; top: 0px; margin-left: 18px; font-size: 12px; font-weight: bold; color: #06c; } #globalHeader .base .headArea .logoArea .shoulder.account { margin-left: 20px; } #globalHeader .base .headArea .logoArea .shoulder.account { } #globalHeader .base .headArea .logoArea .shoulder.account .nameSet { } #globalHeader .base .headArea .logoArea .shoulder.account .nameSet .welcome, #globalHeader .base .headArea .logoArea .shoulder.account .nameSet .name, #globalHeader .base .headArea .logoArea .shoulder.account .nameSet .holder { display: inline-block; vertical-align: middle; } #globalHeader .base .headArea .logoArea .shoulder.account .nameSet .name { margin-right: 5px; max-width: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } #globalHeader .base .headArea .logoArea .shoulder.account .nameSet .holder { } #globalHeader .base .headArea .logoArea .shoulder.account .accountFunction { margin-top: 2px; font-size: 11px; font-weight: normal; } #globalHeader .base .headArea .logoArea .shoulder.account .accountFunction .function + .function:before { content: "/"; margin: 0 5px; color: #333; } #globalHeader .base .headArea .logoArea .shoulder.account .accountFunction .function a { color: #68b; } #globalHeader .base .headArea .logoArea .shoulder.account .accountFunction .function a:hover { color: #f90; } #globalHeader .base .headArea .notification { position: relative; top: 0; display: inline-block; margin-left: 10px; vertical-align: middle; } #globalHeader .base .headArea .notification .switch { position: relative; padding-left: 29px; } #globalHeader .base .headArea .notification .switch a { font-weight: bold; font-size: 12px; color: #ccc; } #globalHeader .base .headArea .notification .switch a:before { position: absolute; left: 0; top: 50%; margin-top: -14px; content: ""; display: inline-block; width: 25px; height: 29px; margin-right: 6px; background: url(../../imageFile/user/global_notification_iconSet.png) 0 0 no-repeat; vertical-align: middle; } #globalHeader .base .headArea .notification .switch a:hover { cursor: default; } #globalHeader .base .headArea .notification .switch.on { padding-left: 34px; } #globalHeader .base .headArea .notification .switch.on a { display: inline-block; padding: 6px 8px; background: #ffe; border: 1px solid #ddd; color: #e00; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0, .15); } #globalHeader .base .headArea .notification .switch.on a:before { background-position: 0 -129px; } #globalHeader .base .headArea .notification .switch.on a:after { content: ""; position: absolute; left: 27px; top: 50%; margin-top: -3px; display: inline-block; width: 8px; height: 7px; background: url(../../imageFile/user/header_notificationTriangle.png) 0 0 no-repeat; } #globalHeader .base .headArea .notification .switch.on a:hover { cursor: pointer; opacity: .7; } #globalHeader .base .headArea .notification .switch.on.done a { box-shadow: none; color: #79c; } #globalHeader .base .headArea .notification .switch.on.done a:before { background-position: 0 -258px; } #globalHeader .base .headArea .notification .notificationList { display: none; position: absolute; top: 30px; left: 2px; margin-left: -150px; padding: 10px; z-index: 10; } #globalHeader .base .headArea .notification .notificationList .notificationBase { width: 300px; border-radius: 3px; box-shadow: 0 4px 10px rgba(0,0,0, .4); } #globalHeader .base .headArea .notification .notificationList .title { position: relative; padding: 10px 12px 8px; font-size: 13px; font-weight: bold; color: #fff; background: #e43; border-radius: 3px 3px 0 0; } #globalHeader .base .headArea .notification .notificationList .title:before, #globalHeader .base .headArea .notification .notificationList .title:after { position: absolute; left: 50%; margin-left: -9px; top: -7px; content: ""; display: inline-block; line-height: 0; border-left: 9px solid transparent; border-bottom: 9px solid #e43; border-right: 9px solid transparent; border-left-color: rgba(255,255,255, 0); border-right-color: rgba(255,255,255, 0); } #globalHeader .base .headArea .notification .notificationList .title .close { position: absolute; right: 10px; top: 50%; margin-top: -9px; font-size: 15px; color: #fff; font-weight: normal; } #globalHeader .base .headArea .notification .notificationList .title .close:hover { opacity: .8; } #globalHeader .base .headArea .notification .notificationList .content { background: #fff; height: 370px; overflow-y: scroll; border-radius: 0 0 3px 3px; } #globalHeader .base .headArea .notification .notificationList .content .listBase { } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit { } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit a { display: block; padding: 8px 10px 11px; background: #fff; } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit + .notiUnit { border-top: 1px solid rgba(0,0,0, .1); } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit + .notiUnit a { border-top: 1px solid #fff; } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit:nth-child(2n) a { background: #fffcef; border-top-color: rgba(255,255,255, .8); } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit a:hover { background: #fff3d6; } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit:last-child a { border-radius: 0 0 3px 3px; } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit a .category { position: relative; } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit a .category:before { position: relative; display: inline-block; width: 20px; height: 20px; line-height: 20px; background: #f44; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; margin-right: 5px; color: #fff; text-align: center; border-radius: 2px; vertical-align: middle; top: -1px; } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit.en a .category:before { content: "\f12a"; font-size: 14px; line-height: 21px; background-color: #06c; } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit.scout a .category:before { content: "\f0e6"; background-color: #3fb7f8; } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit.favorite a .category:before { content: "\f08a"; background-color: #8c0; } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit.message a .category:before { content: "\f003"; background-color: #f90; } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit a .category .text { font-weight: bold; font-size: 13px; } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit a .category .date { position: absolute; right: 0; top: -3px; font-size: 11px; color: #999; } #globalHeader .base .headArea .notification .notificationList .content .listBase .notiUnit a .copy { margin-top: 3px; font-size: 12px; } /* Global Menu */ #globalHeader .base .globalMenuArea { position: relative; } #globalHeader .base .globalMenuArea .globalMenu { display: table; width: 100%; vertical-align: bottom; } #globalHeader .base .globalMenuArea .globalMenu .menuBase { display: table-cell; max-width: 20%; vertical-align: bottom; text-align: center; } #globalHeader .base .globalMenuArea .globalMenu .menuBase + .menuBase { border-left: none; } #globalHeader .base .globalMenuArea .globalMenu .menuBase .menu { display: block; padding: 0 20px; height: 33px; line-height: 33px; border-bottom: 3px solid #fff; font-size: 14px; font-weight: bold; color: #222; white-space: nowrap; text-align: center; } #globalHeader .base .globalMenuArea .globalMenu .menuBase .menu:hover { border-bottom-color: #f90; color: #f60; } #globalHeader .base .globalMenuArea .globalMenu .menuBase.selected .menu { border-bottom-color: #8ad; } #globalHeader .base .globalMenuArea .globalMenu .menuBase .menu .num { position: relative; top: -1px; display: inline-block; margin-left: 5px; padding: 3px 5px 2px; background: #e00; font-size: 11px; color: #fff; line-height: 1; border-radius: 2px; } #globalHeader .base .globalMenuArea .globalMenu .menuBase .menu .num.overNum { padding: 1px 2px 2px; }/* 99以上 */ #globalHeader .base .globalMenuArea .globalMenu .menuBase .menu .num.overNum .over { vertical-align: super; font-size: 10px; }/* 99以上 */ #globalHeader .base .globalMenuArea .globalMenu .btnBase { position: absolute; bottom: 5px; right: 0; } #globalHeader .base .globalMenuArea .globalMenu .btnBase .btn { display: inline-block; vertical-align: middle; height: 27px; padding: 0 20px 0 35px; font-size: 12px; font-weight: bold; line-height: 27px; border-radius: 2px; } #globalHeader .base .globalMenuArea .globalMenu .btnBase .btn.alert { padding: 0 10px 0 25px; background-position: 10px -217px; } #globalHeader .base .globalMenuArea .globalMenu .btnBase .btn:hover { opacity: .8; } /* Other Header */ #globalHeader.simple, #globalHeader.signupLogin, #globalHeader.popup { border-top-width: 5px; } #globalHeader.simple .base .headArea, #globalHeader.signupLogin .base .headArea, #globalHeader.popup .base .headArea { padding: 10px; } #globalHeader.signupLogin .headArea .logoArea .logo, #globalHeader.signupLogin .headArea .logoArea .shoulder { display: inline-block; vertical-align: middle; } #globalHeader.signupLogin .headArea .logoArea .shoulder { top: inherit; margin-left: 13px; } #globalHeader.signupLogin .headArea .logoArea .shoulder .nameSet { font-size: 12px; font-weight: bold; color: #888; } #globalHeader.popup .base .headArea .closeBtn { position: absolute; top: 50%; right: 0; margin-top: -13px; } #globalHeader.popup .base .headArea .closeBtn .close { display: inline-block; padding: 4px 10px 3px; background: #8ad; font-weight: bold; color: #fff; border-radius: 3px; } #globalHeader.popup .base .headArea .closeBtn .close:hover { opacity: .8; } #globalHeader.popup .base .headArea .closeBtn .close:before { content: "×"; margin-right: 6px; vertical-align: middle; } /* ---------- descDescription ----------*/ #globalDescription { padding: 6px 10px; border-bottom: 1px solid #ddd; } #globalDescription .discription { font-weight: normal; font-size: 11px; color: #666; } /* ---------- Fixed Bar ----------*/ #globalFixedBar { position: fixed; width: 100%; z-index: 9990; padding: 10px 0; background: #f6f6f6; border-top: 1px solid #ddd; } #globalFixedBar .barBase { width: 985px; margin: 0 auto; } /* ------------ globalPankuzu ------------ */ #globalPankuzu { margin-bottom: 10px; padding: 4px 10px; border-bottom: 1px solid #e0e0e0; background: #fff; } #globalPankuzu .pankuzu { width: 969px; margin: 0 auto; } #globalPankuzu .pankuzu .list { display: inline; vertical-align: middle; } #globalPankuzu .pankuzu .list a, #globalPankuzu .pankuzu .list .now { font-size: 11px; color: #666; } #globalPankuzu .pankuzu .list a:after { content: ">"; margin: 0 5px; } #globalPankuzu .pankuzu .list a:hover { color: #f90; } #globalPankuzu .pankuzu .list a.notLink:hover { cursor: default; color: #666; } #globalPankuzu .pankuzu .list .now { } #globalPankuzu .pankuzu .list .now:after { display: none; } /* ---------- Global Page Title ----------*/ .globalPageTitle { margin-top: 25px; padding: 9px 18px 7px 13px; background: #fff; border-left: 4px solid #27d; } .globalPageTitle .title { font-size: 22px; font-weight: normal; color: #333; } .globalPageTitle.mypagePageTitle { position: relative; margin-top: 25px; border-left-width: 47px; } .globalPageTitle.mypagePageTitle:before { position: absolute; display: inline-block; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; vertical-align: middle; -webkit-font-smoothing: antialiased; color: #fff; } .globalPageTitle.mypagePageTitle.scout:before { content: "\f0e6"; left: -36px; top: 3px; font-size: 27px; } .globalPageTitle.mypagePageTitle.message:before { content: "\f003"; left: -36px; top: 5px; font-size: 26px; } .globalPageTitle.mypagePageTitle.favorite:before { content: "\f08a"; left: -36px; top: 7px; font-size: 25px; } .globalPageTitle.mypagePageTitle.setting:before { content: "\f0ad"; left: -34px; top: 6px; font-size: 25px; } .globalPageTitle.mypagePageTitle.calendar:before { content: "\f073"; left: -34px; top: 6px; font-size: 25px; } .globalPageTitle.mypagePageTitle.support:before { content: ""; left: -38px; top: 10px; display: inline-block; width: 30px; height: 26px; background: url(../../imageFile/user/pageTitle_icon_support.png) 0 0 no-repeat; } /* ---------- Index Sign Up ----------*/ #indexSignup { padding: 10px; background: #fff; } #indexSignup .signupBtn { } #indexSignup .signupBtn a { position: relative; display: block; background: #f60; padding: 10px 0 6px; text-align: center; font-size: 20px; color: #fff; font-weight: bold; line-height: 1.2; border-radius: 3px; /* box-shadow: 0 3px 0 #e80; */ } #indexSignup .signupBtn a:hover { opacity: .8; } #indexSignup .loginSet { margin-top: 10px; border: 1px solid #8ad; border-radius: 2px; } #indexSignup .loginSet .naviCopy { padding: 5px 0; background: #fff; font-size: 12px; font-weight: bold; color: #333; text-align: center; line-height: 1; } #indexSignup .loginSet .naviCopy.change { background: #8ad; color: #fff; } #indexSignup .loginSet .content { display: none; padding: 8px 8px 11px; background: #f8f8f8; border-top: 1px solid #8ad; } #indexSignup.open .loginSet .content { display: block; } #indexSignup .loginSet .content .inputSet { margin-top: 8px; } #indexSignup .loginSet .content .inputSet .label { margin-bottom: 3px; font-size: 11px; font-weight: bold; color: #666; } #indexSignup .loginSet .content .inputSet .input { } #indexSignup .loginSet .content .inputSet .input input { width:100%; padding: 0.4em; font-size: 11px; } #indexSignup .loginSet .content .forget { margin-top: 5px; font-size: 11px; } #indexSignup .loginSet .content .loginBtn { margin-top: 8px; text-align: center; } #indexSignup .loginSet .content .loginBtn input { position: relative; display: inline-block; padding: 7px 30px 8px; background: #8ad; border: none; color: #fff; font-weight: bold; border-radius: 3px;} #indexSignup .loginSet .content .loginBtn input:hover { opacity: .8; } #indexSignup .loginSet .switch { cursor: pointer; padding: 7px 0 6px; background: #8ad; color: #fff; font-size: 13px; font-weight: bold; text-align: center; line-height: 1; } #indexSignup .loginSet .switch:before { content: "\f107"; display: inline-block; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; font-size: 14px; margin-right: 6px; } #indexSignup .loginSet .switch.js_toOpen { border-top: none; } #indexSignup .loginSet .switch.js_toOpen:before { content: "\f106"; background: #8ad; } #indexSignup .loginSet .snsSet a.loginBtn { position:relative; display: block; padding-left: 30px; box-sizing: border-box; font-size: 12px; font-weight: bold; color: #fff; height: 40px; line-height: 40px; text-align:center; background: #3b5998; border-radius: 0; } #indexSignup .loginSet .snsSet a.loginBtn:before { position: absolute; top: 7px; left: 0px; width: 21px; height: 26px; content: ""; border-right: 2px solid rgba(0,0,0,0.1); padding-right: 10px; background: url(../../imageFile/user/icon_snsFacebook.svg) no-repeat; background-position: center; background-size: 8px; } #indexSignup .loginSet .snsSet a.loginBtn:hover { background: #4b69a8; color: #fff; } #indexSignup .loginSet .snsSet a.loginBtn:active { top: 0; box-shadow: none !important; -webkit-transition: none; transition: none; } #indexSignup .loginSet .snsSet a.loginBtn.facebook { background: #3b579d; } #indexSignup .loginSet .snsSet a.loginBtn.facebook:before { background-position: 13px 6px; } #indexSignup .loginSet .snsSet a.loginBtn.google { background: #fff; color: #222; border: 1px solid #ddd; } #indexSignup .loginSet .snsSet a.loginBtn.google:before { padding-right: 9px; background:#fff url(../../imageFile/user/icon_snsGoogle.svg) no-repeat; background-position: 6px 3px; background-size: 20px; } #indexSignup .loginSet .snsSet a.loginBtn + a.loginBtn { margin-top: 12px; } #indexSignup .loginSet .text { margin-top: 10px; padding-left: 15px; line-height: 1.4; font-size: 11px; text-indent: -15px; } #indexSignup .loginSet .orLead { margin-top: 10px; position: relative; height: 25px; } #indexSignup .loginSet .orLead:before { position: absolute; content: ""; height: 1px; left: 0; right: 0; top: 10px; background: #ccc; z-index: 0; } #indexSignup .loginSet .orLead:after { position: absolute; content: "または"; display: inline-block; left: 50%; margin-left: -31px; height: 25px; line-height: 25px; padding: 0 10px; background: #f8f8f8; color: #888; font-size: 12px; z-index: 999; } /* ------------ globalReturnLink ------------ */ .globalReturnLink { margin-top: 20px; text-align: center; } .globalReturnLink .base { } .globalReturnLink .base a { display: inline-block; padding: 2px 15px 4px; background: #fff; font-size: 14px; } .globalReturnLink .base a + a { margin-left: 20px; } .globalReturnLink .base a:before, .globalReturnLink .base a:after { position: relative; top: 1px; left: 0; display: inline-block; font-family: FontAwesome; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; } .globalReturnLink .base .return:before { content: "\f105"; margin-right: 7px; font-size: 18px; } /* ------------ toPageTop ------------ */ #globalToPageTop { display: none; position: fixed; bottom: 70px; z-index: 900; } #globalToPageTop a { display: block; padding: 3px 4px 3px; border: 1px solid #d0d0d0; background: #fafafa; color: #999; text-align: center; border-radius: 3px; box-shadow: 0 1px 3px rgba(50,50,50,.1); } #globalToPageTop a:hover { background: #f6f6f6; } #globalToPageTop a:active { box-shadow: 1px 2px 4px rgba(0,0,0,.1) inset; } #globalToPageTop a i { position: relative; top: 2px; font-size: 40px; line-height: 0.5; } #globalToPageTop a .text { font-size: 9px; font-weight: bold; white-space: nowrap; } /* ---------- Text Area ----------*/ .globalDescriptionArea { clear: both; margin-top: 20px; background: #f9f9f9; } .globalDescriptionArea:before { content: "※ SEO対策エリア"; display: block; padding: 220px 0; text-align: center; font-size: 12px; color: #666; } /* Link */ .globalDescriptionAreaLink { margin-top: 0; background: #f9f9f9; border-bottom: 1px solid #ddd; } .globalDescriptionAreaLink:before { content: "※ SEOキーワード、リンクエリア"; display: block; padding: 100px 0; text-align: center; } /* ---------- Signup ----------*/ #globalSideSignup { padding: 8px; background: #fff; } #globalSideSignup .base { } #globalSideSignup .catch { position: relative; text-align: center; } #globalSideSignup .catch:before, #globalSideSignup .catch:after { position: absolute; bottom: -9px; left: 50%; margin-left: -10px; content: ""; display: inline-block; line-height: 0; border-left: 10px solid transparent; border-top: 10px solid #fed; border-right: 10px solid transparent; border-left-color: rgba(255,255,255, 0); border-right-color: rgba(255,255,255, 0); } #globalSideSignup .catch:before { margin-left: -11px; bottom: -10px; border-left: 11px solid transparent; border-top: 11px solid #edc; border-right: 11px solid transparent; } #globalSideSignup .catch .shoulder { position: relative; display: block; padding: 5px 5px 4px; font-size: 12px; font-weight: bold; color: #fff; background: #f82; /*Other Browser*/ background: -webkit-linear-gradient(#f71 0%, #f71 40%, #f82 100%);/*For Old WebKit*/ background: linear-gradient(#f71 0%, #f71 40%, #f82 100%);/*For Modern Browser*/ } #globalSideSignup .catch .copy { position: relative; padding: 13px 5px 10px; border-right: 5px solid #f82; border-left: 5px solid #f82; background: #fed; } #globalSideSignup .catch .copy:after { position: absolute; left: 0; bottom: -1px; content: ""; display: inline-block; width: 209px; height: 1px; background: #edc; } #globalSideSignup .catch .copy .text, #globalSideSignup .catch .copy .free { color: #55c3ee; font-weight: bold; line-height: 1; } #globalSideSignup .catch .copy .text { font-size: 21px; } #globalSideSignup .catch .copy .free { margin-top: 3px; font-size: 16px; } #globalSideSignup .content { border: 5px solid #f82; border-top: none; padding: 3px 8px 8px; background: #fff; } #globalSideSignup .meritSet { padding-top: 3px; } #globalSideSignup .meritSet .meritList { position: relative; padding: 10px 5px 10px 26px; font-size: 13px; font-weight: bold; color: #444; line-height: 1.25; text-shadow: 0 0 2px rgba(255,255,255, 1); } #globalSideSignup .meritSet .meritList + .meritList { background: url(../../imageFile/user/line_dot_1px_aaa_pitch2.png) 0 0 repeat-x; } #globalSideSignup .meritSet .meritList .num { position: absolute; left: 1px; top: 50%; display: inline-block; background: #80c8ef; height: 19px; line-height: 20px; margin-top: -10px; width: 19px; text-align: center; color: #fff; font-size: 12px; font-weight: normal; border-radius: 100%; } #globalSideSignup .btn { background: #fff; } #globalSideSignup .btn a { position: relative; display: block; background: #f60; padding: 10px 0; text-align: center; font-size: 17px; color: #fff; font-weight: bold; border-radius: 3px; } #globalSideSignup .btn a:before { position: relative; top: -1px; content: "\f054"; display: inline-block; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; font-size: 13px; line-height: 1; margin-right: 7px; } #globalSideSignup .btn a:hover { opacity: .8; } /* ------------ Global Side SEO ------------ */ #globalSideSeoText, #globalSideSeoLink { margin-top: 20px; padding: 10px; background: #f9f9f9; } #globalSideSeoText { font-size: 11px; line-height: 1.5; color: #333; } #globalSideSeoLink .title { position: relative; text-align: center; margin-bottom: 8px; padding-bottom: 9px; border-bottom: 2px solid #fcfcfc; font-weight: bold; } #globalSideSeoLink .title:after { position: absolute; left: 0; bottom: 0; content: ""; display: inline-block; width: 219px; height: 1px; background: #e1e1e1; } #globalSideSeoLink .content { } #globalSideSeoLink .content .linkSet { padding: 0 3px; font-size: 11px; } #globalSideSeoLink .content .linkSet + .linkSet { margin-top: 15px; } #globalSideSeoLink .content .linkSet .categoryTitle { padding-left: 6px; border-left: 3px solid #888; font-size: 12px; font-weight: bold; } #globalSideSeoLink .content .linkSet .linkList { margin-top: 10px; } #globalSideSeoLink .content .linkSet .linkList + .linkList { margin-top: 0; } #globalSideSeoLink .content .linkSet .linkList.hideLinkList { display: none; } #globalSideSeoLink .content .linkSet .linkList .link { display: inline; line-height: 1.65; } #globalSideSeoLink .content .linkSet .linkList .link + .link:before { content: "|"; margin: 0 6px 0 4px; } #globalSideSeoLink .content .linkSet .linkList .link a { color: #333; } #globalSideSeoLink .content .linkSet .linkList .link a:hover { color: #f90; text-decoration: underline; } #globalSideSeoLink .content .linkSet .openLink { margin-top: 6px; text-align: center; } #globalSideSeoLink .content .linkSet .openLink a { display: block; padding: 5px 8px; border: 1px solid #ccc; font-size: 11px; line-height: 1; color: #333; } #globalSideSeoLink .content .linkSet .openLink a:before { position: relative; top: 1px; content: "+"; font-size: 13px; margin-right: 3px; } #globalSideSeoLink .content .linkSet .openLink a:hover { color: #f90; } #globalSideSeoLink .content .linkSet .openLink.open a:before { content: "-"; } /* ------------ Global SEO Footer ------------ */ #globalSeoFooterLink { margin-top: 40px; padding: 20px 0; background: #f9f9f9; border-bottom: 1px solid #e6e6e6; } #globalSeoFooterLink .base { width: 985px; margin: 0 auto; } #globalSeoFooterLink .title { position: relative; margin-bottom: 15px; padding: 0 0 16px 8px; border-bottom: 2px solid #fcfcfc; font-size: 14px; font-weight: bold; line-height: 1; color: #555; } #globalSeoFooterLink .title:after { position: absolute; left: 0; bottom: 0; content: ""; display: inline-block; width: 985px; height: 1px; background: #e1e1e1; } /* Free Text */ #globalSeoFooterLink .freeTextArea { padding: 0 10px; } #globalSeoFooterLink .freeTextArea .textTitle { margin-bottom: 10px; font-weight: bold; line-height: 1.75; } #globalSeoFooterLink .freeTextArea .freeText { position: relative; font-size: 12px; } #globalSeoFooterLink .freeTextArea .freeText a { margin: 0 3px; text-decoration: underline; } #globalSeoFooterLink .freeTextArea .freeText a:hover { color: #f90; } /* Link */ #globalSeoFooterLink .content { position: relative; margin-top: 20px; padding: 22px 10px 0; font-size: 11px; border-top: 1px solid #e1e1e1; } #globalSeoFooterLink .content:before { content: ""; position: absolute; left: 0; top: 0; display: inline-block; width: 985px; height: 2px; background: #fcfcfc; } #globalSeoFooterLink .title + .content { margin-top: 0; padding-top: 0; border-top: none; } #globalSeoFooterLink .title + .content:before { display: none; } #globalSeoFooterLink .content .searchListUnit { } #globalSeoFooterLink .content .searchListUnit + .searchListUnit { margin-top: 20px; } #globalSeoFooterLink .content .searchListUnit .seachhTitle { padding: 2px 0 1px 6px; border-left: 3px solid #888; font-weight: bold; font-size: 12px; line-height: 1; color: #444; } #globalSeoFooterLink .content .searchListUnit .listContent { padding: 0 10px; } #globalSeoFooterLink .content .searchListUnit .listContent a { color: #333; } #globalSeoFooterLink .content .searchListUnit .listContent a:hover { color: #f90; text-decoration: underline; } #globalSeoFooterLink .content .searchListUnit.searchListUnitArea .listContent { overflow: hidden; margin-top: 5px; } #globalSeoFooterLink .content .searchListUnit.searchListUnitArea .listContent .areaListSet { float: left; width: 472px; margin-top: 5px; } #globalSeoFooterLink .content .searchListUnit.searchListUnitArea .listContent .areaListSet .areaCategory, #globalSeoFooterLink .content .searchListUnit.searchListUnitArea .listContent .areaListSet ul.areaList { display: inline-block; vertical-align: middle; } #globalSeoFooterLink .content .searchListUnit.searchListUnitArea .listContent .areaListSet .areaCategory { position: relative; width: 6em; margin-right: 4px; padding-right: 12px; } #globalSeoFooterLink .content .searchListUnit.searchListUnitArea .listContent .areaListSet .areaCategory:after { position: absolute; top: 0; right: 0; content: ":"; } #globalSeoFooterLink .content .searchListUnit.searchListUnitArea .listContent .areaListSet ul.areaList li.area { float: left; margin-right: 15px; } #globalSeoFooterLink .content .searchListUnit.searchListUnitJob .listContent ul.jobList { overflow: hidden; margin-top: 5px; } #globalSeoFooterLink .content .searchListUnit.searchListUnitJob .listContent ul.jobList li.job { float: left; width: 315px; margin-top: 5px; } #globalSeoFooterLink .content .searchListUnit.searchListUnitType, #globalSeoFooterLink .content .searchListUnit.searchListUnitTopics { float: left; width: 470px; margin-bottom: 20px; } #globalSeoFooterLink .content .searchListUnit.searchListUnitType .listContent, #globalSeoFooterLink .content .searchListUnit.searchListUnitTopics .listContent { margin-top: 10px; } #globalSeoFooterLink .content .searchListUnit.searchListUnitCorner { clear: left; } #globalSeoFooterLink .content .searchListUnit.searchListUnitCorner .listContent { margin-top: 10px; } #globalSeoFooterLink .content .searchListUnit.searchListUnitCorner .listContent .cornerList { overflow: hidden; } #globalSeoFooterLink .content .searchListUnit.searchListUnitCorner .listContent .cornerList .corner { float: left; } #globalSeoFooterLink .content .searchListUnit.searchListUnitCorner .listContent .cornerList .corner + .corner:before { content: "／"; margin: 0 8px; } #globalSeoFooterLink .content .searchListUnit.searchListUnitCuration .listContent { margin-top: 10px; } #globalSeoFooterLink .content .searchListUnit.searchListUnitCuration .listContent .curationList .curation + .curation { margin-top: 7px; } #globalSeoFooterLink .content .searchListUnit.searchListUnitCuration .listContent .curationList .curation .date { color: #333; } #globalSeoFooterLink .content .searchListUnit.searchListUnitCuration .listContent .curationList .curation .newIcon { display: inline-block; margin-left: 3px; padding: 2px 4px; line-height: 1; background: #f33; font-size: 10px; color: #fff; } #globalSeoFooterLink .content .searchListUnit.searchListUnitJobChain .listContent { margin-top: 6px; } #globalSeoFooterLink .content .searchListUnit.searchListUnitJobChain .listContent .jobList { overflow: hidden; } #globalSeoFooterLink .content .searchListUnit.searchListUnitJobChain .listContent .jobList + .jobList { margin-top: 3px; } #globalSeoFooterLink .content .searchListUnit.searchListUnitJobChain .listContent .jobList .job { display: inline; margin-top: 5px; line-height: 1.75; } #globalSeoFooterLink .content .searchListUnit.searchListUnitJobChain .listContent .jobList .job + .job:before { content: "|"; margin: 0 6px; color: #aaa; } #globalSeoFooterLink .content .searchListUnit.searchListUnitFree .listContent { margin-top: 10px; } /* For Desc */ #globalSeoFooterLink.descFooterLink .content .searchListUnit + .searchListUnit { margin-top: 10px; } #globalSeoFooterLink.descFooterLink .content .searchListUnit .seachhTitle, #globalSeoFooterLink.descFooterLink .content .searchListUnit .listContent { display: inline-block; vertical-align: top; } #globalSeoFooterLink.descFooterLink .content .searchListUnit .seachhTitle { width: 5%; padding: 0 10px 0 0; border-left: none; } #globalSeoFooterLink.descFooterLink .content .searchListUnit .listContent { width: 93%; position: relative; top: -3px; margin-top: 0; padding: 0; } #globalSeoFooterLink.descEndFooterLink .content .searchListUnit .seachhTitle { width: 16%; } #globalSeoFooterLink.descEndFooterLink .content .searchListUnit .listContent { width: 82%; } /* Signup */ #globalSeoFooterLink .footerSignupArea { position: relative; margin-top: 20px; padding: 22px 10px 0; border-top: 1px solid #e1e1e1; } #globalSeoFooterLink .footerSignupArea:before { content: ""; position: absolute; left: 0; top: 0; display: inline-block; width: 985px; height: 2px; background: #fcfcfc; } #globalSeoFooterLink .footerSignupArea .signuptitle { font-weight: bold; } #globalSeoFooterLink .footerSignupArea .signupContent { position: relative; margin-top: 10px; } #globalSeoFooterLink .footerSignupArea .signupContent .meritList { font-size: 12px; } #globalSeoFooterLink .footerSignupArea .signupContent .meritList .merit + .merit { margin-top: 6px; } #globalSeoFooterLink .footerSignupArea .signupContent .btn { margin-top: 12px; /* margin-left: 40px; */ } #globalSeoFooterLink .footerSignupArea .signupContent .btn a { position: relative; display: inline-block; vertical-align: middle; padding: 7px 16px 7px 24px; background: #f90; border: none; font-size: 14px; color: #fff; font-weight: bold; border-radius: 3px; box-shadow: 0 3px 0 #e80; } #globalSeoFooterLink .footerSignupArea .signupContent .btn a:hover { color: #fff; background: #fa1; } #globalSeoFooterLink .footerSignupArea .signupContent .btn a:active { box-shadow: none; top: 3px; } /* ------------ globalFooter （old）------------ */ #globalFooter { clear: both; padding: 30px 0 50px 0; background: #fff; } #globalFooter .base { width: 985px; margin: 0 auto; text-align: center; } #globalFooter .siteLink { position: relative; width: 985px; margin: 0 auto; text-align: center; } #globalFooter .siteLink .link { overflow: hidden; display: inline-block; } #globalFooter .siteLink .link li { float: left; display: inline; zoom: 1; font-size: 11px; } #globalFooter .siteLink .link li a { padding: 5px 10px; border-right: 1px solid #e6e6e6; color: #666; text-decoration: none; display: block; text-align: center; } #globalFooter .siteLink .link li:last-child a { border-right: none; } #globalFooter .siteLink .link a:hover { color: #999; } #globalFooter .otherSiteLink { margin-top: 25px; text-align: center; text-align: center; } #globalFooter .otherSiteLink .enSiteVertical { margin: 0 auto; width: 750px; color: #555; text-align: left; font-size: 11px; } #globalFooter .otherSiteLink .enSiteVertical .title { padding: 7px 10px; font-weight: bold; text-align: center; color: #555; border: 1px solid #e6e6e6; } #globalFooter .otherSiteLink .enSiteVertical .listUnit { } #globalFooter .otherSiteLink .enSiteVertical .listUnit .toggle { cursor: pointer; position: relative; padding: 10px; font-weight: bold; color: #555; } #globalFooter .otherSiteLink .enSiteVertical .listUnit + .listUnit .toggle { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .toggle a { color: #555; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .toggle a:hover { color: #f90; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .toggle span { } #globalFooter .otherSiteLink .enSiteVertical .listUnit .toggle span:before { position: relative; margin-right: 8px; content: "\f078"; display: inline-block; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; font-size: 12px; color: #777; line-height: 1; } #globalFooter .otherSiteLink .enSiteVertical .listUnit:hover .toggle span:before { color: #f90; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .toggle.open { background: #f3f8ff; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .toggle:hover { background: #ffe; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .toggle.open span:before { content: "\f077";} #globalFooter .otherSiteLink .enSiteVertical .listUnit:hover .toggle span.open { } #globalFooter .otherSiteLink .enSiteVertical .listUnit .listList { display: none; color: #aaa; border-top: 1px solid #e6e6e6; } #globalFooter .otherSiteLink .enSiteVertical .listUnit + .listUnit .listList { border-top: none; border-bottom: 1px solid #e6e6e6; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .listList li { } #globalFooter .otherSiteLink .enSiteVertical .listUnit .listList li:hover { cursor: default; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .listList li a { color: #555; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .listList li a img { margin-right: 8px; vertical-align: middle; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .listList a:hover { color: #f90; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .listList li p.w { margin-left: 128px; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .listList li .siteLinkArea { display: table; width: 100%; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .listList li + li .siteLinkArea { background: url(../../imageFile/user/line_dot_1px_aaa_pitch2.png) 0 0 repeat-x; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .listList li .siteLinkArea .leftArea, #globalFooter .otherSiteLink .enSiteVertical .listUnit .listList li .siteLinkArea .rightArea { display: table-cell; vertical-align: middle; padding: 8px; } #globalFooter .otherSiteLink .enSiteVertical .listUnit + .listUnit .listList li .siteLinkArea .leftArea, #globalFooter .otherSiteLink .enSiteVertical .listUnit + .listUnit .listList li .siteLinkArea .rightArea { padding: 12px 8px; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .listList li .siteLinkArea .leftArea, #globalFooter .otherSiteLink .enSiteVertical .listUnit + .listUnit .listList li .siteLinkArea .leftArea { width: 130px; padding-left: 10px; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .listList li .siteLinkArea .rightArea { } #globalFooter .otherSiteLink .enSiteVertical .listUnit .listList li .siteLinkArea .rightArea .site { display: block; font-weight: bold; color: #555; } #globalFooter .otherSiteLink .enSiteVertical .listUnit .listList li .siteLinkArea .rightArea .siteSub { display: block; margin: 2px 0 0 2px; font-size: 10px; color: #555; } #globalFooter .en { display: block; margin-top: 25px; clear: both; text-align: center; } #globalFooter .en span { font-size: 10px; color: #666; } #globalFooter .en .name { margin-right: 10px; } #globalFooter .en .cw { font-family: Arial, Helvetica, sans-serif; } /* Simple Footer */ #globalFooter.simpleFooter { padding: 30px 0 90px; } #globalFooter.simpleFooter .link a { font-size: 11px; color: #666; } #globalFooter.simpleFooter .en { margin-top: 0; } #globalFooter.popupFooter .base { position: relative; } #globalFooter.popupFooter .base .closeBtn { position: absolute; top: -15px; right: 0; } #globalFooter.popupFooter .base .closeBtn .close { display: inline-block; padding: 4px 10px 3px; background: #8ad; font-weight: bold; color: #fff; border-radius: 3px; } #globalFooter.popupFooter .base .closeBtn .close:hover { opacity: .8; } #globalFooter.popupFooter .base .closeBtn .close:before { content: "×"; margin-right: 6px; vertical-align: middle; } /* ------------ globalFooter ------------ */ #globalFooter { text-align: center; padding-bottom: 40px; font-size: 12pt; text-align: center; font-size: 12pt; } #globalFooter div, #globalFooter span, #globalFooter p, #globalFooter ul, #globalFooter li, #globalFooter img { margin: 0; padding: 0; } #globalFooter img { border:0; border-width:0px; border-style:none; } #globalFooter a { text-decoration: none; outline: 0; } #globalFooter .enSiteVertical { margin: 15px auto 0 auto; width: 660px; color: #222; text-align: left; font-size: 0.65em; } #globalFooter .enSiteVertical .title { padding: 5px 10px; background: #eee; border: 1px solid #ddd; line-height: 100%; font-weight: bold; text-align: left; } #globalFooter .enSiteVertical .list { width: 660px; margin: 0; padding: 10px 0; border-bottom: 1px solid #ddd; cursor: pointer; } #globalFooter .enSiteVertical .list .toggle { width: 170px; margin: 0 10px 0 0; padding: 0 0 0 10px; float: left; font-weight: bold; } #globalFooter .enSiteVertical .list:hover { background: #ffe; } #globalFooter .enSiteVertical .list .toggle a { color: #222; } #globalFooter .enSiteVertical .list .toggle a:hover { color: #f90; } #globalFooter .enSiteVertical .list .toggle span { padding: 0 19px 0 0; background: url(../../imageFile/user/footer_toggleRight.gif) no-repeat right center;} #globalFooter .enSiteVertical .list:hover .toggle span { background: url(../../imageFile/user/footer_toggleRightHover.gif) no-repeat right center;} #globalFooter .enSiteVertical .list .toggle span.open { background: url(../../imageFile/user/footer_toggleLeft.gif) no-repeat right center;} #globalFooter .enSiteVertical .list:hover .toggle span.open { background: url(../../imageFile/user/footer_toggleLeftHover.gif) no-repeat right center;} #globalFooter .enSiteVertical .list .listList { width: 430px; margin: 0; padding: 0 0 0 10px; float: left; border-left: 1px dotted #ccc; display: none; color: #aaa; } #globalFooter .enSiteVertical .list .listList ul { } #globalFooter .enSiteVertical .list .listList li { padding: 5px; list-style: none; border-bottom: 1px dotted #ccc; } #globalFooter .enSiteVertical .list .listList li.last { border: none; } #globalFooter .enSiteVertical .list .listList li a { color: #222; margin:0 2px; } #globalFooter .enSiteVertical .list .listList li a img { margin-right: 8px; vertical-align: middle; } #globalFooter .enSiteVertical .list .listList a:hover { color: #f90; } #globalFooter .enSiteVertical .list .listList li p.w { margin-left: 128px; } #globalFooter .copyright { margin: 15px auto 0 auto; text-align: center; line-height: 125%; font-family: Arial, Helvetica, sans-serif; } #globalFooter .copyright .company { } #globalFooter .copyright .company img { vertical-align: middle; } #globalFooter .copyright .company span.copyright { margin-left: 15px; color: #444; font-size: 0.65em; } /* ------------ globalFooter Site ------------ */ #globalFooter .otherSiteLink { text-align: center; padding-bottom: 40px; font-size: 12px; text-align: center; } #globalFooter .otherSiteLink .enSiteVertical { margin: 30px auto 0 auto; width: 870px; color: #333; text-align: left; font-size: 11px; } #globalFooter .otherSiteLink .enSiteVertical .title { padding: 5px 10px; background: #eee; font-weight: bold; text-align: left; color: #333; border: 1px solid #ddd; } #globalFooter .otherSiteLink .enSiteVertical .list { width: 870px; padding: 10px 0; border-bottom: 1px solid #ddd; } #globalFooter .otherSiteLink .enSiteVertical .list.clearfix { min-height: 1px; } #globalFooter .otherSiteLink .enSiteVertical .list.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; } #globalFooter .otherSiteLink .enSiteVertical .list .toggle { float: left; width: 165px; padding-left: 15px; font-weight: bold; color: #333; } #globalFooter .otherSiteLink .enSiteVertical .list:hover { background: #ffe; cursor: pointer; } #globalFooter .otherSiteLink .enSiteVertical .list .toggle a { color: #333; } #globalFooter .otherSiteLink .enSiteVertical .list .toggle a:hover { color: #f90; } #globalFooter .otherSiteLink .enSiteVertical .list .toggle span { padding-right: 19px; background: url(../../imageFile/user/footer_toggleRight.gif) no-repeat right center; cursor: pointer; } #globalFooter .otherSiteLink .enSiteVertical .list:hover .toggle span { background: url(../../imageFile/user/footer_toggleRightHover.gif) no-repeat right center; cursor: pointer; } #globalFooter .otherSiteLink .enSiteVertical .list .toggle span.open { background: url(../../imageFile/user/footer_toggleLeft.gif) no-repeat right center; cursor: pointer; } #globalFooter .otherSiteLink .enSiteVertical .list:hover .toggle span.open { background: url(../../imageFile/user/footer_toggleLeftHover.gif) no-repeat right center; cursor: pointer; } #globalFooter .otherSiteLink .enSiteVertical .list .listList { float: left; display: none; width: 660px; padding-left: 10px; border-left: 1px dotted #ccc; color: #aaa; } #globalFooter .otherSiteLink .enSiteVertical .list .listList ul {} #globalFooter .otherSiteLink .enSiteVertical .list .listList li { padding: 0 5px; list-style: none; border-bottom: 1px dotted #ccc; } #globalFooter .otherSiteLink .enSiteVertical .list .listList li:hover { cursor: default; } #globalFooter .otherSiteLink .enSiteVertical .list .listList li.last { border: none; } #globalFooter .otherSiteLink .enSiteVertical .list .listList li a { color: #333; margin:0 2px; } #globalFooter .otherSiteLink .enSiteVertical .list .listList li a img { margin-right: 8px; vertical-align: middle; } #globalFooter .otherSiteLink .enSiteVertical .list .listList a:hover { color: #f90; } #globalFooter .otherSiteLink .enSiteVertical .list .listList li p.w { margin-left: 128px; } #globalFooter .otherSiteLink .enSiteVertical .list .listList li .siteLinkArea { position: relative; padding: 18px 0 24px; } #globalFooter .otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .rightArea { position: absolute; top: 7px; left: 130px; vertical-align: middle; } #globalFooter .otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .rightArea .site { display: block; font-weight: bold; color: #333; } #globalFooter .otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .rightArea .siteSub { display: block; margin: 2px 0 0 2px; font-size: 10px; color: #555; } #globalFooter .otherSiteLink .enSiteVertical .list .listList li .siteLinkArea .leftArea { position: absolute; top: 12px; left: 0; width: 130px; } #globalFooter .otherSiteLink .enSiteVertical .list .listListCompany ul {} #globalFooter .otherSiteLink .enSiteVertical .list .listListCompany li { padding: 0 5px 5px 5px; list-style: none; border-bottom: 1px dotted #ccc; } #globalFooter .otherSiteLink .enSiteVertical .list .listListCompany li.last { border: none; } #globalFooter .otherSiteLink .enSiteVertical .list .listListCompany li a { color: #333; margin:0 2px; } #globalFooter .otherSiteLink .enSiteVertical .list .listListCompany li a img { margin-right: 8px; vertical-align: middle; } #globalFooter .otherSiteLink .enSiteVertical .list .listListCompany a:hover { color: #f90; } #globalFooter .otherSiteLink .enSiteVertical .list .listListCompany li p.w { margin-left: 128px; } #globalFooter .otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea { position: relative; padding: 12px 0; } #globalFooter .otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .rightArea { position: absolute; top: 7px; left: 130px; vertical-align: middle; } #globalFooter .otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .rightArea .site { display: block; font-weight: bold; } #globalFooter .otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .rightArea .siteSub { display: block; margin: 2px 0 0 2px; } #globalFooter .otherSiteLink .enSiteVertical .list .listListCompany li .siteLinkArea .leftArea { position: absolute; top: 7px; left: 0; width: 130px; } /* ------------ globalPopupFooter ------------ */ #globalPopupFooter { clear: both; width: 800px; margin: 20px auto 0; padding: 20px 0 40px 0; border-top: 1px solid #B3CAE0; } #globalPopupFooter .siteLink { position: relative; text-align: center; } #globalPopupFooter .siteLink .link { overflow: hidden; } #globalPopupFooter .siteLink .link li { display: inline-block; font-size: 11px; } #globalPopupFooter .siteLink .link li a { padding: 1px 10px; border-right: 1px solid #B3CAE0; color: #666; text-decoration: none; display: block; text-align: center; } #globalPopupFooter .siteLink .link li:last-child a { border-right: none; } #globalPopupFooter .siteLink .link a:hover { color: #999; } #globalPopupFooter .en { display: block; margin-top: 15px; clear: both; text-align: center; } #globalPopupFooter .en span { font-size: 10px; color: #666; } #globalPopupFooter .en .name { margin-right: 10px; } #globalPopupFooter .en .cw { font-family: Arial, Helvetica, sans-serif; } /* ---------- SP Panel ----------*/ .spPanel { padding: 30px 0 40px; text-align: center; } .spPanel .spLink { position: relative; display: inline-block; width: 795px; height: 230px; line-height: 240px; margin: 0 auto; padding-left: 150px; text-align: left; vertical-align: middle; background: #27d; font-size: 45px; font-weight: bold; color: #fff; border-radius: 10px; box-shadow: 0 10px 0 #095EC4; cursor: pointer; } .spPanel .spLink:before { content: "\f10b"; display: inline-block; position: absolute; top: 50%; left: 10px; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; margin-top: -95px; margin-left: 30px; font-size: 200px; height: 200px; line-height: 200px; } .spPanel .spLink:after { content: "\f105"; display: inline-block; position: absolute; top: 50%; right: 30px; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; margin-top: -50px; margin-left: 25px; font-size: 110px; height: 110px; line-height: 110px; } .spPanel .spLink:hover { background: #28e; border-color: #17d; } .spPanel .spLink:active { top: 10px; box-shadow: none; } .spPanel .spLink .spTitle { margin-right: 3px; font-size: 65px; } /* ------------ Recommend ------------ */ .globalRecommendJobList { margin-top: 40px; } .globalRecommendJobList.desc { width: 905px; overflow: hidden; margin: 60px auto 0; box-sizing: border-box; } /* ------------ RecommendListBase ------------ */ .recommendListBase .jobSearchListUnit:first-child { margin-top: 10px; } .recommendListBase .jobSearchListRightArea { margin-top: 10px; } /* ---------- RecommendTitle ----------*/ #recommendListTitle { margin-bottom: 35px; } #recommendListTitle .title { position: relative; padding: 8px; background: #3fb7f8; font-size: 15px; color: #fff; text-align: center; font-weight: bold; } #recommendListTitle .title:before { position: absolute; bottom: -15px; left: 50%; margin-left: -15px; content: ""; display: inline-block; line-height: 0; border-left: 15px solid transparent; border-top: 15px solid #3fb7f8; border-right: 15px solid transparent; border-left-color: rgba(255,255,255, 0); border-right-color: rgba(255,255,255, 0); } /* ---------- RecommendList ----------*/ .globalRecommendJobList .dv_recommend { } .globalRecommendJobList .dv_recommend .div_table { display: table; width: 100%; margin-top: 14px; } .globalRecommendJobList .dv_recommend .div_table:first-child { border-top: none; } .globalRecommendJobList .dv_recommend .div_table .dv_items { display: table-cell; width: 292px; padding: 10px 10px 15px; background: #fff; text-align: left; z-index: 1; border-top: 4px solid #39f; box-sizing: border-box; } .globalRecommendJobList .dv_recommend .div_table .dv_items a { display: block; } .globalRecommendJobList .dv_recommend .div_table .dv_items:hover { background: #ffe; cursor: pointer; } .globalRecommendJobList .dv_recommend .div_table .dv_items:hover .jobName .jobNameText { color: #f90; } .globalRecommendJobList .dv_recommend .div_table .dv_empty { display: table-cell; width: 14px; } .recommendSearchListUnit { position: relative; } /* jobNameArea */ .recommendSearchListUnit .jobNameArea { padding: 0 5px 5px; } .recommendSearchListUnit .jobNameArea .nameSet { } .recommendSearchListUnit .jobNameArea .nameSet .jobName { font-size: 11px; font-weight: normal; } .recommendSearchListUnit .jobNameArea .nameSet .companyName { margin-top: 5px; font-size: 11px; font-weight: normal; } .recommendSearchListUnit .jobNameArea .nameSet .jobName { } .recommendSearchListUnit .jobNameArea .nameSet .jobName .job { display: inline; vertical-align: middle; margin-right: 6px; font-weight: bold; font-size: 14px; } .recommendSearchListUnit .jobNameArea .nameSet .jobName .job .jobNameText { display: inline-block; color: #27d; vertical-align: top; } .recommendSearchListUnit .jobNameArea .nameSet .jobName .job:hover .jobNameText { color: #f90; } .recommendSearchListUnit .jobNameArea .nameSet .jobName .copy { position: relative; top: -1px; margin-left: 10px; font-size: 13px; font-weight: normal; color: #059; } .recommendSearchListUnit .jobNameArea a:hover .jobName .job, .recommendSearchListUnit .jobNameArea a:hover .companyName .company { color: #f90; } /* iconArea */ .recommendSearchListUnit .iconArea { padding: 0 5px; } .recommendSearchListUnit .iconArea .strongIcon { display: inline-block; vertical-align: middle; height: 17px; padding: 0 5px; margin: 0 7px 5px 0; color: #666; border: 1px solid #ddd; background-color: #fff; font-size: 10px; line-height: 17px; border-radius: 2px; } /* catchArea */ .recommendSearchListUnit .catchArea { margin-top: 2px; padding: 7px 5px 0; border-top: 1px solid #eee; } .recommendSearchListUnit .catchArea .catch { font-size: 12px; color: #fc8300; } .recommendSearchListUnit .catchArea .text { margin-top: 5px; } .recommendSearchListUnit .catchArea .text .nextMark { position: relative; top: 1px; margin-left: 5px; font-size: 16px; font-weight: bold; } /* MainArea */ .recommendSearchListUnit .mainArea { overflow: hidden; padding: 8px 5px 8px; border-bottom: 1px solid #eee; } /* photoArea */ .recommendSearchListUnit .mainArea .photoArea { position: relative; z-index: 100; float: right; } .recommendSearchListUnit .mainArea .photoArea .leftPhoto { width: auto; float: left; } .recommendSearchListUnit .mainArea .photoArea .rightPhoto { width: 116px; float: right; } .recommendSearchListUnit .mainArea .photoArea .rightPhoto img + img { margin-top: 6px; } /* dataArea */ .recommendSearchListUnit .dataArea { } .recommendSearchListUnit .dataArea .dataList { width: 220px; } .recommendSearchListUnit .dataArea .dataList .data { position: relative; padding: 3px 0 6px 2.5em; } .recommendSearchListUnit .dataArea .dataList .data .item { position: absolute; top: 2px; left: 0; display: inline-block; width: 2.75em; padding: 2px 0; font-size: 10px; background: #9eaaba; color: #fff; text-align: center; } .recommendSearchListUnit .dataArea .dataList .data + .data .item { top: 1px; } .recommendSearchListUnit .dataArea .dataList .data .text { display: inline-block; font-size: 10px; line-height: 1.5; } .recommendSearchListUnit .dataArea .dataList .data .text .modelText { margin-top: 3px; } .recommendSearchListUnit .dataArea .dataList .data .text .modelText .icon { font-weight: bold; color: #47D; } .recommendSearchListUnit .dataArea .dataList .data .text .root { display: inline-block; margin-top: 3px; } .recommendSearchListUnit .dataArea .dataList .data .text .root a { font-size: 11px; } .recommendSearchListUnit .dataArea .dataList .data .text .root a:before { content: "\f08e"; position: relative; top: 1px; display: inline-block; vertical-align: middle; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; font-size: 11px; margin-right: 5px; } /* buttonArea */ .recommendSearchListUnit .buttonArea { clear: both; position: relative; padding-top: 8px; text-align: center; } .recommendSearchListUnit .buttonArea .recommend_interest { position: relative; display: inline-block; vertical-align: middle; width: 130px; text-align: center; height: 30px; font-size: 14px; color: #fff; text-align: center; line-height: 30px; font-weight: bold; border-radius: 2px; } .recommendSearchListUnit .buttonArea .recommend_interest { position: relative; background: #7fd049; box-shadow: 0 2px 0 #66B730; } .recommendSearchListUnit .buttonArea .recommend_interest:hover { background: #8fe059; box-shadow: 0 2px 0 #76c740; } .recommendSearchListUnit .buttonArea .recommend_interest:active { top: 2px; box-shadow: none; } .recommendSearchListUnit .buttonArea .detailTip { display: none; position: absolute; top: 52px; left: 50%; width: 240px; margin-left: -135px; padding: 15px; background: #ffe; border: 1px solid #ddd; z-index: 50; text-align: left; border-radius: 2px; color: #222; font-size: 13px; line-height: 1.25; font-weight: normal; box-shadow: 0 1px 2px rgba(0,0,0,.1); } .recommendSearchListUnit .buttonArea .detailTip:before { position: absolute; top: -9px; left: 50%; margin-left: -9px; content: ""; display: inline-block; line-height: 0; border-left: 9px solid transparent; border-bottom: 9px solid #ddd; border-right: 9px solid transparent; border-left-color: rgba(255,255,255, 0); border-right-color: rgba(255,255,255, 0); } .recommendSearchListUnit .buttonArea .detailTip:after { position: absolute; top: -8px; left: 50%; margin-left: -8px; content: ""; display: inline-block; line-height: 0; border-left: 8px solid transparent; border-bottom: 8px solid #ffe; border-right: 8px solid transparent; border-left-color: rgba(255,255,255, 0); border-right-color: rgba(255,255,255, 0); } .recommendSearchListUnit .buttonArea .js_interestDone, .recommendSearchListUnit .buttonArea .js_interestDone:hover, .recommendSearchListUnit .buttonArea .js_interestDone:active { cursor: default; top: 2px; height: 32px; line-height: 32px; background: #c5c5c5; box-shadow: none; } .recommendSearchListUnit .buttonArea .date { position: absolute; top: 50%; margin-top: -16px; right: 13px; display: inline-block; text-align: left; font-size: 11px; color: #777; } .recommendSearchListUnit .buttonArea .date .item { display: block; } .recommendSearchListUnit .buttonArea .date .item:after { content: ":"; margin-left: 2px; } .recommendSearchListUnit .fn_interest_send { z-index: 1000; opacity: 0; width: 210px; position: absolute; bottom: 15px; right: 20px; padding: 15px 20px; background: #fff; border: 3px solid #f60; white-space: normal; text-align: center; box-shadow: 1px 2px 6px rgba(0,0,0,.1); border-radius: 3px; } .recommendSearchListUnit .fn_interest_send .text { font-size: 15px; font-weight: bold; } .recommendSearchListUnit .fn_interest_send .text em { color: #f60; } /* JobList */ .globalRecommendJobList.desc .recommendSearchListUnit .fn_interest_send { z-index: 1000; opacity: 0; width: 210px; position: absolute; bottom: 15px; right: 7px; padding: 15px 20px; background: #fff; border: 3px solid #f60; white-space: normal; text-align: center; box-shadow: 1px 2px 6px rgba(0,0,0,.1); border-radius: 3px; } .globalRecommendJobList.desc .recommendSearchListUnit .dataArea .dataList { width: 190px; } /* Hidden RecommendList */ #hiddenRecommendList { display: none; } #hiddenRecommendList_mark { } #loading { display: none; margin: 0 auto; padding: 30px; width: 40px; height: 40px; background: url(../../imageFile/user/recommend_load.gif) left center no-repeat; } /* ------------ Browser Alert ------------ */ #globalBrowserAlert { padding: 10px 0; background: #fff6f6; border-bottom: 1px solid #e0e0e0; } #globalPankuzu + #globalBrowserAlert { margin-top: -10px; } #globalBrowserAlert .base { display: table; width: 985px; margin: 0 auto; } #globalBrowserAlert .base .text, #globalBrowserAlert .base .upgradeBtn, #globalBrowserAlert .base .closeBtn { display: table-cell; font-size: 12px; vertical-align: middle; } #globalBrowserAlert .base .text { width: 1%; white-space: nowrap; padding-left: 30px; background: url(../../imageFile/user/global_notSupport_icon_ie.png) 5px 3px no-repeat; color: #933; } #globalBrowserAlert .base .upgradeBtn { padding: 0 40px 0 2px; } #globalBrowserAlert .base .upgradeBtn a.upgrade { white-space: nowrap; display: inline-block; padding: 6px 12px; background: #fffcfc; border: 1px solid #efe6e6; font-weight: bold; border-radius: 3px; } #globalBrowserAlert .base .closeBtn { width: 1%; white-space: nowrap; } #globalBrowserAlert .base .closeBtn a.close { display: inline-block; width: 20px; height: 19px; line-height: 19px; font-size: 14px; font-weight: bold; text-align: center; color: #888; border: 1px solid #e9e0e0; border-radius: 2px; } #globalBrowserAlert .se .closeBtn a.close:hover { background: #eee; } /* ------------ 301 ------------ */ #willOpenTextArea { margin-top: 25px; background: #fff; padding: 10px; } #willOpenTextArea .base { border: 1px solid #ddd; padding: 60px; text-align: center; }