@charset "shift-jis";
/* ===================================================================
	CSS information
	file name  :  course.css
	style info :  course
	date:2011.10.21
=================================================================== */
#contents {
	min-width: 960px;
	height: 746px;
	background: url(../course/img/bg.png) top center no-repeat;
	margin: 0 auto;
}
/* IE6 hack */
* html #contents {
	width:expression(document.body.clientWidth < 962? "960px" : "100%");
}
#contents .inner {
	position: relative;
	width: 960px;
	height: 710px;
	margin: 0 auto;
}
.title_area {
	position: relative;
	width: 960px;
	height: 91px;
}
.title_area h1 {
	position: absolute;
	top: 15px;
	left: 18px;
}
.title_area p {
	position: absolute;
	top: 3px;
	left: 223px;
}
.line01 {
	position: relative;
	width: 960px;
	height: 445px;
}
.line01 li {
	position: absolute;
}
.line01 li.btn01 {
	top: 0;
	left: 76px;
}
.line01 li.btn02 {
	top: 0;
	left: 350px;
}
.line01 li.btn03 {
	top: 0;
	left: 623px;
}
.line01 li.btn04 {
	top: 211px;
	left: 76px;
}
.line01 li.btn05 {
	top: 211px;
	left: 350px;
}
.line01 li.btn06 {
	top: 211px;
	left: 623px;
}
.line01 li.ico04 {
	top: 395px;
	left: 179px;
}
.line01 li.ico05 {
	top: 395px;
	left: 453px;
}
.line01 li.ico06 {
	top: 208px;
	left: 632px;
}
.line02 {
	position: relative;
	width: 960px;
	height: 66px;
}
.line02 li {
	position: absolute;
}
.line02 li.btn01 {
	top: 0;
	left: 50px;
}
.line02 li.btn02 {
	top: 0;
	left: 230px;
}
.line02 li.btn03 {
	top: 0;
	left: 408px;
}
.line02 li.btn04 {
	top: 0;
	left: 586px;
}
.line02 li.btn05 {
	top: 0;
	left: 766px;
}
.line02 li.new {
	top: 5px;
	left: 771px;
	z-index: 11;
}
.line02 li#panel_3d,
.line02 li#panel_select,
.line02 li#panel_mystery,
.line02 li#panel_star,
.line02 li#panel_luigi {
	display: none;
}
.line02 li#panel_3d {
	top: -314px;
	left: 34px;
}
.line02 li#panel_select {
	top: -324px;
	left: 195px;
}
.line02 li#panel_mystery {
	top: -357px;
	left: 214px;
}
.line02 li#panel_star {
	top: -324px;
	left: 544px;
}
.line02 li#panel_luigi {
	top: -324px;
	left: 274px;
}



.panel {
	position: relative;
	margin: 0 auto;
}
#panel_3d,
#panel_mystery {
	width: 648px;
}
#panel_select,
#panel_star {
	width: 348px;
}
#panel_luigi {
	width: 668px;
}
.panel p {
	position: absolute;
}
.panel p.img {
	top: 34px;
	left: 0;
	z-index: 10;
}
#panel_3d .btn {
	top: 350px;
	left: 36px;
}
#panel_select .btn {
	top: 360px;
	left: 40px;
}
#panel_mystery .btn {
	top: 393px;
	left: 240px;
}
#panel_star .btn {
	top: 360px;
	left: 73px;
}
#panel_luigi .btn {
	top: 354px;
	left: 486px;
}
.panel p.close {
	top: 0;
	right: 20px;
	width: 58px;
	height: 60px;
	_font-size: 0;
	_line-height: 0;
	z-index: 1000;
}
.panel p.close a {
	display: block;
	width: 58px;
	height: 60px;
	background: url(../shared/btn_close.png) 0 0 no-repeat;
	text-indent: -9999px;
	_font-size: 0;
	_line-height: 0;
	z-index: 1000;
}
.panel p.close a:hover {
	background-position: 0 -60px;
}