@charset "utf-8";

/*------------------------------------------
School IE -man to man Academy- [smartphone]
Schoolhouse Page Styling

Last Updated: 2013-08-30
URL: http://www.school-ie.co.jp/sp/
------------------------------------------*/

/* -------------------------------------
 Common
------------------------------------- */
#Schoolhouse {
	width: 95%;
	margin: 0 auto 20px;
}
#Schoolhouse #SchoolBanner ul {
	width: 101%;
	margin: 0 auto;
}
#Schoolhouse #SchoolBanner ul li {
	display: inline;
	width: 50%;
}
#Schoolhouse #SchoolBanner ul li img {
	width: 49%;
	margin-bottom: 5px;
}
#Schoolhouse h3 {
	color: #333;
	line-height:1.4;
	font-size: 14rem;
	margin: 0 auto 10px;
	padding: 5px 10px;
	border-left: 5px solid #096;
	border-bottom: 1px solid #ccc;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	font-weight: bold;
}
#SchoolDetail {
	margin-bottom: 30px;
}
#SchoolDetail address {
	border-top: 5px solid #aaa;
	border-bottom: 5px solid #aaa;
	background-color: #f5f5f5;
	padding: 5px 10px 10px;
	margin: 0 0 20px 0;
	font-size: 14rem;
}
#SchoolDetail dl#AddressTable dt {
	clear: left;
	float: left;
	width: 22%;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}
#SchoolDetail dl#AddressTable dd {
	width: 77%;
	margin: 0 0 0 22%;
	padding: 0;
	border: none;
	background: none;
}
#map {
	height: 100%;
	margin-top: 10px;
	border: 1px solid #aaa;
}
#board {
	display: inline-block;
	width: 95%;
	box-shadow: 5px 5px 5px -2px rgba(0, 0, 0, 0.3);
	margin: 0 auto 20px;
	padding: 20px 10px 0;
	background-image: url(../img/bg_contents_04.png);
	background-repeat: repeat;
}
#board p {
	width: 100%;
	text-align: center;
}
#Schoolhouse #Intro {
	margin-bottom: 20px;
}
#Schoolhouse #Intro img {
	width: 40%;
}
#Schoolhouse .imgbox_r {
	float: right;
	padding: 0 0 5px 10px;
}
#Schoolhouse .imgbox_l {
	float: left;
	padding: 0 10px 5px 0;
}
#Schoolhouse .imgbox_r span,
#Schoolhouse .imgbox_l span{
	display: block;
	font-size: smaller;
	text-align: center;
}
#Schoolhouse #Photos div {
	margin-bottom: 30px;
}

iframe {
  width: 100%;
  height: 100%;
}