@charset "shift_jis";


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : home.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

	
/* ********************************************************************************
 * Link
 * ******************************************************************************** */

a {
	outline: none;
}
/* a:link */

a:link {
	text-decoration: underline;
}
/* a:active */
a:active {
	text-decoration: underline;
}
/* a:visited */
a:visited {
	text-decoration: underline;
}
/* a:hover */
a:hover {
	text-decoration: none;
}


/* ********************************************************************************
 * CLEARFIX
 * ******************************************************************************** */

.clearfix:after,
div.section:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
div.section {
	display: inline-block;
}
* html .clearfix,
* html div.section {
	height: 1%;
}
.clearfix,
div.section {
	display: block;
	clear:both;
}


/* ********************************************************************************
 * Base Layout
 * ******************************************************************************** */
html {
	height: 100%;
	overflow: auto;
}


/* body */
body {
	/*text-align: center; /* for IE6 */
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background:#0a0909;

}

/* div#container
 * ******************************************************************************** */
div#container {
	margin: 0 auto;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	line-height: 0;

}
/* div#screen
 * ******************************************************************************** */
div#screen {
	height: 100%;
	margin: 0 auto;
}
/* div#flashContent
 * ******************************************************************************** */
div#flashContent {
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 2px;
	left: 2px;
	height: 100%;
	width: 99%;
	line-height: 0;
}
/* div#contents
 * ******************************************************************************** */
div#contents {
	width: 960px;
	text-align: center;
	margin: 0 auto;
}
/* div#columnBox
 * ******************************************************************************** */
div#columnBox {
	width: 960px;
	text-align: center;
	margin:0 auto;
}
/* div#nocontent
 * ******************************************************************************** */
div#nocontent {
	background:url(../images/bg_container_sub.jpg) no-repeat;
	width: 768px;
	height:528px;
	text-align: center;
	margin:0 auto;
	line-height:1.0em;
}
/* ヘッダー指定
------------------------------------------------- */
div#hdr {
	height:45px;
	position:relative;
}

div#hdr .nintendo_logo {
	position:absolute;
	top:17px;
	left:20px;
}

div#hdr .wii_logo {
	position:absolute;
	top:10px;
	right:20px;
}

/* メイン指定
------------------------------------------------- */
div#mct {
	height:483px;
	position:relative;
}

/* タイトル指定
------------------------------------------------- */
div#mct #title {
	position:absolute;
	top:0px;
	left:20px;
}

/* メニュー指定
------------------------------------------------- */
div#navi {
	position:absolute;
	width: 768px;
	height:67px;
	top:416px;
	left:0px;
}

/*About Game　メニュー背景-----------*/
#about div#navi {
	background:url(../about/images/bg_gnavi_about.jpg) no-repeat;
}

/*SINGLE PLAY　メニュー背景----------*/
/* single/index.html指定 */
#single div#navi {
	background:url(../single/images/bg_gnavi_single.jpg) no-repeat;
}

/* single/story/index.html指定 */
#story div#navi {
	background:url(../single/images/bg_gnavi_single_story.jpg) no-repeat;
}

/* single/character/index.html指定 */
#character div#navi {
	background:url(../single/images/bg_gnavi_single_character.jpg) no-repeat;
}

/* single/action/index.html指定 */
#action div#navi {
	background:url(../single/images/bg_gnavi_single_action.jpg) no-repeat;
}

/*MULTI PLAY　メニュー背景----------*/
#multi div#navi {
	background:url(../multi/images/bg_gnavi_multi.jpg) no-repeat;
}

/* multi/local/index.html指定 */
#local div#navi {
	background:url(../multi/images/bg_gnavi_multi_local.jpg) no-repeat;
}

/* multi/local/character.html指定 */
#local_character div#navi {
	background:url(../multi/images/bg_gnavi_multi_local_character.jpg) no-repeat;
}

/* multi/online/index.html指定 */
#online div#navi {
	background:url(../multi/images/bg_gnavi_multi_online.jpg) no-repeat;
}

/* multi/online/system.html指定 */
#online_system div#navi {
	background:url(../multi/images/bg_gnavi_multi_online_system.jpg) no-repeat;
}

/* メニューロゴ指定
------------------------------------------------- */
div#navi .ge_logo {
	position:absolute;
	bottom:12px;
	right:20px;
}

div#navi #gnavi01 {
	position:absolute;
	top:14px;
	left:70px;
}

div#navi #gnavi02 {
	position:absolute;
	top:14px;
	left:226px;
}

