/*--

	Base

====================================================== --*/

body {
	background-color: #FFFFFF;
	font-size: 12px;
	color: #666;
	margin:0px;
	padding:0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
}
.all {
	margin:0px auto;
	width:100%;
	min-width:960px;
	text-align:left;
}
.partition {
	clear: both;
	display: none;
}
img {
	border: 0px;
	vertical-align:top;
}
dl,dt,dd,ul,li,ol {
	margin: 0px;
	padding:0px;
	line-height:1.6em;
	list-style:none;
}
dt {
	font-weight: bold;
}
hr {
	display:none;
	clear:both;
}
.anchor{
	font-size:0px;
	line-height:0px;
	display:block;
	overflow:hidden;
	height:0px;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
sup{
	vertical-align:5px;
	font-size:9px;
}

/*--

	Link Ele

====================================================== --*/
a {
}


/*--

	Head Ele

====================================================== --*/
.head {
	width:100%;
	min-width:960px;
	position:relative;
	z-index:100;
}
.head .nintendo{
	position:absolute;
	left:11px;
	top:11px;
}
.head .wiiU{
	position:absolute;
	right:11px;
	top:11px;
}

.jspScrollable .head .wiiU{
	right:45px;
}

/*--

	Contents Ele

====================================================== --*/
.contents {
	margin: 0px;
	padding: 0px;
}

/*--

	Menu Ele

====================================================== --*/
.menu {
	height:50px;
	background:url(../img/menu_bg.png) repeat left top;
	position:fixed;
	bottom:25px;
	left:0px;
	width:100%;
	min-width:960px;
	z-index:10;
}
#Index .menu{
	bottom:125px;
}
.menu ul{
	width:960px;
	margin:0px auto;
	height:50px;
}
.menu ul li{
	float:left;
}
.menu ul li:first-child{
}


/*--

	Footer Ele

====================================================== --*/
.totop{
	z-index:15;
	width: 30px;
	height:25px;
	position:fixed;
	bottom:0px;
	right:0px;
}
.footer {
	z-index:10;
	min-width: 960px;
	width: 100%;
	background:#000;
	height:25px;
	position:fixed;
	bottom:0px;
	left:0px;
}

.footer ul{
	padding:2px 0px 0px 9px;
	height:auto;
}
.footer ul li{
	float:left;
}
.footer div{
	position:absolute;
	left:50%;
	top:7px;
	width:214px;
	margin:0px 0px 0px -107px;
}
/*--

	Main Contents Ele

====================================================== --*/
.main {
	margin: 0px;
	padding: 0px;
}

.tablet,
.smp{
	display:none;
}
#flashcontent {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width:  100%;
}

/*--

	Index

====================================================== --*/
html{
	height:100%;
}
#Index{
	height:100%;
}
#Index .all{
	height:93%;
	overflow:hidden;
	position:relative;
	min-height:690px;
	z-index:1;
}
#Index .main{
	width:100%;
	height:100%;
	min-height:100%;
	position:relative;
	z-index:1;
}
#Index .main h1{
	position:absolute;
	right:30px;
	bottom:275px;
	z-index:10;
	margin:0px 0px 0px 0px;
}
#Index .main .bn{
	position:absolute;
	right:100px;
	bottom:190px;
	z-index:10;
	margin:0px 0px 0px 0px;
}
#Index .main .bn02{
	position:absolute;
	right:20px;
	bottom:190px;
	z-index:10;
	margin:0px 0px 0px 0px;
}
#Index .main .bn03{
	position:absolute;
	right:430px;
	bottom:186px;
	z-index:10;
	margin:0px 0px 0px 0px;
}

#Index .main .mainImg{
	width:100%;
	min-width:100%;
	position:absolute;
	left:0px;
	bottom:0px;
	margin:0px 0px 0px;
	height:100%;
}
#Index .main .mainImg img{
	min-width:100%;
	min-height:100%;
}
#Index .main .mainImg img.portrait{
	display:none;
}

