@charset "shift_jis";


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

	file name : home_sub.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:#050406;
}


/* 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:#050406;
	width: 728px;
	margin: 0 auto;
}

/*ヘッダーエリア*/
div#nocontent #header {
	width: 728px;
	height: 116px;
	margin: 0 auto;
	position: relative;
}

/*ヘッダーエリア*/
div#nocontent #header2 {
	width: 728px;
	height: 131px;
	margin: 0 auto;
	position: relative;
}

/* NINTENDOロゴ指定 */
div#nocontent .corplogo {
	position: absolute;
	top: 17px;
	left: 0px;
}

/* Wiiロゴ指定 */
div#nocontent .wiilogo {
	position: absolute;
	top: 10px;
	right: 0px;
}

/* パンドラの塔ロゴ指定 */
div#nocontent .xiiiLogo {
	position: absolute;
	top: 25px;
	left: 0px;
}

/* グローバルナビゲーション指定 */
div#nocontent #gNavi {
	position:absolute;
	top:46px;
	left:163px;
}

div#nocontent #gNavi li {float:left;}
div#nocontent #gNavi .gNavi01 {margin-right:5px; margin-top:8px;}
div#nocontent #gNavi .gNavi02 {margin-right:5px; margin-top:8px;}
div#nocontent #gNavi .gNavi03 {margin-right:5px; margin-top:8px;}
div#nocontent #gNavi .gNavi04 {margin-right:5px; margin-top:8px;}
div#nocontent #gNavi .gNavi05 {margin-right:0px; margin-top:8px;}


/* ローカルナビゲーション指定 */
div#nocontent #lNavi {
	background:url(../images/common/bg_localnavi.gif) no-repeat top left;
	position:absolute;
	top:89px;
	left:149px;
	width:579px;
	height:27px;
}

div#nocontent #lNavi2 {
	background:url(../images/common/bg_localnavi2.gif) no-repeat top left;
	position:absolute;
	top:89px;
	left:139px;
	width:589px;
	height:42px;
}

/* 「物語」各ローカルナビゲーション指定 */
#story div#nocontent #lNavi li {float:left;}
#story div#nocontent #lNavi .lNavi01 {margin:8px 59px 0px 0; padding-left:26px;}
#story div#nocontent #lNavi .lNavi02 {margin:8px 23px 0px 0px;}
#story div#nocontent #lNavi .lNavi03 {margin:8px 59px 0px 0px;}
#story div#nocontent #lNavi .lNavi04 {margin:8px 42px 0px 0px;}

/* 「システム」各ローカルナビゲーション指定 */
#system div#nocontent #lNavi2 li {float:left;}
#system div#nocontent #lNavi2 .lNavi01 {margin:5px 19px 0px 0; padding-left:31px;}
#system div#nocontent #lNavi2 .lNavi02 {margin:5px 0px 0px 0px;}
#system div#nocontent #lNavi2 .lNavi03 {margin:5px 43px 0px 0; padding-left:31px; clear:both;}
#system div#nocontent #lNavi2 .lNavi04 {margin:5px 0px 0px 0px;}

/* 「アクション」各ローカルナビゲーション指定 */
#action div#nocontent #lNavi li {float:left;}
#action div#nocontent #lNavi .lNavi01 {margin:8px 78px 0px 0; padding-left:26px;}
#action div#nocontent #lNavi .lNavi02 {margin:8px 80px 0px 0px;}
#action div#nocontent #lNavi .lNavi03 {margin:8px 0px 0px 0px;}



/* 「物語」コンテンツ指定--------------------------------------------------- */
/* story/index.html指定記述 */
#story div#nocontent .indexInner {
	background: url(../story/images/bg_main_index.jpg) no-repeat top left;
	width:728px;
	height:397px;
	position:relative;
}
#story div#nocontent .indexInner .index {
	position:absolute;
	top:0px;
	left:15px;
	margin-bottom:5px;
}

/* story/tower.html指定記述 */

