@charset "utf-8";

/* -----------------------------------------------------------
	QUALIER
	
	for index.html
	
	
----------------------------------------------------------- */
div.indexheader {margin-bottom:0 ! important; z-index:99;}
div.index div#swfArea {margin-bottom:10px; z-index:0;}

div.index div.introduction {
	position:relative;
	margin-bottom:30px;
	background:url(../images/course_bg.jpg) no-repeat left top;
	width:670px;
	height:200px;
}
div.index div.introduction h2 {margin-bottom:0;}
div.index div.introduction h2 a {
	display:block;
}
div.index div.introduction p.detailLinkL,
div.index div.introduction p.detailLinkR,
div.index div.introduction p.detailLinkU{
	position:absolute;
	bottom:54px;
}
div.index div.introduction p.detailLinkL {
	left:19px;
}
div.index div.introduction p.detailLinkR {
	left:239px;
}

div.index div.introduction p.detailLinkU {
	left:463px;
}

div.index div.introduction div.preschool {
	position:absolute;
	top:7px;
	left:9px;
	width:212px;
}
div.index div.introduction div.preschool p {
	position:absolute;
	top:44px;
	left:10px;
	width:103px;
	font-size:10px;
	height: 76px;
}
div.index div.introduction div.genius {
	position:absolute;
	top:6px;
	left:230px;
	width:212px;
}
div.index div.introduction div.genius p {
	position:absolute;
	top:45px;
	left:9px;
	width:99px;
	font-size:10px;
	height: 82px;
}

div.index div.introduction div.elementary {
	position:absolute;
	top:6px;
	left:451px;
	width:211px;
}
div.index div.introduction div.elementary p {
	position:absolute;
	top:48px;
	left:10px;
	width:90px;
	font-size:10px;
	height: 14px;
}

div.index div.introduction div.preschool p.copy a:link,
div.index div.introduction div.genius p.copy a:link,
div.index div.introduction div.elementary p.copy a:link{
	color:#666666;
	text-decoration: none;
}
div.index div.introduction div.preschool p.copy a:visited,
div.index div.introduction div.genius p.copy a:visited,
div.index div.introduction div.elementary p.copy a:visited {
	color:#666666;
	text-decoration: none;
}
div.index div.introduction div.preschool p.copy a:hover,
div.index div.introduction div.genius p.copy a:hover,
div.index div.introduction div.elementary p.copy a:hover {
	color:#666666;
	text-decoration: underline;
}
div.index div.introduction div.preschool p.copy a:active,
div.index div.introduction div.genius p.copy a:active,
div.index div.introduction div.elementary p.copy a:active {
	color:#666666;
	text-decoration: underline;
}
div.index div.introduction div.preschool p.arrow a:link,
div.index div.introduction div.genius p.arrow a:link,
div.index div.introduction div.elementary p.arrow a:link {	
	text-decoration: none;
}
div.index div.introduction div.preschool p.arrow a:visited,
div.index div.introduction div.genius p.arrow a:visited,
div.index div.introduction div.elementary p.arrow a:visited {
	text-decoration: none;
}
div.index div.introduction div.preschool p.arrow a:hover,
div.index div.introduction div.genius p.arrow a:hover,
div.index div.introduction div.elementary p.arrow a:hover {
	text-decoration: underline;
}
div.index div.introduction div.preschool p.arrow a:active,
div.index div.introduction div.genius p.arrow a:active,
div.index div.introduction div.elementary p.arrow a:active {
	text-decoration: underline;
}

div.index div.titleWrap {
	position:relative;
	margin-bottom:15px;
}
div.index div.titleWrap h2 {
	background:url(../images/info_line.gif) no-repeat left bottom;
	padding-bottom:7px;
}
div.index div.titleWrap p {
	position:absolute;
	top:0;
	right:0;
}
div.index dl dt, div.index dl dd {
	display:block;
	margin-bottom:10px;
}
div.index dl dt {
	float:left;
	width:8em;
}
div.index dl dd {
	margin-left:8em;
	background:url(../share/images/arrow01.gif) no-repeat left 6px;
	padding-left:10px;
}


.fs12 {font-size:12px ! important;}