.information{
	z-index:10;
	height:100px;
	background:url(../img/information_bg.png) repeat left top;
	position:fixed;
	bottom:25px;
	width:100%;
	min-width:960px;
}
.information .contents{
	width:960px;
	margin:0px auto;
	padding:8px 0px 0px;
}
.information .contents > div{
	float:left;
}
.information .contents .package{
	margin:0px 10px 0px 0px;
}
.information .contents .price{
	width:231px;
	background:url(../img/information_02_bg.gif) no-repeat right top;
	margin:0px 11px 0px 0px;
}
.information .contents .bn{
	width:240px;
	text-align:center;
}
.information .contents .bn a{
	display:block;
	margin:0px 0px 4px;
}
.information .contents .bn .inside{
	position:relative;
}
.information .contents .bn .inside .btn01{
	position:absolute;
	top:54px;
	left:238px;
}
.information .contents .bn .inside .btn02{
	position:absolute;
	top:0px;
	left:0px;
}
.information .contents .bn .inside .btn03{
	position:absolute;
	top:0px;
	left:238px;
}
.information .contents .bn .inside .btn04{
	position:absolute;
	top:54px;
	left:480px;
}
.information .contents .pgWeb{
	width:366px;
	height:84px;
	position:relative;
	background: url(../../images/top/bg_pgWeb.png) no-repeat;
}

.information .contents .pgWeb .contest{
	position: absolute;
	top: 4px;
	left: 93px;
}

.information .contents .pgWeb .blog{
	position: absolute;
	top: 57px;
	left: 93px;
}

/*--

	Story

====================================================== --*/
#Story{
	height:100%;
}
#Story .all{
	height:100%;
}
#Story .main{
	width:100%;
	height:100%;
	min-height:1000px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
#Story .main h1{
	position:fixed;
	left:20px;
	bottom:83px;
	z-index:10;
	margin:0px 0px 0px 0px;
}

#Story .main .mainImg{
	width:100%;
	min-height:100%;
	height:100%;
}
#Story .main .mainImg img{
	min-width:100%;
	min-height:100%;
}

#Story .main .text{
	width:410px;
	position:absolute;
	right:0px;
	height:100%;
	z-index:10;
	top:-75px;
	background:url(../../images/story/text_bg.png) repeat left top;
	margin:0px 0px 0px 0px;
	min-height:1000px;
}
#Story .main .text img{
	margin:188px 0px 0px 32px;
}
#Story .jspScrollable .main .text img{
	margin:188px 0px 0px 22px;
}

/*--

	Introduction

====================================================== --*/
#Intro{
}
#Intro iframe{
	background:transparent;
}
#Intro .main{
	width:100%;
	overflow:hidden;
	z-index:1;
	position:relative;
	min-width:960px;
	background:#000;
}
#Intro .main h1{
	position:absolute;
	left:20px;
	bottom:83px;
	z-index:100;
	margin:0px 0px 0px 0px;
}
#Intro .main .mainImg{
	width:100%;
	position:relative;
	margin-bottom:-5%;
	z-index:20;
}
#Intro .main .mainImg img{
	width:100%;
}
#Intro .main .mainImg .text{
	width:auto;
	position:absolute;
	left:50%;
	width:656px;
	margin:0px 0px 0px -36%;
	top:23px;
}
#Intro .main .intro01{
	width:100%;
	background:url(../../images/intro/01_bg.jpg) no-repeat center top;
	min-width:960px;
	height:500px;
	position:relative;
	z-index:14;
}
#Intro .main .intro01 .text{
	position:absolute;
	left:50%;
	top:50px;
	margin:0px 0px 0px -485px;
	width:416px;
}
#Intro .main .intro01 .img{
	position:absolute;
	left:50%;
	top:80px;
	text-align:center;
	padding:10px;
	margin:0px 0px 0px -60px;
	width:520px;
	background:url(../../images/intro/01_bg.png) repeat left top;
}




#Intro .main .intro02{
	width:100%;
	background:url(../../images/intro/02_bg.jpg) no-repeat center top;
	min-width:960px;
	height:450px;
	position:relative;
	z-index:14;
}
#Intro .main .intro02 .text{
	position:absolute;
	left:50%;
	top:71px;
	margin:0px 0px 0px -485px;
	width:650px;
}
#Intro .main .intro02 .img{
	position:absolute;
	left:50%;
	top:-23px;
	margin:0px 0px 0px 170px;
	width:180px;
}
#Intro .main .intro02 .img02{
	position:absolute;
	left:50%;
	top:107px;
	margin:0px 0px 0px -132px;
	width:726px;
}


#Intro .main .intro03{
	width:100%;
	background:url(../../images/intro/03_bg.jpg) no-repeat center top;
	min-width:960px;
	height:600px;
	position:relative;
	z-index:15;
}
#Intro .main .intro03 .text{
	position:absolute;
	left:50%;
	top:5px;
	margin:0px 0px 0px -485px;
	width:792px;
}
#Intro .main .intro03 .img{
	position:absolute;
	left:50%;
	top:130px;
	margin:0px 0px 0px -486px;
	width:966px;
}
#Intro .main .intro03 .img02{
	position:absolute;
	left:50%;
	bottom:-93px;
	margin:0px 0px 0px 300px;
	width:300px;
}





