@charset "UTF-8";
/* CSS Document */





	
	
/* pagetitle
--------------------- */
#pagetitle.jobs {
	background: url("../img/jobs/pagetitle_pht.jpg") no-repeat center / cover;
}
#pagetitle.interview {
	background: url("../img/interview/pagetitle_pht.jpg") no-repeat center / cover;
}




	
/* pagetitle_detail
--------------------- */
#pagetitle_detail {
	width: 100%;
	margin-top: 80px;
}

#pagetitle_detail.igarashi {
	background: url("../img/igarashi/main.jpg") no-repeat center top / cover;
}
#pagetitle_detail.saito {
	background: url("../img/saito/main.jpg") no-repeat center top / cover;
}
#pagetitle_detail.kubo {
	background: url("../img/kubo/main.jpg") no-repeat center top / cover;
}
#pagetitle_detail.yajima {
	background: url("../img/yajima/main.jpg") no-repeat center top / cover;
}
#pagetitle_detail.saka {
	background: url("../img/saka/main.jpg") no-repeat center top / cover;
}
#pagetitle_detail.baba {
	background: url("../img/baba/main.jpg") no-repeat center top / cover;
}
#pagetitle_detail.ohata {
	background: url("../img/ohata/main.jpg") no-repeat center top / cover;
}
#pagetitle_detail.sakai {
	background: url("../img/sakai/main.jpg") no-repeat center top / cover;
}

	#pagetitle_detail .inner {
		height: 700px;
	}
	#pagetitle_detail .inner .credit{
		position: absolute;
		bottom:20px;
		right:0px;
		font-size: 1.2rem;
		color:#fff;
		background-color: #27262B;
		padding: 2px 8px;
	}
		#pagetitle_detail .inner .area .catch {
			position: absolute;
			top: 200px;
			left: 0;
		}
			#pagetitle_detail .inner .area .catch span {
				background: #FDCD00;
				font-size: 3.6rem;
				font-weight: 600;
				line-height: 1.4em;
				padding: 3px;
			}


		#pagetitle_detail .inner .area .profile {
			max-width: 380px;
			padding: 40px 40px 30px 40px;
			background: #fff;
			position: absolute;
			bottom: -50px;
			left: 0;
			z-index: 1;
		}
			#pagetitle_detail .inner .area .profile .joim {
				font-size: 1.2rem;
				line-height: 1;
				margin-bottom: 10px;
			}

			#pagetitle_detail .inner .area .profile h1 {
				font-size: 3.0rem;
				font-weight: 600;
				line-height: 1;
				margin-bottom: 20px;
			}
				#pagetitle_detail .inner .area .profile h1 .en {
					font-size: 1.2rem;
					color: #FDCD00;
					padding-left: 12px;
				}

			#pagetitle_detail .inner .area .profile .job {
				font-size: 1.3rem;
			}




	
/* interview-list
--------------------- */
#interview-list {
	padding-top: 120px;
	padding-bottom: 60px;
}
	#interview-list .swiper-slide {
		width: 30%;
		margin-right: 5%;
		margin-bottom: 60px;
	}
	#interview-list .swiper-slide:nth-child(3n) {
		margin-right: 0;
	}
		#interview-list .swiper-slide a.link {
			display: block;
			position: relative;
		}
			#interview-list .swiper-slide a.link .number {
				font-size: 1.4rem;
				line-height: 1;
				letter-spacing: 0;
				-ms-writing-mode: tb-rl;
				writing-mode: vertical-rl;
				position: absolute;
				top: 0;
				left: -18px;
			}

			#interview-list .swiper-slide a.link h4 {
				margin-top: 15px;
				font-size: 2.2rem;
				font-weight: 600;
				line-height: 1.3em;
				letter-spacing: 0.02em;
				margin-bottom: 12px;
			}

			#interview-list .swiper-slide a.link .name {
				font-size: 1.8rem;
				font-weight: 600;
				line-height: 1;
				letter-spacing: 0.02em;
				margin-bottom: 10px;
			}

			#interview-list .swiper-slide a.link .job {
				font-size: 1.2rem;
				line-height: 1.2em;
				margin-bottom: 15px;
			}



	