div#navi #gnavi03 {
	position:absolute;
	top:14px;
	left:358px;
}

/* サブナビゲーション指定
------------------------------------------------- */
div#subnavi {
	position:absolute;
	width: 256px;
	height:20px;
	top:401px;
	left:0px;
}

div#subnavi li {
	float:left;
}

#local div#subnavi ul.left {
	padding-left:78px;
	width: 256px;
	height:20px;
	background:url(../multi/local/images/bg_sub_navi01.jpg) no-repeat;
}

#local_character div#subnavi ul.right {
	padding-left:78px;
	width: 256px;
	height:20px;
	background:url(../multi/local/images/bg_sub_navi02.jpg) no-repeat;
}

#online div#subnavi ul.left {
	padding-left:78px;
	width: 256px;
	height:20px;
	background:url(../multi/online/images/bg_sub_navi01.jpg) no-repeat;
}

#online_system div#subnavi ul.right {
	padding-left:78px;
	width: 256px;
	height:20px;
	background:url(../multi/online/images/bg_sub_navi02.jpg) no-repeat;
}



/* SINGLE PLAY -------------------------*/
div#navi #gnavi02 .sNavi01 {
	position:absolute;
	top:23px;
	left:-14px;
}

div#navi #gnavi02 .sNavi02 {
	position:absolute;
	top:23px;
	left:65px;
}

div#navi #gnavi02 .sNavi03 {
	position:absolute;
	top:23px;
	left:177px;
}

/* MULTI PLAY -------------------------*/
div#navi #gnavi03 .sNavi01 {
	position:absolute;
	top:23px;
	left:-13px;
}

div#navi #gnavi03 .sNavi02 {
	position:absolute;
	top:23px;
	left:101px;
}

.addContentsBtn {
	position:absolute;
	top:381px;
	left:86px;
}

/* コンテンツ指定
------------------------------------------------- */

/* ABOUT GAME -------------------------*/
/* about/index.html指定 */
#about div#cont {
	background:url(../about/images/bg_about.jpg) no-repeat;
	position:absolute;
	width: 728px;
	height:327px;
	top:89px;
	left:20px;
}

#about div#cont h2 {
	position:absolute;
	top:16px;
	left:23px;
}

#about div#cont .list01 {
	position:absolute;
	top:65px;
	left:32px;
}

#about div#cont .list02 {
	position:absolute;
	top:145px;
	left:32px;
}

#about div#cont .list03 {
	position:absolute;
	top:227px;
	left:32px;
}

#about div#cont dt {
	position:absolute;
	top:271px;
	left:502px;
}

#about div#cont dd {
	position:absolute;
	top:70px;
	left:456px;
}

/* SINGLE PLAY -------------------------*/
/* single/index.html指定 */
#single div#cont {
	background: url(../single/images/bg_single_top.jpg) no-repeat;
	position:absolute;
	width: 728px;
	height:338px;
	top:78px;
	left:20px;
}

#single div#cont .topStory {}

#single div#cont .topStory h2 {
	position:absolute;
	top:14px;
	left:8px;
}

#single div#cont .topStory p.photo {
	position:absolute;
	top:54px;
	left:14px;
}

#single div#cont .topStory p.subTtl {
	position:absolute;
	top:208px;
	left:59px;
}

#single div#cont .topCharacter {}

#single div#cont .topCharacter h2 {
	position:absolute;
	top:124px;
	left:273px;
}

#single div#cont .topCharacter p.photo {
	position:absolute;
	top:164px;
	left:279px;
}

#single div#cont .topCharacter p.subTtl {
	position:absolute;
	top:318px;
	left:324px;
}

#single div#cont .topAction {}

#single div#cont .topAction h2 {
	position:absolute;
	top:51px;
	left:509px;
}

#single div#cont .topAction p.photo {
	position:absolute;
	top:91px;
	left:515px;
}

#single div#cont .topAction p.subTtl {
	position:absolute;
	top:245px;
	left:560px;
}

/* single/story/index.html指定 */
#story div#cont {
	background: url(../single/story/images/bg_single_story.jpg) no-repeat;
	position:absolute;
	width: 728px;
	height:338px;
	top:78px;
	left:20px;
}

#story div#cont h2 {
	position:absolute;
	top:26px;
	left:23px;
}

#story div#cont .list01 {
	position:absolute;
	top:95px;
	left:38px;
}

