@charset "utf-8";

@import "./initialize.css";
@import "./base.css";
@import "./notfound.css";

/* +++++++++++++++++++++++++++++++

 public.css

+++++++++++++++++++++++++++++++ */

.txt-small { font-size: 10px; }

#single-column .box-top {
    width: 924px;
    height: 5px;
    margin: 0 auto;
    background: url(/images/tenshoku/public/bg-box-top.png) no-repeat left top;
}
#single-column .box-bottom {
    width: 924px;
    height: 5px;
    margin: 0 auto;
    background: url(/images/tenshoku/public/bg-box-bottom.png) no-repeat left top;
}
#single-column .box-inner {
    width: 868px;
    margin: 0 auto;
    padding: 28px;
    background: url(/images/tenshoku/public/bg-box.png) repeat-y left top;
}
#single-column .box-content {
    margin: 0 15px;
}
#single-column .box-block {
    margin: 0 0 30px 20px;
}
#single-column .box-block p { margin-left: 5px; }
#single-column .box-inner .box-text {
    padding: 20px 15px 20px;
}

/* title */
#single-column .tit-common {
    background: url(/images/tenshoku/public/bg-tit-common.gif) no-repeat left top;
}
#single-column .tit-content {
    width: auto;
    height: auto;
    margin: 0 0 5px;
    padding: 0;
    background: none;
    color: #0078c8;
    font-size: 14px;
    line-height: 1.5;
}
#single-column .tit-common-content { color: #e41a15; }
#single-column .tit-main {
    color: #0078c8;
}

#single-column .box-flow dt {
    float: left;
    width: 237px;
    margin-right: 15px;
}
#single-column .box-flow dd {
    margin-bottom: 15px;
}

#single-column .question-list {
    margin: 0 0 10px;
    padding: 10px 0;
    background: url(/images/tenshoku/common/dot-line.png) repeat-x left bottom;
}
#single-column .question-list li {
    padding-bottom: 5px;
}
#single-column .answer-list dt {
    color: #0078c8;
    font-weight: bold;
}
#single-column .answer-list dd {
    padding: 0 0 15px 20px;
}

/* intro-site */
#intro-site-head {
    position: relative;
    width: 924px;
    margin: 0 auto 10px;
}
#intro-site-head p {
    position: absolute;
    top: 42px;
    left: 14px;
    line-height: 1.6;
}
#intro-site-style {
    width: 924px;
    margin: 0 auto 30px;
    background: url(/images/tenshoku/public/bg-intro-site-style.png) repeat-x left top;
}
#intro-site-style .wrapper { padding-left: 27px; }
#intro-site-style .box-style {
    float: left;
    width: 421px;
    margin-right: 27px;
    background: #ffffff;
}
#intro-site-style .box-top {
    width: 421px;
    background: url(/images/tenshoku/public/bg-box-style-top.png) no-repeat left top;
}
#intro-site-style .box-bottom {
    width: 421px;
    height: 7px;
    background: url(/images/tenshoku/public/bg-box-style-bottom.png) no-repeat left top;
}
#intro-site-style .box-style .title {
    width: 390px;
    height: auto;
    margin: 5px 15px 10px;
    padding: 0;
    background: none;
}
#intro-site-style .box-style .clearfix {
    width: 391px;
    margin: 0 auto;
}
#intro-site-style .box-style .style-img {
    float: left;
    margin-right: 5px;
}
#intro-site-style .box-style .discription {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.2;
}

#intro-site-style .box-style .txt-right a {
    padding-left: 17px;
    background: url(/images/tenshoku/public/ico-style-arrow.png) no-repeat left center;
    color: #70c7e3;
    text-decoration: none;
}
.box-inner .style-img {
    margin: 20px 0 0;
    text-align: center;
}

/* rule */
.box-inner #box-rule .box-content {
    padding: 10px 30px;
}
.box-inner #box-rule .box-content h3 { color: #0078c8; }
.box-inner #box-rule dt {
    float: left;
    width: 30px;
    text-align: center;
}
.box-inner #box-rule dd {
    margin: 0 0 10px 2.5em;
}
.box-inner #box-rule .no-float dt {
    float: none;
    width: auto;
    text-align: left;
}
.box-inner #box-rule .no-float dd {
    margin-left: 1.9em;
}