/* career-path
--------------------- */
#career-path {
	position: relative;
	width: 100%;
	background: #27262B;
	padding: 120px 0 100px 0;
	color: #fff;
}
#career-path .inner {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
	#career-path .caution{
		display: inline-block;
		position: absolute;
		top:-105px;
		right:0;
		font-size: 1.1rem;
		color:#fff;
	}
	#career-path h2 {
		width: 250px;
		font-size: 3.0rem;
		line-height: 1;
	}


	#career-path p {
		width: -webkit-calc(100% - 250px);
		width: calc(100% - 250px);
		font-size: 1.4rem;
		line-height: 2em;
	}




	
/* interview
--------------------- */
.interview {
	width: 100%;
	margin-top: 150px;
}
#interview04 {
	margin-bottom: 150px;
}
	.interview .number {
		font-size: 1.4rem;
		line-height: 1;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		color: #FDCD00;
		position: absolute;
		top: 5px;
		left: -50px;
	}


	#interview01 .text {
		width: 50%;
		padding-right: 5%;
	}
	#interview02 .text {
		margin-bottom: 50px;
	}
	#interview03 .text {
		width: 50%;
		padding-left: 5%;
	}
		.interview .text h2 {
			font-size: 3.6rem;
			font-weight: 600;
			line-height: 1.4em;
			margin-bottom: 20px;
		}


	#interview01 .pht {
		width: 50%;
		min-height: 550px;
	}
	#interview02 .pht {
		width: 100%;
		height: 420px;
	}
	#interview03 .pht {
		width: 50%;
		min-height: 550px;
	}




	
/* policy
--------------------- */
#challenge {
    width: 100%;
    padding: 150px 0;
    background: #27262B;
}
    #challenge .tit_challenge {
        text-align: center;
        margin-bottom: 40px;
    }
		#challenge .tit_challenge .en {
			font-size: 1.4rem;
			color: #FDCD00;
			line-height: 1;
			margin-bottom: 10px;
		}

		#challenge .tit_challenge h2 {
			font-size: 3.6rem;
			font-weight: 600;
			color: #fff;
			line-height: 1.4em;
		}


    #challenge .txt {
        text-align: center;
        color: #fff;
    }










/* message
--------------------- */
#message {
    width: 100%;
	background: #EFEFEF;
    position: relative;
}
#message:before {
    content: "";
    width: 100%;
    height: 50%;
    background: #27262B;
    position: absolute;
    top: 0;
    left: 0;
}
    #message .mbox {
        padding: 80px;
        background: #fff;
    }
        #message .mbox .pht {
            width: 300px;
        }

        #message .mbox .text {
            width: -webkit-calc(100% - 300px);
            width: calc(100% - 300px);
            padding-left: 50px;
            position: relative;
        }
            #message .mbox .text .number {
                font-size: 1.4rem;
                color: #FDCD00;
                line-height: 1;
				margin-bottom: 10px;
            }

            #message .mbox .text h2 {
                font-size: 3.6rem;
                font-weight: 600;
                line-height: 1.4em;
                margin-bottom: 15px;
            }

            #message .mbox .text .txt {
                line-height: 2.2em;
            }



	