#Intro .main .intro04{
	width:100%;
	background:url(../../images/intro/04_bg.jpg) no-repeat center top;
	min-width:960px;
	height:545px;
	position:relative;
	z-index:14;
}
#Intro .main .intro04 .text{
	position:absolute;
	left:50%;
	top:34px;
	margin:0px 0px 0px -485px;
	width:728px;
}
#Intro .main .intro04 ul{
	width:1020px;
	position:absolute;
	height:368px;
	bottom:0px;
	left:50%;
	margin:0px 0px 0px -496px;
}
#Intro .main .intro04 ul li{
	float:left;
}





#Intro .main .intro05{
	width:100%;
	background:url(../../images/intro/05_bg.jpg) no-repeat center top;
	min-width:960px;
	height:650px;
	position:relative;
	z-index:14;
}
#Intro .main .intro05 .text{
	position:absolute;
	left:50%;
	top:110px;
	margin:0px 0px 0px -83px;
	width:533px;
}
#Intro .main .intro05 ul{
	width:960px;
	position:absolute;
	top:347px;
	left:50%;
	margin:0px 0px 0px -480px;
}
#Intro .main .intro05 ul li{
	float:left;
	width:300px;
	margin:0px 0px 0px 0px;
	padding:5px 5px 5px 20px;
	background:url(../../images/intro/05_bg_02.png) no-repeat right top;
}
#Intro .main .intro05 ul li:first-child{
	padding:5px 5px 5px 5px;
	background-position:left top;
}
#Intro .main .intro05 ul li img{
	display:block;
	margin:0px 0px 3px -5px;
}
#Intro .main .intro05 ul li img:first-child{
	margin:0px 0px 3px;
}
#Intro .main .intro05 .img{
	position:absolute;
	left:50%;
	top:2px;
	margin:0px 0px 0px -590px;
	width:560px;
}

#Intro .main .intro06{
	width:100%;
	background:url(../../images/intro/06_bg.jpg) no-repeat center top;
	min-width:960px;
	height:880px;
	position:relative;
	z-index:14;
}
#Intro .main .intro06 .text{
	position:absolute;
	left:50%;
	top:42px;
	margin:0px 0px 0px -485px;
	width:704px;
}
#Intro .main .intro06 .img{
	position:absolute;
	left:50%;
	top:317px;
	margin:0px 0px 0px -485px;
	width:495px;
	z-index:1;
}
#Intro .main .intro06 .img02{
	position:absolute;
	left:50%;
	top:432px;
	margin:0px 0px 0px -40px;
	width:390px;
	z-index:10;
}





/*--

	Movies

====================================================== --*/
#Movies{
	height:100%;
}
#Movies .all{
	height:100%;
}
#Movies .main{
	width:100%;
	height:100%;
	min-height:760px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
#Movies .main h1{
	position:fixed;
	left:20px;
	bottom:83px;
	z-index:10;
	margin:0px 0px 0px 0px;
}

#Movies .main .mainImg{
	width:100%;
	min-height:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
#Movies .main .mainImg img{
	min-width:100%;
	min-height:100%;
}

#Movies .main .movieList{
	position:absolute;
	z-index:2;
	width:350px;
	left:50%;
	overflow:hidden;
	top:50%;
	height:230px;
	margin:-115px 0px 0px -175px;
	padding:0px 0px 0px;
}

#Movies .main .movieList ul li{
	float:left;
	width:300px;
	height:230px;
	padding:0px 25px 0px;
	margin:0px 0px 0px 0px;
}
#Movies .main .movieList ul li a{
	display:block;
	background:white;
}
#Movies .main .movieList ul li p{
	margin:10px 0px 0px;
}

#Movies .main .title{
	position:absolute;
	right:50%;
	top:0px;
	margin:0px 165px 0px 0px;
	z-index:5;
	width:300px;
	text-align:right;
}











/*--

	Action

====================================================== --*/
#Action{
	height:100%;
}
#Action .all{
	height:100%;
}
#Action .main{
	width:100%;
	height:100%;
	min-height:760px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
