@charset "shift_jis";

#wrapper {
	background: url(../common/bg_body.jpg) top center repeat-x;
}

#ttl-area {
	margin: 0 auto;
	width: 960px;
	height: 120px;
	min-width: 960px;
}


#main {
	width: 100%;
	min-width: 960px;
	background: url(../mode/images/bg_top03.jpg) center 511px no-repeat;
}


#main2 {
	background: url(../mode/images/bg_top04.jpg) center 1021px no-repeat;
}


#main-content {
	margin: 0 auto;
	width: 960px;
}

#main #partyMode {
	position: relative;
	width: 960px;
	height: 361px;
}

#main #partyMode .waluigi{
	position: absolute;
	top: 0;
	right: 0;
}

#main #partyMode .party{
	position: absolute;
	top: 0;
	left: 25px;
	width: 666px;
	height: 320px;
	background: url(../mode/images/img_party.jpg) no-repeat;
}

#main #partyMode .party ul {
	margin: 0 0 0 26px;
}

#main #partyMode .party .img1 {
	margin-top: 22px;
}

#main #partyMode .party .img2 {
	margin-top: 15px;
}

#main #partyMode .party .img3 {
	margin: 15px 0 0 9px;
}

#main #minigameMode {
	position: relative;
	width: 917px;
	height: 479px;
	margin: 0 0 43px 25px;
	background: url(../mode/images/bg_mini.png) no-repeat;
}

#main #minigameMode h2 {
	position: absolute;
	top: 32px;
	left: 31px;
}

#main #minigameMode .img1 {
	position: absolute;
	top: 113px;
	left: 34px;
}

#main #minigameMode .img2 {
	position: absolute;
	top: 113px;
	left: 320px;
}

#main #minigameMode .img3 {
	position: absolute;
	top: 113px;
	left: 605px;
}

#main #minigameMode .img4 {
	position: absolute;
	bottom: 40px;
	left: 159px;
}

#main #singleMode {
	position: relative;
	width: 960px;
	height: 423px;
	margin-bottom: 44px;
}

#main #singleMode .chara{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

#main #singleMode .single {
	position: absolute;
	width: 731px;
	height: 415px;
	margin-left: 25px;
	background: url(../mode/images/bg_single.png) no-repeat;
	z-index: 1;
}

#main #singleMode .single h2{
	margin: 32px 0 0 32px;
}

#main #singleMode .single .img1{
	margin: 27px 0 0 32px;
}

#main #singleMode .single .img2{
	margin: 59px 0 0 32px;
}


#main #extraMode {
	position: relative;
	width: 960px;
	height: 663px;
	margin-bottom: 44px;
}

#main #extraMode .chara{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}

#main #extraMode .extra {
	position: absolute;
	top: 0;
	right: 18px;
	width: 731px;
	height: 663px;
	background: url(../mode/images/bg_extra.png) no-repeat;
	z-index: 1;
}

#main #extraMode .extra h2 {
	margin: 30px 0 27px 31px;
}

#main #extraMode .extra p {
	margin: 0 0 13px 27px;
}

#main #extraMode .extra .img1 {
	margin: 0 0 65px 226px;
}

#main #extraMode .extra .img2 {
	margin: 0 0 64px 226px;
}

#main #extraMode .extra .img3 {
	margin: 0 0 65px 226px;
}

#main #extraMode .extra .img4 {
	margin: 0 0 0 226px;
}



#main #museumMode {
	position: relative;
	width: 960px;
	height: 375px;
	margin-bottom: 44px;
}

#main #museumMode .chara{
	position: absolute;
	bottom: 3px;
	right: 0;
	z-index: 2;
}

#main #museumMode .museum {
	position: absolute;
	top: 0;
	left: 23px;
	width: 831px;
	height: 375px;
	background: url(../mode/images/bg_museum.png) no-repeat;
	z-index: 1;
}

#main #museumMode .museum .muLeft {
	display: inline;
	float: left;
	width: 275px;
	margin: 27px 28px 0 31px;
}
#main #museumMode .museum .muLeft h2{
	margin: 0 0 27px 0;
}

#main #museumMode .museum ul {
	float: left;
	width: 455px;
	margin-top: 169px;
	overflow: hidden;
	/zoom:1;
}

#main #museumMode .museum ul li {
	float: left;
	width: 220px;
	margin-right: 15px;
}

#main #museumMode .museum ul li.last {
	margin-right: 0;
}

#main #museumMode .museum .text2 {
	clear: both;
	padding: 26px 0 0 131px;	
}


#pop-wrap {
	position: relative;
	width: 615px;
	height: 269px;
	zoom:1;
}