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



#contents .clearfix {display: inline-block;} 
/* Hides from IE-mac \*/ * html #contents .clearfix {height: 1%;} 
#contents .clearfix {display: block;} /* End hide from IE-mac */
#contents .clearfix:after { content: ""; display: block; clear: both; }
#contents .clearfix {overflow:hidden;}

.clear {
	clear: both;
	padding: 0px;
}

.pc{
	display:none;
}


#contents {
	width: 100% !important;
	padding:0;
}
#contents #wrapper {
	width: 92%;
	margin-right: auto;
	margin-left: auto;
	line-height: 150%;
	padding-bottom: 30px;
}


#contents img {
	max-width: 100%;
	height:auto;
	}





#wrapper .textbox {
	margin-bottom: 30px;
}





#wrapper .grid {
	background: url(../../job/genre/00/images/grid.jpg) repeat 950px 60px;
	margin-bottom: 15px;
	border: 1px solid #EBEBEB;
	color: #08195f;
	font-size: 18px;
	line-height: 120%;
	font-weight: bold;
	padding: 10px;
}
#wrapper .grid2 {
	background: url(../../job/genre/00/images/grid.jpg) repeat 950px 60px;
	margin-bottom: 15px;
	border: 1px solid #EBEBEB;
	color: #4895CB;
	font-size: 18px;
	padding: 10px;
	line-height: 120%;
	font-weight: bold;
}




#wrapper .text_box1 {
	border: 3px solid #CCC;
	padding-top: 10px;
	background: url(../../job/genre/00/images/grid.jpg) repeat left top;
	margin-bottom: 30px;
}
#wrapper .text_box1 .title {
	background: #EBEBEB;
	font-size: 18px;
	font-weight: bold;
	color: #08195f;
	line-height: 120%;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 10px 15px;
}
#wrapper .text_box1 .text {
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 30px;
}

#wrapper .text_box2 {
	border: 1px solid #CCC;
	padding-top: 20px;
	background: url(../../job/genre/00/images/grid.jpg) repeat left top;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
#wrapper .text_box2 .title {
	font-size: 18px;
	font-weight: bold;
	color: #021138;
	line-height: 120%;
	margin-bottom: 15px;
	text-align: center;
}
#wrapper .text_box2 .text {
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 20px;
}
#wrapper .text_box2 .bnr {
	width: auto;
	margin-right: 10px;
	margin-left: 10px;
}
#wrapper .list_number {
	margin-bottom: 55px;
}




#wrapper .list_number ul {
	text-align: center;
	width: 208px;
	margin-right: auto;
	margin-left: auto;
}
#wrapper .list_number ul .act {
	background: #EEEEEE;
}
#wrapper .list_number ul li a{
	border: 1px solid #CCC;
	line-height: 40px;
	width: 40px;
	text-align: center;
	float: left;
	margin-right: 10px;
	display: -moz-inline-box;
	display: inline-block;
  /display: inline;
  /zoom: 1;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
#wrapper .list_number ul li a:hover {
	color: #333;
	text-decoration: none;
	line-height: 40px;
	width: 40px;
	background: #EEEEEE;
}


#wrapper .text_area1 {
	margin-bottom: 30px;
}
#wrapper .text_area1 .text {
	float: none;
	width: auto;
	margin-bottom:10px;
}
#wrapper .text_area1 .img {
	float: none;
	width: auto;
	margin-bottom:30px;
}
#wrapper .text_area2 {
	margin-bottom: 30px;
}
#wrapper .text_area2 .text {
	float: none;
	width: auto;
	margin-bottom:10px;
}
#wrapper .text_area2 .img {
	float: none;
	width: auto;
	margin-bottom:30px;
}
.link a .iconR {
	width: 16PX !important;
}
.link a .iconR {
	width: 16px;
}
.link {
	margin-bottom: 20px;
}




.Job_category_title {
	background: url(../images/line_bg2.gif) repeat left top;
	margin-bottom: 5px;
}
.Job_category_title .line_bg {
	background: url(../images/line_bg1.gif) repeat-x;
}
.Job_category_title .line_bg .inner {
	width: 92%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 20px;
}
.Job_category_title .category {
	font-size: 18px;
	font-weight: bold;
	color:#0075c1;
	margin-bottom:15px;
}
.Job_category_title .category img {
	padding-right:9px;
	margin-bottom:2px;
	width:24px;
	height:auto;
}
.Job_category_title .category2 {
	font-size: 18px;
	font-weight: bold;
	color:#0075c1;
	margin-bottom:15px;
}
.Job_category_title .category2 img {
	padding-right:9px;
	margin-bottom:2px;
	width:24px;
	height:auto;
}
.sub_title {
	padding: 9px 14px 4px !important;
	margin-bottom: 0px !important;
	background: #FFF;
	position: relative;
	border-radius: 4px;
	margin-top: 15px;
	font-size: 13px;
	color: #2087c9;
	font-weight: bold !important;
	width: 70%;
}
.Job_category_title .line_bg .inner .sub_title.top .sp_br {
	display: block;
	margin-bottom: 4px;
}
.sub_title .job {
	background: url(../images/dod_bg.gif) repeat-x left bottom;
	font-size:16px;
	font-weight:bold !important;
	padding-bottom:5px;
	background-size:4px auto;
}