/* 共通ナビゲーション */
#story div#nocontent .pageNavi {
	position:absolute;
	top:12px;
	right:15px;
}

#story div#nocontent .pageNavi li {
	text-align:center;
	padding:2px 3px;
	margin-bottom:4px;
}

#story div#nocontent .pageNavi li.here {
	padding:0px;
}

#story div#nocontent .tower01Inner {
	background: url(../story/images/bg_main_tower01.jpg) no-repeat top left;
	width:728px;
	height:397px;
	position:relative;
}

#story div#nocontent .tower02Inner {
	background: url(../story/images/bg_main_tower02.jpg) no-repeat top left;
	width:728px;
	height:397px;
	position:relative;
}

#story div#nocontent .tower03Inner {
	background: url(../story/images/bg_main_tower03.jpg) no-repeat top left;
	width:728px;
	height:397px;
	position:relative;
}

#story div#nocontent .tower04Inner {
	background: url(../story/images/bg_main_tower04.jpg) no-repeat top left;
	width:728px;
	height:397px;
	position:relative;
}

#story div#nocontent .tower05Inner {
	background: url(../story/images/bg_main_tower05.jpg) no-repeat top left;
	width:728px;
	height:397px;
	position:relative;
}

#story div#nocontent .tower06Inner {
	background: url(../story/images/bg_main_tower06.jpg) no-repeat top left;
	width:728px;
	height:397px;
	position:relative;
}

#story div#nocontent .tower01Inner .tower01, 
#story div#nocontent .tower02Inner .tower02, 
#story div#nocontent .tower03Inner .tower03, 
#story div#nocontent .tower04Inner .tower04, 
#story div#nocontent .tower05Inner .tower05, 
#story div#nocontent .tower06Inner .tower06 {
	position:absolute;
	top:0px;
	left:15px;
	margin-bottom:5px;
}

/* story/curse.html指定記述 */
#story div#nocontent .curseInner {
	background: url(../story/images/bg_main_curse01.jpg) no-repeat top left;
	width:728px;
	height:369px;
	position:relative;
}
#story div#nocontent .curseInner .curse {
	position:absolute;
	top:0px;
	left:15px;
}

/* story/world.html指定記述 */
#story div#nocontent .worldInner {
	background: url(../story/images/bg_main_world.jpg) no-repeat top left;
	width:728px;
	height:423px;
	position:relative;
}

#story div#nocontent .worldInner .world01 {
	position:absolute;
	top:0px;
	left:15px;
}

#story div#nocontent .worldInner .world02 {
	position:absolute;
	top:139px;
	left:24px;
}

#story div#nocontent .worldInner .world03 {
	position:absolute;
	top:139px;
	left:380px;
}

/* 「登場人物」コンテンツ指定--------------------------------------------------- */
/* character/index.html指定記述 */
#character div#nocontent .indexInner {
	background: url(../character/images/bg_main_index.jpg) no-repeat top left;
	width:728px;
	height:345px;
	position:relative;
}

#character div#nocontent .indexInner .indexBtn01 {
	position:absolute;
	top:15px;
	left:39px;
}

#character div#nocontent .indexInner .indexBtn02 {
	position:absolute;
	top:15px;
	left:269px;
}

#character div#nocontent .indexInner .indexBtn03 {
	position:absolute;
	top:15px;
	left:499px;
}


#character div#nocontent .pageNavi {
	width:687px;
	position:absolute;
	bottom:15px;
	left:23px;
}

/* story/ende.html指定記述 */
#character div#nocontent .endeInner {
	background: url(../character/images/bg_main_ende.jpg) no-repeat top left;
	width:728px;
	height:345px;
	position:relative;
}
#character div#nocontent .endeInner .ende {
	position:absolute;
	top:0px;
	left:15px;
}

/* story/seres.html指定記述 */
#character div#nocontent .seresInner {
	background: url(../character/images/bg_main_seres.jpg) no-repeat top left;
	width:728px;
	height:345px;
	position:relative;
}
#character div#nocontent .seresInner .seres {
	position:absolute;
	top:0px;
	left:15px;
}