/* schedule
--------------------- */
#schedule {
	padding: 150px 0;
	background: #EFEFEF;
}
	#schedule .tithead {
		width: 300px;
		letter-spacing: 0.1em;
		line-height: 1;
	}
		#schedule .tithead h2 {
			font-size: 2.4rem;
			color: #FDCD00;
			margin-bottom: 10px;
		}
		#schedule .tithead p {
			font-size: 1.2rem;
			font-weight: 600;
		}


	#schedule .text {
		width: -webkit-calc(100% - 300px);
		width: calc(100% - 300px);
	}
		#schedule .text dl {
			background: #fff;
			margin-bottom: 10px;
		}
			#schedule .text dl dt {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				width: 70px;
				font-size: 1.6rem;
				letter-spacing: 0.06em;
				position: relative;
				z-index: 2;
			}
			#schedule .text dl dt:before {
				content: "";
				width: 23px;
				height: 100%;
				background: #EFEFEF;
				position: absolute;
				top: 0;
				left: 0;
				z-index: -1;
			}
			#schedule .text dl dd {
				width: -webkit-calc(100% - 70px);
				width: calc(100% - 70px);
				letter-spacing: 0.1em;
				padding: 15px 15px 15px 0;
			}
				#schedule .text dl dd h3 {
					font-size: 1.5rem;
					font-weight: 500;
				}
				#schedule .text dl dd p {
					font-size: 1.4rem;
				}



	
/* holiday
--------------------- */
#holiday {
	background: #EFEFEF;
}
	#holiday .text {
		width: 55%;
		padding-bottom: 150px;
	}
		#holiday .text .tithead {
			letter-spacing: 0.1em;
			line-height: 1;
			margin-bottom: 30px;
		}
			#holiday .text .tithead h2 {
				font-size: 2.4rem;
				color: #FDCD00;
				margin-bottom: 10px;
			}
			#holiday .text .tithead p {
				font-size: 1.2rem;
				font-weight: 600;
			}

		#holiday .text .txt {
			font-size: 1.5rem;
			line-height: 2em;
			letter-spacing: 0.1em;
		}


	#holiday .pht {
		width: 40%;
	}




	
/* info-list
--------------------- */
#info-list {
	padding: 150px 0;
}
#info-list .inner {
	max-width: 840px;
    display: flex;
    justify-content: center;
    align-items: center;
}
	#info-list a.backlist {
		width: 40%;
        text-align: center;
	}
	#info-list a.backlist:hover {
		opacity: 0.7;
	}
        #info-list a.backlist img {
            max-width: 42px;
        }


	#info-list .swiper-slide {
		width: 30%;
	}
		#info-list .swiper-slide a.link {
			display: block;
			position: relative;
		}
			#info-list .swiper-slide a.link .number {
				font-size: 1.4rem;
				line-height: 1;
				letter-spacing: 0;
				-ms-writing-mode: tb-rl;
				writing-mode: vertical-rl;
				position: absolute;
				top: 0;
				left: -18px;
			}

			#info-list .swiper-slide a.link h4 {
				margin-top: 15px;
				font-size: 2.2rem;
				font-weight: 600;
				line-height: 1.3em;
				letter-spacing: 0.02em;
				margin-bottom: 12px;
			}

			#info-list .swiper-slide a.link .name {
				font-size: 1.2rem;
				line-height: 1;
				letter-spacing: 0.02em;
				margin-bottom: 10px;
			}
				#info-list .swiper-slide a.link .name span {
					font-size: 1.8rem;
					font-weight: 600;
					padding-right: 8px;
				}

			#info-list .swiper-slide a.link .job {
				font-size: 1.2rem;
				line-height: 1.2em;
				margin-bottom: 15px;
			}






	
	
/* jobs-area
--------------------- */
.jobs-area {
	width: 100%;
	padding: 0 0 150px 0;
	overflow: hidden;
}
	.jobs-area .txtbg01:before {
		content: "FACILITY MANAGEMENT　FACILITY MANAGEMENT　FACILITY MANAGEMENT";
		animation: flowimg-left 30s linear infinite;
	}
	.jobs-area .txtbg02:before {
		content: "CONSTRUCTION WORK　CONSTRUCTION WORK　CONSTRUCTION WORK";
		animation: flowimg-right 30s linear infinite;
	}
	.jobs-area .txtbg03:before {
		content: "CLEANING　CLEANING　CLEANING　CLEANING　CLEANING　CLEANING";
		animation: flowimg-left 30s linear infinite;
	}
	.jobs-area .txtbg04:before {
		content: "SALES　SALES　SALES　SALES　SALES　SALES　SALES　SALES";
		animation: flowimg-right 30s linear infinite;
	}


	.jobs-area ul.pht_list li {
		width: 48%;
	}

