@charset "Shift-JIS";


html, body{

}
#wrapper{

}


/* .container
***************************************/
#container{
	/*background-image:url(../_img/ds/newmode/bg_main.jpg);*/
}

/*1.header
***************************************/
#headerWrapper{
}
#headerInner{
}
/*2.navi
***************************************/
#navi{
}
/*3.main
***************************************/
#main{
}
/*4.footer
***************************************/
#footerWrapper{
}
#footerInner{
}
/**************************************/
.contents{
}



.t1{left:650px; top:-155px;}
.t2{left:940px; top:-155px;}
.t1r{left:0; top:-155px; visibility:hidden;}
.t2r{left:0; top:-155px; visibility:hidden}
.koopa{left:-55px; top:-140px;}
.tw{left:585px; top:-75px;}
.twinner{left:0px; top:0px;}

p.koopa.img.koopaImage{
	margin:0;
	padding:0;
	height:40px;
}

.twshadow{left:585px; top:-75px; display:none;}

#rcol{
	width:465px;
	height:564px;
	position:relative;
	margin:0 0 60px 460px;
}
#ttl{position:relative; margin:0 0 5px 10px; width:152px; height:34px;}
#ttlsub{position:relative; margin:0 0 15px 10px; width:331px; height:72px;}
#ttltxt{position:relative; margin:0 0 50px 10px; width:393px; height:44px;}


.imgprev{left:-15px; top:340px; display:none; z-index:1000; width:58px; height:58px;}
.imgnext{left:425px; top:340px; display:none; z-index:1000; width:58px; height:58px;}



#imgsouter{
	width:364px;
	overflow:visible;
}
#imgs{
	position:relative;
	margin:0 0 0 80px;
	/*width:1828px;*/
	width:364px;
	height:230px;
	
}
#imgs.js{
	position:relative;
	margin:120px 0 15px 40px;
	width:1456px;
	z-index:10;
}
#imgs .item{
	float:left;
	margin:0 0 10px 0;
}
#imgs .item.js{
	float:left;
	position:absolute;
	left:0px;
	margin:0 0 0 0;
}
/*
#imgs .item1.js{
	z-index:104;
}
#imgs .item2.js{
	z-index:103;
}
#imgs .item3.js{
	z-index:101;
}
#imgs .item4.js{
	z-index:102;
}
*/
#imgs .item.js .itemin1{
	left:0px;
	top:0px;
	position:absolute;
}
#imgs .item.js .itemin2{
	left:40px;
	top:-25px;
	position:absolute;
}
#imgs .item.js .itemin3{
	left:0px;
	top:-60px;
	position:absolute;
}
#imgs .item.js .itemin4{
	left:-40px;
	top:-35px;
	position:absolute;
}


#imgs .item img{
	width:182px;
	height:115px;
}
#imgs .item img.js{
	width:364px;
	height:230px;
}

#btns{
	margin:0 0 0 140px;
	position:relative;
	clear:both;
	display:none;
}
#btns.js{
	display:block;
}

.no2{left:50px;}
.no3{left:100px;}
.no4{left:150px;}





.nextbtn{
	position:relative;
	padding:0 0 0 0;
	margin:0 0 50px 120px;
}
.btnobj{position:relative;}
.btnimg{left:365px; top:-45px; z-index:10;}
.btntxt{left:90px; top:15px; z-index:11;}


#pos{
	left:0px;
	top:0px;
}