/* **********************************************
 共通要素
********************************************** */

body.framepage {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color: #555;
	font-size: 13px;
	-webkit-text-size-adjust: none;	/** 文字の拡大を防ぐ **/
	margin: 0px;
	overflow: hidden;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-weight: normal;
  color: #333;
}

p {
	line-height: 180%;
	margin: 0px 0px 20px 0px;
}

/*---------------------------------------------------------------------------
 スクールリスト
---------------------------------------------------------------------------*/

#schoollist {
	border-top: solid 1px #d7d7d7;
	width: 100%;
	margin: 0 0 20px 0;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
}

@media (min-width: 500px) {
	#schoollist {
		border: none;
	}
}

#schoollist dl {
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0;
}

@media (min-width: 500px) {
	#schoollist dl {
		border: none;
		background: #fff url(../images/common/schoolbox-bg.gif) bottom left;
		background-size:cover;
	}
}

#schoollist dt {
  float: left;
  line-height: 140%;
  padding-top: 5px;
  width: 100%;
  margin: 0 0 5px 0;
  font-size: 90%;
}

@media (min-width: 500px) {
	#schoollist dt {
		margin: 0 -140px 0 0;
		width: 140px;
	}
	#schoollist dt b {
		display: none;
	}
}

@media (min-width: 680px) {
	#schoollist dt {
		margin: 0 -210px 0 0;
		width: 210px;
	}
	#schoollist dt b {
		display: block;
	}
}

#schoollist dt a {
  line-height: 120%;
}

#schoollist dt img {
  margin: 0 5px 0 0;
  float: left;
}

@media (min-width: 500px) {
	#schoollist dt img {
		float: none;
		clear: both;
		display: block;
		margin: 0 auto;
	}
}

@media (min-width: 680px) {
	#schoollist dt img {
		float: left;
		margin: 0 5px 0 0;
	}
}

#schoollist dd {
	width: 100%;
	border-bottom: solid 1px #d7d7d7;
	padding-bottom: 5px;
	line-height: 145%;
	font-size: 84%;
}

@media (min-width: 500px) {
	#schoollist dd {
		border: none;
		margin: 50px 10px .5em 0;
		float: left;
		width: 156px;
	}
}

@media (min-width: 680px) {
	#schoollist dd {
		width: 216px;
	}
}

#schoollist dd a {
  white-space: nowrap;
	line-height: 145%;
}

#schoollist dd a span {
  display: none;
}

blockquote {
    padding: 0;
    margin: 0;
    font-size: 100%;
    border-left: none;
}

/* 掲載スクールが無い場合のメッセージ */
p.noschool {
	text-align: center;
	border: double 3px #aaddaa;
	background: #ffffdd;
	padding: 10px 20px 40px;
	font-size: 16px;
	font-weight: bold;
	font-size: 100%;
}
p.noschool a {
	display: block;
	float: right;
	height: 20px;
	margin: 10px 0;
}

/*---------------------------------------------------------------------------
 スクールリスト２０１６０５３０
---------------------------------------------------------------------------*/

@media (min-width: 500px) {
	#schoollist dl {
		border: 1px solid #e9ebee;
		background: none;
		float: left;
        width: 33%;
        margin: 0 0.5% 2px 0;
        height: 134px;
	    border-radius: 10px;
	    -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	}
	#schoollist dl:nth-child(3n){
	        margin-right:0;
    }
	#schoollist dt {
		margin: 0 auto 10px;
		width: 100%;
	}
	#schoollist dd {
		padding: 0 0px 5px 5px;
		width: 100%;
		margin: 0 auto;
	}
}

@media (min-width: 680px) {
	#schoollist dl {height: 110px;}
	#schoollist dt img {
	    margin: 0 5px 0 5px;
		width:38%;
	}
	#schoollist dt {
		padding: 5px 5px;
    	height: 42%;
	}
}


/* **********************************************
 #13404スクール一覧を位置最下部に移動
********************************************** */
@media (min-width: 960px) {
	#schoollist dl {
        width: 24%;
    	margin: 0 1.3% 5px 0;
	}
	#schoollist dl:nth-child(3n){
	        margin-right: 1.3%;
    }
		#schoollist dl:nth-child(4n){
	    margin-right:0;
    }
}