#story div#cont .list02 {
	position:absolute;
	top:127px;
	left:38px;
}

#story div#cont .list03 {
	position:absolute;
	top:205px;
	left:38px;
}

#story div#cont .list04 {
	position:absolute;
	top:259px;
	left:38px;
}

#story div#cont dt {
	position:absolute;
	top:294px;
	left:505px;
}

#story div#cont dd {
	position:absolute;
	top:98px;
	left:456px;
}


/* single/character/index.html指定 */
#character div#cont {
	background: url(../single/character/images/bg_single_character.jpg) no-repeat;
	position:absolute;
	width: 728px;
	height:338px;
	top:78px;
	left:20px;
}

#character div#cont h2 {
	position:absolute;
	top:65px;
	left:218px;
}

#character div#cont .text {
	position:absolute;
	top:97px;
	left:219px;
}

#character div#cont .photo {
	position:absolute;
	top:12px;
	left:6px;
}

#character div#cont li {
	position:absolute;
	top:244px;
}

#character div#cont li.btnCharacter01 {
	left:337px;
}

#character div#cont li.btnCharacter02 {
	left:401px;
}

#character div#cont li.btnCharacter03 {
	left:465px;
}

#character div#cont li.btnCharacter04 {
	left:529px;
}

#character div#cont li.btnCharacter05 {
	left:593px;
}

#character div#cont li.btnCharacter06 {
	left:657px;
}


/* single/action/index.html指定 */
#action div#cont {
	background: url(../single/action/images/bg_single_action.jpg) no-repeat;
	position:absolute;
	width: 728px;
	height:338px;
	top:78px;
	left:20px;
}

#action div#cont h2 {
	position:absolute;
	top:37px;
	left:30px;
}

#action div#cont .copy {
	position:absolute;
	top:74px;
	left:30px;
}

#action div#cont .con01 h3 {
	position:absolute;
	top:141px;
	left:24px;
}

#action div#cont .con01 dt {
	position:absolute;
	top:169px;
	left:36px;
}

#action div#cont .con01 dd {
	position:absolute;
	top:277px;
	left:31px;
}

#action div#cont .con02 h3 {
	position:absolute;
	top:167px;
	left:269px;
}

#action div#cont .con02 dt {
	position:absolute;
	top:195px;
	left:281px;
}

#action div#cont .con02 dd {
	position:absolute;
	top:303px;
	left:276px;
}

#action div#cont .con03 h3 {
	position:absolute;
	top:146px;
	left:524px;
}

#action div#cont .con03 dt {
	position:absolute;
	top:174px;
	left:536px;
}

#action div#cont .con03 dd {
	position:absolute;
	top:283px;
	left:531px;
}

/* MULTI PLAY -------------------------*/
/* multi/index.html指定 */
#multi div#cont {
	background:url(../multi/images/bg_multi.jpg) no-repeat;
	position:absolute;
	width: 768px;
	height:338px;
	top:78px;
	left:0px;
}

#multi div#cont h2 {
	position:absolute;
	top:35px;
	left:49px;
}

#multi div#cont .copy {
	position:absolute;
	top:85px;
	left:49px;
}

#multi div#cont .con01 h3 {
	position:absolute;
	top:142px;
	left:39px;
}

#multi div#cont .con01 p {
	position:absolute;
	top:177px;
	left:44px;
}

#multi div#cont .con01 dt {
	position:absolute;
	top:235px;
	left:254px;
}

#multi div#cont .con01 dd {
	position:absolute;
	top:251px;
	left:210px;
}

#multi div#cont .con02 h3 {
	position:absolute;
	top:135px;
	left:404px;
}

#multi div#cont .con02 p {
	position:absolute;
	top:173px;
	left:409px;
}

#multi div#cont .con02 dt {
	position:absolute;
	top:228px;
	left:619px;
}

#multi div#cont .con02 dd {
	position:absolute;
	top:243px;
	left:574px;
}

/* multi/local/index.html指定 */
#local div#cont {
	background: url(../multi/local/images/bg_multi_local.jpg) no-repeat;
	position:absolute;
	width: 768px;
	height:338px;
	top:78px;
	left:0px;
}

#local div#cont h2 {
	position:absolute;
	top:35px;
	left:49px;
}

#local div#cont .copy {
	position:absolute;
	top:74px;
	left:49px;
}

#local div#cont h3 {
	position:absolute;
	top:121px;
	left:39px;
}

#local div#cont .photo {
	position:absolute;
	top:153px;
	left:52px;
}