#movie video {
  width: 60vw;
  height: auto;
  display: block;
}




/* 1300px */
@media screen and (max-width: 1300px) {




	
/* pagetitle_detail
--------------------- */
#pagetitle_detail .inner .area .catch,
#pagetitle_detail .inner .area .profile {
	left: 5%;
}


	#career-path .caution{
		top:-100px;
		right:5%;
		font-size: 1.1rem;
	}

	
/* interview
--------------------- */
.interview .number {
	left: 0px;
}
	
	
	

}








/* 1024px */
@media screen and (max-width: 1024px) {




	
/* pagetitle_detail
--------------------- */
#pagetitle_detail {
	margin-top: 60px;
}
	#pagetitle_detail .inner {
		height: 500px;
	}
		#pagetitle_detail .inner .area .catch {
			top: 100px;
		}
			#pagetitle_detail .inner .area .catch span {
				font-size: 3.2rem;
			}
	
		#pagetitle_detail .inner .area .profile .joim {
			font-size: 1.1rem;
		}
	
		#pagetitle_detail .inner .area .profile h1 {
			font-size: 2.4rem;
		}
			#pagetitle_detail .inner .area .profile h1 .en {
				font-size: 1.1rem;
			}

		#pagetitle_detail .inner .area .profile .job {
			font-size: 1.2rem;
		}




	
/* interview-list
--------------------- */
#interview-list {
	padding-top: 100px;
	padding-bottom: 60px;
}
	#interview-list .swiper-slide {
		width: 47%;
		margin-right: 6%;
		margin-bottom: 40px;
	}
	#interview-list .swiper-slide:nth-child(3n) {
		margin-right: 6%;
	}
	#interview-list .swiper-slide:nth-child(2n) {
		margin-right: 0;
	}
		#interview-list .swiper-slide a.link .number {
			font-size: 1.3rem;
			left: -16px;
		}

		#interview-list .swiper-slide a.link h4 {
			font-size: 2.0rem;
		}

		#interview-list .swiper-slide a.link .name {
			font-size: 1.7rem;
		}
	
		#interview-list .swiper-slide a.link .job {
			font-size: 1.1rem;
		}




	
/* career-path
--------------------- */
#career-path {
	padding: 100px 0 80px 0;
}
	#career-path h2 {
		width: 210px;
		font-size: 2.6rem;
	}

	#career-path p {
		width: -webkit-calc(100% - 210px);
		width: calc(100% - 210px);
		font-size: 1.3rem;
	}

	#career-path .caution{
		top:-85px;
		font-size: 1.1rem;
	}


	
/* interview
--------------------- */
.interview {
	margin-top: 100px;
}
#interview04 {
	margin-bottom: 100px;
}
	.interview .number {
		font-size: 1.2rem;
	}


	.interview .text h2 {
		font-size: 3.0rem;
	}


	#interview01 .pht {
		width: 50%;
		min-height: 450px;
	}
	#interview02 .pht {
		width: 100%;
		height: 450px;
	}
	#interview03 .pht {
		width: 50%;
		min-height: 450px;
	}




	
/* policy
--------------------- */
#challenge {
    padding: 100px 0;
}
    #challenge .tit_challenge {
        margin-bottom: 30px;
    }
		#challenge .tit_challenge .en {
			font-size: 1.2rem;
		}

		#challenge .tit_challenge h2 {
			font-size: 3.0rem;
		}




	
/* message
--------------------- */
#message .mbox {
    padding: 5%;
}
    #message .mbox .pht {
        width: 45%;
    }

    #message .mbox .text {
        width: 55%;
        padding-left: 5%;
    }
        #message .mbox .text .number {
            font-size: 1.2rem;
        }

        #message .mbox .text h2 {
            font-size: 2.6rem;
            margin-bottom: 15px;
        }

        #message .mbox .text .txt {
			line-height: 2em;
        }



	
