/*--
	‘Contents
	1.Base
	3.Head Ele
	6.Footer Ele
	7.Main Contents Ele
	9.Indivisual Ele

=========================================================*/

/*-- 

	1.Base

====================================================== --*/
*{
	outline:none;
}
html{
	height:100%;
	overflow:auto;
}
body {
	background:url(../img/bg.jpg) repeat center top;
	font-size: 12px;
	color: #333333;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:'ƒƒCƒŠƒI',Meiryo,'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
	height:100%;
}
* html body {
	overflow:auto;
}
.flexcroll{
	height:100%;
	width:100%;
}


.container{
}
.all {
	width: 100%;
	min-width: 780px;
	margin:0px auto;
	text-align:center;
	background-repeat:repeat-x;
	background-position:center top;
	background-color:white;
}
#Base .all {
	background:url(../img/middle_all_bg.jpg) repeat-x center top;
}
body.dsi .all{

}
body .bg{
	background:url(../img/head_bg.jpg) repeat-x center top;
	height:620px;
}
#Base .bg {
	background:none;
	height:auto;
}



.partition {
	clear: both;
	display: none;
}
img {
	border: 0px;
	vertical-align:top;
}
td {
	font-size: 12px;
}
th {
	font-size: 12px;
}
dl,dt,dd,ul,li,ol {
	margin: 0px;
	padding:0px;
}
dt {
	font-weight: bold;
}
dd {
	line-height: 1.3em;
}
li {
	line-height: 1.3em;
}
hr {
	display:none;
	clear:both;
}
strong {
}
em {
}
.anchor{
	font-size:0px;
	line-height:0px;
	display:block;
	overflow:hidden;
	height:0px;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.clear-fix:after
{
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0px;
}
* html .clear-fix { display: inline-block; }
/* no ie mac \*/
* html .clear-fix { height: 1%; }
.clear-fix { display: block; }
/* */
sup{
	vertical-align:5px;
	font-size:9px;
}



/*-- 

	3.Head Ele

====================================================== --*/
.head {
	width: 780px;
	height:45px;
	position:relative;
	margin:0px auto;
}
#Base .head{
	height:55px;
}
.nintendo{
	position:absolute;
	top:18px;
	left:0px;
	width:72px;
	height:18px;
}
.wii{
	position:absolute;
	top:10px;
	right:0px;
	width:74px;
	height:33px;
}

.logo{
	margin:-45px auto 0px;
	width:216px;
	position:relative;
}


#Base .globalNavi{
	width:800px;
	margin:-33px auto 0px;
	background:url(../img/globalnavi_bg.jpg) no-repeat left bottom;
	padding-bottom:2px;
}
#Base .globalNavi ul{
	margin-left:29px;
}
#Base .globalNavi li{
	width:125px;
	float:left;
	list-style:none;
	position:relative;
}
#Base .globalNavi li h1{
	margin:0px;
	position:relative;
}
#Base .globalNavi li a{
	display:block;
	margin-top:20px;
}
#Base .globalNavi li a.ex{
	margin-top:0px;
}
/*-- 


	6.Footer Ele

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

.footer {
	width: 100%;
	text-align:center;
	font-size: 10px;
	clear: both;
	color:#724D34;
}
#Base .footer {
	background:url(../img/footer_bg.jpg) repeat-x left top;
}
.footer-navi {
	padding-top:15px;
}
#Base .footer-navi {
	padding-top:30px;
	padding-bottom:30px;
}
.footer-navi ul {
	margin: 0px 0px 5px;
	padding: 0px 0px;
}
* html .footer-navi ul {
	margin: 0px 0px 10px;
	font-size: 10px;
}
* + html .footer-navi ul {
	margin: 0px 0px 10px;
	font-size: 10px;
}
.footer-navi ul li {
	display: inline;
	list-style-type: none;
	color:white;
	line-height:1em;
}
.footer-navi ul li span,
.footer-navi ul li strong,
.footer-navi ul li a{
	color:#724D34;
	border-right:1px solid #724D34;
	padding:0px 7px 0px 5px;
	text-decoration:none;
	position:relative;
}
.footer-navi ul li a:hover{
	text-decoration:underline;
}

.footer-navi ul li.last span,
.footer-navi ul li.last strong,
.footer-navi ul li.last a{
	border:none;
}

.copy {
	text-align:center;
	padding-bottom:18px;
}


/*-- 

	7.Main Contents Ele

====================================================== --*/
#Index .main {
	width: 790px;
	margin: 0px auto;
	padding: 0px;
	text-align:center;
}

