@charset "UTF-8";
/*
* Theme Name: StepQi-School
* Last Update: jul 01 2014
* Version: 1.0
* Code Maked By Kiyo
*/

/*
----------------------------
#mainVisual
----------------------------
*/

#mainVisual{
		display: block;
		width: 650px;
		text-align: center;
	}
	#mainVisualInner{
		display: block;
		margin: 0 auto;
	}
	@media screen and (max-width:768px){
		#mainVisual{
			width: 100%;
		}
		#mainVisualInner{
			width: 90%;
		}
	}



/*
----------------------------
.page-header h2
----------------------------
*/

.page-header {
	clear: both;
	margin-bottom: 2em;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	}
	.page-header h2 {
		padding: 0px 0px 0px;
		min-height: 36px;
		height: auto !important; 
		height: 36px;
		background: url(../_images/contents/h2_Bg.png) no-repeat right bottom;
		}
		.page-header h2 span{
			font-size: 20px;
			font-size: 2.0rem;
			color: #0077C2;
			font-weight: normal;
		}
			.page-header h2 span a{
				color: #0077C2;
			}

	@media screen and (max-width:768px){
	.page-header h2 {
			margin-bottom: 2em;
		}
	}


/*
----------------------------
infoBlock
----------------------------
*/

.infoBlock .unit:first-child {  padding: 0px; padding-bottom: 10px; padding-top: 10px;}
.infoBlock .unit:last-child {   padding: 0px; padding-bottom: 10px; padding-top: 10px;}

	@media screen and (max-width:768px){
		.infoBlock .unit:first-child { padding: 0px; padding-bottom: 0px; padding-top: 10px;}
		.infoBlock .unit:last-child {  padding: 0px; padding-bottom: 10px; padding-top: 5px; padding-left: 5px;}
	}

.infoBlock{
	border-bottom: 1px solid #ccc;
	/*margin-bottom: 20px;*/
	/*font-size: 100%!important;*/
}

/*.ie8 .infoBlock{font-size: 13px!important;}*/


  .infoTitle {
    position: relative;
    z-index: 9000;
  }

	.infoTitle a{
		color: #0077c2;
	}
		.infoTitle a:hover{
			color:#333;
		}



		.totopcslist{
			text-align: right;
			margin-top: 20px;
		}
			.totopcslist a:before{
				content: '\f0a9  ';
				font-family: FontAwesome;
			}