@charset "shift_jis";

/* title-area */
#main #title-area {
	height: 56px;
	background: url(../img/title_area_bg.png) no-repeat;
}
#main #title-area h1 {
	position: absolute;
	top: 13px;
	left: 22px;
}
#main #title-area .update {
	top: 18px;
	right: 10px;
}

/* main-inner */
#main #main-inner {
	border-left: none;
	border-right: none;
	background: url(../img/main_inner_bg.gif) repeat-y;
}

/* main-visual */
#main .main-visual {
	position: relative;
	height: 700px;
}
#main .main-visual .mv01 {
	position: absolute;
	top: 12px;
	left: 21px;
}
#main .main-visual .mv02 {
	position: absolute;
	top: -31px;
	right: -16px;
	width: 478px;
	height: 408px;
	padding: 70px 0 0;
	background: url(../img/main_visual_bg01.png) no-repeat;
	text-align:center;
}
#main .main-visual .mv-btn {
	position: absolute;
	bottom: 47px;
	right: 0;
	width: 864px;
	height: 150px;
	background: url(../img/main_visual_bg02.png) no-repeat;
}
#main .main-visual .mv-btn .mv-mv01,
#main .main-visual .mv-btn .mv-mv02 {
	position: absolute;
	top: -24px;
	right: 8px;
}
#main .main-visual .mv-btn .mv-mv02 {
	display:none;
	top: 51px;
	right: 27px;
}
#main .main-visual .hide-disp {
	display:none;
}
#main #main-inner .main-visual .show-disp {
	display:block;
}
#main .main-visual .mv03 {
	position: absolute;
	top: 101px;
	left: -25px;
}

/* song-list */
#main .song-list {
	width: 814px;
	margin: 0 0 42px 26px;	
}
#main .song-list-line-top {
	height: 43px;
	background :url(../img/song_list_bg_t.png) no-repeat;	
}
#main .song-list-contents {
	background :url(../img/song_list_bg_m.png) repeat-y;	
}
#main .song-list-line-bottom {
	height: 42px;
	background :url(../img/song_list_bg_b.png) no-repeat;	
}
#main .song-article {
	position: relative;
}
#main .song-article p {
	position: absolute;
}
#main .song01 {
	height: 491px;
	background: url(../img/song01_bg.png) no-repeat;
}
#main .song01 .song01-01 {
	top: -80px;
	left: 35px;
}
#main .song01 .song01-02 {
	bottom: 45px;
	right: 95px;
}
#main .song01 .song01-03 {
	bottom: 36px;
	left: 53px;
}
#main .song02 {
	height: 419px;
	background: url(../img/song02_bg.png) no-repeat;
}
#main .song02 .song02-01 {
	left: 41px;
}
#main .song02 .song02-02 {
	bottom: 46px;
	right: 68px;
}
#main .song02 .song02-03 {
	bottom: 37px;
	left: 112px;
}
#main .song03 {
	height: 470px;
	background: url(../img/song03_bg.png) no-repeat;
}
#main .song03 .song03-01 {
	top: -16px;
	left: -41px;
}
#main .song03 .song03-02 {
	bottom: 47px;
	right: 74px;
}
#main .song03 .song03-03 {
	bottom: 40px;
	left: 71px;
}
#main .song04 {
	height: 843px;
	background: url(../img/song04_bg.png) no-repeat;
}
#main .song04 .song04-01 {
	left: 108px;
}
#main .song04 .song04-02 {
	top: 259px;
	right: 28px;
}
#main .song04 .song04-03 {
	top: 360px;
	left: 81px;
}
#main .song04 .song04-04 {
	top: 258px;
	left: 37px;
}

/* go-yoshi */
#main .go-yoshi {
	position: relative;
	height: 312px;
	background: url(../img/go_yoshi_bg.gif) no-repeat;
}
#main .go-yoshi p {
	position: absolute;
}
#main .go-yoshi .gy01 {
	top: 40px;
	left: 41px;
}
#main .go-yoshi .gy02 {
	right: -49px;
}

/* footer */
#main .footdata-spec li em {
	color: #3AC000;
}

/*modal*/
#modal-wrapper {
	width: 526px;
	position: relative;
}
#modal-wrapper .modal-mainimage {
	margin: 0 auto;
	width: 400px;
}
#modal-wrapper .modal-arw-left {
	position: absolute;
	top: 95px;
	left: 0;
}
#modal-wrapper .modal-arw-right {
	position: absolute;
	top: 95px;
	right: 0;
}

/* audio */
.scrubber {
	display: none;
}
.time {
	display: none;
}
.audiojs {
	width: 415px;
	height: 195px;
	background: transparent;
	box-shadow: none;
}
.audiojs .play-pause {
	width: 415px;
	height: 195px;
	float: none;
}
.audiojs p {
	width: 415px;
	height: 195px;
}
.audiojs .pause {
	background-position: -2px -586px;
}
.audiojs .loading {
	background-position: -2px -196px;
}
.audiojs .error {
	background-position: -2px -391px;
}

.audiojs .play:hover,
.audiojs .loading:hover,
.audiojs .pause:hover {
	background-image: url(../img/main_visual_btn_on.png);
}