@charset "Shift_JIS";

/* =====================================
File        : base.css
Last Update : 2017.12.18
===================================== */



/* ////////////////////////////////////////////////////////////////////////////////////////// FONT */
/* ////////////////////////////////////////size */
#exWrap #labs.system #chart {
font-size: 77%; /* 10px*/
}

#exWrap #labs .fz20{
font-size: 20px;
}

/* ////////////////////////////////////////height */
#exWrap #labs p {
line-height: 2;
text-indent: 1em;
}


/* ////////////////////////////////////////etc... */
#exWrap #labs.top ul span.num {
color: #666666;
font-size: 132.4%;	/* 12px > 16px */
font-style: italic;
font-weight: bold;
padding-right: 8px;
}

#exWrap #labs.system #chart {
text-align: right;
color: #777777;
}



/* ////////////////////////////////////////////////////////////////////////////////////////// LAYOUT */
/* ////////////////////////////////////////common */
#exWrap #labs ul#navi li {
display: inline;
}

#exWrap #labs .labsContent {
margin: 0 10px;
width: 720px;
}

#exWrap #labs .chapterInner {
width: 700px;
margin: 25px auto 50px;
}
#exWrap #labs .chapterInner .chapterInner{
width: 680px;
margin: 25px auto 50px;
}

#exWrap #labs .kv,
#exWrap #labs .labsNavigation{
width: 740px;
margin: 0 auto;
}

#exWrap #labs strong{
font-weight: bold;
}

/* labsNavigation ************/
#exWrap #labs .labsNavigation{
border: 1px solid #d7d8d8;
border-bottom: none;
}
#exWrap #labs .labsNavigation li{
width: 30%;
vertical-align: middle;
float: left;
}
#exWrap #labs .labsNavigation li:first-child{
width: 10%;
}
#exWrap #labs .labsNavigation .labsNav{
display: block;
font-size: 14px;
font-weight: 400;
color: #333;
text-align: center;
padding: 22px 24px;
}
#exWrap #labs .labsNavigation li:nth-child(2) .labsNav,
#exWrap #labs .labsNavigation li:nth-child(3) .labsNav{
padding: 13.5px 24px;
}
#exWrap #labs .labsNavigation li:not(:first-child) .labsNav{
box-sizing: border-box;
border-left: 1px solid #d7d8d8;
}
#exWrap #labs .labsNavigation li:not(:first-child) .labsNav
#exWrap #labs .labsNavigation .labsNav.current{
color: #fff;
background-color: #0071bc;
}
#exWrap #labs .labsNavigation .labsNav:hover{
color: #fff;
background-color: #0071bc;
}
/* labsNavigation dropdown */
#exWrap #labs .labsNavigation .parent{
position: relative;
}
#exWrap #labs .dropNavigation{
display: none;
position: absolute;
width: 100%;
z-index: 10;
}
#exWrap #labs .labsNavigation .parent:hover .dropNavigation{
display: block;
}

#exWrap #labs .dropNavigation li{
width: 100%;
float: none;
margin-top: 1px;
box-shadow: 1px 1px 1px #f2f2f2;
}
#exWrap #labs .dropNavigation li:first-child{
width: 100%;
}
#exWrap #labs .dropNavigation .dropNav{
display: block;
font-size: 12px;
color: #333;
padding: 6px 20px;
background-color: rgba(255,255,255,0.9);
}
#exWrap #labs .dropNavigation li:nth-child(2){
vertical-align: middle;
}
#exWrap #labs .dropNavigation li:nth-child(2) .dropNav{
padding: 11px 20px;
}
#exWrap #labs .dropNavigation .dropNav:hover{
color: #fff;
background-color: rgba(0,113,188,0.9);
}


/* button ************/
#exWrap #labs .whiteBtn{
display: block;
width: 85%;
color: #333;
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 18px 0;
background: linear-gradient(180deg,#fff 15%,#f7f7f7 75%,#eaeaea);
box-sizing: border-box;
border: 1px solid #d9d9d9;
border-radius: 3px;
margin: 25px auto 0;
}
#exWrap #labs .whiteBtn span{
background: url(/safety/labs/img/common/btn_arrow.png) left 4px no-repeat;
padding-left: 15px;
}
#exWrap #labs .whiteBtn:hover{
color: #fff;
background: #0071bc;
}

#exWrap #labs .whiteBtn.iconPdfContainer span{
background: url(/safety/labs/img/common/btn_arrow.png) left 4px no-repeat,url(/common/css/shift/ex/img/iconPdf.gif) no-repeat right center;
padding-right: 20px;
}

#exWrap #labs .photoCaption{
font-size: 12px;
line-height: 1.5;
text-indent: 0;
margin-top: 5px;
}

#exWrap #labs .themeList{
margin-left:10px;
}
#exWrap #labs .themeList li {
line-height: 2;
margin: 0 0 1em;
list-style-type:disc;
}

