@charset "utf-8";
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Common Styles
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*-------------------------------------------------
search_content_header
-------------------------------------------------*/
#search_content {margin-top: 50px;}
#search_content_header{padding:10px;}
#search_content_header .title{font-size: 16px;line-height: 24px;}
#search_content_header .subtitle{display:block;padding: 5px 12px;}
#search_content_header .result_num span{
	padding-right:5px;
	color:#CC0000;
	font-size:16px;
	font-weight:bold;
}
#search_content_header .search_keyw tr td.keyw_left {vertical-align: middle;width: 70%;}
#search_content_header .search_keyw tr td.keyw_right {padding-left: 10px;vertical-align: middle;}
#search_content_header .search_keyw input[type="text"] {
  display: inline-block;
  height: 28px;
  padding: 3px 5px 2px !important;
  width: 95%;
  color: #000000;
}
#search_content_header .search_keyw #keyw_Btn {
  max-width: 126px;
  vertical-align: middle;
  width: 100%;
}
#search_content h1{margin-top:20px;}
#search_content h1 strong{color:#FF0000;font-weight:bold;font-size:140%;}
.img_scl_update {
	display: inline-block;
	border: 2px solid #CCC;
  width: 60px;
  height: 20px;
  line-height: 20px;
  color: #FFF;
  vertical-align: top;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border-radius: 15px;
  background: #e60404;
}
/*-------------------------------------------------
search_content
-------------------------------------------------*/
#search_content .one_block_menu p{display:block;}
#search_content .one_block_menu.menu_style01 p{
	border: 1px solid #07b53b;
	font-weight:bold;
	position: relative;
	color: #000000;
	border-left: none;
}
#search_content .one_block_menu.menu_style01 p img{height:33px;}
#search_content .one_block_menu.menu_style01 li{border:0;}
#search_content .one_block_menu.menu_style01 li ul{border-top:0;}
#search_content .one_block_menu.menu_style01 li li{border-bottom:1px solid #CCC;}
#search_content .one_block_menu.menu_style01 li li:last-child{border-bottom:0;}
#search_content .one_block_menu.menu_style01 li:last-child li:last-child{border-bottom:1px solid #CCC;}
#search_content .src_content_inner{padding:20px 10px 0 10px;}
#search_content .boxMatomete{padding:10px;font-size: 15px;line-height: 25px;}
#search_content .boxMatomete img{height:20px;vertical-align:middle;}
#search_content .boxMatomete span{font-weight:bold;}
#search_content .btnSeikyu{
	width:100%;
	margin:20px 0;
	text-align:center;
}
#search_content .txtKensu{
	margin-bottom:10px;
	font-size:12px;
	text-align:center;
}
#search_content ul.searchList{
	background-color:#F4F4F4;
	padding:0 10px 0px 10px;
	overflow: hidden;
}
#search_content ul.searchList:first-of-type{padding:10px 10px 0px 10px;}
#search_content div.area-check ul.searchList{padding:0 10px 0px 10px;}
#search_content div.area-check:first-of-type ul.searchList{padding:10px 10px 0px 10px;}
#search_content .src_content_inner + div.area-check ul.searchList{padding: 10px !important;}
#search_content ul.searchList li label {
	background: rgba(7,181,59,.3);
	width: 30px;
	display: table-cell;
	text-align:center;
	vertical-align:middle;
}
#search_content ul.searchList li.serarchCnt{
	display: table;
	table-layout: fixed;
	margin-bottom:10px;
	width: 100%;
}
#search_content ul.searchList li .context{
	display: table-cell;
	width:90%;
	padding:5px;
	background-color:#FFF;
	box-sizing: border-box;
}
#search_content ul.searchList li .context a{text-decoration:none;}
#search_content .opttheme {
	border-top: #3279BE 4px solid;
	margin:10px 0 20px;
}
#search_content .opttheme .typeF {background-color: #FFFFFF;}
#search_content ul.searchList .pickup{
	font-size: 15px;
	font-weight:bold;
	margin:25px 0 5px;
	color:#000;
	line-height: 30px;
	padding:5px;
	border-bottom: #000 1px solid;
}
#search_content ul.searchList .pickup span {
	background:#ff1100;
	color:#ffffff;
	margin-left: 10px;
	padding: 3px;
	font-size: 13px;
}
#search_content ul.searchList .sclName02{font-size:19px;color: #000000;line-height: 28px;}
#search_content ul.searchList .sclDtl{font-size:10px;color: #000000;}
#search_content ul.searchList .thumbPhoto{float:left;width:80px;margin-right:10px;}
#search_content ul.searchList p.thumbPhoto{height:80px;}
#search_content ul.searchList .catch{color: #000000;margin-left:90px;line-height: 24px;}
#search_content ul.searchList .jobName{font-size:11px;color:#FF0000;padding-top:20px;}
/*type C*/
#search_content .test{
	color: #07b53b;
	font-size:19px;
	padding:10px 0;
	line-height: 28px;
}
#search_content .testDl{color: #000000;font-size:12px;}
#search_content .testDl dt{float:left;width:6em;}
#search_content .testDl dd{padding-left:6.5em;}
/*type D*/
#search_content dl.opDl{margin-top:10px;font-size:12px;}
#search_content dl.opDl dt{
	padding: 3px 0 3px 5px;
	border-left: #2d76C2 3px solid;
	float: left;
	clear: both;
	width: 4em;
	font-weight: bold;
	margin-bottom: 5px;
}
#search_content dl.opDl dd{
	padding: 3px 0 3px 4.5em;
	border-bottom: #CCC 1px solid;
	margin-bottom: 5px;
}
#search_content dl.opDl .opMore:before{content:"▶";}
#search_content dl.opDl .opMore{text-align:right;}
/*type E*/
#search_content ul.typeE dl.gakkaDl{
	margin-top:20px;
	border-bottom:1px #CCC solid;
}
#search_content ul.typeE dl.gakkaDl dt,
#search_content ul.typeE dl.gakkaDl dd li{
	border-left:#CCC 1px solid;
	border-top:#CCC 1px solid;
	border-right:#CCC 1px solid;
	padding:10px;
}
#search_content ul.typeE dl.gakkaDl dd li{
	padding-left:20px;
	color:#2D46C2
}
#search_content ul.typeE dl.gakkaDl dd a{
	text-decoration:none;
	background:url("/sp/images/common/icon_right_arrow.png") no-repeat scroll right 10px center / 18px 18px;
	display:block;
}
/*type F*/
#search_content .thumbPhoto02{margin:0 auto;width:80px;}
#search_content .sclName02{margin:10px 0;}
#search_content .sclName02 h4{font-size: 20px;color: #2D76C2;}
#search_content .sclName02 p{font-size: 10px;}
.al-r{text-align:right;}
/*-------------------------------------------------
	検索結果　 ボタンエリア
-------------------------------------------------*/
/*ボタン2つ並び*/
#search_content ul.btnArea02,
#search_content ul.btnArea02-02{
	overflow:hidden;
	padding-top:15px;
}
#search_content ul.btnArea02 li,
#search_content ul.btnArea02-02 li{
	float:left;
	width:48%;
	font-size:10px;
}
#search_content ul.btnArea02 li:nth-child(2),
#search_content ul.btnArea02-02 li:nth-child(2){
	float:right;
}
/*ボタン1つ　中央*/
#search_content .btnArea01{
	font-size:11px;
	margin-top:5px;
}
/*ボタン1つ右寄せ*/
.btnArea01-r{
	text-align:right;
	margin-top:10px;
	overflow: hidden;
}
.btnArea01-r a{
	display: block;
	float: right;
	width: 70%;
	max-width:227px;
}
/*-------------------------------------------------
	検索結果　 page navigation
-------------------------------------------------*/
.page_navigation {
  position: relative;
  padding: 0 0 10px;
  width: 100%;
  height: 55px;
  overflow: hidden;
}
/* background gradient */
.page_navigation:after {
  content: '';
  position: absolute;
  top: 0;
  left: -10%;
  z-index: 0;
  display: block;
  background: rgba(7,181,59,.3);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.05) inset;
  width: 110%;
  height: 55px;
}
/* button */
.page_navigation a {
  position: absolute;
  z-index: 10;
  top: 10px;
  display: inline-block;
  font-size: 14px;
  text-decoration: none;
  line-height: 36px;
  text-align: center;
  color: #333;
  width: 80px;
}
.page_navigation .preview {
  left: 11px;
  background: url(/sp/images/school/btn_preview.png) no-repeat;
  background-size: 90px 36px;
  padding-left: 10px;
}
.page_navigation .next {
  right: 11px;
  background: url(/sp/images/school/btn_next.png) no-repeat;
  background-size: 90px 36px;
  padding-right: 10px;
}
/* text */
.page_navigation p {
  position: absolute;
  z-index: 1;
  text-align: center;
  line-height: 58px;
  width: 100%;
}
/* type - report */
.page_navigation.report {margin-top: 25px;}
.page_navigation.report a {width: 90px;}
.page_navigation.report .preview {
  background: url(/images/sp/bt_preview_report.png) no-repeat;
  background-size: 100px 36px;
  padding-left: 10px;
}
.page_navigation.report .next {
  background: url(/images/sp/bt_next_report.png) no-repeat;
  background-size: 100px 36px;
  padding-right: 10px;
}
/*-------------------------------------------------
	17pデザイン用CSSの移行
-------------------------------------------------*/
#resultSchool .drumSelect select {
	-webkit-appearance: none;
	border-radius: 0;
	display: block;
	border: none;
	border-top: 1px solid #ccc;
	font-weight: bold;
	display: block;
	padding: 12px 10px;
	text-decoration: none;
	display: block;
	color: #000;
	width: 100%;
	background: url(/sp/common/img/icon_dblarraw.png) no-repeat right center;
}
/*一括請求　インプットボタンのサイズ変更（専門）*/
#search_content ul.searchList.typeB .checkArea input{transform: scale(1.8);}
/*-------------------------------------------------
	資料請求のデザイン修正
-------------------------------------------------*/
#search_content ul.searchList .sclName{font-size: 14px;color: #07b53b;}
#search_content ul.searchList .context .sclName {color: #000000;}
#search_content ul.searchList .sclName_h_j{font-size:15px;}
#search_content ul.searchList .catch{font-size:12px;}
#search_content ul.searchList .thumbPhoto{
	float:left;
	width: auto;
	max-width:80px;
	border: #ccc solid 1px;
}
#search_content ul.searchList label input,
#search_content ul.resultSchoolList label input {
	transform: scale(1.8);
	line-height: 0;
}
#search_content ul.searchList label.newcheck input,
#search_content ul.resultSchoolList label.newcheck input {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}
#search_content ul.searchList label p.checkboxParts,
#search_content ul.resultSchoolList label p.checkboxParts{position: relative;}
#search_content ul.searchList label p.checkboxParts::before,
#search_content ul.resultSchoolList label p.checkboxParts::before {
	width: 20px;
  height: 20px;
  background: white;
  border: 2px solid #666;
  content: "";
  display: block;
  border-radius: 4px;
  margin-left: 3px;
}
#search_content ul.searchList label input:checked + p.checkboxParts::before,
#search_content ul.resultSchoolList label input:checked + p.checkboxParts::before {
	background: #07b53b;
  border: 2px solid #07b53b;
}
#search_content ul.searchList label input:checked + p.checkboxParts::after,
#search_content ul.resultSchoolList label input:checked + p.checkboxParts::after {
	content: "";
  display: block;
  width: 12px;
  height: 8px;
  border-bottom: 3px solid white;
  border-left: 3px solid white;
  position: absolute;
  top: 3px;
  left: 7px;
  transform: rotate(-45deg);
}
#search_content .btnArea01{font-size:10px;}
/*-------------------------------------
一括資料請求　修正　/ikkatu　 20150623
---------------------------------------*/
#searchRsList ul.searchList .w100{
	width:100%;
	display:table;
}
#searchRsList ul.searchList .thumbPhoto{
  width:80px;
  padding-right: 0px;
  display:table-cell;
  float:none;
}
#searchRsList ul.searchList .schWp {
	display:table-cell;
	vertical-align: top;
	background-size:18px 18px;
	width: 100%;
	padding-left: 5px;
	position: relative;
	color: #000000;
}
#searchRsList ul.searchList .schWp::before,
#searchRsList ul.searchList .schWp::after {
  content: "";
  position: absolute;	
  z-index: 1;
}
#searchRsList ul.searchList .schWp::before {
  width: 18px;
  height: 18px;
  right: -3px;
  top: calc(50% - 9px);
  background: #e60404;
  border-radius: 50%;
}
#searchRsList ul.searchList .schWp::after {
  right: -7px;
  top: calc(50% - 4px);
  border: 8px solid transparent;
  border-left-color: white;
  border-top-width: 4px;
  border-bottom-width: 4px;
}
#searchRsList ul.searchList .catch{
	margin: 10px 0 0 0;
	padding-right: 25px;
	line-height: 24px;
}
#searchRsList .btnArea01{padding-right:25px;color: #000000;}
/*検索結果下部に「検索条件を変更する」「最近チェックした学校」ボタンを追加　2015/07/06*/
#search_content .btnHenko,
#search_content .btnMoreCheck{
	background-image: -moz-linear-gradient(top, #FFF 0%, #FFF 49%, #E7E2DD 50%, #E7E2DD);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.49, #FFFFFF), color-stop(0.50, #E7E2DD), to(#E7E2DD));
  border-radius: 5px;
  width: 85%;
  text-align: center;
  margin: 0 auto;
  border: #999 1px solid;
  margin-top:15px;
 }