/* story/guraiai.html指定記述 */
#character div#nocontent .guraiaiInner {
	background: url(../character/images/bg_main_guraiai.jpg) no-repeat top left;
	width:728px;
	height:345px;
	position:relative;
}
#character div#nocontent .guraiaiInner .guraiai {
	position:absolute;
	top:0px;
	left:15px;
}

/* 「システム」コンテンツ指定--------------------------------------------------- */
/* system/index.html指定記述 */
#system div#nocontent .indexInner {
	background: url(../system/images/bg_main_index.jpg) no-repeat top left;
	width:728px;
	height:345px;
	position:relative;
}
#system div#nocontent .indexInner2 {
	background: url(../system/images/bg_main_index.jpg) repeat-y top left;
	width:728px;
	height:454px;
	position:relative;
}


#system div#nocontent .indexInner .index,
#system div#nocontent .indexInner2 .index {
	position:absolute;
	width:728px;
	top:0px;
	left:0px;
	margin-bottom:5px;
}

/* 「アクション」コンテンツ指定--------------------------------------------------- */
/* action/index.html指定記述 */
#action div#nocontent .indexInner {
	background: url(../action/images/bg_main_index.gif) no-repeat top left;
	width:728px;
	height:401px;
	position:relative;
}
#action div#nocontent .indexInner .index {
	position:absolute;
	width:728px;
	top:0px;
	left:0px;
	margin-bottom:5px;
}
#action div#nocontent .indexInner .index01 {
	position:absolute;
	top:8px;
	left:15px;
}
#action div#nocontent .indexInner .index02 {
	position:absolute;
	top:53px;
	left:15px;
}
#action div#nocontent .indexInner .index03 {
	position:absolute;
	top:53px;
	left:364px;
}
#action div#nocontent .indexInner .index04 {
	position:absolute;
	top:358px;
	left:81px;
}
#action div#nocontent .indexInner .index05 {
	position:absolute;
	top:358px;
	left:441px;
}

/* action/action.html指定記述 */
#action div#nocontent .actionInner {
	background: url(../action/images/bg_main_action.gif) no-repeat top left;
	width:728px;
	height:447px;
	position:relative;
}
#action div#nocontent .actionInner .action {
	position:absolute;
	width:728px;
	top:0px;
	left:0px;
	margin-bottom:5px;
}
#action div#nocontent .actionInner .action01 {
	position:absolute;
	top:8px;
	left:15px;
}
#action div#nocontent .actionInner .action02 {
	position:absolute;
	top:43px;
	left:15px;
}
#action div#nocontent .actionInner .action03 {
	position:absolute;
	top:132px;
	left:15px;
}
#action div#nocontent .actionInner .action04 {
	position:absolute;
	top:8px;
	left:328px;
}
#action div#nocontent .actionInner .action05 {
	position:absolute;
	top:8px;
	left:533px;
}

#action div#nocontent .actionInner .action06 {
	position:absolute;
	top:155px;
	left:328px;
}
#action div#nocontent .actionInner .action07 {
	position:absolute;
	top:155px;
	left:533px;
}
#action div#nocontent .actionInner .action08 {
	position:absolute;
	top:307px;
	left:15px;
}
#action div#nocontent .actionInner .action09 {
	position:absolute;
	top:307px;
	left:520px;
}

/* action/weapon.html指定記述 */
#action div#nocontent .weaponInner {
	background: url(../action/images/bg_main_weapon.gif) no-repeat top left;
	width:728px;
	height:390px;
	position:relative;
}
#action div#nocontent .weaponInner .weapon01 {
	position:absolute;
	top:0;
	left:333px;
}
#action div#nocontent .weaponInner .weapon02 {
	position:absolute;
	top:8px;
	left:15px;
}
#action div#nocontent .weaponInner .weapon03 {
	position:absolute;
	top:168px;
	left:15px;
}
#action div#nocontent .weaponInner .weapon04 {
	position:absolute;
	top:168px;
	left:254px;
}
#action div#nocontent .weaponInner .weapon05 {
	position:absolute;
	top:153px;
	left:493px;
}

