#mainimg {
	background-color: #20366c;
	position: relative;
}

#mainimg #header-text {
	position: absolute;
	top: 0px;
	z-index: 100;
	width: 100%;
}

#mainimg h2 {
	margin: 0px auto;
	padding: 130px 0px 200px 0px;
	text-align: center;
}

div.top-story {
	margin: 0px auto;
	padding: 100px 0px 50px 0px;
	width: 900px;
}

div.top-story h2 strong {
	background: white url(images/top_story_title_bg.png) repeat-x left center;
	display: block;
}

div.top-story h2 em {
	display: block;
	padding-top: 20px;
}

div.top-story div.text {
	padding: 30px 40px;
}

div.top-story div.text p {
	font-size: 22px;
	line-height: 2.4em;
}

div.top-order-message {
	background: #1a1e5c url(images/bg_kimono.jpg) no-repeat center;
	padding: 20px 0px;
}

ul.top-menulist {
	display: block;
	text-align: center;
	width: 100%;
}

ul.top-menulist li {
	display: inline-block;
	height: 350px;
	width: 50%;
}

ul.top-menulist li a {
	background-color: black;
	color: white;
	display: block;
	height: 100%;
	position: relative;
	text-decoration: none;
}

ul.top-menulist li a span.img img {
	display: block;
	text-align: center;
	transition-duration: 0.5s;
	width: 100%;
}

ul.top-menulist li a:hover span.img img {
	transform: scale(1.2);
	transition-duration: 0.5s;
}

ul.top-menulist li a span.detail {
	display: block;
	position: absolute;
	width: 100%;
	z-index: 2;
}

ul.top-menulist li a strong {
	display: block;
	padding: 70px 0px;
}

ul.top-menulist li a span.btn {
	background: #d6ad06 url(images/link_btn.svg) no-repeat right 15px center;
	background-size: 6px;
	color: white;
	display: block;
	margin: 0px 50px 0px auto;
	padding: 15px 0px;
	width: 260px;
}

div.content.top-aboutus {
	background: url(images/top_aboutus.jpg) no-repeat left center;
	background-size: 50%;
}

div.content.top-lesson {
	background: url(images/top_lesson.jpg) no-repeat left top;
	background-size: 50%;
}