#Action .main h1{
	position:fixed;
	left:20px;
	bottom:83px;
	z-index:15;
	margin:0px 0px 0px 0px;
}

#Action .main .subMenu{
	position:absolute;
	top:60px;
	left:0px;
	background:url(../../images/action/menu_bg.png) repeat left top;
	height:50px;
	margin:0px 0px 0px 0px;
	z-index:10;
	width:100%;
}
#Action .main .subMenu ul{
	margin:0px auto;
	width:800px;
}
#Action .main .subMenu li{
	float:left;
}

#Action .main .contents{
	width:896px;
	height:500px;
	margin:-260px 0px 0px -448px;
	position:absolute;
	left:50%;
	top:50%;
	z-index:10;
}
#Action .main .contents h2{
	position:absolute;
	left:0px;
	top:0px;
	margin:0px;
	z-index:5;
}
#Action .main .title{
	position:absolute;
	right:50%;
	top:0px;
	margin:0px -520px 0px 0px;
	z-index:5;
	width:520px;
	text-align:right;
}
#Action .main .contents .text01{
	float:left;
	margin:94px 0px 0px 6px;
	width:341px;
}
#Action .main .contents .img01{
	float:right;
	margin:0px 0px 0px 6px;
	width:480px;
	padding:20px 20px 0px;
	text-align:center;
	background:url(../../images/action/01_img_bg.png) no-repeat left top;
}
#Action .main .contents .img01 > img{
	margin:-38px 0px 0px;

}
#Action .main .contents .text01 a{
	display:block;
	width:288px;
	height:68px;
	margin:2px 0px 0px -14px;
}


#Action .main .contents .text02{
	float:right;
	padding:0px 9px 0px 0px;
	margin:114px 0px 0px 0px;
	width:361px;
}
#Action .main .contents .img02{
	float:left;
	margin:92px 0px 0px -4px;
	width:480px;
	text-align:center;
	background:url(../../images/action/02_img_bg.png) no-repeat left top;
	padding:20px;
}


#Action .main .contents .text03{
	margin:6px 0px 10px 139px;

}
#Action .main .contents .img03{
	margin:0px 0px 0px -4px;
	background:url(../../images/action/03_img_bg.png) no-repeat left top;
	padding:20px;
}


#Action .main .contents .text04{
	float:left;
	margin:104px 0px 0px -2px;
}
#Action .main .contents .img04{
	float:right;
	margin:88px 0px 0px 6px;
	width:480px;
	padding:19px;
	background:url(../../images/action/04_img_bg.png) no-repeat left top;
	text-align:center;
}
#Action .main .contents .text04 a{
	display:block;
	width:288px;
	height:68px;
	margin:-14px 0px 0px -6px;
}



#Action .main .contents .text05{
	margin:24px 0px 23px 142px;

}
#Action .main .contents .img05{
	width:880px;
	margin:0px 0px 0px 0px;
	height:270px;
	background:url(../../images/action/05_img_bg.png) no-repeat left top;
	position:relative;
	z-index:10;
}
#Action .main .contents .img05 > img{
	margin:31px 0px 0px 46px;
}
#Action .main .contents .img05 ul{
	position:absolute;
	top:25px;
	right:55px;
	width:390px;
	height:220px;
	overflow:hidden;
}
#Action .main .contents .img05 ul li{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
#Action .main .contents .img05 ul li.current{
	z-index:10;
}

#Action .main .mainImg{
	width:100%;
	min-height:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
#Action .main .mainImg img{
	min-width:100%;
	min-height:100%;
}

#Pad{
	background:#000;
	position:relative;
	height:100%;
}
#Pad .contents{
	width:900px;
	height:520px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-260px 0px 0px -450px;
	background:url(../../images/action/pad_bg.png) no-repeat left top;
}
#Pad .contents .text{
	position:absolute;
	left:60px;
	top:63px;
}
#Pad .contents .img{
	position:absolute;
	right:50px;
	padding:19px;
	width:480px;
	height:270px;
	top:51px;
	background:url(../../images/action/pad_img_bg.png) no-repeat left top;
	z-index:10;
}
#Pad .contents .img02{
	position:absolute;
	right:161px;
	bottom:40px;
	z-index:15;
}
#Pad .contents .close{
	position:absolute;
	right:10px;
	bottom:20px;
	z-index:15;
}

