@charset "Shift_JIS";
#contents-box{
	width:1024px;
	margin:50px auto 100px auto;
}
#contents-box h1{
	margin:0;
	padding:0;
	position: relative;
}
#contents-box h1 img{
	display:block;
	margin:0;
}
#gray-box{
	background:#f2f0ed;
	padding:0 0 10px 0;
	margin:0;
}
.job-list{
	border-collapse: separate;
	border-spacing: 22px 11px;
	display: table;
}
.list-box{
	width:312px;
	display:table-cell;
}
.list-box h3{
	margin:0;
	padding-left:33px;
	padding-right:10px;
	background:#6eeae1 url(../images_n/list-mark.png) no-repeat center left 10px;
	font-size:16px;
	line-height:33px;
	height:33px;
	border-bottom: 2px solid #f2f0ed;
}
.list-box ul{
	margin:0;
	padding:10px;
	list-style-type:none;
}
.list-box ul li{
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
}

#gray-box a:link,.job-category a:link{
	color:#333;
} 
#gray-box a:visited,.job-category a:visited{
	color:#333;
} 
#gray-box a:hover:not(h3),.job-category a:hover{
	color:#333;
	background:#ffff66;
}
#gray-box a:active,.job-category a:active{
	color:#333;
}
#gray-box h3 a:hover:not(h3){
	color:#333;
	background:none;
}

.bg1 .list-box:nth-of-type(1){
	 background:#FFF url(../images_n/list1.png) no-repeat bottom 10px right 10px;
}
.bg1 .list-box:nth-of-type(2){
	 background:#FFF url(../images_n/list2.png) no-repeat bottom 10px right 10px;
}
.bg1 .list-box:nth-of-type(3){
	 background:#FFF url(../images_n/list3.png) no-repeat bottom 10px right 10px;
}
.bg2 .list-box:nth-of-type(1){
	 background:#FFF url(../images_n/list4.png) no-repeat bottom 10px right 10px;
}
.bg2 .list-box:nth-of-type(2){
	 background:#FFF url(../images_n/list5.png) no-repeat bottom 10px right 10px;
}
.bg2 .list-box:nth-of-type(3){
	 background:#FFF url(../images_n/list6.png) no-repeat bottom 10px right 10px;
}
.bg3 .list-box:nth-of-type(1){
	 background:#FFF url(../images_n/list7.png) no-repeat bottom 10px right 10px;
}
.bg3 .list-box:nth-of-type(2){
	 background:#FFF url(../images_n/list8.png) no-repeat bottom 10px right 10px;
}
.bg3 .list-box:nth-of-type(3){
	 background:#FFF url(../images_n/list9.png) no-repeat bottom 10px right 10px;
}
.bg4 .list-box:nth-of-type(1){
	 background:#FFF url(../images_n/list10.png) no-repeat bottom 10px right 10px;
}
.bg4 .list-box:nth-of-type(2){
	 background:#FFF url(../images_n/list11.png) no-repeat bottom 10px right 10px;
}
.bg4 .list-box:nth-of-type(3){
	 background:#FFF url(../images_n/list12.png) no-repeat bottom 10px right 10px;
}
#left-menu{
	width:248px;
	float:left;
	margin-top:30px;
}
#job-list-contents{
	width:728px;
	float:right;
	margin-top:30px;
}
#left-menu h2{
	border-bottom: solid 1px #16c5bb;
	font-size:20px;
	text-align:center;
	margin:0 5px 0 0;
	padding:0;
	color:#16c5bb;			
}
#left-menu h2 span{
	border-bottom: solid 5px #16c5bb;
	margin:0 0 2px 0;
	padding:0 0 5px 0;
	display:block;
}
#left-menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#left-menu ul li{
	border-bottom: dashed 1px #16c5bb;
	padding:0;
	height:43px;
	line-height:43px;
	width:243px;
}
#left-menu ul li a{
	display:block;
}
#left-menu ul li img{
	margin:auto 5px 4px 0;
	display:inline-block;
	width:24px;
	height:24px;
}
#left-menu a:link{
	color:#333;
} 
#left-menu a:visited{
	color:#333;
} 
#left-menu a:hover{
	color:#333;
}
#left-menu a:hover{
	position: relative;
	display: inline-block;
	margin:-1px 0 0 0;
	padding:0 0 0 0;
	width: auto;
	width: 243px;
	height: 42px;
	background: #b8f4f2;
	z-index: 0;
}
#left-menu a:hover:after {
	content: "";
	position: absolute;
	top: 50%; right: -6px;
	margin-top: -6px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #b8f4f2;
}
#left-menu a:active {
	color:#333;
}
#job-list-contents h3{
	background:#b8f4f2;
	height:48px;
	font-size:17px;
	color:#16c5bb;
	padding-left:10px;
	padding-right:10px;
	margin:0;
	line-height:48px;
}
#job-list-contents h3 img{
	margin-right:5px;
	display:inline-block;
	line-height:48px;
}
.job-category{
	border-bottom: 1px dashed #CCC;
	margin:0;
	padding:20px 0;
}
.job-category ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.job-category ul li{
	margin:10px 40px 5px 0;
	padding:0 0 0 10px;
	background:url(../images_n/listmark2.png) no-repeat top 8px left;
	float:left;
	width:216px;
}
.job-category ul li:nth-child(3n){
	margin:10px 0 5px 0;
}
.job-category h4,#job-list-contents h4{
	/*width: 200px;*/
	height: 30px;
	font-size:14px;
	line-height: 30px;
	color:#fff;
	text-align: center;
	background:#16c5bb;
	position: relative;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	padding-top:0;
	padding-bottom:0;
	
}

