@charset "utf-8";
/*------------------------------------------------------------
 index
-------------------------------------------------------------*/
#job{
	color:#333;
	width:1018px;
	background:#eeebe6;
	border:1px solid #e7d5ca;
	padding:19px 0 29px;
	margin:0 auto;
}
#job h2 img{
	display:block;
	margin:0 auto 20px;
}
#job_wrap{
	width:980px;
	overflow:hidden;
	margin:20px auto 0;
}
#job_tit{
	position:relative;
}
#job_tit p{
	text-align:center;
	line-height:24px;
	position:absolute;
	top:186px;
	left:98px;
}
.job{
	float:left;
	cursor:pointer;
	width:480px;
	height:330px;
	position:relative;
	margin-bottom:20px;
}
#job110,#job130,#job150,#job170,#job190{
	margin-left:20px;
}
#job100{
	background:url(../images/dictionary/img100.png) no-repeat;
}
#job110{
	background:url(../images/dictionary/img110.png) no-repeat;
}
#job120{
	background:url(../images/dictionary/img120.png) no-repeat;
}
#job130{
	background:url(../images/dictionary/img130.png) no-repeat;
}
#job140{
	background:url(../images/dictionary/img140.png) no-repeat;
}
#job150{
	background:url(../images/dictionary/img150.png) no-repeat;
}
#job160{
	background:url(../images/dictionary/img160.png) no-repeat;
}
#job170{
	background:url(../images/dictionary/img170.png) no-repeat;
}
#job180{
	background:url(../images/dictionary/img180.png) no-repeat;
}
#job190{
	background:url(../images/dictionary/img190.png) no-repeat;
}
.job img:first-child{
	display:block;
	padding:28px 0 8px 24px;
}
.job h3{
	color:#a02200;
	font-size:24px;
	letter-spacing:-.5px;
	display:inline-block;
	border-bottom:1px solid #a02200;
	padding-bottom:5px;
	margin:0 0 20px 24px;
}
.job h3 span{
	font-size:16px;
	letter-spacing:-.8px;
}
.job_txt{
	width:220px;
	margin-left:24px;
}
.job a{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	width:100%;
	height:45px;
	line-height:45px;
	border-radius:0 0 10px 10px;
	display:block;
	position:absolute;
	bottom:0;
}
#job100 a{
	background:#3CD6A0;
}
#job110 a{
	background:#d9ad80;
}
#job120 a{
	background:#ffc913;
}
#job130 a{
	background:#ff92db;
}
#job140 a{
	background:#5fdbff;
}
#job150 a{
	background:#ff5e64;
}
#job160 a{
	background:#6d5eff;
}
#job170 a{
	background:#ff9501;
}
#job180 a{
	background:#c05eff;
}
#job190 a{
	background:#009cff;
}
#point{
	line-height:24px;
	width:550px;
	height:210px;
	background:url(../images/dictionary/tit_point.png) no-repeat;
	padding:140px 385px 0 45px;
	margin:0 auto;
}
/*------------------------------------------------------------
 詳細
-------------------------------------------------------------*/
section[id^="job_type"]{
	color:#333;
	width:1018px;
	background:#fff;
	border:1px solid #e7d5ca;
	margin:0 auto;
}
section[id^="job_type"] img{
	display:block;
}
#sec01{
	overflow:hidden;
	padding:35px 18px 0 60px;
	margin:0 auto;
}
#sec01 .left{
	float:left;
	width:500px;
	padding-bottom:50px;
}
#sec01 #girl{
	float:right;
	overflow:hidden;
}
#job_type100 #sec01 #girl{
	height:700px;
}
#job_type120 #sec01 #girl{
	height:720px;
}
#job_type130 #sec01 #girl{
	height:800px;
}
#job_type110 #sec01 #girl,#job_type150 #sec01 #girl,#job_type160 #sec01 #girl,#job_type170 #sec01 #girl,#job_type180 #sec01 #girl{
	height:625px;
}
#job_type140 #sec01 #girl,#job_type190 #sec01 #girl{
	height:570px;
}
#sec01 h2{
	color:#fff;
	font-size:18px;
	letter-spacing:-0.2px;
	height:50px;
	line-height:52px;
	border-radius:3px;
	position:relative;
	padding-left:15px;
	margin:50px 0 30px;
}
#sec01 h2:before{
	content:"";
	width:86px;
	height:100px;
	background:url(../images/dictionary/supporter.png) no-repeat;
	position:absolute;
	right:6px;
	bottom:0;
}
#sec01 h2:after{
	content:"";
	width:0;
	height:0;
	border:10px solid transparent;
	position:absolute;
	bottom:-20px;
	left:50%;
	margin-left:-10px;
}
#job_type100 #sec01 h2{
	background:#3bd6a0;
}
#job_type110 #sec01 h2{
	background:#daad80;
}
#job_type120 #sec01 h2{
	background:#ffd02c;
}
#job_type130 #sec01 h2{
	background:#ff92da;
}
#job_type140 #sec01 h2{
	background:#5fdbff;
}
#job_type150 #sec01 h2{
	background:#ff5e64;
}
#job_type160 #sec01 h2{
	background:#6c5fff;
}
#job_type170 #sec01 h2{
	background:#ff9500;
}
#job_type180 #sec01 h2{
	background:#c15eff;
}
#job_type190 #sec01 h2{
	background:#009dff;
}
#job_type100 #sec01 h2:after{
	border-top:10px solid #3bd6a0;
}
#job_type110 #sec01 h2:after{
	border-top:10px solid #daad80;
}
#job_type120 #sec01 h2:after{
	border-top:10px solid #ffd02c;
}
#job_type130 #sec01 h2:after{
	border-top:10px solid #ff92da;
}
#job_type140 #sec01 h2:after{
	border-top:10px solid #5fdbff;
}
#job_type150 #sec01 h2:after{
	border-top:10px solid #ff5e64;
}
#job_type160 #sec01 h2:after{
	border-top:10px solid #6c5fff;
}
#job_type170 #sec01 h2:after{
	border-top:10px solid #ff9500;
}
#job_type180 #sec01 h2:after{
	border-top:10px solid #c15eff;
}
#job_type190 #sec01 h2:after{
	border-top:10px solid #009dff;
}
#sec01 p,#sec02 p{
	font-size:16px;
	line-height:25px;
}
#sec01 p+p,#sec02 p+p{
	margin-top:15px;
}
#sec01 p span,#sec02 p span{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,255,123,0)), color-stop(51%,rgba(255,255,123,1)), color-stop(94%,rgba(255,255,123,1)), color-stop(95%,rgba(255,255,123,0)));
	background: -webkit-linear-gradient(top,  rgba(255,255,123,0) 50%,rgba(255,255,123,1) 51%,rgba(255,255,123,1) 94%,rgba(255,255,123,0) 95%);
	background: linear-gradient(to bottom,  rgba(255,255,123,0) 50%,rgba(255,255,123,1) 51%,rgba(255,255,123,1) 94%,rgba(255,255,123,0) 95%);
}
#sec01 dl{
	border-radius:10px;
	overflow:hidden;
	margin:20px 0;
}
#job_type100 #sec01 dl{
	border:3px solid #3bd6a0;
}
#job_type110 #sec01 dl{
	border:3px solid #daad80;
}
#job_type120 #sec01 dl{
	border:3px solid #ffd02c;
}
#job_type130 #sec01 dl{
	border:3px solid #ff92da;
}
#job_type140 #sec01 dl{
	border:3px solid #5fdbff;
}
#job_type150 #sec01 dl{
	border:3px solid #ff5e64;
}
#job_type160 #sec01 dl{
	border:3px solid #6c5fff;
}
#job_type170 #sec01 dl{
	border:3px solid #ff9500;
}
#job_type180 #sec01 dl{
	border:3px solid #c15eff;
}
#job_type190 #sec01 dl{
	border:3px solid #009dff;
}
#sec01 dt,#sec01 dd{
	float:left;
	font-size:16px;
	font-weight:bold;
	height:38px;
	line-height:38px;
	padding-left:12px;
}
#sec01 dt{
	font-size:16px;
	width:104px;
}
#job_type100 #sec01 dt{
	color:#3bd6a0;
	background:#ebfbf5;
	border-right:1px solid #3bd6a0;
}
#job_type110 #sec01 dt{
	color:#daad80;
	background:#fbf7f2;
	border-right:1px solid #daad80;
}
#job_type120 #sec01 dt{
	color:#f1bb00;
	background:#fffae9;
	border-right:1px solid #ffd02c;
}
#job_type130 #sec01 dt{
	color:#ff92da;
	background:#fff4fb;
	border-right:1px solid #ff92da;
}
#job_type140 #sec01 dt{
	color:#5fdbff;
	background:#effbff;
	border-right:1px solid #5fdbff;
}
#job_type150 #sec01 dt{
	color:#ff5e64;
	background:#ffefef;
	border-right:1px solid #ff5e64;
}
#job_type160 #sec01 dt{
	color:#6c5fff;
	background:#f0efff;
	border-right:1px solid #6c5fff;
}
#job_type170 #sec01 dt{
	color:#ff9500;
	background:#fff4e5;
	border-right:1px solid #ff9500;
}
#job_type180 #sec01 dt{
	color:#c15eff;
	background:#f9efff;
	border-right:1px solid #c15eff;
}
#job_type190 #sec01 dt{
	color:#009dff;
	background:#e5f5ff;
	border-right:1px solid #009dff;
}
#job_type100 #sec01 dd+dt,#job_type100 #sec01 dd+dt+dd{
	border-top:1px solid #3bd6a0;
}
#job_type110 #sec01 dd+dt,#job_type110 #sec01 dd+dt+dd{
	border-top:1px solid #daad80;
}
#job_type120 #sec01 dd+dt,#job_type120 #sec01 dd+dt+dd{
	border-top:1px solid #ffd02c;
}
#job_type130 #sec01 dd+dt,#job_type130 #sec01 dd+dt+dd{
	border-top:1px solid #ff92da;
}
#job_type140 #sec01 dd+dt,#job_type140 #sec01 dd+dt+dd{
	border-top:1px solid #5fdbff;
}
#job_type150 #sec01 dd+dt,#job_type150 #sec01 dd+dt+dd{
	border-top:1px solid #ff5e64;
}
#job_type160 #sec01 dd+dt,#job_type160 #sec01 dd+dt+dd{
	border-top:1px solid #6c5fff;
}
#job_type170 #sec01 dd+dt,#job_type170 #sec01 dd+dt+dd{
	border-top:1px solid #ff9500;
}
#job_type180 #sec01 dd+dt,#job_type180 #sec01 dd+dt+dd{
	border-top:1px solid #c15eff;
}
#job_type190 #sec01 dd+dt,#job_type190 #sec01 dd+dt+dd{
	border-top:1px solid #009dff;
}
#sec01 dd{
	width:365px;
}
#sec02{
	position:relative;
}
#sec02:before,#sec02:after{
	content:"";
	width:100%;
	height:10px;
	position:absolute;
	left:0;
}
#job_type100 #sec02:before{
	background:url(../images/dictionary/job100/jagged_top.png) repeat-x;
	top:-10px;
}
#job_type110 #sec02:before{
	background:url(../images/dictionary/job110/jagged_top.png) repeat-x;
	top:-10px;
}
#job_type120 #sec02:before{
	background:url(../images/dictionary/job120/jagged_top.png) repeat-x;
	top:-10px;
}
#job_type130 #sec02:before{
	background:url(../images/dictionary/job130/jagged_top.png) repeat-x;
	top:-10px;
}
#job_type140 #sec02:before{
	background:url(../images/dictionary/job140/jagged_top.png) repeat-x;
	top:-10px;
}
#job_type150 #sec02:before{
	background:url(../images/dictionary/job150/jagged_top.png) repeat-x;
	top:-10px;
}
#job_type160 #sec02:before{
	background:url(../images/dictionary/job160/jagged_top.png) repeat-x;
	top:-10px;
}
#job_type170 #sec02:before{
	background:url(../images/dictionary/job170/jagged_top.png) repeat-x;
	top:-10px;
}
#job_type180 #sec02:before{
	background:url(../images/dictionary/job180/jagged_top.png) repeat-x;
	top:-10px;
}
#job_type190 #sec02:before{
	background:url(../images/dictionary/job190/jagged_top.png) repeat-x;
	top:-10px;
}
#job_type100 #sec02:after{
	background:url(../images/dictionary/job100/jagged_bottom.png) repeat-x;
	bottom:-10px;
}
#job_type110 #sec02:after{
	background:url(../images/dictionary/job110/jagged_bottom.png) repeat-x;
	bottom:-10px;
}
#job_type120 #sec02:after{
	background:url(../images/dictionary/job120/jagged_bottom.png) repeat-x;
	bottom:-10px;
}
#job_type130 #sec02:after{
	background:url(../images/dictionary/job130/jagged_bottom.png) repeat-x;
	bottom:-10px;
}
#job_type140 #sec02:after{
	background:url(../images/dictionary/job140/jagged_bottom.png) repeat-x;
	bottom:-10px;
}
#job_type150 #sec02:after{
	background:url(../images/dictionary/job150/jagged_bottom.png) repeat-x;
	bottom:-10px;
}
#job_type160 #sec02:after{
	background:url(../images/dictionary/job160/jagged_bottom.png) repeat-x;
	bottom:-10px;
}
#job_type170 #sec02:after{
	background:url(../images/dictionary/job170/jagged_bottom.png) repeat-x;
	bottom:-10px;
}
#job_type180 #sec02:after{
	background:url(../images/dictionary/job180/jagged_bottom.png) repeat-x;
	bottom:-10px;
}
#job_type190 #sec02:after{
	background:url(../images/dictionary/job190/jagged_bottom.png) repeat-x;
	bottom:-10px;
}
#job_type100 #sec02{
	background:url(../images/dictionary/job100/bg.png) repeat 9px 0;
}
#job_type110 #sec02{
	background:url(../images/dictionary/job110/bg.png) repeat 9px 0;
}
#job_type120 #sec02{
	background:url(../images/dictionary/job120/bg.png) repeat 9px 0;
}
#job_type130 #sec02{
	background:url(../images/dictionary/job130/bg.png) repeat 9px 0;
}
#job_type140 #sec02{
	background:url(../images/dictionary/job140/bg.png) repeat 9px 0;
}
#job_type150 #sec02{
	background:url(../images/dictionary/job150/bg.png) repeat 9px 0;
}
#job_type160 #sec02{
	background:url(../images/dictionary/job160/bg.png) repeat 9px 0;
}
#job_type170 #sec02{
	background:url(../images/dictionary/job170/bg.png) repeat 9px 0;
}
#job_type180 #sec02{
	background:url(../images/dictionary/job180/bg.png) repeat 9px 0;
}
#job_type190 #sec02{
	background:url(../images/dictionary/job190/bg.png) repeat 9px 0;
}
#sec02 .clear{
	padding:40px 35px 40px 60px;
}
#sec02 .left{
	float:left;
	width:560px;
}
#job_type150 #sec02 img+.left{
	margin-top:50px;
}
#job_type150 #sec02 .clear > img:last-child{
	margin-top:115px;
}
#sec02 img{
	float:right;
	margin-top:66px;
}
#sec02 h2{
	font-size:18px;
	height:46px;
	line-height:46px;
	border-radius:30px;
	display:inline-block;
	padding:0 20px 0 58px;
	margin-bottom:20px;
}
#job_type100 #sec02 h2{
	color:#3bd6a0;
	background:#fff url(../images/dictionary/job100/icon_job.png) no-repeat 16px center;
	box-shadow:0 0 14px rgba(59,214,160,.3);
}
#job_type110 #sec02 h2{
	color:#daad80;
	background:#fff url(../images/dictionary/job110/icon_job.png) no-repeat 16px center;
	box-shadow:0 0 14px rgba(218,173,128,.3);
}
#job_type120 #sec02 h2{
	color:#f1bb00;
	background:#fff url(../images/dictionary/job120/icon_job.png) no-repeat 16px center;
	box-shadow:0 0 14px rgba(255,208,44,.3);
}
#job_type130 #sec02 h2{
	color:#ff92da;
	background:#fff url(../images/dictionary/job130/icon_job.png) no-repeat 16px center;
	box-shadow:0 0 14px rgba(255,146,218,.3);
}
#job_type140 #sec02 h2{
	color:#14caff;
	background:#fff url(../images/dictionary/job140/icon_job.png) no-repeat 16px center;
	box-shadow:0 0 14px rgba(95,219,255,.3);
}
#job_type150 #sec02 h2{
	color:#ff5e64;
	background:#fff url(../images/dictionary/job150/icon_job.png) no-repeat 16px center;
	box-shadow:0 0 14px rgba(255,94,100,.3);
}
#job_type160 #sec02 h2{
	color:#6c5fff;
	background:#fff url(../images/dictionary/job160/icon_job.png) no-repeat 16px center;
	box-shadow:0 0 14px rgba(108,95,255,.3);
}
#job_type170 #sec02 h2{
	color:#ff9500;
	background:#fff url(../images/dictionary/job170/icon_job.png) no-repeat 16px center;
	box-shadow:0 0 14px rgba(255,149,0,.3);
}
#job_type180 #sec02 h2{
	color:#c15eff;
	background:#fff url(../images/dictionary/job180/icon_job.png) no-repeat 16px center;
	box-shadow:0 0 14px rgba(193,94,255,.3);
}
#job_type190 #sec02 h2{
	color:#009dff;
	background:#fff url(../images/dictionary/job190/icon_job.png) no-repeat 16px center;
	box-shadow:0 0 14px rgba(0,157,255,.3);
}
#sec03{
	padding:40px 60px;
}
#sec03 h2{
	font-size:18px;
	height:32px;
	line-height:32px;
	padding-left:33px;
	margin-bottom:20px;
}
#job_type100 #sec03 h2{
	color:#3bd6a0;
	background:url(../images/dictionary/job100/icon_interview.png) no-repeat left center;
}
#job_type110 #sec03 h2{
	color:#daad80;
	background:url(../images/dictionary/job110/icon_interview.png) no-repeat left center;
}
#job_type120 #sec03 h2{
	color:#f1bb00;
	background:url(../images/dictionary/job120/icon_interview.png) no-repeat left center;
}
#job_type130 #sec03 h2{
	color:#ff92da;
	background:url(../images/dictionary/job130/icon_interview.png) no-repeat left center;
}
#job_type140 #sec03 h2{
	color:#14caff;
	background:url(../images/dictionary/job140/icon_interview.png) no-repeat left center;
}
#job_type150 #sec03 h2{
	color:#ff5e64;
	background:url(../images/dictionary/job150/icon_interview.png) no-repeat left center;
}
#job_type160 #sec03 h2{
	color:#6c5fff;
	background:url(../images/dictionary/job160/icon_interview.png) no-repeat left center;
}
#job_type170 #sec03 h2{
	color:#ff9500;
	background:url(../images/dictionary/job170/icon_interview.png) no-repeat left center;
}
#job_type180 #sec03 h2{
	color:#c15eff;
	background:url(../images/dictionary/job180/icon_interview.png) no-repeat left center;
}
#job_type190 #sec03 h2{
	color:#009dff;
	background:url(../images/dictionary/job190/icon_interview.png) no-repeat left center;
}
.interview_item{
	float:left;
	width:168px;
	border:3px solid #e7e7e7;
	border-radius:10px;
	padding:17px 18px;
}
.interview_item+.interview_item{
	margin-left:19px;
}
.interview_item>img:hover{
	cursor:pointer;
	opacity:0.9;
}
.interview_item .comment{
	border:3px solid #e7e7e7;
	border-radius:10px;
	position:relative;
	padding:10px;
	margin:20px 0 15px;
}
.interview_item .comment:before{
	content:"";
	width:12px;
	height:15px;
	background:url(../images/interview/commentList_parts.png) no-repeat;
	position:absolute;
	top:-15px;
	left:50%;
	margin-left:-6px;
}
.interview_item h3 a{
	color:#a02200;
	font-size:18px;
	line-height:24px;
	display:block;
}
.interview_item h3 a span{
	font-size:14px;
}
.interview_item dl{
	border-bottom:1px dashed #b9b9b9;
	overflow:hidden;
	padding:15px 0 10px;
	margin-bottom:10px;
}
.interview_item dt{
	float:left;
	width:23px;
}
.interview_item dd{
	float:left;
	width:145px;
}
#sec04{
	background:#f1efeb;
	padding:40px 60px 30px;
}
#sec04 h2{
	color:#a02200;
	font-size:24px;
	height:26px;
	line-height:27px;
	background:url(../images/dictionary/icon_shop.png) no-repeat left center;
	padding-left:42px;
	margin-bottom:20px;
}
#sec04 .clear{
	width:908px;
	margin-left:-5px;
}
#sec04 .shop_item{
	float:left;
	width:215px;
	background:#fff;
	border:1px solid #e7d5ca;
	margin:0 5px 10px;
}
#sec04 .shop_item>img:hover{
	cursor:pointer;
	opacity:0.9;
}
#sec04 h3 a{
	color:#a02200;
	font-size:14px;
	font-weight:bold;
	display:inline-block;
	margin:10px 9px;
}
#sec04 dl{
	overflow:hidden;
	margin:0 9px 10px;
}
#sec04 dt{
	float:left;
	padding-right:5px;
}
#sec04 dd{
	float:left;
	font-size:12px;
	width:175px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
