/* 
-------------------------------------*/
.shokugyojissenContentsMain {
	width: 960px;
	margin: 0 auto;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;

}
.shokugyojissenContentsMain .titleBox{
	text-align:center;
	margin-bottom: 30px;
}
.shokugyojissenContentsMain .str1{
	background: -webkit-gradient(linear, left top, right bottom, from(#ececec), color-stop(0.25, #ececec), color-stop(0.25, white),color-stop(0.5, white), color-stop(0.5, #ececec), color-stop(0.75, #ececec), color-stop(0.75, white), to(white));
	background: -moz-linear-gradient(-45deg, #ececec 25%, white 25%, white 50%, #ececec 50%, #ececec 75%, white 75%, white);
	background: linear-gradient(-45deg, #ececec 25%, white 25%, white 50%, #ececec 50%, #ececec 75%, white 75%, white);
	background-size: 4px 4px;
}
.shokugyojissenContentsMain .leadBox{
	margin-bottom: 30px;
	padding:20px;
	display: table;
}
/*.shokugyojissenContentsMain .leadBox .entry{
	display:table-cell;
	vertical-align:middle;
	
}*/
.shokugyojissenContentsMain .leadBox .entry{
	display:table-cell;
	vertical-align:middle;
}
.shokugyojissenContentsMain .leadBox .entry h3{
	width: 210px;
	height: 210px;
	border-radius: 210px;
	text-align: center;
	background-color: #579bd7;
	/*background-color: #41af78;*/
	font-size: 18px;
	color: #FFF;
 letter-spacing: 0.1em;
	display:block;
}
.shokugyojissenContentsMain .leadBox .entry span{
	display:table-cell;
	vertical-align:middle;
	width: 210px;
	height: 210px;
}
.shokugyojissenContentsMain .leadBox .txt{
	display: table-cell;
	vertical-align: middle;
	padding-left: 30px;
}
.shokugyojissenContentsMain .leadBox .txt p{
	font-size:13px;
}
.shokugyojissenTxtBox p{
	font-size: 14px;
	padding: 0 30px;
}

.shokugyojissenList {
	width: 960x;
}
.shokugyojissenList .schoolBox {
	width: 978px;
	overflow: hidden;
	position: relative;
	font-size: 0;
	margin-top: 20px;
}

.shokugyojissenList h3 {
	background-color: #579bd7;
	font-size: 18px;
	line-height: 18px;
	color: #FFF;
	padding: 20px;
	margin-bottom:20px;
 text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

p.source{
	/*text-align:right;*/
}


.shokugyojissenList p.entryTxt {
	position: absolute;
	right: 15px;
	color: #fff;
	font-size: 11px;
	line-height: normal;
	top: 22px;
}

p.listBtn {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

p.listBtn a {
	background-color: #579BD7;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #ffffff;
	display: block;
	/*height: 42px;
	line-height: 42px;*/
	line-height: 1.5em;
	font-size: 16px;
	font-weight: bold;
	padding:10px;
}

p.listBtn a:visited {
 color: #ffffff;
	text-decoration: underline;
}

p.listBtn a:hover {
	background-color: #69A6DB;
	color: #ffffff;
	text-decoration: underline;
}

p.listBtn a:active {
 color: #ffffff;
	text-decoration: underline;
}

/* エリアボタン
-------------------------------------*/
.shokugyojissenBtnBox {
	text-align: center;
	width: 960px;
	margin: 0 auto 30px;
}
.shokugyojissenBtnBox ul#tab {
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 2px 0;
	text-align: center;
	width: 100%;
}
.shokugyojissenBtnBox ul#tab li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 70px;
	/*background-color: #C1E8D5;*/
	background-color: #f1be16;
	cursor: pointer;
}
.shokugyojissenBtnBox ul#tab li a{

}
.shokugyojissenBtnBox ul#tab li a span{
	display:block;
	font-size: 14px;
	line-height:1.3em;
	color: #000;
	/*color: #144778;*/
}
/*.shokugyojissenBtnBox ul#tab li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 70px;
	background-color: #C1E8D5;
	cursor: pointer;
}
.shokugyojissenBtnBox ul#tab li a{
	display:block;
	font-size: 15px;
	line-height:1.3em;
	color: #144778;
}*/

/*.shokugyojissenBtnBox ul#tab li a::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 7px;
	height: 7px;
	margin-top: -7px;
	border-top: solid 2px #144778;
	border-right: solid 2px #144778;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}*/
.shokugyojissenBtnBox ul#tab li:hover, .shokugyojissenBtnBox ul#tab li:focus {
	background-color: #f2c943;
	color: #000 !important;
}
.shokugyojissenBtnBox ul#tab li.select{
	color: #000;
}