#Base .main {
	width: 800px;
	margin: 0px auto 40px;
	padding: 0px;
	background:url(../img/main_bg.jpg) repeat-y left top;
	text-align:left;
}

.totop {
	text-align:right;
	background:url(../img/totop_bg.jpg) no-repeat 5% 100%;
	padding:4px 0px 34px 0px;
}
.bg02{
	padding:8px 0px 34px 0px;
	background:url(../img/totop_bg_02.jpg) no-repeat 5% 100%;
}
.bg03{
	padding:20px 0px 34px 0px;
	background:url(../img/totop_bg_03.jpg) no-repeat 5% 100%;
}
.bg04{
	padding:5px 0px 34px 0px;
	background:url(../img/totop_bg_04.jpg) no-repeat 5% 100%;
}
.bg05{
	padding:9px 0px 34px 0px;
	background:url(../img/totop_bg_05.jpg) no-repeat 5% 100%;
}


/*-- 

	9.Individual Parts Ele

====================================================== --*/
/*-- Top --*/
/*-- ------------------------------------------------- --*/
.flashArea{
	height:620px;
	text-align:center;
	background-repeat:repeat-x;
	background-position:center top;
}
body.dsi .bg{
	background:url(../img/dsi_all_bg.jpg) repeat-x center top;
	background:none;
}
body.dsi #flashArea{
	background:url(../img/dsi_head_bg.jpg) repeat-x center bottom;
	background:none;
}

#Index h1.index{
	margin:0px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
	width:904px;
}

#Index .globalNavi{
	width:790px;
	margin:0px auto;
/*-- 100930 --*/
	width:904px;
	padding-top:52px;
	background:url(../img/mainvisual_03_03.jpg) no-repeat left top;
}
#Index .globalNavi ul{
	margin-left:66px;
}
#Index .globalNavi li{
	width:130px;
	float:left;
	list-style:none;
}

#Index div#newsLine{
	width: 768px;
	margin: 0 auto 0;
}

#Index .news{
	width:770px;
	margin:20px auto 10px;
	text-align:left;
	float: left;
}
#Index .news dt{
	width:120px;
	height:30px;
}
#Index .news dd{
	margin-left:120px;
	margin-top:-30px;
	background:url(../img/news_dd.jpg) no-repeat right top;
	font-size:11px;
	color:#724C33;
	line-height:18px;
	padding:6px 15px;
	height: 18px;
}
#Index .news dd a{
	color:#724D34;
}
#Index .news dd a:hover{
	text-decoration:none;
}

/*-- Guidebook Button --*/
#Index div#btnGuidebook{
	display:inline;
	position:relative;
	left:8px;
	top:29px;
}

#Index .main .detail{
	width:333px;
	margin:0px 0px 0px 5px;
	padding-bottom:2px;
	text-align:left;
	float:left;

}
#Index .main .detail .package{
	width:85px;
	margin-top:10px;
	margin-left:5px;
}
#Index .main .detail .text{
	width:216px;
	margin-left:92px;
	margin-top:-103px;
	height:103px;
}
#Index .main .detail .text li{
	list-style:none;
	font-size:1px;
	margin-bottom:4px;
	height:16px;
	overflow:hidden;
}
#Index .main .detail .cero{
	width:36px;
	height:46px;
	margin-left:295px;
	margin-top:-46px;
}


