@charset "utf-8";

/* blackboard
-----------------------------------------------------------------------------*/
.bx-wrapper {
	position: relative;
	*zoom: 1;
	margin:0 auto;
	padding:15px 10px;
	width:976px;
	height:315px;
	background:url(../img/top/black-board.png) no-repeat;
}
.bx-wrapper #blackboard {
	margin-left:172px;
}
.bx-wrapper img {
	width: 585px;
	display: block;
}
/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../img/top/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* keiji
-----------------------------------------------------------------------------*/
#keiji {
	position:relative;
	padding-top:20px;
	margin:25px auto 0;
	width:980px;
	height:835px;
	background:url(../img/top/keijiBg.jpg) no-repeat;
}
#keiji:after {
	content:url(../img/top/bird.png);
	position:absolute;
	right:-58px;
	bottom:0;
}
#keiji h2 {
	text-align:center;
}
#keiji > div.clearfix  {
	margin:0 25px;
}
#keiji > div.clearfix > * {
	float:left;
	width:310px;
	background-repeat:no-repeat;
}
#keiji a {
	color:#000;
	text-decoration:none;
}

/* academy
-----------------------------------*/
#academy {
	padding-top:10px;
}
#academy a {
	padding:0 30px;
	height:193px;
	background-position:center 20px;
}
#academy a:nth-child(1) {background-image:url(../img/top/academy-1.png);}
#academy a:nth-child(2) {background-image:url(../img/top/academy-2.png);}
#academy a:nth-child(3) {background-image:url(../img/top/academy-3.png);}
#academy a:hover {
	text-decoration:underline;
}
#academy a h3 {
	margin-bottom:5px;
	text-align:center;
}
#academy a p {
	width:250px;
	height:85px;
	line-height:1.5;
}

/* aika
-----------------------------------*/
h2#aikaH3 {
	padding:5px 0 10px 327px;
}
#aika a {
	display:block;
	padding:55px 20px 20px 0;
	height:400px;
	text-align:center;
}
#aika a:hover {opacity:0.9;}
#aika a:nth-child(1) {background-image:url(../img/top/aika-1.png);}
#aika a:nth-child(2) {background-image:url(../img/top/aika-2.png);}
#aika a:nth-child(3) {background-image:url(../img/top/aika-3.png);}
#aika a p {
	height:130px;
	text-align:left;
	font-weight:bold;
	font-size:15px;
	line-height:1.2;
}
#aika a:nth-child(1) p {padding-left:35px;}
#aika a:nth-child(2) p {padding-left:40px;}
#aika a:nth-child(3) p {padding-left:30px;height:125px;}
#aika a span {font-weight:bold;}
#aika a:nth-child(1) span {color:#fff100;}
#aika a:nth-child(2) span {color:#73d2f6;}
#aika a:nth-child(3) span {color:#e60012;}
#aika a p span {
	font-size:20px;
}
#aika .aikaImg {padding-left:20px;}
#aika a:nth-child(3) .aikaImg img:first-child {margin-bottom:10px;}

/* introduction
-----------------------------------------------------------------------------*/
#intro {
	position:relative;
	padding-top:30px;
	margin:0 auto;
	width:980px;
}
#intro h3 {
	position:absolute;
	left:0;
	top:0;
}
#intro ul {
	margin:0 30px;
}
#intro li {
	float:left;
}
#intro li div {
	position:relative;
	padding-top:45px;
	height:85px;
	font-size:15px;
	font-weight:bold;
	line-height:1.3;
}
#intro li:nth-child(1) {margin-right:30px;width:380px;}
#intro li:nth-child(2) {margin-right:10px;width:250px;}
#intro li:nth-child(3) {width:250px;}
#intro li:nth-child(1) div {padding-left:200px;}
#intro li:nth-child(2) div {padding-left:110px;}
#intro li:nth-child(3) div {padding-left:85px;}
#intro li div:before {
	position:absolute;
	top:0;
	left:5px;
}
#intro li:nth-child(1) div:before {content:url(../img/top/illust-saito.png);width:75px;left:50%;margin-left:-65px;}
#intro li:nth-child(2) div:before {content:url(../img/top/illust-sense.png);width:103px;}
#intro li:nth-child(3) div:before {content:url(../img/top/illust-aki.png);width:64px;}
#intro li div span {
	display:block;
	margin-left:-0.5em;
	font-size:12px;
	font-weight:normal;
}
#intro li p {
	position:relative;
	behavior:url(css/PIE.htc);
	padding:20px;
	background-color:#a1d957;
	border-radius:10px;
	line-height:1.5;
	font-size:13px;
}