/* エリアボタン
-------------------------------------
.shokugyojissenBtnBox {
	text-align: center;
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.shokugyojissenBtnBox ul#tab {
	text-align: center;
	width: 908px;
	overflow: hidden;
}
.shokugyojissenBtnBox ul#tab li{
	display: table;
	width: 217px;
	height: 64px;
	float: left;
	margin: 0 10px 10px 0;
}
.shokugyojissenBtnBox ul#tab li a{
	display: table-cell;
 vertical-align: middle;
	cursor: pointer;
	font-size: 16px;
	line-height:1.4em;
	color: #144778;
	background-color: #FFF;
	letter-spacing: 0.1em;
	border:1px solid #ccc;
}
.shokugyojissenBtnBox ul#tab li a::after {
display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 7px;
	height: 7px;
	margin-top: -7px;
	border-top: solid 2px #144778;
	border-right: solid 2px #144778;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}
.shokugyojissenBtnBox ul#tab li a:hover, .shokugyojissenBtnBox ul#tab li a:focus {
	background-color: #C1E8D5;
	color: #144778;
}
.shokugyojissenBtnBox ul#tab li.select a{
	color: #144778;
}*/

/* 学校一覧
-------------------------------------*/
.schoolInfo {
	border: 1px solid #505989;
	display: inline-block;
	vertical-align: top;
	width: 306px;
	margin: 0 20px 20px 0;
	position: relative;
	box-sizing: border-box;
}
/*.schoolInfo img.scImg {
	width: 304px;
	height: 160px;
	object-fit: cover;
	object-position: center 15%;
	box-sizing: border-box;
}*/

.schoolInfo img {
	width: 100%;
	/*width: 304px;*/
	height: 160px;
	object-fit: cover;
	object-position: center 15%;
	box-sizing: border-box;
}
/*IE用*/
.schoolInfo img.scImg {
	font-family: 'object-fit: cover; object-position: center 15%;'
}


.schoolInfo p.schoolName {
	font-size:14px;
	font-weight:bold;
	line-height:1.3em;
	display:inline-block;
	padding-bottom:10px;
}
.schoolInfo p.add {
	font-size:14px;
	color: #FFF;
 text-shadow: 0 1px 1px rgba(0,0,0,.3);
	background-color:#579bd7;
	padding:2px 15px;
	/*display:inline-block;*/
	position:absolute;
	top:0;
	left:0;
}
.schoolDetail {
	padding: 10px 10px 13px 10px;
	/*width: 286px;
	box-sizing: border-box;*/
}
.course {
	margin-bottom: 10px;
	padding-top: 10px;
	height:54px;
	overflow:hidden;
}
.course p {
	font-size:12px;
	color: #484848;
	line-height: 1.5em;
}
.schoolImg {
	margin-bottom:10px;
	text-align: center;
}
.schoolLink {
	/*width: 284px;*/
	font-size:0;
	/*position:absolute;
	bottom:13px;*/
}
.schoolLink a{	
	display:inline-block;
	vertical-align:top;
	width:137px;
	padding: 7px;
	box-sizing: border-box;
	color: #FFF !important;
	font-size: 14px;
	line-height:1.2em;
 text-shadow: 0 1px 1px rgba(0,0,0,.3);
	text-align: center;
}
.schoolLink a.detail{
	background-color: #49c654;
	box-shadow: 0 3px 0 #27ad35;
	margin-right:10px;
}
.schoolLink a.pamph{
	background-color: #f78c2e;
 box-shadow: 0 3px 0 #e56419;
}			
.schoolLink a.detail:hover {
	background-color: #2db73b;
	box-shadow: 0 3px 0 #06a316;
}
.schoolLink a.pamph:hover {
	background-color: #f27324;
	box-shadow: 0 3px 0 #dd5602;
}


/* 学校一覧
-------------------------------------
.schoolInfo {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	display:inline;
	float:left;
	margin-bottom:20px;
	position:relative;
	width:333px;
	margin-right: 10px;
	margin-left: 10px;
}

.schoolName {
	background-color:#FFE4F0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.schoolName p {
	font-size:14px;
	font-weight:bold;
	line-height:1.3em;
}

.schoolDetail {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.schoolPic {
	width:80px;
	height:120px;
	margin-right:10px;
	float:left;
	margin-bottom: 10px;
}

.access{
	float:right;
	width:223px;
	min-height: 40px;
}

.access li.address {
	background-image: url(/search_school/images/request_address.gif);
	background-repeat: no-repeat;
	color: #484848;
	font-size: 12px;
	line-height: 1.8em;
	margin-bottom: 5px;
	padding-left: 25px;
	min-height: 20px;
}

.access li.tel {
	background-image: url(/search_school/images/request_tel.gif);
	background-repeat: no-repeat;
	color: #484848;
	font-size: 12px;
	line-height: 1.3em;
	margin-bottom: 5px;
	padding-bottom: 3px;
	padding-left: 25px;
	padding-top: 3px;
	min-height: 20px;
}

.course {
	float:right;
	width:223px;
	margin-bottom: 10px;
	padding-top: 5px;
	background-image: url(/search_school/shokugyojissen/images/line_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.course p {
	font-size:11px;
	color: #484848;
	line-height: 1.3em;
}

.schoolImg {
	margin-bottom:10px;
	text-align: center;
}

.schoolImg li {
	padding-right: 4px;
	padding-left: 4px;
	float: left;
}

.schoolImg img {
	height:75px;
}

.schoolLink {
	width: 313px;
	margin-right: auto;
	margin-left: auto;
	height: 27px;
	margin-bottom: 5px;
}

.schoolLink img.detail {
  float:left;
}

.schoolLink img.pamph {
 float:right;
}*/