.job-category h4:before{
	content: '';
	width: 0;
	height: 0;
	border-width: 10px 5px 0px 5px;
	border-style: solid;
	border-color:#16c5bb transparent transparent transparent;
	position: absolute;
	bottom:-8px;
	left:50%;
	margin-left:-5px;
	z-index: 0;
}

#job-list-contents h4:before{
	content: '';
	width: 0;
	height: 0;
	border-width: 10px 5px 0px 5px;
	border-style: solid;
	border-color:#16c5bb transparent transparent transparent;
	position: absolute;
	bottom:-8px;
	left:50%;
	margin-left:-5px;
	z-index: 0;

}
#job-list-contents p{
	margin-bottom:20px;
}
#job-list-contents h5{
	color:#16c5bb;
	font-weight:bold;
	padding:0 0 0 28px;
	height:24px;
	line-height:24px;
	margin-top:0;
}

#job-list-contents h5:nth-of-type(1){
	 background:#FFF url(../images_n/icon1.png) no-repeat center left;
	 background-size:24px;
}
#job-list-contents h5:nth-of-type(2){
	 background:#FFF url(../images_n/icon2.png) no-repeat center left;
	 background-size:24px;
}
#job-list-contents h6{
	 background:#FFF url(../images_n/icon3.png) no-repeat center left;
	 background-size:24px;
	color:#16c5bb;
	font-weight:bold;
	padding:0 0 0 28px;
	height:24px;
	line-height:24px;
	margin-top:0;
	font-size:14px !important;
}
.howto-img{
	display:block;
}
.howto h4{
	margin-bottom:20px;
}
p.job-detail-glink {
	margin: 0 0 10px 0;
	}
p.job-detail-glink a.c-link {
	padding-right: 20px;
	margin-bottom:10px;
	white-space:no-wrap;
	display:block;
	float:left;
	}
.text10{
	display:block;
	clear:left;
}
.link-box a {
	padding-left:10px;
	background:url(../images_n/listmark2.png) left 0.2em no-repeat;
	line-height:1em;
	}
.link-box {
	margin:0;
	padding:20px 0;
}
.job-category iframe{
	margin:-20px 0 0 0;
}
.youtube-h4{
	margin-top:32px;
}

/* clear */
.clearfix:after{
  content: "."; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix{
  min-height: 1px;
}
* html .clearfix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.jobPR{
	border: 1px solid #CCC;
	padding:5px;
	font-size:12px;
	

}
.jobPR img{
	display:block;
	margin-right:10px;
	float:left;
}
.jobPR p{
	margin:0;
	padding:0;
	float:left;
}
.move-icon{
	/*width:18px;*/
	margin-left:10px;
	margin-top:-4px;
}
.gray-p{
	/*background: #f2f0ed;*/
	padding:0 20px 0 20px;
	margin:0;
	position: absolute;
	top:310px;
	z-index:2;
}
#contents-box{
	position: relative;
	z-index: 1;
}
.move-p{
	margin:20px 0 0 0 !important;
	padding:0;
}
.title2-img{
	position: relative;
	z-index: 1;
}
.title2-txt{
	color:#FFF;
	font-weight:bold;
	font-size:22px;
	position: absolute;
	top:80px;
	left:18px;
	z-index: 2;
	line-height: 1em;
}