/*======================================

	1. toppage

=======================================*/

body {
	background: url(../img/bg_top.jpg) repeat-y top center;
	background-color: #000000;
	color: #ffffff;
}

.logo {
	position: relative;
	width: 768px;
	height: 204px;
}

.copy {
	/*margin-bottom: 20px;*/
}


#base {
	position: relative;
	width: 768px;
	height: 715px;
}

#player {
	position: absolute;
	top: 133px;
	left: 102px;
}

#player2 {
	position: absolute;
	top: 238px;
	left: 207px;
}


#soundplayer {
	position: absolute;
	top: 69px;
	left: 65px;
}


#navigation {
	background: url(../img/img2.jpg) no-repeat top center;
	height: 144px;
}

#navigation p {
	line-height: 1.0;
	float: left;
	height: 72px;
}

.btnArea1 {
	padding-left: 16px;
}

.btnArea2 {
	padding-left: 16px;
}


.sub_bt1 {
	display: block;
	padding: 0;
	width: 264px;
	height: 38px;
	background-image: url(../img/sub_bt1.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
}

.sub_bt1:hover {
	background-position: 0 -38px;
}

.sub_bt2 {
	display: block;
	padding: 0;
	width: 264px;
	height: 38px;
	background-image: url(../img/sub_bt2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
}

.sub_bt2:hover {
	background-position: 0 -38px;
}


.btn1 {
	display: block;
	padding: 0;
	width: 245px;
	height: 72px;
	background-image: url(../img/top_btn.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
}

.btn1:hover {
	background-position: 0 -72px;
}

.btn2 {
	display: block;
	padding: 0;
	width: 245px;
	height: 72px;
	background-image: url(../img/top_btn.jpg);
	background-repeat: no-repeat;
	background-position: -245px 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
}

.btn2:hover {
	background-position: -245 -72;
}

.btn3 {
	display: block;
	padding: 0;
	width: 245px;
	height: 72px;
	background-image: url(../img/top_btn.jpg);
	background-repeat: no-repeat;
	background-position: -490px 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
}

.btn3:hover {
	background-position: -490px -72px;
}

.btn4 {
	display: block;
	padding: 0;
	width: 245px;
	height: 72px;
	background-image: url(../img/top_btn.jpg);
	background-repeat: no-repeat;
	background-position: -735px 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
}

.btn4:hover {
	background-position: -735px -72px;
}

.btn5 {
	display: block;
	padding: 0;
	width: 245px;
	height: 72px;
	background-image: url(../img/top_btn.jpg);
	background-repeat: no-repeat;
	background-position: -980px 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
}

.btn5:hover {
	background-position: -980px -72px;
}

.btn6 {
	display: block;
	padding: 0;
	width: 245px;
	height: 72px;
	background-image: url(../img/top_btn.jpg);
	background-repeat: no-repeat;
	background-position: -1225px 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
}

.btn6:hover {
	background-position: -1225px -72px;
}


.btn_soundtrack {
	position: absolute;
	top: 461px;
	left: 629px;
	display: block;
	padding: 0;
	width: 122px;
	height: 128px;
	background-image: url(../img/btn_soundtrack.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
}

.btn_soundtrack:hover {
	background-position: 0 -128px;
}


.btn_qanda {
	position: absolute;
	top: 461px;
	left: 0px;
	display: block;
	padding: 0;
	width: 168px;
	height: 128px;
	background-image: url(../img/btn_qanda.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
}

.btn_qanda:hover {
	background-position: 0 -128px;
}


#infoWrapper{
	text-align:center;
}
#info{
	margin:0 auto;
	margin-bottom:20px;
	padding:0;
	width:676px;
	height:65px;
	background:url(../img/info_bg.gif) no-repeat;
}

#info p{
	padding:22px 10px 0 102px;
	font-size:11px;
	text-align:left;
}