@charset "utf-8";




#footer{
margin-top: 60px;
height: 0;
}


/* ガイドナビエリア（2015） */

nav#guide2{
	background-color: #ccc;
	padding-top: 30px;
}
nav#guide2 h2{
	margin:0;
	text-align: center;
}
nav#guide2 ul{
	width: 970px;
	margin: 0 auto;
}
nav#guide2 ul li a{
	margin: 25px;
}

/* ガイドナビエリア（2014） */

#footer nav#guide{
	color: #ffffff;
background-color: #996699;
}

#footer nav#guide h1{
	text-align: center;
	font-size: 28px;
	font-weight: normal;
	line-height: 4;
}

#footer nav#guide ul{
	width: 920px;
	margin: 0 auto;
	position:relative;
}

#footer nav#guide ul li a.guide-box{
	float: left;
	display:inline-block;
	width: 210px;
	height: 210px;
	background-color: #ffffff;
	margin: 0 10px 50px;

	border-top-right-radius: 30px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 30px;
	border-radius-topright: 30px;
	border-radius-bottomright: 10px;
	border-radius-bottomleft: 30px;
	behavior: url(../js/PIE.htc);
}

#footer nav#guide ul li a:hover.guide-box{
background-color:#000000;
color:#00FFFF;
}



#footer nav#guide ul li a.guide-box span#pan{
	display: table-cell;
	width: 200px;
	height: 110px;
	vertical-align: bottom;
	text-align:center;
	font-size: 28px;
	font-weight: normal;
	text-align: center;
	color: #ff9900;
}
#footer nav#guide ul li a:hover.guide-box span#pan{
	color:#00FFFF;
}



#footer nav#guide ul li a.guide-box span#exp{
	display: table-cell;
	width: 200px;
	height: 110px;
	vertical-align: bottom;
	text-align:center;
	font-size: 28px;
	font-weight: normal;
	text-align: center;
	color: #00AEEC;
}
#footer nav#guide ul li a:hover.guide-box span#exp{
	color:#00FFFF;
}

#footer nav#guide ul li a.guide-box span#mail{
	display: table-cell;
	width: 200px;
	height: 110px;
	vertical-align: bottom;
	text-align:center;
	font-size: 28px;
	font-weight: normal;
	text-align: center;
	color: #87B821;
}
#footer nav#guide ul li a:hover.guide-box span#mail{
	color:#00FFFF;
}

#footer nav#guide ul li a.guide-box span#next{
	display: table-cell;
	width: 200px;
	height: 110px;
	vertical-align: bottom;
	text-align:center;
	font-size: 28px;
	font-weight: normal;
	text-align: center;
	color: #D98CD9;
}
#footer nav#guide ul li a:hover.guide-box span#next{
	color:#00FFFF;
}


#footer nav#guide ul li a.guide-box span#next2{
	display: table-cell;
	width: 200px;
	height: 110px;
	vertical-align: bottom;
	text-align:center;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	color: #D98CD9;
}
#footer nav#guide ul li a:hover.guide-box span#next2{
	color:#00FFFF;
}


#footer nav#guide ul li a.guide-box span#next3{
	display: table-cell;
	width: 200px;
	height: 110px;
	vertical-align: bottom;
	text-align:center;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	color: #D98CD9;
}
#footer nav#guide ul li a:hover.guide-box span#next3{
	color:#00FFFF;
}



#footer nav#guide ul li span.guide-read{
	display: table-cell;
	width: 210px;
	height: 60px;
	vertical-align: top;
	text-align:center;
	font-size: 15px;
	line-height:1.5;
}



/* フォームへリンク 体験入学 */

#footer nav#form-link2{
	color: #ffffff;
background-color: #ABCF00;
height:350px;
text-align:center;
margin:0 auto;
}

#footer nav#form-link2 h1{
	text-align: center;
	font-size: 28px;
	font-weight: normal;
	line-height: 4;
}

#footer nav#form-link2 #form-btn a{
display:inline-block;
width:650px;
height:150px;
background-color:#ffffff;
margin:0 auto;
line-height:6.0;
font-size:26px;
color:#FF6600;
text-align:center;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
behavior: url(../js/PIE.htc);
position:relative;
}

#footer nav#form-link2 #form-btn a:hover {
background-color:#000000;
color:#ffffff;
}


/* フォームへリンク 東京サテライト校説明会 */

#footer nav#form-link3{
	color: #ffffff;
background-color: #ABCF00;
height:700px;
text-align:center;
margin:0 auto;
}

#footer nav#form-link3 h1{
	text-align: center;
	font-size: 28px;
	font-weight: normal;
	line-height: 4;
}

#footer nav#form-link3 #form-btn a{
display:inline-block;
width:650px;
height:150px;
background-color:#ffffff;
margin:0 auto;
line-height:6.0;
font-size:26px;
color:#FF6600;
text-align:center;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
behavior: url(../js/PIE.htc);
position:relative;
}