/*--

	Chara

====================================================== --*/
#Chara{
	height:100%;
	background:#000;
}
#Chara .all{
	height:100%;
	min-height:800px;
	position:relative;
}
#Chara .main{
	width:100%;
	min-height:800px;
	position:relative;
	z-index:1;

	position:absolute;
	left:0px;
	bottom:0px;
	min-width:960px;
	overflow:hidden;
}
#Chara .main h1{
	position:fixed;
	left:20px;
	bottom:83px;
	z-index:15;
	margin:0px 0px 0px 0px;
}
#Chara .main .commander{
	position:absolute;
	right:-15px;
	bottom:75px;
}
#Chara .main .commander a{
	display:block;
	height:160px;
	width:185px;
	position:relative;
}
#Chara .main .commander a img.comment{
	position:absolute;
	left:-340px;
	top:35px;
	display:none;
}

#Chara .main .charaList{
	width:100%;
	overflow:hidden;
}
#Chara .main .charaList ul{
	width:105%;
	margin:0px 0px 0px -2.5%;
	overflow:hidden;
}
#Chara .main .charaList li{
	float:left;
	width:14%;
	min-height:760px;
	background:#fff;
	overflow:hidden;
}
#Chara .main .charaList li.ex,
#Chara .main .charaList li.ex02{
	width:15%;
}
#Chara .main .charaList li span,
#Chara .main .charaList li a{
	display:block;
	overflow:hidden;
	width:auto;
	margin:0px 1px 0px 0px;
	background:#fff;
}
#Chara .main .charaList li span{
	background:#000;
}
#Chara .main .charaList li img{
	width:100%;
}
#Chara .main .charaList li.ex img{
	margin-left:10%;
}


#Chara .main .charaList02{
	width:100%;
	overflow:hidden;
	margin:0px 0px 0px;
	border-top:4px solid #fff;
}
#Chara .main .charaList02 ul{
	width:100%;
	margin:0px 0px 0px 0%;
}
#Chara .main .charaList02 li{
	float:left;
	width:33%;
	overflow:hidden;
	min-height:295px;
	max-height:350px;
	background:#000;
}
#Chara .main .charaList02 li.ex{
	width:34%;
}
#Chara .main .charaList02 li img{
	width:100%;
}
#Chara .main .charaList02 li a{
	display:block;
}
#Chara .main .charaList02 li.ex span,
#Chara .main .charaList02 li.ex a{
	display:block;
	border-left:1px solid white;
	border-right:1px solid white;
}
#Chara .portrait{
	display:none;
}



/*--

	CharaDetail

====================================================== --*/
#CharaDetail{
	height:100%;
	background:#000;
}
#CharaDetail .all{
	height:100%;
}
#CharaDetail .main{
	width:100%;
	height:100%;
	min-height:760px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
#CharaDetail .main h1{
	position:fixed;
	left:20px;
	bottom:83px;
	z-index:15;
	margin:0px 0px 0px 0px;
}

#CharaDetail .main .contents{
	width:960px;
	height:560px;
	margin:-300px 0px 0px -480px;
	position:absolute;
	left:50%;
	top:50%;
	z-index:10;
}
#CharaDetail .main .contents .chara{
	position:absolute;
	z-index:5;
}
#CharaDetail .main .contents .name{
	position:absolute;
	z-index:10;
	left:-6px;
	bottom:67px;
}
#CharaDetail .main .contents .text{
	position:absolute;
	z-index:10;
	right:0px;
	bottom:21px;
}
#CharaDetail .main .contents .img{
	position:absolute;
	z-index:2;
	width:520px;
	height:320px;
	right:0px;
	top:0px;
	padding:10px;
	background:url(../../images/chara/01_img_bg.png) no-repeat left top;
}

#CharaDetail .main .chara01 .chara{
	top:-10px;
	left:30px;
	z-index:1;
}
#CharaDetail .main .chara02 .chara{
	top:-170px;
	left:-110px;
}
#CharaDetail .main .chara03 .chara{
	top:30px;
	left:-150px;
}
#CharaDetail .main .chara04 .chara{
	top:20px;
	left:-110px;
}
#CharaDetail .main .chara05 .chara{
	top:-130px;
	left:-50px;
}
#CharaDetail .main .chara06 .chara{
	top:-70px;
	left:-70px;
}
#CharaDetail .main .chara07 .chara{
	top:40px;
	left:90px;
}

#CharaDetail .main .mainImg{
	width:100%;
	min-height:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
#CharaDetail .main .mainImg img{
	min-width:100%;
	min-height:100%;
}

