@charset "utf-8";

/*職業一覧*/
.job_list_box01 {
	margin:15px auto 0;
	width:98%;
}
.job_list_box01 .text01 {
	font-size:75%;
	text-align:center;
}
.job_list_box01 .title01 {
	margin:2px 0 0;
	padding:3px 0;
	font-size:90%;
	font-weight:bold;
	color:#fff;
	background:#f7717e;
	text-align:center;
}
.job_list_box01 .job_list_box01_inner {
	border:1px #f7717e solid;
	width:auto;
}
.job_list_box01 .job_list_box01_inner ul {
	padding:7px;
	text-align:left;
}
.job_list_box01 .job_list_box01_inner ul li {
	margin:0 7px 0 0;
	padding:3px 0 0;
	font-size:75%;
	color:#f7717e;
	display:inline;
}
.job_list_box01 .job_list_box01_inner ul li a {
	padding:0 7px 0 0;
	color:#f7717e;
	border-right:1px #f7717e solid;
}
.job_list_box01 .job_list_box01_inner ul li a:link {
	text-decoration:underline;
	color:#f7717e;
}
.job_list_box01 .job_list_box01_inner ul li a:visited {
	text-decoration:underline;
	color:#f7717e;
}
.job_list_box01 .job_list_box01_inner ul li a:hover {
	text-decoration:none;
	color:#f7717e;
}

.job_list_box02 {
	margin:15px auto 0;
	width:98%;
}
.job_list_box02 .text01 {
	font-size:90%;
	font-weight:bold;
	text-align:center;
}
.job_list_box02 .text02 {
	font-size:75%;
	text-align:left
}
.job_list_box02 .search_job_box01 {
	border-top:1px #c8c8c8 solid;
	border-right:1px #c8c8c8 solid;
	border-left:1px #c8c8c8 solid;
}
.job_list_box02 .search_job_box01 .job_item_box01 {
	padding:7px;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f3f3f3), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%);

	border-bottom:1px #c8c8c8 solid;
}
.job_list_box02 .search_job_box01 .job_item_box01 .left {
	float:left;
	width:20%;
}
.job_list_box02 .search_job_box01 .job_item_box01 .left img {
	width:100%;
}
.job_list_box02 .search_job_box01 .job_item_box01 .right {
	margin:0;
	padding:0;
	float:right;
	width:78%;
}
.job_list_box02 .search_job_box01 .job_item_box01 .right .icon01 {
	margin:0;
	padding:0;
	line-height:100%;
}
.job_list_box02 .search_job_box01 .job_item_box01 .right .icon01 span {
	margin:0;
	padding:3px;
	font-size:75%;
	color:#fff;
	background:#f87878;
}
.job_list_box02 .search_job_box01 .job_item_box01 .right .name01 {
	padding:3px 0 0;
	font-size:85%;
	font-weight:bold;
	color:#673434;
}
.job_list_box02 .search_job_box01 .job_item_box01 .right .text01 {
	padding:3px 0 0;
	font-size:75%;
	font-weight:normal;
	text-align:left;
	color:#000;
}
/*職業一覧*/

/*職業詳細*/
.job_detail_box01 {
	margin:5px auto 0;
	width:96%;
}
.job_detail_box01 .text01 {
	font-size:70%;
	color:#f87878;
}
.job_detail_box01 .name01 {
	padding:3px 0 0;
	font-size:90%;
	font-weight:bold;
}
.job_detail_box01 .text02 {
	padding:3px 0 0;
	font-size:80%;
	color:#847171;
	font-weight:bold;
}
.job_detail_box01 .img01 {
	margin:3px 0 0;
}
.job_detail_box01 .img01 img {
	width:100%;
	display:block;
}
.job_detail_box01 .name02 {
	padding:3px 5px;
	font-size:75%;
	color:#fff;
	background:#847171;
}
.job_detail_box01 .title02 {
	padding:5px 0 0;
	font-size:90%;
	font-weight:bold;
}
.job_detail_box01 .text03 {
	padding:5px 0 0;
	font-size:75%;
}
.job_detail_box01 .link01 {
	padding:13px 0 0;
	font-size:75%;
	color:#f87878;
	text-align:center;
}
.job_detail_box01 .link02 {
	font-size:75%;
	font-weight:bold;
	color:#f87878;
	text-align:center;
}
.job_detail_box01 .link02 a:link {
	text-decoration:underline;
	color:#f87878;
}
.job_detail_box01 .link02 a:visited {
	text-decoration:underline;
	color:#f87878;
}
.job_detail_box01 .link02 a:hover {
	text-decoration:none;
	color:#f87878;
}

.job_detail_box02 {
	margin:15px auto 0;
	width:96%;
}
.job_detail_box02 .job_detail_title01 {
	padding:5px 8px 3px;
	font-size:75%;
	font-weight:bold;
	color:#fff;
	background:#4b8500;
}
.job_detail_box02 .text01 {
	padding:7px;
	font-size:75%;
	border:1px #c8c8c8 solid;
}
.job_detail_box02 .inner {
	padding:7px;
	border:1px #c8c8c8 solid;
}
.job_detail_box02 .inner .text01 {
	padding:0;
	font-size:75%;
	border:none;
}
.job_detail_box02 .inner .img01 {
	margin:10px auto 0;
	width:80%;
	font-size:75%;
	text-align:center;
}
.job_detail_box02 .inner .img01 img {
	width:100%;
}
.job_detail_box03 {
	margin:15px auto 0;
	padding:7px;
	width:91%;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f3f3f3), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%);

	border:1px #c8c8c8 solid;
}
.job_detail_box03 .left {
	float:left;
	width:40%;
}
.job_detail_box03 .left img {
	width:100%;
}
.job_detail_box03 .right {
	float:right;
	width:57%;
}
.job_detail_box03 .right .text01 {
	padding:5px 0 0;
	font-size:70%;
	color:#f87878;
}
.job_detail_box03 .right .name01 {
	padding:3px 0 0;
	font-size:90%;
	font-weight:bold;
}
.job_detail_box03 .right .text02 {
	padding:3px 0 0;
	font-size:75%;
}
.job_detail_box03 .right .btn01 {
	margin:5px auto 0;
	width:90%;
}
.job_detail_box03 .right .btn01 img {
	width:100%;
}