/* link */
#exWrap #labs .text-link{
color: #0055f2;
text-decoration: underline;
}
#exWrap #labs .text-link:hover{
text-decoration: none;
}
#exWrap #labs.top .text-link{
text-align: right;
padding-top: 0;
}



/* ////////////////////////////////////////top */
/* KV */
#exWrap #labs.top .kv{
position: relative;
border: 1px solid #d7d8d8;
}
#exWrap #labs.top .kv-inner{
position: absolute;
width: 100%;
font-size: 18px;
font-weight: bold;
color: #fff;
line-height: 1.5;
text-align: center;
top: 37%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

#exWrap #labs.top .textPolicy{
font-size: 16px;
text-indent: 0;
text-align: center;
padding: 15px;
border: 2px solid #cfd3d6;
margin: 20px 20px 15px;
}
#exWrap #labs.top .textPolicy strong{
font-size: 20px;
color: #0071bc;
}

#exWrap #labs.top ul.policy {
margin: 10px 50px 25px;
}

#exWrap #labs.top ul.policy li {
margin: 0.5em 0 0;
}

#exWrap #labs.top .boxPolicy{
border: 2px solid #2d84b8;
margin: 15px 20px 45px;
}
#exWrap #labs.top .boxPolicy h3{
border: none;
font-size: 123.1%;
margin-top: 15px;
text-align: center;
}
#exWrap #labs.top .boxPolicy p{
margin-bottom: 10px;
padding-top: 15px;
margin-top: 0;
text-align: center;
}
#exWrap #labs.top .grayBox {
background-color:#f2f2f2;
border:1px solid #d9d9d9;
line-height:1.5;
padding:15px 20px !important;
margin: 0 20px;
}
#exWrap #labs.top p.explanatory{
background: url(/common/css/shift/img/icon/explanatory.gif) no-repeat 1px 0.25em;
line-height: 1.5;
padding-left:12px !important;
}
#exWrap #labs.top .iconArrowM{
margin-top: 0;
background-position: left center;
}

#exWrap #labs.top .sec02 p{
padding-right: 0;
}
#exWrap #labs.top .sec02 .fr{
padding: 30px 22px 0 15px;
}

/* ////////////////////////////////////////action */
#exWrap #labs .chapterInner:last-of-type{
margin-bottom: 0;
}

#exWrap #labs.action .laboIntroBox p{
line-height: 1.75;
}

#exWrap #labs.action .fBoxCont{
width: 33%;
height: 400px;
padding: 20px 15px;
padding: 20px 13px\0;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 5px;
}
#exWrap #labs.action .fBoxCont:not(:last-of-type){
margin-right: .5%;
}

#exWrap #labs.action .fBoxCont .boxTitle,
#exWrap #labs.action .fBoxCont .boxLead{
font-size: 14px;
font-size: 13px\0;
font-weight: bold;
margin-bottom: 15px;
}
@supports (-ms-ime-align:auto) {
#exWrap #labs.action .fBoxCont .boxTitle,
#exWrap #labs.action .fBoxCont .boxLead{
font-size: 13px;
}
}

#exWrap #labs.action .fBoxCont.red{
background-color: #fff5e8;
border-color: #ff9f1a;
}
#exWrap #labs.action .fBoxCont.red .boxLead{
color: #d92400;
}

#exWrap #labs.action .fBoxCont.blue{
background-color: #edf9fc;
border-color: #50c0e6;
}
#exWrap #labs.action .fBoxCont.blue .boxLead{
color: #1977a6;
}

#exWrap #labs.action .fBoxCont.green{
background-color: #eefaeb;
border-color: #55cc3d;
padding-bottom: 0;
}
#exWrap #labs.action .fBoxCont.green .boxLead{
color: #158000;
}


/* ////////////////////////////////////////result */
#exWrap #labs.result .result-box{
margin: 30px 20px 50px;
}
#exWrap #labs.result .result-box:not(:first-of-type){
padding-top: 20px;
border-top: 1px solid #ccc;
}
#exWrap #labs.result .text{
font-size: 16px;
text-align: center;
margin-bottom: 20px;
}

#exWrap #labs.result .normal-list li{
text-indent: 1.5em;
}

#exWrap #labs.result .photoCaption{
font-weight: 500;
}

#exWrap #labs.result .whiteBtn{
width: 300px;
margin: 30px auto 35px;
}


/* ////////////////////////////////////////system */
#exWrap #labs.system #chart {
width: 620px;
}

#exWrap #labs.system ul#tool li {
float: left;
margin: 0 0 0 15px;
width: 222px;
}


#exWrap #labs.system .photofl {
float: left;
margin: 0px;
width: 459px;
}

#exWrap #labs.system .photofr {
float: right;
margin: 0 0 0 15px;
width: 222px;
}