#search_content .btnHenko a,
#search_content .btnMoreCheck a{
	color: #000000;
	text-decoration:none;
	font-weight:bold;
  padding: 10px;
	display: block;
}
#search_content a {text-decoration:none;}
#search_content .css_schoolapi a small {color: #07b53b;}
#search_content .titCheck{
	background-color:#2d77c2;
	padding:5px;
	color:#FFF;
	font-size: 0.85rem;
	line-height: 2;
}
/*--------------------------------------------------
	検索画面変更デザイン
--------------------------------------------------*/
.href_button {
	border: 2.5px solid #3279BE;
	border-radius: 2.5px;
	padding: 2.5px 5px 2px;
	color: #3279BE;
	display: inline-block;
	width: 35px;
	line-height: 17.5px;
	text-align: center;
}
.search_table {
	width: 100%;
	margin: 0;
}  	
.search_table td {
	padding: 10px 0px;
	border-bottom: 1px solid #000000;
}
.page_num {
	margin: 10px 3px;
	padding: 7.5px 10px;
	border: 1px solid #1981E8;
	border-radius: 5px;
	color: #1981E8;
	float: left;
}
.page_num a{color:#1981E8;}
.page_num.sel {color: #ffffff;background-color: #1981E8;}
.yo_yoyaku_tag {
	display: inline-block;
	border: 1px solid #F1A604;
	border-radius: 4px;
	padding: 2px 5px;
	text-align: center;
	color: #F1A604;
	font-size: 12px;
	vertical-align: middle;
	white-space: nowrap;
}
.btn_list {
	font-color: #0000cd;
	border: 1px solid #0000cd;
	border-radius: 5px;
	word-wrap: break-word;
	max-width: 20%;
	margin: 0;
	margin-top: 5px;
	font-size: 4px;
	padding: 3px;
	display: inline-block;
	vertical-align: top;
}
.sclNameBk {color: #000000;font-size: 13px;}
.catch {padding-top: 10px;font-size: 16px !important;}
.td_btn_area {width: 20%;text-align: right;}  
.detail_place:after {
	content: "";
	clear: both;
	display: block;
}
.bg_title {
	clear: both;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	padding: 10px;
	max-width: 100%;
	background-color: #3279BE;
}
.bOrange{
	padding: 8px 25px 8px 25px;
	margin-right: 5px;
  border: 1px solid #f78c14;
  border-radius: 4px;
  background: #f78c14;
  font-weight: bold;
  vertical-align: middle;
  white-space: nowrap;
}
.bOrange p{
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  white-space: nowrap;
}
#search_result_list .sort a {color: #07b53b;}
.btn_checked_all {
  width: 100%;
  display: inline-block;
  font-size: 13px;
  margin: auto 10px;
}
.btn_checked_all a {
  background: #f4f4f4;
  padding: 2px;
  color: #000000;
}
.btn_checked_all a:active, .btn_checked_all a:hover, .btn_checked_all a:visited {text-decoration: none;}
.w17 {width: 17px;vertical-align : middle;}
.v-align-top {vertical-align : top;}
.page_count {
	clear: both;
	font-size: 15px;
	text-align: center;
	color: #1C1C1C;
}
.pamph_question {
  font-size: 10px;
  color: #00C2FF;
  margin-left: 10px;
  margin-top: 2.5px;
  margin-bottom: 13.5px;
}
.pamph_question a {color: #00C2FF;}
/* プロ先輩メッセージ　学校名 */
#search_content .css_schoolapi ul.searchList .sclName {color: #07b53b;}