@charset "Shift-JIS";


/* .container
***************************************/
#container{
}
/*1.header
***************************************/
#headerWrapper{
}
#headerInner{
}
/*2.navi
***************************************/
#navi{
}
/*3.main
***************************************/
#main{
	overflow:hidden;
	padding:0 0 30px 0;
}
#main.detailpage{
	overflow:hidden;
	padding:0 0 30px 0;
	width:960px;
}
/*4.footer
***************************************/
#footerWrapper{
}
#footerInner{
}
/**************************************/
.contents{
}


/**************************************/
#ttlArea{
	height:306px;
}
#ttlInner{
	width:50%;
	float:left;
}
#ttlMovArea{
	width:50%;
	float:right;
}
#ttlMov{
	width:422px;
	height:262px;
	float:right;
	overflow:hidden;
}

.miniCaution{
	left:527px;
	top:150px;
}
.topmovplay{
	display:none;
	left:655px;
	top:80px;
}

#ttlPageSub{
	width:201px;
	height:35px;
	margin:15px 0 10px 0;
}
#ttlPage{
	width:367px;
	height:65px;
	margin:0 0 20px 0;
}
#txtPage{
	width:413px;
	height:65px;

}
#ttlChStar{
	left:287px;
	top:-35px;
}







/*************************************/
#minigamelist{
	height:1250px;
}
.minigames{
	width:284px;
	height:280px;
	margin:20px auto 0 auto;
	position:relative;
}
.charAreaR{
	position:absolute;
	right:-260px;
}
.charAreaL{
	position:absolute;
	/*left:-200px;*/
}
.gamesttl{
	position:relative;
	margin:0 0 10px 0;
}
.gamestxt{
	position:relative;
}
.bgbub {
	position:absolute;
}

.choro{left:-250px; top:80px;}
.mane{left:220px; top:-50px;}
.ar{left:-250px; top:30px;}
.battle{left:220px; top:0px;}



/*****************************************/
/*****************************************/
#ttlChorobon{width:255px; height:105px; left:0px; top:-120px;}
#txtChorobon{width:238px; height:80px; left:20px; top:-145px;}
#ttlManemane{width:357px; height:85px; left:-20px; top:-120px;}
#txtManemane{width:313px; height:60px;left:0px; top:-120px;}
#ttlArtower{width:252px; height:84px; left:20px; top:-125px;}
#txtArtower{width:347px; height:60px;left:-20px; top:-125px;}
#ttlBattle{width:270px; height:85px; left:20px; top:-90px;}
#txtBattle{width:187px; height:40px;left:55px; top:-90px;}


/** chorobon **/
#bubbleChoro{left:-63px; top:-110px;}
#chBubble1{left:240px; top:220px;}
#chBubble1b{left:170px; top:300px;}
#chBubble2{left:215px; top:340px;}
#chDaisy{left:20px; top:-100px;}
#chKinopio{left:145px; top:-65px;}
#chLinestar1{left:-180px; top:95px;}


/** manemane **/
#bubbleManemane{left:-63px; top:-117px;}
#chLinestar2{left:10px; top:270px;}
#chTeresa{left:-540px; top:130px;}


/** artower **/
#bubbleAr{left:-63px; top:-120px;}
#chaArcard{left:250px; top:-140px;}
#chLinestar3{left:-40px; top:240px;}
#chWario{left:117px; top:-70px;}
#chYoshi{left:127px; top:0px;}
#chBubble3{left:50px; top:65px;}
#chBubble4{left:280px; top:365px;}
#chBubble5{left:190px; top:310px;}
#chBubble6{left:110px; top:390px}


/** battle **/
.battle .movArea{right:-300px;}
#bubbleBattle{left:-65px; top:-100px;}





/*****************************************/
/*****************************************/
#ttlOther{width:500px; height:38px; margin:0 0 25px 210px;}
#txtOther{width:253px; height:14px; margin:0 0 20px 0;}
#chStar{left:200px; top:-55px;}


#otherlist{
	float:left;
	position:relative;
}
.others{
	width:300px;
	height:295px;
	margin:0 15px 0 0;
	float:left;
	position:relative;
}
.others.none{
	margin:0 0 0 0;
}
.box{
	width:300px;
	height:280px;
	display:block;
	padding:15px 0 0 0;
}
.ttlBox{
	width:182px;
	height:44px;
	margin:0 auto 5px auto;
	position:relative;
}
.txtBox{
	width:260px;
	margin:0 auto 10px auto;
	position:relative;
}
.disBox{
	width:267px;
	height:162px;
	margin:0 auto 0 auto;
	position:relative;
}





#box1 .box{
	background-image:url(../_img/ds/minigame/panel_box1.png);
	background-position:0px 0px;
}
#box1 a:hover .box{
	background-position:0px 295px;
}
#box2 .box{
	background-image:url(../_img/ds/minigame/panel_box2.png);
	background-position:0px 0px;
}
#box2 a:hover .box{
	background-position:0px 295px;
}
#box3 .box{
	background-image:url(../_img/ds/minigame/panel_box3.png);
	background-position:0px 0px;
}
#box3 a:hover .box{
	background-position:0px 295px;
}
#box4 .box{
	background-image:url(../_img/ds/minigame/panel_box4.png);
	background-position:0px 0px;
}
#box4 a:hover .box{
	background-position:0px 295px;
}
#box5 .box{
	background-image:url(../_img/ds/minigame/panel_box5.png);
	background-position:0px 0px;
}
#box5 a:hover .box{
	background-position:0px 295px;
}
#box6 .box{
	background-image:url(../_img/ds/minigame/panel_box6.png);
	background-position:0px 0px;
}
#box6 a:hover .box{
	background-position:0px 295px;
}