/* intro-medical */
.pr-block {
    margin: 5px 0;
    padding: 5px;
    background: #e6f0fa;
}
.site-point {
    padding: 10px 5px 5px;
    border: 1px solid #aaaaaa;
}
.site-point dt { font-weight: bold; }
.site-point dd {
    margin-bottom: 10px;
    padding-left: 7px;
}
.site-merit img {
    margin-right: 10px;
    padding: 0 15px;
}
.site-merit ul {
    margin-left: 10px;
    padding-left: 10px;
    list-style: circle;
}
.site-merit li { margin-bottom: 5px; }
.site-data {
    padding: 5px 0 20px;
}
.site-data .box-left,
.site-data .box-right {
    width: 360px;
    padding: 0 20px;
}
.site-data .box-left img,
.site-data .box-right img {
    display: block;
    margin: 5px auto;
}

.box-inquiry {
    position: relative;
    text-align: right;
}
.box-inquiry img { padding: 8px 0; }
.box-inquiry a {
    position: absolute;
    top: 20px;
    right: 6px;
}

.seo-logo {
    padding: 5px 0;
    text-align: center;
}

/* mypage-service */
#mypage-service-head {
    position: relative;
    width: 924px;
    margin: 0 auto 10px;
}
#mypage-service-head p {
    position: absolute;
    top: 27px;
    left: 500px;
    width: 415px;
}

#mypage-function {
    width: 924px;
    margin: 0 auto;
    background: url(/images/tenshoku/public/bg-box-function.png) repeat-x left top;
}
#mypage-function .clearfix {
    padding-left: 28px;
}
#mypage-function .box-function {
    float: left;
    width: 196px;
    margin-right: 28px;
    background: url(/images/tenshoku/public/bg-function.png) repeat-y left top;
}
#mypage-function .box-function .box-top {
    width: 196px;
    height: 10px;
    background: url(/images/tenshoku/public/bg-function-top.png) no-repeat left top;
}
#mypage-function .box-function .box-bottom {
    width: 196px;
    height: 10px;
    background: url(/images/tenshoku/public/bg-function-bottom.png) no-repeat left top;
}
#mypage-function .box-function .tit-function { padding-left: 10px; }

#mypage-function .box-function p {
    height: 8em;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.3;
    color: #4c4c4c;
}
#mypage-function .box-function p.txt-right,
#mypage-function .box-function p.img-function { height: auto; }
#mypage-function .box-function .img-function img {
    padding: 24px 0 25px;
}

/* help */
#help-nav {
    width: 924px;
    margin: 0 auto 40px;
    padding-left: 10px;
}
#help-nav .tit-content span {
    margin-left: 15px;
    padding-left: 17px;
    background: url(/images/tenshoku/common/ico-nav-link.png) no-repeat left center;
    font-size: 12px;
}
#help-nav .sub-head { margin-left: 5px; }
#help-nav .goto-contents {
    clear:both;
}
#help-nav .box-left {
    width: 450px;
}
.help-list { margin: 0 0 15px 10px; }

.help-list li {
    padding-left: 8px;
    background: url(/images/tenshoku/common/ico-dot.png) no-repeat left center;
}
.help-list a { color: #003399; }

.box-help { margin: 0 0 20px 10px; }
.box-help .midium { font-size: 12px; }
.box-help ul,
.box-help ol { margin: 5px; }
#single-column .box-help p { margin-left: 5px; }

.box-help ul.square {
    margin-left: 10px;
    padding-left: 10px;
   list-style: square;
}
.box-help .goto-contents {
    padding: 2px 0;
    text-align: left;
    font-weight: bold;
}
.box-help .goto-contents a  {
    padding: 0 0 0 15px;
    background-position: left center;
    color: #003399;
}
#single-column .goto-top a {
    padding-left: 13px;
    background: url(/images/tenshoku/public/ico-top.png) no-repeat left center;
    color: #70c7e3;
    text-decoration: none;
}