/* schedule
--------------------- */
#schedule {
	padding: 100px 0;
}
	#schedule .tithead {
		width: 250px;
	}


	#schedule .text {
		width: -webkit-calc(100% - 250px);
		width: calc(100% - 250px);
	}




	
/* info-list
--------------------- */
#info-list {
	padding: 100px 0;
}
	#info-list a.backlist {
		width: 30%;
        text-align: center;
	}
	
	
	#info-list .swiper-slide  {
		width: 35%;
	}
		#info-list .swiper-slide a.link .number {
			font-size: 1.3rem;
			left: -16px;
		}

		#info-list .swiper-slide a.link h4 {
			font-size: 2.0rem;
		}

		#info-list .swiper-slide a.link .name {
			font-size: 1.1rem;
		}
			#info-list .swiper-slide a.link .name span {
				font-size: 1.7rem;
			}
			#info-list .swiper-slide a.link .job {
				font-size: 1.1rem;
			}






	
	
/* jobs-area
--------------------- */
.jobs-area {
	padding: 0 0 80px 0;
}




}

	







/* max 768px */
@media screen and (max-width: 768px) {




	
/* pagetitle_detail
--------------------- */
#pagetitle_detail .inner {
	height: 400px;
}
	#pagetitle_detail .inner .credit{
		bottom:75px;
		right:0px;
		font-size: 1.1rem;
		padding: 3px 5px;
	}
	#pagetitle_detail .inner .area .catch {
		top: 120px;
		left: 0;
	}
		#pagetitle_detail .inner .area .catch span {
			font-size: 2.6rem;
		}


	#pagetitle_detail .inner .area .profile {
		max-width: 100%;
		width: 92%;
		padding: 20px 25px;
		left: 8%;
	}
		#pagetitle_detail .inner .area .profile .joim {
			font-size: 1.0rem;
			margin-bottom: 4px;
		}
	
		#pagetitle_detail .inner .area .profile h1 {
			font-size: 2.0rem;
			margin-bottom: 12px;
		}
			#pagetitle_detail .inner .area .profile h1 .en {
				font-size: 1.0rem;
				padding-left: 8px;
			}

		#pagetitle_detail .inner .area .profile .job {
			font-size: 1.1rem;
			line-height: 1.4em;
		}




	
/* interview-list
--------------------- */
#interview-list {
	padding-top: 80px;
	padding-bottom: 50px;
}
	#interview-list .swiper-slide {
		width: 46%;
		margin-right: 8%;
		margin-bottom: 30px;
	}
	#interview-list .swiper-slide:nth-child(3n) {
		margin-right: 8%;
	}
	#interview-list .swiper-slide:nth-child(2n) {
		margin-right: 0;
	}
		#interview-list .swiper-slide a.link .number {
			font-size: 1.1rem;
			left: -12px;
		}

		#interview-list .swiper-slide a.link h4 {
			font-size: 1.7rem;
		}

		#interview-list .swiper-slide a.link .name {
			font-size: 1.5rem;
			margin-bottom: 6px;
		}

		#interview-list .swiper-slide a.link .job {
			font-size: 1.0rem;
		}




	
/* career-path
--------------------- */
#career-path {
	padding: 100px 0 60px 0;
}
#career-path .inner {
	display: block;
}
	#career-path h2 {
		width: 100%;
		font-size: 2.2rem;
		text-align: center;
		margin-bottom: 10px;
	}


	#career-path p {
		width: 100%;
	}

	#career-path .caution{
		width: 100%;
		text-align: center;
		top:-42px;
		right:0;
		font-size: 1.1rem;
	}



	