/*****************************************/
/*****************************************/
#btnArea{
	margin:0 auto 0 auto;
	padding:30px 0 30px 0;
	clear:both;
}
#nextbtn{
	width:694px;
	height:85px;
	display:block;
	background-image:url(../../atsj/_img/ds/minigame/nextbtn_boardmap.png);
	background-position:0px 0px;
	margin:0 auto 0 auto;
}
#nextbtn:hover{
	background-position:0px 85px;
}
.btn{
	width:477px;
	height:85px;
	margin:0 auto 0 auto;
	padding:20px 0 0 0;
}




/* ******************************************************************************************** */
#container.wincontent{
	background-image:none;
}
.wincontent #winMob{
	position:relative;
	top:0px;
	left:0px;
}
.winArea{
	width:756px;
	height:563px;
	margin:30px auto 0 auto;
	position:relative;
}
.winArea.bg1{
	background-image: url(../_img/ds/minigame/window/bg_panel01.png);
	background-repeat:no-repeat;
}
.winArea.bg2{
	background-image: url(../_img/ds/minigame/window/bg_panel02.png);
	background-repeat:no-repeat;
}
.winArea.bg3{
	background-image: url(../_img/ds/minigame/window/bg_panel03.png);
	background-repeat:no-repeat;
}
.winArea.bg4{
	background-image: url(../_img/ds/minigame/window/bg_panel04.png);
	background-repeat:no-repeat;
}
.winAreaTtl{
	width:401px;
	height:94px;
	position:relative;
	margin:0 auto 0 auto;
	top:-20px;
}

.winCloseBtn{
	top:-25px;
	left:725px;
}
.winPrevBtn{
	z-index:110;
	top:260px;
	left:-29px;
}
.winNextBtn{
	z-index:120;
	top:260px;
	left:725px;
}
.winMovImg{
	width:636px;
	height:440px;
	margin:15px auto 0 auto;
}
.winPlayBtn{
	z-index:100;
	top:230px;
	left:320px;
	display:none;
}
#caution{
	z-index:100;
	top:250px;
	left:160px;
}


/* ******************************************************************************************** */
.detailpage .wincontent{
	width:960px;
	height:695px;
	margin:0 auto 0 auto;
}
.detailArea{
	width:960px;
	height:695px;
	margin:0 auto 0 auto;
	position:relative;
}


.detailArea.bg1{
	background-image:url(../_img/ds/minigame/detail/act_panel.png);
	background-repeat:no-repeat;
}
.detailArea.bg2{
	background-image:url(../_img/ds/minigame/detail/tec_panel.png);
	background-repeat:no-repeat;
}
.detailArea.bg3{
	background-image:url(../_img/ds/minigame/detail/spe_panel.png);
	background-repeat:no-repeat;
}
.detailArea.bg4{
	background-image:url(../_img/ds/minigame/detail/luck_panel.png);
	background-repeat:no-repeat;
}
.detailArea.bg5{
	background-image:url(../_img/ds/minigame/detail/puz_panel.png);
	background-repeat:no-repeat;
}
.detailArea.bg6{
	background-image:url(../_img/ds/minigame/detail/boss_panel.png);
	background-repeat:no-repeat;
}


.detailTtl{
	width:318px;
	height:63px;
	position:relative;
	left:321px;
	top:23px;
}
.detailTtlTxt{
	width:318px;
	height:63px;
	left:38px;
	top:80px;
}

.detailCloseBtn{
	top:18px;
	left:902px;
}



.detailPrevBtn{
	left:10px;
	top:342px;
}
.prev_balloon{
	left:0px;
	top:403px;
	display:none;
}

.detailNextBtn{
	left:895px;
	top:342px;
}
.next_balloon{
	left:880px;
	top:403px;
	display:none;
}



.detailMovImg{
	width:466px;
	height:570px;
	margin:15px auto 0 auto;
	padding:0 15px 0 0;
}
.detailPlay{
	left:440px;
	top:205px;
	display:none;
}
.detailCaution{
	left:273px;
	top:307px;
}
.detailCautionW{
	left:273px;
	top:432px;
}

.listArea p{
	margin:10px 0 10px 5px;
}
.thumP{
	height:480px;
	overflow:hidden;
	position:absolute;
	left:751px;
	top:142px;
}
.thumlist{
	position:relative;
	top:0px;
}
.thumlist li{
	margin:0 0 7px 0;
	z-index:1;
}
.thumlist li.sel1{
	left:0px;
	top:0px;
	position:absolute;
	z-index:5000;
}
.thumlist li.sel2{
	left:0px;
	top:97px;
	position:absolute;
	z-index:5000;
}
.thumlist li.sel3{
	left:0px;
	top:194px;
	position:absolute;
	z-index:5000;
}
.thumlist li.sel4{
	left:0px;
	top:291px;
	position:absolute;
	z-index:5000;
}
.thumlist li.sel5{
	left:0px;
	top:388px;
	position:absolute;
	z-index:5000;
}
.prevP{
	position:absolute;
	left:756px;
	top:100px;
}
.nextP{
	position:absolute;
	left:756px;
	top:624px;
}
.thumBtnP{
	width:126px;
	height:32px;
}
.disnone{
	display:none;
}



#winMob{
	position:relative;
	top:15px;
	left:3px;
}

#addMov{
	margin:40px 0 0 263px;
}
#addMov2{
	margin:20px 0 0 60px;
}