/* 「2人の絆」コンテンツ指定--------------------------------------------------- */
/* knot/index.html指定記述 */
#knot div#nocontent .indexInner {
	background: url(../knot/images/bg_main_index.jpg) no-repeat top left;
	width:728px;
	height:380px;
	position:relative;
	text-align:left;
}

#knot div#nocontent .indexInner .maincopy {
	position:absolute;
	top:15px;
	left:15px;
}

#knot div#nocontent .indexInner .index01 {
	position:absolute;
	top:71px;
	left:15px;
}

#knot div#nocontent .indexInner .index02 {
	position:absolute;
	top:110px;
	left:15px;
}

#knot div#nocontent .indexInner .index03 {
	position:absolute;
	top:253px;
	left:15px;
}

#knot div#nocontent .indexInner .index04 {
	position:absolute;
	top:71px;
	left:290px;
}

#knot div#nocontent .indexInner .index05 {
	position:absolute;
	top:120px;
	left:303px;
}

#knot div#nocontent .indexInner .index06 {
	position:absolute;
	top:120px;
	left:513px;
}

#knot div#nocontent .indexInner .index07 {
	position:absolute;
	top:247px;
	left:303px;
}

#knot div#nocontent .indexInner .index08 {
	position:absolute;
	top:247px;
	left:513px;
}

/* 「壁紙ダウンロード」コンテンツ指定--------------------------------------------------- */
/* wallpaper/index.html指定記述 */

#wallpaper div#wpWrap {
	background: url(../wallpaper/images/bg_wallpaper.jpg) no-repeat top left;
	width:760px;
	height:632px;
	margin:10px auto;
	padding-top:22px;
}

#wallpaper div#wpWrap .ttl {
	background: url(../wallpaper/images/bg_wallpaper.jpg) no-repeat top left;
	width:731px;
	height:44px;
	position:relative;
	margin:0 0 15px 15px;
}

#wallpaper div#wpWrap .ttl .wpTtl{
	position:absolute;
	top:0px;
	left:0px;
}

#wallpaper div#wpWrap .ttl .wpBtn{
	position:absolute;
	top:8px;
	right:0px;
}

#wallpaper div#wpWrap .download {
	width:745px;
	height:563px;
	position:relative;
	margin-left:15px;
}

#wallpaper div#wpWrap .download .btnClose {
	position:absolute;
	bottom:0px;
	left:318px;
}

#wallpaper div#wpWrap .download .wpItem {
	width:204px;
	position:absolute;
}

#wallpaper div#wpWrap .download .wpItem .imgWp {
	margin-bottom:6px;
}

#wallpaper div#wpWrap .download .wpItem .imgList {
	margin-top:4px;
}

#wallpaper div#wpWrap .download .type01 {
	top:0px;
	left:0px;
}

#wallpaper div#wpWrap .download .type02 {
	top:0px;
	left:263px;
}

#wallpaper div#wpWrap .download .type03 {
	top:0px;
	left:526px;
}

#wallpaper div#wpWrap .download .type04 {
	top:271px;
	left:132px;
}

#wallpaper div#wpWrap .download .type05 {
	top:271px;
	left:395px;
}

/* 「攻略本」コンテンツ指定--------------------------------------------------- */
/* book/index.html指定記述 */

#book div#bookWrap {
	background: url(../book/images/bg_guidebook.jpg) no-repeat top left;
	width:760px;
	height:746px;
	position:relative;
	margin:10px auto;
}

#book div#bookWrap .ttl {
	width:730px;
	height:43px;
	position:absolute;
	top:23px;
	left:15px;
}

#book div#bookWrap dl.bookDetails dt {
	position:absolute;
	top:102px;
	left:32px;
}

#book div#bookWrap dl.bookDetails dd li.list01 {
	position:absolute;
	top:186px;
	left:32px;
}