#Index .main .movie{
	width:774px;
	height:106px;
	background:url(../img/index_movie_bg.jpg) no-repeat left top;
	margin:13px auto 10px;
	position: relative;
}
#Index .main .movie ul{
	margin:0px;
	text-align:center;
	font-size:1px;
	padding:10px 0px 0px;
}
#Index .main .movie li{
	display:inline;
	list-style:none;
	margin:0px 30px;
}
#Index .main .movie li a img{
	margin:3px 0px 0px;
}
/*
#Index .main .movie li{
	margin-top:10px;
	list-style:none;
}
#Index .main .movie ul li.inf_01 {
	position: absolute;
	top: 0px;
	left: 56px;
}

#Index .main .movie ul li.inf_01 span{
	position: absolute;
	top: 12px;
	left: 181px;
}

#Index .main .movie ul li.inf_02 {
	position: absolute;
	top: 0px;
	left: 291px;
}

#Index .main .movie ul li.inf_02 span{
	position: absolute;
	top: 12px;
	left: 249px;
}

#Index .main .movie ul li.inf_03 {
	position: absolute;
	top: 0px;
	left: 591px;
}
*/

#Index .main .bn{
	float:right;
	width:452px;
}
#Index .main .bn li{
	float:right;
	list-style:none;
	text-align:right;
	margin-top:10px;
}
#Index .main .bn li img{
	margin-right:2px;
	margin-left:3px;
	position:relative;
	top:-7px;
}
/*-- ƒtƒŒ[ƒ€ --*/
/*-- ------------------------------------------------- --*/
#frame{
}
#frame .frameWrap{
	text-align:center;
	margin:0px auto;
	height:640px;
	background:url(../../movie/img/bg.jpg) repeat-x 49.8% 0px;
}
#frame .frameWrap .flash{
	width:760px;
	margin:0px auto;
	height:590px;
}
#frame .frameWrap .close{
	padding:20px 15px 0px 15px;
	text-align:right;
	width:730px;
	margin:0px auto;
}

#frame{
}
#frame .head {
	width: 735px;
	height:55px;
	position:relative;
	margin:0px auto;
}
#frame .contents{
	width:760px;
	margin:0px auto;
	height:590px;
}

#frame .nintendo{
	position:absolute;
	top:18px;
	left:0px;
	width:72px;
	height:18px;
}
#frame .wii{
	position:absolute;
	top:10px;
	right:0px;
	width:61px;
	height:24px;
}

#frame .logo{
	margin:-45px auto 0px;
	width:216px;
	position:relative;
}


/*-- ƒXƒg[ƒŠ[ --*/
/*-- ------------------------------------------------- --*/
.story{
	width:800px;
	margin:0px 0px;
	background:url(../../story/img/story_bg.jpg) no-repeat center top;
}
.story h1{
	margin:70px 0px 0px 0px;
	float:left;
	width:369px;
	text-align:right;
}
.story p{
	margin:97px 0px 0px 0px;
	float:right;
	width:400px;
}

.story .movie{
	width:790px;
	text-align:center;
	clear:both;
	background:url(../../story/img/movie_bg.jpg) no-repeat left top;
	margin:0px 5px;
	height:434px;
	padding-top:6px;
}
.story .character{
	width:800px;
}
.story .character li{
	float:left;
	list-style:none;
}
.story .character li.chara01{
	width:345px;
	text-align:right;
	background:url(../../story/img/chara_01_bg.jpg) no-repeat left bottom;
	padding-bottom:143px;
}
.story .character li.chara02{
	width:455px;
	padding-top:81px;
	background:url(../../story/img/chara_02_bg.jpg) no-repeat left bottom;
}
.story .character li.chara02 img{
	margin-left:187px;
}
.story .character li.chara03{
	width:455px;
	height:228px;
	background:url(../../story/img/chara_03_bg.jpg) no-repeat left bottom;
}