#CharaDetail .return{
	position:absolute;
	width:100px;
	height:40px;
	left:50%;
	margin:0px 0px 0px -50px;
	bottom:90px;
	z-index:10;
}



/*--

	Multi

====================================================== --*/
#Multi{
	height:100%;
}
#Multi .all{
	height:100%;
}
#Multi .main{
	width:100%;
	height:100%;
	min-height:760px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
#Multi .main h1{
	position:fixed;
	left:20px;
	bottom:83px;
	z-index:15;
	margin:0px 0px 0px 0px;
}

#Multi .main .contents{
	width:960px;
	height:470px;
	margin:-235px 0px 0px -480px;
	position:absolute;
	left:50%;
	top:50%;
	z-index:10;
}
#Multi .main .contents h2{
	position:absolute;
	left:0px;
	top:0px;
	margin:0px;
	z-index:5;
}
#Multi .main .title{
	position:absolute;
	right:50%;
	top:0px;
	margin:0px -520px 0px 0px;
	z-index:5;
	width:760px;
	text-align:right;
}
#Multi .main .contents .text01{
	float:right;
	margin:-14px -2px 0px 6px;
	width:439px;
}
#Multi .main .contents .img01{
	float:left;
	margin:0px 0px 0px 0px;
	width:480px;
	padding:10px;
	text-align:center;
	background:url(../../images/multi/img_bg.png) repeat-x left top;
}
#Multi .main .contents .text02{
	position:absolute;
	left:0px;
	bottom:0px;
}
#Multi .main .mainImg{
	width:100%;
	min-height:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
#Multi .main .mainImg img{
	min-width:100%;
	min-height:100%;
}


/*--

	Note

====================================================== --*/
#Note{
	height:100%;
	background:url(../../images/note/bg.jpg) repeat left top #000;
}
#Note .all{
	height:100%;
}
#Note .main{
	width:100%;
	height:100%;
	min-height:690px;
	overflow:hidden;
	position:relative;
	z-index:1;
}
#Note .main h1{
	position:absolute;
	left:10px;
	bottom:10px;
	z-index:15;
	margin:0px 0px 0px 0px;
}
#Note .main .toIndex{
	position:absolute;
	left:50%;
	width:129px;
	bottom:12px;
	z-index:15;
	margin:0px 0px 0px -70px;
}
#Note .main .toIndex a{
	display:block;
	padding:5px;
	text-align:center;

}
#Note .main .chara{
	position:absolute;
	right:30px;
	bottom:20px;
	z-index:15;
	width:285px;
	height:123px;
	margin:0px 0px 0px 0px;
	text-align:right;
}
#Note .main .chara .text{
	position:absolute;
	left:0px;
	top:0px;
}

#Note .notebook{
	position:absolute;
	left:50%;
	top:50%;
	margin:-300px 0px 0px -455px;
	width:910px;
	height:600px;
}
#Note .book{
	background:url(../../images/note/book_bg.png) no-repeat center bottom;
}



#Note .notebook .prev{
	position:absolute;
	left:-40px;
	height:54px;
	margin:-27px 0px 0px 0px;
	top:50%;
}
#Note .notebook .next{
	position:absolute;
	right:-30px;
	height:54px;
	margin:-27px 0px 0px 0px;
	top:50%;
}
#Note .notebook .tobe{
	position:absolute;
	right:29px;
	bottom:4px;
	font-size:1px;
	line-height:1px;
}
#Note .notebook .marker{
	position:absolute;
	left:50%;
	margin:0px 0px 0px -102px;
	width:200px;
	bottom:15px;
	text-align:center;
	font-size:1px;
	line-height:1px;
	height:5px;
}
#Note .notebook .marker li{
	font-size:1px;
	display:block;
	float:left;
	width:24px;
	padding:0px 0px;
	line-height:1px;
}
#Note .notebook .marker li a{
	display:block;
	text-align:center;
}
#Note .notebook .marker li img{
	margin:8px 0px;
}
#Note .notebook .marker li.new{
	padding-bottom:6px;
	background:url(../../images/note/marker_new.png) no-repeat center bottom;
}

#Note .notebook .cover{
	position:relative;
	width:520px;
	margin-left:218px;
}
#Note .notebook .cover .after{
	visibility:hidden;
	position:absolute;
	left:0px;
	top:0px;
}