#sec05{
	background:#faf9f7;
	border:9px solid #fff;
	padding:30px 50px 20px;
}
#sec05 h2{
	font-size:18px;
	margin-bottom:20px;
}
#sec05 .clear{
	width:910px;
	margin:0 0 12px -5px;
}
#sec05 .clear a{
	float:left;
	margin:0 4px 8px;
}
#sec05 .clear a:hover{
	opacity:.9;
}
#sec05 .btn01_1{
	width:344px;
	padding:13px;
	margin:0 auto;
}
#sec06{
	padding:30px 60px 10px;
}
#sec06 h2{
	color:#65391b;
	font-size:18px;
	height:45px;
	line-height:50px;
	background:url(../images/search/pinpoint_bg.png) repeat-x;
	border:2px solid #d8c8b8;
	border-radius:10px;
	position:relative;
	padding-left:55px;
	margin-bottom:20px;
}
#sec06 h2:before{
	content:"";
	width:34px;
	height:57px;
	background:url(../images/search/icon_pinpoint.png) no-repeat;
	position:absolute;
	top:-5px;
	left:11px;
}
#sec06 dl{
	display:table;
	border-right:2px solid #d3c6af;
	border-left:2px solid #d3c6af;
}
#sec06 dl:nth-of-type(1){
	border-top:2px solid #d3c6af;
	border-radius:10px 10px 0 0;
}
#sec06 dl:last-child{
	border-bottom:2px solid #d3c6af;
	border-radius:0 0 10px 10px;
}
#sec06 div dl:only-child{
	border-radius:10px;
}
#sec06 div dl:only-child dt{
	border-radius:10px 0 0 10px;
}
#sec06 dl+dl{
	border-top:1px solid #d3c6af;
}
#sec06 dl:nth-of-type(1) dt{
	border-radius:10px 0 0 0;
}
#sec06 dl:last-child dt{
	border-radius:0 0 0 10px;
}

#sec06 dt{
	font-size:12px;
	text-indent:10px;
	font-weight:bold;
	width:105px;
	background:#f8f3e9;
	display:table-cell;
	vertical-align:middle;
	padding:10px 0;
}
#sec06 dd{
	width:789px;
	display:table-cell;
	vertical-align:middle;
	padding:10px 0;
}
#sec06 dt+dd+dt,#sec06 dt+dd+dt+dd{
	border-top:1px solid #d3c6af;
}
#sec06 ul{
	line-height:26px;
	overflow:hidden;
}
#sec06 li{
	float:left;
	font-size:12px;
	white-space:nowrap;
	margin:0 10px;
}
#sec06 li a{
	color:#A22000;
}

#sec02+#sec05{
	margin-top:10px;
}
.clear{
	overflow:hidden;
}