@charset "utf-8";
.PageTitle{margin:20px 0;}
.LeftColumn{
	float:left;
	width:764px;
	font-size:10px;
	margin-bottom:30px;
	background: red;
}
.LeftColumnSizeL{
	width:980px;
	font-size:10px;
	margin-bottom:30px;
}
/*cleafix*/
.LeftColumnSizeL:after{
	content: "";
	display: block;
	clear: both;
}
/*ヘッダーバナー*/
.sclTypeImage{width: 100%;}
.sclTypeImage img {margin-top: 10px;display: block;}
.sclTypeImage p {padding-top:5px;display: block;}
.sclTypeImage em{color: red;}
.ikkatu_new{width: 100%;}
#LeftColumn2 .f12{font-size:12px;}
#LeftColumn2 .Match{
	margin:10px 0 10px;
	border:1px solid #cccccc;
	width:762px;
	line-height:20px;
}
#LeftColumn2 .Match .Left{
	width:80px;
	float:left;
}
#LeftColumn2 .Match .Right{
	width:660px;
	float:right;
	border-left:1px solid #cccccc;
}
#LeftColumn2 .Match .Right p{
	float:left;
	width:80px;
	height:100%;
}
#LeftColumn2 .Match .Right span{
	font-size:12px;
}
#LeftColumn2 .Match .Right .School{
	height:40px;
	margin:0 10px;
	padding:8px 0;
}
#LeftColumn2 .Match .Right .Area{
	height:100%;
	border-top:1px dashed;
	margin:0 10px;
	padding:7px 0;
}
#LeftColumn2 .Match .Right .Genre{
	height:100%;
	border-top:1px dashed;
	margin:0 10px;
	padding:10px 0;
}