#footer nav#form-link3 #form-btn a:hover {
background-color:#000000;
color:#ffffff;
}


/* 電話と検索エリア */

#tel{
	font-size: 15px;
	text-align: center;
	color: #666666;
	margin-top: 60px;
}

#footer #searchsitemap{
	width: 906px;
	margin: 0 auto;
}

#footer #searchsitemap img#sitem{
	vertical-align: middle;
}

#footer #search{
	width: 630px;
	margin: 20px auto;
}

#footer #search02{
	width: 630px;
	margin: 20px 0 20px -14px;
	float: left;
}


/* サイトマップエリア */

#footer #sitemap{
	float: right;
	margin: 20px 10px 0 0;
	padding: 17px 0;
}

#footer #sitemap a {
	text-decoration: underline;
	color: #000000;
}

#footer #sitemap a:hover {
	text-decoration: underline;
	color: #00ffff;
}

#footer #sitemap .ib-box1 {
	display: inline-block;
	/display: inline;  /* IE用ハック */
	/zoom: 1;  /* IE用ハック */
	width: 40px;
	margin: 0;
	vertical-align: top;
}

#footer #sitemap .ib-box2 {
	display: inline-block;
	/display: inline;  /* IE用ハック */
	/zoom: 1;  /* IE用ハック */
	width: 100px;
	margin: 0;
}

#footer #sitemap .ib-box2 p {
	padding-top: 5px;
}

/* グローバルナビエリア */

#footer nav#gnav-under{
	width: 906px;
	margin: 0 auto;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}


/* 島エリア */

#footer p#island{
	margin-top: 50px;
	text-align: center;
	height: 94px;
}

#footer aside{
	color: #ffffff;
	background-color: #47B1E5;
	padding: 20px 0;
}

#footer aside p.sea{
	font-size: 12px;
	line-height: 2;
	text-align: center;
	display: block;
	margin: 16px 0;
}

#footer aside .layout01{
width:920px;
margin: 20px auto 50px;
color:#666666;
position:relative;
}

#footer aside .layout02{
width:920px;
margin:0px auto;
color:#666666;
position:relative;
}

#footer aside .layout03{
width:920px;
margin:0px auto 60px;
color:#666666;
position:relative;
}

#footer aside .layout01 h3{
font-size:16px;
font-weight:bold;
border-bottom:solid 1px #d5d5d5;
margin-top:40px;
margin-bottom: 0px;
}

#footer aside .layout02 h3{
font-size:16px;
font-weight:bold;
border-bottom:solid 1px #d5d5d5;
margin-top:40px;
margin-bottom: 0px;
}

#footer aside .layout03 h3{
font-size:16px;
font-weight:bold;
border-bottom:solid 1px #d5d5d5;
margin-top:40px;
margin-bottom: 0px;
}

#footer aside .layout01 h4{
font-size:14px;
font-weight:bold;
margin: 0px 0px 3px;
}

#footer aside .layout02 h4{
font-size:14px;
font-weight:bold;
margin: 0px 0px 3px;
}

#footer aside .layout03 h4{
font-size:14px;
font-weight:bold;
margin: 0px 0px 3px;
}


#footer aside .ib-box {
	display: inline-block;
	/display: inline;  /* IE用ハック */
	/zoom: 1;  /* IE用ハック */
	width: 210px;
	margin: 10px 5px 20px;
	vertical-align: text-top;
}

#footer aside .layout01 .ib-box ul li a{
	font-size:12px;
	padding-top: 5px;
	color: #ffffff
}

#footer aside .layout02 .ib-box ul li a{
	font-size:12px;
	padding-top: 5px;
	color: #ffffff
}

#footer aside .layout03 .ib-box ul li a{
	font-size:12px;
	padding-top: 5px;
	color: #ffffff
}

#footer aside .layout01 .ib-box ul li a:hover{
	font-size:12px;
	padding-top: 5px;
	text-decoration: underline;
	color: #00FFFF
}

#footer aside .layout02 .ib-box ul li a:hover{
	font-size:12px;
	padding-top: 5px;
	text-decoration: underline;
	color: #00FFFF
}

#footer aside .layout03 .ib-box ul li a:hover{
	font-size:12px;
	padding-top: 5px;
	text-decoration: underline;
	color: #00FFFF
}


/* rssエリア */

#footer #rss{
	width: 560px;
	margin: 10px auto 10px;
}

#footer #rss ul li {
	float: left;
	list-style: none;
	margin-right: 20px;
}

#footer #rss ul li a img.rss04 {
	vertical-align: middle;
}


/* ソーシャルブックマークエリア */

#footer #sb-box {
	width: 850px;
	margin: 0 auto;
}

#footer #sb-box ul li {
	float: left;
	list-style: none;
	margin-right: 20px;
}

#footer #sb-box2 {
	width: 850px;
	margin: 70px auto 0px;
}

#footer #sb-box2 ul li {
	float: left;
	list-style: none;
	margin-right: 20px;
}