#Note .notebook .contents{
	width:840px;
	height:520px;
	padding:0px 0px 0px;
	position:relative;
	margin:38px 0px 0px 28px;
}
#Note .notebook .contents01{
	background:url(../../images/note/bg_01.jpg) no-repeat left top;
}
#Note .notebook .contents02{
	background:url(../../images/note/bg_02.jpg) no-repeat left top;
}
#Note .notebook .contents03{
	background:url(../../images/note/bg_03.jpg) no-repeat left top;
}
#Note .notebook .contents04{
	background:url(../../images/note/bg_04.jpg) no-repeat left top;
}
#Note .notebook .contents05{
	background:url(../../images/note/bg_05.jpg) no-repeat left top;
}
#Note .notebook .contents06{
	background:url(../../images/note/bg_06.jpg) no-repeat left top;
}
#Note .notebook .contents07{
	background:url(../../images/note/bg_07.jpg) no-repeat left top;
}

#Note .notebook .noscript{
	position:absolute;
	left:8px;
	top:18px;
	z-index:100;
}

#Note .notebook .contents .new{
	position:absolute;
	left:285px;
	top:-10px;
	z-index:100;
}

#Note .notebook .list{
	width:292px;
	padding:103px 0px 0px 0px;
	margin:0px 0px 0px auto;
}

#Note .notebook .list dt{
	margin:0px 0px 28px 44px;
	font-size:1px;
	line-height:1px;
}
#Note .notebook .list dd li{
	margin:0px 0px 0px 0px;
	position:relative;
}
#Note .notebook .list dd li .mark01{
	position:absolute;
	right:20px;
	top:-10px;
}
#Note .notebook .list dd li .mark02{
	position:absolute;
	right:60px;
	top:-10px;
}
#Note .notebook .list dd li .mark03{
	position:absolute;
	right:40px;
	top:-10px;
}

#Note .notebook .contents01 .tobe{
	bottom:167px;
	right:138px;
}

#Note .notebook .instruct01{
	position:absolute;
	left:62px;
	top:20px;
}
#Note .notebook .instruct02{
	position:absolute;
	right:80px;
	top:20px;
}

#Note .notebook .rules{
	width:258px;
	padding:33px 0px 0px;
	margin:0px 0px 0px 87px;
}
#Note .notebook .rules dt{
	margin:0px 0px 33px 37px;
}
#Note .notebook .rules dd li a{
	display:block;
}
#Note .notebook .contents04 .rules dd li{
	margin:0px 0px 0px -2px;
}
#Note .notebook .rules dd li.rule01 a:hover,
#Note .notebook .rules dd li.rule01 a.current{
	background:url(../../images/note/03_02_bg.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule02 a:hover,
#Note .notebook .rules dd li.rule02 a.current{
	background:url(../../images/note/03_03_bg.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule03 a:hover,
#Note .notebook .rules dd li.rule03 a.current{
	background:url(../../images/note/03_04_bg.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule04 a:hover,
#Note .notebook .rules dd li.rule04 a.current{
	background:url(../../images/note/03_05_bg.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule05 a:hover,
#Note .notebook .rules dd li.rule05 a.current{
	background:url(../../images/note/03_06_bg.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule06 a:hover,
#Note .notebook .rules dd li.rule06 a.current{
	background:url(../../images/note/03_07_bg.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule07 a:hover,
#Note .notebook .rules dd li.rule07 a.current{
	background:url(../../images/note/03_08_bg.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule08 a:hover,
#Note .notebook .rules dd li.rule08 a.current{
	background:url(../../images/note/03_09_bg.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule09 a:hover,
#Note .notebook .rules dd li.rule09 a.current{
	background:url(../../images/note/03_10_bg.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule10 a:hover,
#Note .notebook .rules dd li.rule10 a.current{
	background:url(../../images/note/03_11_bg.png) no-repeat left top;
}

#Note .notebook .rules dd li.rule11 a:hover,
#Note .notebook .rules dd li.rule11 a.current{
	background:url(../../images/note/04_02_over.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule12 a:hover,
#Note .notebook .rules dd li.rule12 a.current{
	background:url(../../images/note/04_03_over.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule13 a:hover,
#Note .notebook .rules dd li.rule13 a.current{
	background:url(../../images/note/04_04_over.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule14 a:hover,
#Note .notebook .rules dd li.rule14 a.current{
	background:url(../../images/note/04_05_over.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule15 a:hover,
#Note .notebook .rules dd li.rule15 a.current{
	background:url(../../images/note/04_06_over.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule16 a:hover,
#Note .notebook .rules dd li.rule16 a.current{
	background:url(../../images/note/04_07_over.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule17 a:hover,
#Note .notebook .rules dd li.rule17 a.current{
	background:url(../../images/note/04_08_over.png) no-repeat left top;
}
#Note .notebook .rules dd li.rule18 a:hover,
#Note .notebook .rules dd li.rule18 a.current{
	background:url(../../images/note/04_09_over.png) no-repeat left top;
}

#Note .notebook .rules dd li a.current{
	cursor:default;
}

#Note .notebook .detail{
	width:335px;
	height:438px;
	position:absolute;
	right:43px;
	top:40px;
}
#Note .notebook .detail li{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	display:none;
}
#Note .notebook .detail li.current{
	display:block;
}

#Note .notebook .detail li .movie{
	position:absolute;
	left:7px;
	top:80px;
	width:250px;
	height:140px;
	background:#000;
}

#Note .notebook .song{
	width:940px;
	padding:24px 0px 0px;
	margin:0px 0px 0px 0px;
}
#Note .notebook .song dt{
	margin:0px 0px 22px 80px;
}
#Note .notebook .song dd{
	width:940px;
}
#Note .notebook .song dd img{
	display:block;
	float:left;
	padding:0px 88px 0px 114px;
}
#Note .contents07 #externalContent,
#Note .contents07 #music{
	position:absolute;
	right:40px;
	top:15px;
	width:210px;
	height:60px;
}
#Note .notebook .musicWiiU{
	position: absolute;
	top: 6px;
	display:block;
	left: 637px;
	width: 186px;
	margin: 0px;
	padding: 0px;
}
#Note .notebook .song dd .musicWiiU img{
	padding:0px;
	float:none;
}
#Note .notebook .song dd .karaoke{
	position:absolute;
	right:33px;
	bottom:50px;
}
#Note .notebook .song dd .karaoke img{
	padding:0px;
	float:none;
}


