@charset "utf-8";

/*-----------------------------------------------------	*/
/*	for v.css				*/

/*-----------------------------------------------------	*/


/*共通*********************************************/
#catTit .col{
	background:#FFF;
}

#catTit .three-fourth{
	background:#F5F5ED;
}


.row_p{
	max-width: 740px;
	margin: 0 auto;
	clear: both;
}/*
.row_p:after {
	content: "";
	display: block;
	clear: both;
}*/
.heightLine,
.heightLineL{
	width:32.297297297%;/*239px*/
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin-left:1.351351351%;/*10px*/
	margin-bottom:1.351351351%;/*10px*/
	display:block;


}
.heightLine:first-child{
	margin-left:0;
}
.heightLineL img{
	border-bottom:1px solid #CCCCCC;
}
.heightLine p{
	background:#FFF;
	padding:4px 4px;
	font-size:88%;
	line-height:1.45;
}
.heightLine .int{
	position:relative;
	overflow:hidden;
}
.heightLine .int .name{
	position:absolute;
	bottom:0;
	left:0;
	background-color: rgba(255,255,255,0.7);
	padding:2px 6px 2px;
	font-size:65%;
	width:99.581589958%;

}

/*家庭学習*********************************************/
#homelearning #catTit h1{
	border-bottom:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	padding:18px 19px;
	margin-bottom:1%;/*10px*/
	background:#3ABFA4;
}

#homelearning #catTit h1.spOn{
	display:none ;
}

#homelearning .heightLine p{
	border-top:4px solid #3ABFA4;		
}
#homelearning .heightLine a{
		color:#333333;
		text-decoration:none;
}
#homelearning .heightLine a:hover{
	text-decoration:none;
	color:#3ABFA4;
}

/**大学受験********************************************/
#admissions #catTit h1{
	border-bottom:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	padding:18px 19px;
	background:#FFB120;
	margin-bottom:1%;/*10px*/
}

#admissions #catTit h1.spOn{
	display:none ;
}

#admissions .heightLine p{
	border-top:4px solid #FFB120;		
}
#admissions .heightLine a{
		color:#333333;
		text-decoration:none;
}
#admissions .heightLine a:hover{
	text-decoration:none;
	color:#FFB120;
}

/*就職*********************************************/
#shukatsu #catTit h1{
	border-bottom:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	margin-bottom:1%;/*10px*/
	background:#3388CC;
	padding:18px 19px;
}
#shukatsu #catTit h1.spOn{
	display:none ;
}
#shukatsu .heightLine p{
	border-top:4px solid #3388CC;		
}
#shukatsu .heightLine a{
		color:#333333;
		text-decoration:none;
}
#shukatsu .heightLine a:hover{
	text-decoration:none;
	color:#3388CC;
}

/*就職フェア*/
#shukatsu #sFair{
	display:block;
	font-size:90%;
	line-height:1.0;


	}
#shukatsu #sFair h3{
    color: #E50043;
    font-size: 110%;
    padding: 6px 12px 6px;
    margin: 0;
    font-weight: bold;
	}
#shukatsu #sFair .heightLine{
	width:33.648648648%;/*249px*/
	margin-left:0;
	margin-bottom:1.351351351%;/*10px*/

}
#shukatsu #sFair .heightLineL:first-child{
	border-right:none;
}
#shukatsu #sFair .col{
	background:#FFF; 
 	/*padding-bottom:22.297297297%;/*165px*/
	height:0;} 

#shukatsu #sFair .heightLine{
	width:33.783783783%;/*250px*/
	display:block;
} 

#shukatsu #sFair dl{
 	padding:2px 10px 0;
	margin:0;
} 
.listSeminar dt { 
  float:left; 
  font-size:78%;
  color:#E50043;
  border-top:1px dotted #CCC;
  padding:5px 0; 
  display:block;
 	margin:0;
	clear:both;
} 
.listSeminar dd {
padding:6px 0 6px 68px;
  line-height:1.2;
  border-top:1px dotted #CCC;
	font-size:81%;
	margin:0;} 

dl dt:first-child{
	border-top:none !important;
	padding-top:0 !important;
}
dl dt:first-child + dd{
	border-top:none !important;
	padding-top:0 !important;

}

/*-----------------------------------------------------	*/
/*	for 640px - 999px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 741px) and (max-width: 999px) {
#shukatsu .heightLine,
#homelearning .heightLine,
#admissions .heightLine{
border-right:none;
}


}



/*-----------------------------------------------------	*/
/*	for - 480px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 740px) {

	/* ------ Column ------ */
	#side,
	.col,
	.col.left,
	.col.right{
		float: none;
		width: auto;
		margin-left: 0;

	}
.row_p{
	clear:none;
}


#catTit .sPanel{
	clear:both;
	float:left !important;
	width:49%;
	margin-right:1%;
	margin-left:0;
	font-size:90%;
		}
#catTit .sPanel02{
	float:left !important;
	width:49%;
	margin-right:0;
	font-size:90%;
		}
#catTit .row_p{
	margin: 0 auto;
}	



#catTit .col{
	background:#FFF;

}

#catTit .three-fourth{
	background:#F5F5ED;
}

#side{
	clear:both;
	padding-top:20px;
}

.heightLine .int .name{
	display:none;

}
/*家庭学習*********************************************/
#homelearning #catTit h1.spOn{
	display:block;
	background:#F5F5EE;
	border:none;
	padding:10px 0;
}

/**大学受験********************************************/
#admissions #catTit h1.spOn{
	display:block;
	background:#F5F5EE;
	border:none;
	padding:10px 0;
}
	
/*就職*********************************************/

#shukatsu #sFair .heightLine{
	width:100%;

}
#shukatsu #sFair .heightLineL{
	margin-bottom:0;
	border-bottom:4px solid #3388CC;	
}
.heightLine:first-child,
.heightLineL:first-child{
	margin-left:0;
}
#shukatsu #sFair .heightLine{
	height:auto !important;
}
.heightLineL img{
	border-bottom:none;
}
.heightLine .int .name{
	width:100%;
}
#shukatsu #sFair .col{
 	padding-bottom:0;
	height:auto;} 

#shukatsu #catTit h1.spOn{
	display:block;
	background:#F5F5EE;
	border:none;
	padding:10px 0;
}