/*-- action --*/
/*-- ------------------------------------------------- --*/
.action{
	width:800px;
	margin:0px 0px;
	padding:70px 0px 0px 0px;
	background:url(../../action/img/action_bg.jpg) no-repeat left top;
}
.action h1{
	margin:0px 0px 0px 0px;
	float:left;
	width:369px;
	text-align:right;
}
.action p{
	margin:0px 0px 0px 0px;
	float:right;
	width:414px;
}


.action .actionList{
	width:800px;
	clear:both;
	background:url(../../action/img/action_list_bg.jpg) no-repeat left top;
}
.action .actionList ul{
	background:url(../../action/img/action_ul_bg.jpg) repeat-y left top;
}
.action .actionList ul li{
	width:786px;
	margin-left:6px;
	margin-bottom:3px;
	text-align:center;
	list-style:none;
}
.action .actionList ul li.ex{
	padding:0px 8px 15px 6px;
	margin:0px;
	background:url(../../action/img/bottom.jpg) no-repeat left bottom;
	
}

/*-- metamor --*/
/*-- ------------------------------------------------- --*/
.metamor{
	width:800px;
	margin:0px 0px;
	padding:62px 0px 0px 0px;
	background:url(../../metamor/img/metamor_bg.jpg) no-repeat left top;
}
.metamor h1{
	margin:10px 0px 0px 0px;
	float:left;
	width:406px;
	text-align:right;
}
.metamor p{
	margin:0px 0px 0px 0px;
	float:right;
	width:365px;
}


.metamor .metamorList{
	width:800px;
	clear:both;
	background:url(../../metamor/img/metamor_ul_bg.jpg) repeat-y left top;
}
.metamor .metamorList ul{
	padding-bottom:10px;
	padding-top:9px;
	background:url(../../metamor/img/bottom.jpg) no-repeat left bottom;
}
.metamor .metamorList ul li{
 	margin-left:15px;
	margin-bottom:7px;
	list-style:none;
}

/*-- stage --*/
/*-- ------------------------------------------------- --*/
.stage{
	width:800px;
	margin:0px 0px;
	padding:62px 0px 0px 0px;
	background:url(../../stage/img/main_bg.jpg) no-repeat center top;
}
.stage h1{
	margin:32px 0px 0px 0px;
	float:left;
	width:393px;
	text-align:right;
}
.stage p{
	margin:0px 0px 0px 0px;
	float:right;
	width:366px;
}


.stage .stageList{
	width:800px;
	clear:both;
}
.stage .stageList ul{
	text-align:center;
	padding-bottom:8px;
	background:url(../../stage/img/bottom.jpg) no-repeat left bottom;
}
.stage .stageList ul li{
	list-style:none;
}


/*-- join --*/
/*-- ------------------------------------------------- --*/
.join{
	width:800px;
	margin:0px 0px;
	padding:72px 0px 0px 0px;
	background:url(../../join/img/main_bg.jpg) no-repeat center top;
}
.join h1{
	margin:0px 0px 0px 0px;
	float:left;
	width:334px;
	text-align:right;
}
.join p{
	margin:24px 0px 0px 0px;
	float:right;
	width:431px;
}


.join .joinList{
	width:800px;
	clear:both;
	padding-bottom:10px;
	background:url(../../join/img/bottom.jpg) no-repeat left bottom;
}
.join .joinList li{
	list-style:none;
	margin-left:7px;
}


/*-- town --*/
/*-- ------------------------------------------------- --*/
.town{
	width:800px;
	margin:0px 0px;
	padding:72px 0px 0px 0px;
	background:url(../../town/img/main_bg.jpg) no-repeat center top;
}
.town h1{
	margin:0px 0px 0px 0px;
	float:left;
	width:393px;
	text-align:right;
}
.town p{
	margin:25px 0px 0px 0px;
	float:right;
	width:376px;
}
.town .detail{
	width:800px;
	clear:both;
	padding-bottom:7px;
	background:url(../../join/img/bottom.jpg) no-repeat left bottom;
}
.town .detail ul{
	background:url(../../town/img/detail_bg.jpg) no-repeat center top;
	padding-top:32px;
}
.town .detail ul li{
	text-align:center;
	list-style:none;
}