.sub_title:before,.sub_title:after{
	content: '';
	position: absolute;
	display: block;
}
.sub_title.top:after {
	top: -9px;
	left: 35px;
	border-bottom: 10px solid #FFF;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
.sub_title2 {
	padding: 9px 14px 4px !important;
	margin-bottom: 0px !important;
	background: #FFF;
	position: relative;
	border-radius: 4px;
	margin-top: 15px;
	font-size: 13px;
	color: #2087c9;
	font-weight: bold !important;
	width: 70%;
}
.Job_category_title .line_bg .inner .sub_title2.top .sp_br {
	display: block;
	margin-bottom: 4px;
}
.sub_title2 .job {
	background: url(../images/dod_bg.gif) repeat-x left bottom;
	font-size:16px;
	font-weight:bold !important;
	padding-bottom:5px;
	background-size:4px auto;
}

.sub_title2:before,.sub_title2:after{
	content: '';
	position: absolute;
	display: block;
}
.sub_title2.top:after {
	top: -9px;
	left: 35px;
	border-bottom: 10px solid #FFF;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
#left_contents_kasou {
	padding-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
}
.manga_txt2 {
	display:none;
}
.bottom_bg {
	background: url(../images/line_bg2.gif) repeat;
	padding-top: 30px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.bottom_bg .f_search {
	background: url(none);
	height: auto;
}
.bottom_bg .school {
	background: url(../images/search_bg.png) repeat left top;
	width: 92%;
	margin: 0 auto 50px;
	position: relative;
}
.bottom_bg .school .inner {
	padding: 3px;
}
.bottom_bg .school .inner .box1 {
	background: #FFF;
	padding: 14px 12px 12px;
}
.school .st_area {	
	text-align: center;
}
.school .st_area .st {
	background: url(../images/dod_bg.gif) repeat-x left bottom;
	font-size: 15px;
	font-weight: bold;
	color: #0075c1;
	display: inline;
	text-align: center;
	padding-bottom:3px !important;
	background-size:4px auto;
}
.school .search_results {
	padding-top:20px;
	
}
.school .search_results .number {
	text-align: right;
	margin-bottom: 8px;
	font-size: 13px;
	display: none;
}
.school_area {
	margin-bottom: 30px;
	position: relative;
}
.school_area .name {
	background: #C2ECFC url(/_sharedZ_New/img/icon/link_right_l.png) no-repeat 10px 8px;
	padding: 6px 10px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 18px;
	padding-left:31px;	
}
.school_area .catch {
	color: #0075c1;
	border-left: 3px solid #0075c1;
	padding-left: 14px;
	font-size: 13px;
	margin-bottom: 12px;
	font-weight: bold;
	padding-bottom: 0 !important;
	line-height: 120%;
}
@media all and (orientation: landscape) { 
.school_area .catch {
	width:70%;
}
}
.school_area .name span {
	font-weight: normal;
}
.school_area .name a {
	padding-top: 3px;
	color: #0075c1;
	
}
.school_area .name p {
	width: 65%;
	display:inline-block;
	padding-bottom:0 !important;
}
.school_area .detail {
	font-size: 13px;
	margin-bottom: 14px;
	padding-bottom: 0 !important;
}
.school_area .link {
	padding-bottom: 0 !important;
	font-size:13px;
}
.school_area .photo {
	position: absolute;
	top: -20px;
	right: 5px;
	width: 25%;
}

.job_list .box {
	padding: 16px;
	margin-bottom: 35px;
	background: #FFF;
	position: relative;
	border-radius: 4px;
	border: solid 3px #d4f0ff;
	float: left;
	width: 60%;
	margin-top: 8px;
}

.job_list .box:before,.job_list .box:after{
	content: '';
	position: absolute;
	display: block;
	border-radius: 4px;
}
.job_list .box.left:before {
	top: 10px;
	left: -16px;
	border-top: 11px solid transparent;
	border-right: 14px solid #d4f0ff;
	border-bottom: 11px solid transparent;
}
.job_list .box.left:after {
	top: 10px;
	left: -11px;
	border-top: 11px solid transparent;
	border-right: 15px solid #FFF;
	border-bottom: 11px solid transparent;
}
.job_list .image {
	float: left;
	width: 18%;
	margin-right: 6%;
}
.job_list .st {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
.job_list .st2 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 4px;
	padding-top:4px;
}
.job_list.clearfix .box.left ul li {
	float: left;
	margin-right: 14px;
	white-space: nowrap;
	line-height:190%;
	font-size:12px;
	list-style: none;
}

ul.button{
	list-style: none;
	padding: 0px;
}

.clearfix {
	padding: 0px;
}

.job_list.clearfix .box.left ul li a {
	color:#007ecb;
	font-size:12px;
}
.motto {
	width: 92%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 16px;
}
.motto .box {
	background: #FFF;
	padding: 12px;
	border: 3px solid #BFEBFC;
	border-radius: 4px;
	position: relative;
}
.motto .box .image {
	float: left;
	margin-right: 3%;
	width: 18%
}
.motto .box:before,.motto .box:after{
	content: '';
	position: absolute;
	display: block;
	border-radius: 4px;
}
.motto .box.bottom:before {
	bottom: -18px;
	left: 76px;
	border-top: 18px solid #BFEBFC;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	}
.motto .box.bottom:after {
	bottom: -17px;
	left: 76px;
	border-top: 18px solid #FFF;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
.motto .box.bottom p {
	font-size: 13px;
	line-height: ;
	font-weight: bold;
	padding-bottom: 0px !important;
	margin-top:10px;
	width:76%;
	float:left;
}

.click {
	position:absolute;
	width:43px;
	height:auto;
	right:3%;
}
.click img {
	width:43px;
	height:auto;
}
img.iconL { display:inline !important;vertical-align:middle;margin:0 5px 5px 0 !important; }

/* 201703 */
.hideNarrow {
    display: none !important;
}

/*add20170323*/
.mt.job_list.clearfix{
	margin-top: 10px
}