#Note .notebook .id{
	width:282px;
	padding:33px 0px 0px;
	margin:0px 0px 0px 67px;
}
#Note .notebook .id dt{
	font-size:1px;
	margin:0px 0px 35px 73px;
}
#Note .notebook .id dd p{
	margin:0px 0px 26px;
}
#Note .notebook .id dd p.download{
	margin:0px 0px 0px 70px;
}

#Note .notebook .support{
	width:358px;
	height:442px;
	position:absolute;
	right:36px;
	top:33px;
}
#Note .notebook .support dt{
	margin:0px 0px 6px 71px;
	font-size:1px;
}


#Note .notebook .chara{
	width:414px;
	height:491px;
	position:absolute;
	z-index:1;
	right:7px;
	top:0px;
}
#Note .notebook .no{
	width:350px;
	margin:0px 0px 0px 39px;
	padding:34px 0px 0px;
}
#Note .notebook .no dt{
	margin:0px 0px 11px;
	font-size:1px;
	line-height:1px;
	text-align:center;
}
#Note .notebook .no dd{
	width:350px;
}
#Note .notebook .no dd li{
	float:left;
	width:35px;
	height:40px;
}
#Note .notebook .no dd li a{
	display:block;
	width:35px;
	height:40px;
	background-position:50% 7px;
	background-repeat:no-repeat;
}
#Note .notebook .no dd li a.current01{
	background-image:url(../../images/note/05_bg_01.png);
}
#Note .notebook .no dd li a.current02{
	background-image:url(../../images/note/05_bg_02.png);
}
#Note .notebook .no dd li a.current03{
	background-image:url(../../images/note/05_bg_03.png);
}
#Note .notebook .no dd li a.current04{
	background-image:url(../../images/note/05_bg_04.png);
}
#Note .notebook .no dd li a.current05{
	background-image:url(../../images/note/05_bg_05.png);
}
#Note .notebook .no dd li a.current06{
	background-image:url(../../images/note/05_bg_06.png);
}
#Note .notebook .no dd li a.current07{
	background-image:url(../../images/note/05_bg_07.png);
}
#Note .notebook .no dd li a.current08{
	background-image:url(../../images/note/05_bg_08.png);
}
#Note .notebook .no dd li a.current09{
	background-image:url(../../images/note/05_bg_09.png);
}
#Note .notebook .no dd li a.current10{
	background-image:url(../../images/note/05_bg_10.png);
}


#Note .notebook .no dd li a.current{
	cursor:default;
}

#Note .notebook .no dd p{
	font-size:1px;
	line-height:1px;
	margin:0px 0px 0px 3px;
}