/*-- ŽΚ^ŠΩ --*/
/*-- ------------------------------------------------- --*/
#photo{
	background:url(../../photo/img/bg.jpg) repeat left top;
}
#photo .photoWrap{
	text-align:center;
	background:url(../../photo/img/head_bg.jpg) repeat-x 50% 0px;
	width:100%;
}
#photo .photoWrap .head{
	width:760px;
	height:auto;
	text-align:center;
}
#photo .photoWrap .head .nintendo{
	left:15px;
}
#photo .photoWrap .head .wii{
	right:10px;
}
#photo .photoWrap .head .logo{
	margin:0px auto;
	padding-top:10px;
	text-align:center;
}
#photo .photoWrap .bg{
	background:url(../../photo/img/bg_02.jpg) no-repeat center top;
	margin:-48px auto 0px;
	padding-top:79px;
	height:auto;
	width:100%;

}
#photo .photoWrap .contents{
	width:760px;
	margin:0px auto 0px;
}

#photo .photoWrap .contents h1{
	width:332px;
	float:left;
	text-align:right;
	margin:0px 0px 6px;
}
#photo .photoWrap .contents .text{
	width:282px;
	float:left;
	text-align:right;
	margin:10px 0px 0px;
}

#photo .photoWrap .contents .main{
	width:720px;
	clear:both;
	background:url(../../photo/img/main_bg.jpg) repeat-y left top;
	margin:0px 20px 80px;
}
#photo .photoWrap .contents .main .photoList{
	background:url(../../photo/img/main_top.jpg) no-repeat left top;
	padding-top:25px;
}
#photo .photoWrap .contents .main .photoList dt{
	margin-bottom:4px;
	text-align:center;
}
#photo .photoWrap .contents .main .photoList dd{
	text-align:center;
	margin-bottom:18px;
}
#photo .photoWrap .contents .bottom{
	font-size:1px;
	padding-top:10px;
}

#photo .close{
	background:url(../../photo/img/close_bg.jpg) repeat-x left bottom;
	padding:23px 10px 14px;
	text-align:right;
}






/*-- ƒr[ƒYW‚ί --*/
/*-- ------------------------------------------------- --*/
#beads{
	
}
#beads .beadsWrap{
	text-align:center;
	width:100%;
	background:url(../../beads/img/bg.jpg) repeat-x center top;
}
#beads .beadsWrap .head{
	width:760px;
	height:110px;
	margin-bottom:15px;
	text-align:center;
}
#beads .beadsWrap .head .nintendo{
	left:15px;
}
#beads .beadsWrap .head .wii{
	right:10px;
}
#beads .beadsWrap .head .logo{
	margin:0px auto;
	padding-top:10px;
	text-align:center;
}

#beads .close{
	background:url(../../beads/img/close_bg.jpg) repeat-x left bottom;
	padding:19px 10px 12px;
	text-align:right;
}
#beads .beadsWrap .contents{
	width:100%;
	text-align:left;
	margin:0px auto 0px;
}
#beads .beadsWrap .contents .text{
	padding-top:15px;
	background:url(../../beads/img/text_bg.jpg) no-repeat 328px 0px;
	width:760px;
	margin:0px auto;
}
#beads .beadsWrap .contents h1{
	margin:0px 0px 11px 20px;
}
#beads .beadsWrap .contents p{
	margin:0px 0px 30px 25px;
}

#beads .beadsWrap .contents li{
	text-align:center;
	list-style:none;
	background:url(../../beads/img/li_bg.jpg) repeat-x center bottom;
	padding:15px 0px 30px;
}
#beads .beadsWrap .contents li img{
	margin-left:3px;
}
#beads .beadsWrap .contents li.ex{
	background:url(../../beads/img/li_bg.jpg) repeat-x 50% -10px;
}