.job_detail_box04 {
	margin:15px auto 0;
	width:96%;
}
.job_detail_box04 .job_detail_title02 {
	padding:5px 8px 3px;
	font-size:75%;
	font-weight:bold;
	color:#fff;
	background:#c03d49;
}
.job_detail_box04 .inner {
	padding:7px;
	border:1px #c8c8c8 solid;
}
.job_detail_box04 .inner .text01 {
	font-size:75%;
}
.job_detail_box04 .inner .job_detail_box04_inner .job_detail_title03 {
	margin:10px 0 0;
	padding:5px 8px 3px;
	font-size:75%;
	font-weight:bold;
	color:#fff;
	background:#d74a04;
}
.job_detail_box04 .inner .job_detail_box04_inner .link01 {
	padding:7px;
	font-size:75%;
	border:1px #c8c8c8 solid;
	color:#f87878;
}
.job_detail_box04 .job_detail_box04_inner .text01 {
	padding:7px;
	font-size:75%;
	border:1px #c8c8c8 solid;
}
.job_detail_box04 .inner .job_detail_box04_inner .link01 a:link {
	text-decoration:underline;
	color:#f87878;
}
.job_detail_box04 .inner .job_detail_box04_inner .link01 a:visited {
	text-decoration:underline;
	color:#f87878;
}
.job_detail_box04 .inner .job_detail_box04_inner .link01 a:hover {
	text-decoration:none;
	color:#f87878;
}
.job_detail_box05 {
	margin:15px auto 0;
	width:96%;
} 
.job_detail_box05 {
	margin:15px auto 0;
	width:98%;
}
.job_detail_box05 .inner {
	padding:0 0 5px;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f3f3f3), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%);

	border:1px #c8c8c8 solid;
}
.job_detail_box05 #slider03 div {
}
.job_detail_box05 #slider03 div table {
	margin:0 auto;
	width:80%;
}
.job_detail_box05 #slider03 div table td {
	width:50%;
	text-align:left;
	font-size:75%;
}
.job_detail_box05 #slider03 div table td img {
	width:100%;
}
.job_detail_box05 #slider03 div table td a:link {
	text-decoration:underline;
	color:#f87878;
}
.job_detail_box05 #slider03 div table td a:visited {
	text-decoration:underline;
	color:#f87878;
}
.job_detail_box05 #slider03 div table td a:hover {
	text-decoration:none;
	color:#f87878;
}

/*next button*/
.job_detail_box05 .bx-next {
	position:absolute;
	top:20%;
	right:1%;
	z-index:999;
	width: 16px;
	height: 76px;
	text-indent: -999999px;
	background: url(/sp/js/bx_styles/next.png) no-repeat 0 0;
	background-size:100% 100%;
}
/*previous button*/
.job_detail_box05 .bx-prev {
	position:absolute;
	top:20%;
	left:1%;
	z-index:999;
	width: 16px;
	height: 76px;
	text-indent: -999999px;
	background: url(/sp/js/bx_styles/prev.png) no-repeat 0 0;
	background-size:100% 100%;
}
/*職業詳細*/

/*インタビュー*/
.interview_outer {
	background:#fafaf3;
}
.interview_box01 {
	margin:15px auto 0;
	width:98%;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f3f3f3), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
	background: linear-gradient(top, #ffffff 0%, #f3f3f3 100%);

	border:1px #c8c8c8 solid;
}
.interview_box01 .text01 {
	padding:7px 7px 0;
	font-size:70%;
	color:#f87878;
}
.interview_box01 .title01 {
	padding:2px 7px 0;
	font-size:90%;
	font-weight:bold;
}
.interview_box01 .text02 {
	padding:2px 7px 7px;
	font-size:80%;
	font-weight:bold;
	color:#847171;
}
.interview_box02 {
	margin:15px auto 0;
	padding:0 0 10px;
	width:98%;
	background:#fff;
}
.interview_box02 .title01 {
	padding:2px 5px 0;
	font-size:90%;
	font-weight:bold;
}
.interview_box02 .img01 {
	margin:5px auto 0;
	width:90%;
}
.interview_box02 .img01 img {
	width:100%;
}
.interview_box02 dl.qa01 {
	margin:10px auto 0;
	width:98%;
}
.interview_box02 dl.qa01 dt {
	margin:0;
	font-size:75%;
	color:#f87878;
}
.interview_box02 dl.qa01 dd {
	margin:5px 0 15px;
}
.interview_box02 dl.qa01 dd .title01 {
	font-size:90%;
	font-weight:bold;
	color:#4b8500;
}
.interview_box02 dl.qa01 dd .text01 {
	font-size:75%;
}
.interview_box02 dl.qa01 dd .img01 {
	margin:5px auto 0;
	width:100%;
}
.interview_box02 dl.qa01 dd .img01 img {
	width:100%;
}
.interview_box02 dl.qa01 dd .img02 {
	margin:5px auto 0;
	width:90%;
}
.interview_box02 dl.qa01 dd .img02 img {
	width:100%;
}













/*インタビュー*/