/* ////////////////////////////////////////report */

#exWrap .report {
width: 100%;
}

#exWrap .report .chapterInner{
padding-bottom: 40px;
}

#exWrap #labs.report .caption{
line-height: 1.75;
}

/* sec02 */
#exWrap #labs.report .whiteBtn.iconPdfContainer{
width: 300px;
margin: 25px auto 0;
}

#exWrap .report .sec02 .fr{
width: 540px;
}

#exWrap .report .fr .blue{
background-color: #e6eff6;
margin: 15px 0;
}
#exWrap .report .fr .blue p{
padding: 10px;
}

#exWrap #labs .normal-list li{
text-indent: 3em;
margin-bottom: .5em;
}

#exWrap .AnkenSample{
border: 3px solid #e6e6e6;
margin-top: 5px;
}
#exWrap .AnkenSample .AnkenSampleInner{
border: 1px solid #cccccc;
padding: 10px;
}
#exWrap .AnkenSample .AnkenSampleInner .fl{
color: #024fa2;
font-weight: bold;
}
#exWrap .AnkenSample .AnkenSampleInner .fr{
width: 465px;
}

/* sec02 AnkenDetail */
#exWrap .AnkenDetail{
margin-top: 30px;
}
#exWrap .AnkenDetailCont{
border-top: 1px solid #dbdbdb;
}
#exWrap .AnkenDetailList li:last-child .AnkenDetailCont{
border-bottom: 1px solid #dbdbdb;
}
#exWrap .AnkenDetailCont p{
width: 655px;
margin: 0 auto;
}
#exWrap .AnkenDetailTitle{
position: relative;
font-size: 18px;
line-height: 1.5;
vertical-align: middle;
padding: 18px 55px 18px 58px;
}
#exWrap .AnkenDetailTitle:hover{
cursor: pointer;
background-color: #f6f6f6;
}
#exWrap .AnkenDetailTitle .num{
position: absolute;
left: 18px;
top: 1em;
}
#exWrap .AnkenDetailTitle .btn{
position: absolute;
top: 20px;
right: 25px;
}
#exWrap .AnkenDetailTitle .btn.active{
top: 30px;
}
#exWrap .AnkenDetailText{
padding: 18px 0 25px;
display: none;
}
#exWrap .AnkenDetailText .whiteBtn.iconPdfContainer{
margin-top: 20px !important;
}

/* sec02 PastAnkenReportList */
#exWrap .PastAnkenReportList{
margin: 35px 0 20px;
}
#exWrap .PastAnkenReport{
float: left;
width: 184px;
padding: 18px 0 18px 30px;
border-top: 1px solid #dbdbdb;
}
#exWrap .PastAnkenReport:nth-last-child(-n+3){
border-bottom: 1px solid #dbdbdb;
}
#exWrap .PastAnkenReport:not(:last-child){
margin-right: 13px;
}

/* ////////////////////////////////////////human */
#exWrap #labs.human .fbox{
margin-top: 30px;
}
#exWrap #labs.human .fl{
padding-right: 15px;
}

#exWrap #labs.human ol li{
line-height: 1.75;
}

#exWrap #labs.human .icon-in-text img{
vertical-align: middle;
padding-left: 1px;
}

#exWrap #labs.human .infoList li{
text-indent: -2.75em;
padding-left: 2.75em;
}
#exWrap #labs.human .infoList .num1:before{
content: '\00ff08a\00ff09';
}
#exWrap #labs.human .infoList .num2:before{
content: '\00ff08b\00ff09';
}
#exWrap #labs.human .infoList .num3:before{
content: '\00ff08c\00ff09';
}
#exWrap #labs.human .infoList .num4:before{
content: '\00ff08d\00ff09';
}

#exWrap #labs.human .humanNavigation{
width: 740px;
height: 50px;
display: table;
margin-top: 30px;
}
#exWrap #labs.human .humanNavigation li{
display: table-cell;
vertical-align: middle;
}
#exWrap #labs.human .humanNavigation li:not(:last-of-type){
border-right: 1px dotted #777;
}
#exWrap #labs.human .humanNavigation .humanNav{
display: table-cell;
vertical-align: middle;
height: 50px;
font-size: 93%;
color: #777;
background: url(/safety/labs/img/human/arrow.png) no-repeat 15px center;
padding: 0 12px 0 32px;
}
#exWrap #labs.human .humanNavigation .humanNav:hover{
color: #0071bc;
background: url(/safety/labs/img/human/arrow_hover.png) no-repeat 15px center;
}
#exWrap #labs.human .humanNavigation .humanNav.current{
color: #0071bc;
background: url(/safety/labs/img/human/arrow_active.png) no-repeat 15px center;
}
#exWrap #labs.human .humanNavigation.footer .humanNav.current{
background: url(/safety/labs/img/human/arrow_active_up.png) no-repeat 15px center;
}