@charset "utf-8";
/* CSS Document */
body {
	line-height:1.4;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:medium;
	color:#181818;
	margin: 0px;
}
a:link { color: #181818; text-decoration: none; }
a:visited { color: #181818; }
a:hover { color: #181818; text-decoration: none; }
a:active { color: #181818; }
/*  透過  */
a.op:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

header{
	width:100%;
	background-color:#cec7ab;
	/*position: relative;*/
}
.academy{
	/*width:58%;*/
	text-align: center;
	/*float: left;*/
	/*margin:8px 0px 8px 6px;*/
}
.academy img{
	/*width:100%;*/
	width: 50%;
	margin: 6px;
}
.topbanner {
	display: -webkit-flex;
	display: flex;
	background-color:#cec7ab;
	padding:0px 6px 6px 6px;
	justify-content: space-between;
}
.topbanner p.left {
	margin-right: 8px;
}
.topbanner img{
	max-width: 100%;
	height: auto;
}
.btnRequest {
	width:30%;
	float: right;
	margin:8px 10px 8px 0px;
}
.btnRequest img {
	width:100%;
}
h1 {
	clear: both;
	text-align:center;
}
h1 img{
	width:100%;
	margin-bottom:6px;
}
h1 img.noimg{
	width:100%;
	margin-bottom:-6px;
}
h1 img.img2{
	width:87%;
	margin-bottom:8px;
}
.banner {
	background-color:#cec7ab;
	padding:0px 6px 6px 6px;
}
.banner p img { 
	width:100%;
}
.banner2 {
	background-color:#cec7ab;
	padding:8px 6px 6px 6px;
}
.slidearea {
	background-color:#cec7ab;
	padding-bottom: 6px;
}
.slidearea p{text-align: center}
.slidearea p img.w87{width: 87%}
.commutearea {
	background-color:#a46a48;
	color: white;
	margin: 5px auto;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}
.commutebanner-up {
	display: -webkit-flex;
	display: flex;
	background-color:#cec7ab;
	padding:6px 6px 0px 6px;
	justify-content: space-between;
}
.commutebanner-up p.left {
	margin-right: 4px;
}
.commutebanner-up img{
	max-width: 100%;
	height: auto;
}
.commutebanner-down {
	display: -webkit-flex;
	display: flex;
	background-color:#cec7ab;
	padding:4px 6px 6px 6px;
	justify-content: space-between;
}
.commutebanner-down p.left {
	margin-right: 4px;
}
.commutebanner-down img{
	max-width: 100%;
	height: auto;
}
.commutebanner-v {
	display: -webkit-flex;
	display: flex;
	background-color:#cec7ab;
	flex-direction: column;
	align-content: space-between;
}
.commutebanner-v p {
	flex-grow: 1;
}
.commutebanner-v img {
	max-width: 100%;
	height: auto;
}
.guidearea {
	background-color:#fff36f;
	margin: 5px auto;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}
.guidebanner {
	display: -webkit-flex;
	display: flex;
	background-color:#cec7ab;
	padding:6px 6px 10px 6px;
	justify-content: space-between;
}
.guidebanner p.left {
	margin-right: 4px;
}
.guidebanner img{
	max-width: 100%;
	height: auto;
}

#bannerarea {
	background-color:#cec7ab;
	width:100%;
}
#bannerarea .areaU {
	background-color:#cec7ab;
	margin:-6px 6px 6px 6px;
	/*width:99%;*/
	text-align:center;
	position:relative;
}
#bannerarea .areaU ul li {
	float:left;
	width:49.9%;
	text-align:center;
}
#bannerarea .areaU ul li img {max-width:100%}
#bannerarea .areaD {
	background-color:#cec7ab;
	margin:0px 6px 6px 6px;
	/*width:99%;*/
	text-align:center;
	position:relative;
}
#bannerarea .areaD ul li {
	float:left;
	width:33.3%;
	text-align:center;
}
#bannerarea .areaD ul li img {max-width:100%}
#bannerarea .textLink {
	padding:6px;
}
.textLink p.now {
	text-align:center;
	font-weight:bold;
	font-size:100%;
	color:#FFFFFF;
}
.textLink p.word {font-size:90%}
.textLink p.word a {color:#006dbb}
.textLink p.word img {margin-top:4px}
.areablue {color:#006dbb}
.news {
	border-right:#BC1938 solid 2px;
	border-left:#BC1938 solid 2px;
	border-bottom:#BC1938 solid 2px;
}
h2 {
	background-color:#BC1938;
	color:#FFF;
	padding:5px;
}
.news ul {
	padding:5px;
}
.news ul li {
	margin-bottom:5px;
	background-image:url(/spn/common/img/arrow.gif);
	background-position:4px 0.5em;
	background-repeat:no-repeat;
	padding-left:0.8em;
	font-size:90%;
}
.news ul li a:link {text-decoration:underline}
#gakkaList,
#guidanceList,
#informationList {
	width:100%;
	margin:auto;
	padding:0;
}
#gakkaList li,
#guidanceList li,
#informationList li {
	padding:0.4em 1em;
	border-top:#FFF solid 1px;
	background-color:#F9B2C2;
}
#gakkaList li.top,
#guidanceList li.top,
#informationList li.top{
	border:none;
}
#gakkaList li a,
#guidanceList li a,
#informationList li a {
	display:block;
}
#gakkaList li a:after {
	content:url(/spn/common/img/link.png);
	float:right;
}
#guidanceList li a:after,
#informationList li a:after {
	content:url(/spn/common/img/pc2.png);
	float:right;
	position:relative; top:0.2em;
}
#informationList li a.spn:after {
	content:url(/spn/common/img/link.png);
	float:right;
	/*position:relative; top:0.2em;*/
}
/*.schoolList {
	height:0;
	overflow:hidden;
	position: relative;
	-webkit-transition: height 0.3s linear;
	-moz-transition: height 0.3s linear;
	-o-transition: height 0.3s linear;
	-ms-transition: height 0.3s linear;
	transition: height 0.3s linear;
}*/
.schoolList {
	display:none;
}
.school dl {
	width:100%;
	margin:auto;
	padding:0;
}
.school dl dt {
	padding:0.4em 1em;
	border-top:#FFF solid 1px;
	background-color:#F9B2C2;
}
.school dl dt.top {
	border:none;
}
.school dl dt a {
	display:block;
}
.school dl dt a:after {
	content:url(/spn/common/img/open.png);
	float:right;
}
.school dl dd {
	background-color:#F9B2C2;
}
.school dl dd ul li {
	margin-left:1em;
	padding:0.4em 1em;
	border-top:#FFF solid 1px;
	background-color:#FCD6E0;
}
.school dl dd ul li.top {
	border:none;
}
.school dl dd ul li a {
	display:block;
}
.school dl dd ul li a:after{
	/*content:url(/spn/common/img/pc.png);*/
	content:url(/spn/common/img/link3.png);
	float:right;
	/*position:relative; top:0.2em;*/
}
.school dl dd ul li a.spn:after{
	content:url(/spn/common/img/link3.png);
	float:right;
	position:relative; top:0em;
}
.request {
	clear:both;
	width:100%;
	margin:auto;
	padding:0;
}
.request div.left {
	width: 50%;
	background-color:#545454;
	float: left;
}
.request div p {
	font-size:120%;
	font-weight:bold;
	text-align:center;
	padding:0.4em 1em;
}
.request div p a {
	display:block;
	color:#FFF;
}
.request div.right {
	width: 50%;
	background-color:#00b3f8;
	float: left;
}
.course {
	width:50%;
	float:left;
	margin:0;
	padding:0;
	background-color:#cec7ab;
}
.course p.left img {
	width:85%;
	margin:0.5em 0em 0.4em 1.0em;
}
.course p.right {
	text-align:right;
}
.course p.right img{
	width:85%;
	margin:0.5em 1.0em 0.4em 0em;
}
.course2 {
	width: 100%;
	margin:0;
	padding:0;
	background-color:#cec7ab;
}
.sns {
	display: -webkit-flex;
	display: flex;
	background-color:#cec7ab;
	width: 87%;
	margin: auto;
	padding-bottom:6px;
	justify-content: space-between;
	align-items: center;
}
.sns p.left {
	margin-right: 6px;
}
.sns img.icon {
	flex-shrink: 0;
}
.sns img{
	max-width: 100%;
	height: auto;
}
.w87 {width: 87%}
footer{
	clear: both;
	width:100%;
}
footer>section {
	margin:0.3em 0.3em 0.6em 0.3em;
}
p.pagebottom {
	text-align:right;
	font-size:80%;
}
p.pagebottom a:before {
	content:url(/spn/common/img/up.png);
}
p.gotop {
	float:left;
	font-size:80%;
}
p.gotop a:before {
	content:url(/spn/common/img/gotop.png);
}
p.logo{
	text-align:center;
}
p.logo img{
	width:95%;
	margin:auto;
}
.movie {
	position:relative;
	padding-bottom:56.25%;
/*	border-top:#BC1938 solid 3px;*/
}
.movie>div>iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.tac {text-align: center}
.tar {text-align: right}
.tal {text-align: left}
.all {width:100%}
.middle {vertical-align:middle}