#book div#bookWrap dl.bookDetails dd li.list02 {
	position:absolute;
	top:210px;
	left:32px;
}

#book div#bookWrap dl.bookDetails dd li.list03 {
	position:absolute;
	top:234px;
	left:32px;
}

#book div#bookWrap dl.bookDetails dd li.list04 {
	position:absolute;
	top:258px;
	left:32px;
}

#book div#bookWrap dl.bookDetails dd li.list05 {
	position:absolute;
	top:305px;
	left:32px;
}



#book div#bookWrap .bookImg {
	position:absolute;
	top:106px;
	left:552px;
}



#book div#bookWrap dl.derFrom dt {
	position:absolute;
	top:400px;
	left:15px;
}

#book div#bookWrap dl.derFrom dd li.list01 {
	position:absolute;
	top:436px;
	left:15px;
}

#book div#bookWrap dl.derFrom dd li.list02 {
	position:absolute;
	top:481px;
	left:15px;
}

#book div#bookWrap dl.derFrom dd li.list03 {
	position:absolute;
	top:552px;
	left:15px;
}

#book div#bookWrap .btnClose {
	position:absolute;
	bottom:15px;
	left:333px;
}


#book div#bookWrap dl.bookLink dt {
	position:absolute;
	bottom:71px;
	left:25px;
}

#book div#bookWrap dl.bookLink dd {
	position:absolute;
	bottom:69px;
	left:240px;
}

/* 「イラスト」コンテンツ指定--------------------------------------------------- */
/* illust/index.html指定記述 */

#illust div#illWrap {
	background: url(../illust/images/p/bg_illust.jpg) no-repeat top left;
	width:760px;
	height:900px;
	position:relative;
	margin:10px auto;
}

#illust div#illWrap .ttl {
	width:730px;
	height:43px;
	position:absolute;
	top:23px;
	left:15px;
}


#illust div#illWrap .clik {
	width:730px;
	height:43px;
	position:absolute;
	top:76px;
	left:15px;
}


#illust div#illWrap .illList .list01 {
	width:159px;
	height:224px;
	position:absolute;
	top:106px;
	left:58px;
}

#illust div#illWrap .illList .list02 {
	width:159px;
	height:224px;
	position:absolute;
	top:106px;
	left:301px;
}

#illust div#illWrap .illList .list03 {
	width:159px;
	height:224px;
	position:absolute;
	top:106px;
	left:544px;
}

#illust div#illWrap .illList .list04 {
	width:159px;
	height:224px;
	position:absolute;
	top:355px;
	left:58px;
}

#illust div#illWrap .illList .list05 {
	width:159px;
	height:224px;
	position:absolute;
	top:355px;
	left:301px;
}

#illust div#illWrap .illList .list06 {
	width:159px;
	height:224px;
	position:absolute;
	top:355px;
	left:544px;
}

#illust div#illWrap .illList .list07 {
	width:159px;
	height:224px;
	position:absolute;
	top:604px;
	left:58px;
}

#illust div#illWrap .illList .list08 {
	width:159px;
	height:224px;
	position:absolute;
	top:604px;
	left:301px;
}

#illust div#illWrap .illList .list09 {
	width:159px;
	height:224px;
	position:absolute;
	top:604px;
	left:544px;
}

#illust div#illWrap .illDetails {}

#illust div#illWrap .illDetails .imgWrap {
	width:440px;
	height:625px;
	position:absolute;
	top:147px;
	left:160px;
}

#illust div#illWrap .illDetails .back {
	width:114px;
	height:28px;
	position:absolute;
	top:444px;
	left:15px;
}

#illust div#illWrap .illDetails .next {
	width:114px;
	height:28px;
	position:absolute;
	top:444px;
	left:631px;
}

#illust div#illWrap .illDetails .listback {
	width:109px;
	height:23px;
	position:absolute;
	top:35px;
	left:630px;
}


#illust div#illWrap .btnClose {
	width:95px;
	height:30px;
	position:absolute;
	bottom:15px;
	left:332px;
}