#LeftColumn2 .SearchResalt table{
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
#LeftColumn2 .SearchResalt table .CheckBox{
	background-color:#eeeeee;
	border-bottom:1px solid #cccccc;
	width:20px;
	height:80px;
	padding:0 8px 0 12px;
}
#LeftColumn2 .SearchResalt table .CheckBox02 {
  background-color: #EEE;
  border-bottom: 1px solid #CCC;
  width: 60px;
  height: 80px;
  padding: 0px 8px 0px 12px;
  display: table-cell;
  vertical-align: middle;
}
#LeftColumn2 .SearchResalt table .ImgBox{
	border-bottom:1px solid #cccccc;
	width:55px;
	height:80px;
	padding:0 10px;
}
#LeftColumn2 .SearchResalt table .School{
	border-bottom:1px solid #cccccc;
	height:80px;
}
#LeftColumn2 .SearchResalt table .claim{
	border-bottom:1px solid #cccccc;
	padding-left:3px;
	width:60px;
	height:80px;
	font-size: 10px;
}
#LeftColumn2 .SearchResalt table .Catch{
	font-size:10px;
	color:#666666;
}
#LeftColumn2 .SearchResalt table .Name{
	font-size:16px;
	font-weight:bold;
	color:#3399cc;
}
#LeftColumn2 .SearchResalt table .Name span{
	font-size:10px;
	font-weight:normal;
	color:#666666;
	margin-left:7px;
}
#LeftColumn2 .Other{
	font-size:14px;
	font-weight:bold;
	color:#b2b2b2;
	border-bottom:1px solid #b2b2b2;
	border-left:6px solid #b2b2b2;
	padding:2px 0 0 5px;
	margin-top:10px;
}
#LeftColumn2 .Check{
	margin:8px 0 5px 0;
	font-size:11px;
	color:#808080
}
#LeftColumn2 .Check a{color:#808080}
#LeftColumn2 .Button{
	width: 764px;
	height: 43px;
	text-align: center
}
#LeftColumn2 .Button a{
	display: block;
	width: 300px;
	height: 43px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: url(/common_img/15p/seikyu.png) no-repeat;
}
#LeftColumn2 .Button a:hover{filter:alpha(opacity=80);opacity:0.8;}
#LeftColumn2 .Button a span{display: none;}
#LeftColumn2 .Button_gs{
	width: 764px;
	height: 43px;
	text-align: center
}
#LeftColumn2 .Button_gs a{
	display: block;
	width: 300px;
	height: 43px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: url(/common_img/15p/seikyu_gs.png) no-repeat;
}
#LeftColumn2 .Button_gs a:hover{filter:alpha(opacity=80);opacity:0.8;}
#LeftColumn2 .Button_gs a span{display: none;}
#LeftColumn2 .Search .noresult{
	padding:10px 0 30px 0;
	color:#cccccc;
	font-size:14px;
	font-weight:bold;
}
.RightColumn{width: 200px; padding-bottom: 10px; font-size: 12px;}
.RightColumn p.kantan{font-size:10px;}
.mb10{margin-bottom:10px;}
.pt5{padding-top:5px;}
.kyuka{font-size:10px;text-align:right;}
.change{position:relative;}
.change_left{position:absolute;left:300px;}
.change_right{position:absolute;right:0;}
.change_right .pager{width:300px;padding-bottom:5px;}
.change_right .underpager{ width:300px; padding-bottom:5px;}
h2{font-weight:normal;}
#LeftColumn2 .SearchResaltHJ{
	font-size:12px;
	margin-top: 15px;
	clear:both;
}
#LeftColumn2 .SearchResaltHJ table{padding-top:10px;}
#LeftColumn2 .SearchResaltHJ table td:first-child{width:130px;padding:10px 0;}
#LeftColumn2 .SearchResaltHJ table td{width:130px;padding:10px 0 10px 40px;}
#LeftColumn2 .SearchResaltHJ table .ImgBox{height:187px;width:128px;}
#LeftColumn2 .SearchResaltHJ table .ImgBox img:hover{filter:alpha(opacity=80);opacity:0.8;}
#LeftColumn2 .SearchResaltHJ table .ImgBox img{vertical-align:bottom;border:1px solid #CDCDCD;}
#LeftColumn2 .SearchResaltHJ table .column_box{padding:10px 0;width:128px;}
#LeftColumn2 .SearchResaltHJ table .column_box .check_box{padding-bottom:5px;}
#LeftColumn2 .SearchResaltHJ table .column_box .PayImg img{padding-left:10px;}
#LeftColumn2 .SearchResaltHJ table .column_box .PayImg span{padding-left:10px;font-size:10px;}
#LeftColumn2 .SearchResaltHJ table .column_box .kks_tp{font-size:10px;clear:both;}
#LeftColumn2 .SearchResaltHJ table .Name{
	line-height:20px;
	font-size:14px;
	clear:both;
	font-weight:bold;
	color:#3399cc;
	padding-top:2px;
}
#LeftColumn2 .hj_index{
	margin:10px 0;
	font-size:30px;
	font-weight:bold;
	border-left:8px solid #00AFFF;
	padding-left:10px;
}
#LeftColumn2 .hj_atten{padding-top:10px;line-height:16px;}
#LeftColumn2 .hj_atten img{vertical-align:middle;padding:0 2px;}
#LeftColumn2 .Match .RightHJ{width:870px;float:right;}
#LeftColumn2 .Match .RightHJ p{float:left;width:80px;height:100%;}
#LeftColumn2 .Match .RightHJ span{font-size:12px;}
#LeftColumn2 .Match .Right .SchoolHJ{height:20px;margin:0 10px;padding:8px 0;}
#LeftColumn2 .Match .RightHJ .Area{
	height:100%;
	border-top:1px dashed;
	margin:0 10px;
	padding:7px 0;
}
#LeftColumn2 .ButtonHJ{
	width: 100%;
	height: 43px;
	text-align: center
}
#LeftColumn2 .ButtonHJ a{
	display: block;
	width: 300px;
	height: 43px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: url(/common_img/15p/seikyu.png) no-repeat;
}
#LeftColumn2 .ButtonHJ a:hover{filter:alpha(opacity=80);opacity:0.8;}
#LeftColumn2 .ButtonHJ a span{display: none;}
#LeftColumn2 .bg_hj_pref{
	background: url(/common_img/15p/blue_bg.png);
	font-size:24px;
	font-weight:bold;
	color:#333333;
	line-height:41px;
	padding:0 35px;
}
#LeftColumn2 .bg_hj_prefsabword{
	font-size:12px;
	font-weight:bold;
	color:#333333;
	line-height:41px;
	padding:0 0 0 10px;
}
#LeftColumn2 .SearchResaltSD{
	width:480px;
	float:left;
	padding-right:10px ;
}
#LeftColumn2 .Match .RightSD{
	width:650px;
	float:right;
}
#LeftColumn2 .Match .RightSD p{
	float:left;
	width:80px;
	height:100%;
}
#LeftColumn2 .Match .RightSD span{font-size:12px;}
#LeftColumn2 .Match .RightSD .SchoolSD{height:40px;padding:8px 0;}
.Area1,.Genre1{border-top: 1px dashed;padding: 10px 0;}
.Area10{
	border-top: 1px dashed;
	padding: 10px 0;
	height:20px;
}
#LeftColumn2 .Match .RightSD .Area{
	height:100%;
	margin:0 10px;
	padding:7px 0;
}
#LeftColumn2 .Match .RightSD .Genre{
	height:100%;
	border-top:1px dashed;
	margin:0 10px;
	padding:10px 0;
}
#LeftColumn2 .ButtonSD{
	width: 980px;
	height: 43px;
	text-align: center
}
#LeftColumn2 .ButtonSD a{
	display: block;
	width: 373px;
	height: 46px;
	margin: 8px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background: url(/common_img/18p/btn_seikyu.png) no-repeat;
}
#LeftColumn2 .ButtonSD a:hover{filter:alpha(opacity=80);opacity:0.8;}
#LeftColumn2 .ButtonSD a span{display: none;}
#LeftColumn2 .sd_pref{
	font-size:12px;
	font-weight:bold;
	color:#00AFFF;
	clear:both;
}
#LeftColumn2 .genre_column{
	font-size:16px;
	font-weight:bold;
	color:#00AFFF;
	background: url('/common_img/15p/blue_bg.png') repeat scroll 0% 0% transparent;
	line-height: 41px;
	padding-left:35px;
	margin-top:10px;
}
#LeftColumn2 .genre_column span{font-size:10px;padding-left:1em;}
.PageTitleHJ{border-bottom:1px solid #cccccc;}
.toPagetop{padding:10px;text-align:right;}
.seikyu_introborder {border-top: 1px solid #cccccc;margin-top: 15px;}
.seikyu_introtext1 {font-size: 11px;margin: 5px 0;}
.seikyu_introtext2 {color: #696969;font-size: 10px;line-height: 17px;}
/*17P���C�A�E�g*/
ul.resultSchoolList {
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
}
ul.resultSchoolList li {
	display: -webkit-box;
	width: 100%;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
ul.resultSchoolList li label {
	background: #D5F2FF;
	width: 13%;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
}
ul.resultSchoolList li label input {
	-webkit-transform: scale(1.8);
	line-height: 0;
}
ul.resultSchoolList li .thumbPhoto {
	padding: 0 5px;
	float: left;
	width: 80px;
	min-height: 40px;
}
ul.resultSchoolList li .thumbPhoto img {vertical-align: middle;}
ul.resultSchoolList li .context {width: 87%;}
ul.resultSchoolList li .context .catch {
	font-size: 10px;
	margin: 10px 10px 0;
	color: #333;
}
ul.resultSchoolList li .context h2 {
	margin: 5px 0;
	color: #019CFF;
	font-weight: normal;
	font-size: 100%;
}
ul.resultSchoolList li .context .type {font-size: 10px;}
ul.resultSchoolList li .context a {
	color: #000;
	text-decoration: none;
	line-height: 1.2;
}
ul.resultSchoolList2 {
	margin-bottom: 10px;
	border-top: 1px solid #ccc;
}
ul.resultSchoolList2 li {
	display: -webkit-box;
	width: 100%;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
ul.resultSchoolList2 li label {
	display: -webkit-box;
	width: 100%;
	-webkit-box-align: center;
	-webkit-box-pack: center;
}
ul.resultSchoolList2 li label span {
	background: #D5F2FF;
	width: 13%;
	height: 50px;
	display: -webkit-box;
	-webkit-box-align: center;
	-webkit-box-pack: center;
}
ul.resultSchoolList2 li label input {line-height: 0;}
ul.resultSchoolList2 li .thumbPhoto {padding: 0 5px;float: left;width: 80px;min-height: 40px;}
ul.resultSchoolList2 li .thumbPhoto img {vertical-align: middle;}
ul.resultSchoolList2 li .context {width: 77%;}
ul.resultSchoolList2 li .context .catch {font-size: 10px;margin: 10px 10px 0;color: #333;}
ul.resultSchoolList2 li .context h2 {color: #019CFF;font-weight: normal;font-size: 100%;}
ul.resultSchoolList2 li .context .type {font-size: 10px;}
ul.resultSchoolList2 li .context a {color: #000;text-decoration: none;line-height: 1.2;}
#LeftColumn2 .search-select-area {
	margin: 10px 0 10px;
	border: 1px solid #cccccc;
	width: 762px;
	font-size: 10px;
}
#LeftColumn2 .search-select-area .search-select-area-left {border-right: 1px solid #eee;padding-left: 20px;width: 80px;}
#LeftColumn2 .search-select-area .search-select-area-right {margin-left: 10px;width: 650px;font-size: 10px;}
#LeftColumn2 .search-select-area .search-select-area-right tr {vertical-align: top;}
#LeftColumn2 .search-select-area .search-select-area-right .under {border-top: 1px dashed;}
#LeftColumn2 .search-select-area .search-select-area-right td {padding: 10px 0px;}
#LeftColumn2 .search-select-area .search-select-area-right .search-title {width: 80px;}
/*---- ���[�_���E�B���h�E�ݒ� ----*/
#open01 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  padding:10px;
  font-size: 12px;
}
#open01 .close_btn {
  text-align: right;
  margin-bottom: 10px;
  font-size: 0.8em;
}
#open01 .close_btn .close_icon {
  border:1px solid #2D77Cc;
  margin-right: 5px;
  color: #2d77cc;
  padding-left: 1px;
}
#open01 .close_overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  text-indent: -9999px;
  position: absolute;
  background: #000;
  opacity: 0.5;
  z-index: 5;
}
#open01 .area2{
  border-bottom: #2D77C2 solid 1px;
  margin-top: 10px;
  padding-bottom:10px;
} 
#open01 .modal_window {
  top: 30%;
  left: 50%;
  margin: -150px 0 0 -200px;
  width: 580px;
  height: 400px;
  display: block;
  background: #fff;
  position: absolute;
  z-index: 10;
  padding: 10px;
  border: 5px solid #2D77C2;
}
#open01 .area2 .rightmgn3 {margin-right:4em;}
#open01 .area2 .rightmgn2 {margin-right:3em;}
#open01 .area2 .rightmgn1 {margin-right:1.5em;} 
#open01 .search_btn {text-align: center;margin-top: 10px;} 
#modal label:before{content:" ";}
#open01 .modal_window button{
	text-align: center;
	margin: 6px 175px;
	width: 200px;
	padding: 4px;
}
/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
  0% {opacity:0;display:block;}
  100% {opacity:1;}
}
div#modal div:target {
  -webkit-animation-name: modalFadeIn; 
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
  opacity: 1;
  display:block;
}
@media screen and (max-width: 740px) {
	ul.resultSchoolList li .context h2 {color: #07b53b;}
	ul.resultSchoolList li label {background: rgba(7,181,59,.3);}
}