/* intro-flow */
.intro-img {
    padding: 20px 0;
    text-align: center;
}
.box-intro-inquiry {
    position: relative;
    width: 793px;
    margin: 0 auto;
    height: auto;
    min-height: 50px;
    padding-top:40px;
    background: url(/images/tenshoku/public/intro-arrow.gif) no-repeat left top;
    text-align: center;
}
* html .box-intro-inquiry { /* for ie6 */
    height: 50px;
}
.box-intro-inquiry .inquiry-tel {
    position: absolute;
    top: 31px;
    right: 0;
}
#box-intro-flow {
    width: 924px;
    margin: 0 auto;
    background: #f6f6f6;
}
#box-intro-flow .box-top {
    height: 10px;
    margin-bottom: 25px;
    background: url(/images/tenshoku/public/bg-intro-flow-top.png) no-repeat left top;
}
#box-intro-flow .box-bottom {
    height: 10px;
    margin-top: 20px;
    background: url(/images/tenshoku/public/bg-intro-flow-bottom.png) no-repeat left top;
}
#intro-flow {
    position: relative;
    width: 830px;
    height: 925px;
    margin: 20px 0;
    background: url(/images/tenshoku/public/intro-flow.png) no-repeat left top;
}
#intro-flow .sub-head {
    font-weight: normal;
    color: #0078c8;
}
#intro-flow p {
    width: 485px;
    font-size: 10.5px;
    line-height: 1.3;
}
#intro-flow .box-flow {
    position: absolute;
    font-weight: normal;
}
#intro-flow .box-flow img { margin-right: 10px; }
#intro-flow #step1 {
    top: 105px;
    left: 60px;
}
#intro-flow #step2 {
    top: 339px;
    left: 60px;
}
#intro-flow #step3 {
    top: 575px;
    left: 60px;
}
#intro-flow #step4 {
    top: 810px;
    left: 60px;
}
#intro-flow #flow-01 {
    top: 167px;
    left: 190px;
}
#intro-flow #flow-02 {
    top: 246px;
    left: 190px;
}
#intro-flow #flow-03 {
    top: 403px;
    left: 190px;
}

#intro-flow #flow-04 {
    top: 481px;
    left: 190px;
}

#intro-flow #flow-05 {
    top: 637px;
    left: 190px;
}

#intro-flow #flow-06 {
    top: 716px;
    left: 190px;
}

#intro-flow #flow-07 {
    top: 870px;
    left: 190px;
}

/* box-befor */
#beforeQ1 {
    width: 605px;
    height: 80px;
    background: url(/images/tenshoku/public/beforeQ01.gif) no-repeat left top;
}
#beforeQ2 {
    width: 605px;
    height: 80px;
    background: url(/images/tenshoku/public/beforeQ02.gif) no-repeat left top;
}
#beforeQ1 h2,
#beforeQ2 h2 { display: none; }
#beforeQ1 p,
#beforeQ2 p {
    width: 550px;
    padding: 40px 0 0 42px;
    line-height: 1.3;
}
.box-before p {
    margin-bottom: 10px;
}
.box-before img {
    float: right;
    padding: 0 60px;
}

.box-entry {
    width: 660px;
    height: 55px;
    margin: 0 auto 20px;
    padding: 10px 20px;
    background: url(/images/tenshoku/public/bg-box-entry.png) no-repeat left top;
}
.box-entry .box-left { width: 400px; }
.box-entry .box-right { padding-top: 10px; }

/* box-merit */
.box-merit .tit-content img { vertical-align: text-bottom; }
.box-merit .box-entry {
    width: 304px;
    height: 130px;
    margin: 0 0 20px 20px;
    padding: 10px 10px;
    background: url(/images/tenshoku/public/bg-box-entry-s.png) no-repeat left top;
}
.box-merit .box-entry .txt-center { margin-top: 15px; }

.box-merit-entry {
    width: 711px;
    margin: 0 auto 20px;
    padding-left: 13px;
}
.box-merit-entry div {
    float: left;
    width: 325px;
    height:120px;
    padding: 10px;
    background: url(/images/tenshoku/public/bg-merit-entry.png) no-repeat left top;
}
.box-merit-entry p {
    margin-top: 10px;
    text-align: center;
}

/* static */
#support.static {
    width: 660px;
    height: 70px;
    margin: 0 auto;
    padding: 10px 20px;
    background: url(/images/tenshoku/public/bg-support.png) no-repeat left top;
}
#support.static p { padding-top: 5px; }
#support.static .menu {
    float: right;
    background: none;
}
#support.static .menu li { font-size: 12px; }

/* clearfix */
.box-inner #box-rule dl:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}
.box-inner #box-rule dl { display: inline-block; }
.box-inner #box-rule dl { display: block; }