/* interview
--------------------- */
.interview {
	margin-top: 80px;
}
#interview04 {
	margin-bottom: 80px;
}
	.interview .inner {
		display: block;
	}
		.interview .number {
			font-size: 1.2rem;
		}


		.interview .text {
			width: 100% !important;
			padding: 0 !important;
			margin-bottom: 30px !important;
		}
			.interview .text h2 {
				font-size: 2.6rem;
			}


		#interview01 .pht {
			aspect-ratio: 4 / 3;
			width: 100%;
			height: 100%;
			min-height: auto;
		}
		#interview02 .pht {
			aspect-ratio: 4 / 3;
			width: 100%;
			height: 100%;
			min-height: auto;
		}
		#interview03 .pht {
			aspect-ratio: 4 / 3;
			width: 100%;
			height: 100%;
			min-height: auto;
		}




	
/* policy
--------------------- */
#challenge {
    padding: 80px 0;
}
    #challenge .tit_challenge {
        margin-bottom: 30px;
    }
		#challenge .tit_challenge .en {
			font-size: 1.2rem;
			margin-bottom: 14px;
		}

		#challenge .tit_challenge h2 {
			font-size: 2.6rem;
		}




	
/* message
--------------------- */
#message .mbox {
    display: block;
    padding: 30px;
}
    #message .mbox .pht {
        width: 100%;
    }

    #message .mbox .text {
        width: 100%;
        padding-left: 0;
        padding-bottom: 25px;
    }
        #message .mbox .text .number {
			text-align: center;
			margin-bottom: 14px;
        }

        #message .mbox .text h2 {
            font-size: 2.6rem;
            text-align: center;
        }



	
/* schedule
--------------------- */
#schedule {
	padding: 60px 0;
}
#schedule .inner {
	display: block;
}
	#schedule .tithead {
		width: 100%;
		margin-bottom: 30px;
	}
		#schedule .tithead h2 {
			font-size: 2.0rem;
			margin-bottom: 8px;
		}
		#schedule .tithead p {
			font-size: 1.0rem;
		}


	#schedule .text {
		width: 100%;
	}
		#schedule .text dl dt {
			font-size: 1.5rem;
		}
			#schedule .text dl dd h3 {
				font-size: 1.4rem;
			}
			#schedule .text dl dd p {
				font-size: 1.3rem;
			}



	
/* holiday
--------------------- */
#holiday .inner {
	display: block;
	padding: 0;
}
	#holiday .text {
		width: 100%;
		padding: 0 5% 30px 5%;
	}
		#holiday .text .tithead {
			line-height: 1;
			margin-bottom: 20px;
		}
			#holiday .text .tithead h2 {
				font-size: 2.0rem;
				margin-bottom: 8px;
			}
			#holiday .text .tithead p {
				font-size: 1.0rem;
			}

		#holiday .text .txt {
			font-size: 1.4rem;
		}


	#holiday .pht {
		width: 100%;
	}




	
/* info-list
--------------------- */
#info-list {
	padding-top: 80px;
	padding-bottom: 50px;
}
	#info-list .inner {
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		align-items: baseline;
	}
		#info-list a.backlist {
			display: none;
		}


		#info-list .swiper-slide {
			width: 46%;
		}
			#info-list .swiper-slide a.link .number {
				font-size: 1.1rem;
				left: -12px;
			}

			#info-list .swiper-slide a.link h4 {
				font-size: 1.7rem;
			}

			#info-list .swiper-slide a.link .name {
				font-size: 1.0rem;
			}
				#info-list .swiper-slide a.link .name span {
					font-size: 1.5rem;
				}
			#info-list .swiper-slide a.link .job {
				font-size: 1.0rem;
			}
	

	#info-list .backbtn {
		max-width: 160px;
		margin: 40px auto 0 auto;
	}
		#info-list .backbtn a {
			display: flex;
			justify-content: center;
			align-items: center;
			background: #141414;
			height: 50px;
			color: #fff;
			text-align: center;
		}






	
	
/* jobs-area
--------------------- */
.jobs-area ul.pht_list {
	display: block;
}
	.jobs-area ul.pht_list li {
		width: 100%;
		margin-bottom: 15px;
	}
	.jobs-area ul.pht_list li:nth-last-child(1) {
		margin-bottom: 0;
	}

#movie video {
  width: 80vw;
}


}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../img/jobs/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/jobs/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}