#local div#cont .text {
	position:absolute;
	top:146px;
	left:242px;
}

#local div#cont .submodenavi h4 {
	position:absolute;
	top:249px;
	left:426px;
}

#local div#cont .submodenavi .navi01 {
	position:absolute;
	top:267px;
	left:426px;
}

#local div#cont .submodenavi .navi02 {
	position:absolute;
	top:267px;
	left:506px;
}

#local div#cont .submodenavi .navi03 {
	position:absolute;
	top:267px;
	left:586px;
}

#local div#cont .submodenavi .navi04 {
	position:absolute;
	top:267px;
	left:666px;
}


/* multi/local/character.html指定 */
#local_character div#cont {
	background: url(../multi/local/images/bg_multi_character.jpg) no-repeat;
	position:absolute;
	width: 768px;
	height:338px;
	top:78px;
	left:0px;
}

#local_character div#cont h2 {
	position:absolute;
	top:23px;
	left:39px;
}

#local_character div#cont .copy {
	position:absolute;
	top:77px;
	left:40px;
}

#local_character div#cont .chara01 {
	position:absolute;
	top:74px;
	left:354px;
}

#local_character div#cont .chara02 {
	position:absolute;
	top:74px;
	left:448px;
}

#local_character div#cont .chara03 {
	position:absolute;
	top:74px;
	left:542px;
}

#local_character div#cont .chara04 {
	position:absolute;
	top:74px;
	left:635px;
}

#local_character div#cont .chara05 {
	position:absolute;
	top:197px;
	left:354px;
}

#local_character div#cont .chara06 {
	position:absolute;
	top:197px;
	left:448px;
}

#local_character div#cont .chara07 {
	position:absolute;
	top:197px;
	left:542px;
}

#local_character div#cont .chara08 {
	position:absolute;
	top:197px;
	left:635px;
}

/* multi/online/index.html指定 */
#online div#cont {
	background: url(../multi/online/images/bg_multi_online.jpg) no-repeat;
	position:absolute;
	width: 768px;
	height:338px;
	top:78px;
	left:0px;
}

#online div#cont h2 {
	position:absolute;
	top:35px;
	left:49px;
}

#online div#cont .copy {
	position:absolute;
	top:74px;
	left:49px;
}

#online div#cont h3 {
	position:absolute;
	top:121px;
	left:39px;
}

#online div#cont .photo {
	position:absolute;
	top:153px;
	left:52px;
}

#online div#cont .text {
	position:absolute;
	top:146px;
	left:242px;
}

#online div#cont .submodenavi h4 {
	position:absolute;
	top:314px;
	left:389px;
}

#online div#cont .submodenavi .navi01 {
	position:absolute;
	top:252px;
	left:266px;
}

#online div#cont .submodenavi .navi02 {
	position:absolute;
	top:252px;
	left:346px;
}

#online div#cont .submodenavi .navi03 {
	position:absolute;
	top:252px;
	left:426px;
}

#online div#cont .submodenavi .navi04 {
	position:absolute;
	top:252px;
	left:506px;
}

#online div#cont .submodenavi .navi05 {
	position:absolute;
	top:252px;
	left:586px;
}

#online div#cont .submodenavi .navi06 {
	position:absolute;
	top:252px;
	left:666px;
}

/* multi/online/system.html指定 */
#online_system div#cont {
	background: url(../multi/online/images/bg_multi_online_system.jpg) no-repeat;
	position:absolute;
	width: 768px;
	height:338px;
	top:78px;
	left:0px;
}

#online_system div#cont h2 {
	position:absolute;
	top:35px;
	left:49px;
}

#online_system div#cont .copy {
	position:absolute;
	top:74px;
	left:49px;
}

#online_system div#cont .photo {
	position:absolute;
	top:119px;
	left:52px;
}

#online_system div#cont .text {
	position:absolute;
	top:106px;
	left:287px;
}

#online_system div#cont h3 {
	position:absolute;
	top:174px;
	left:353px;
}

#online_system div#cont .list01 {
	position:absolute;
	top:211px;
	left:368px;
}

#online_system div#cont .list02 {
	position:absolute;
	top:230px;
	left:368px;
}

#online_system div#cont .list03 {
	position:absolute;
	top:249px;
	left:368px;
}

#online_system div#cont .list04 {
	position:absolute;
	top:268px;
	left:368px;
}

#online_system div#cont .exp {
	position:absolute;
	top:298px;
	left:102px;
}