/*------------------------------------------------------------------------------
  reset
------------------------------------------------------------------------------*/
/*--- reset typo ---*/
body{font:13px/1 "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,verdana,arial,clean,sans-serif;}
/*--- reset element ---*/
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,table,th,td,
form,fieldset,legend,label,input,textarea,embed,object{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
th,td {text-align:left;vertical-align:top;font-weight:normal;}
fieldset{border:0;}
ul,li{list-style:none;}
img{border:0;line-height:0;vertical-align:bottom;}
sub,sup{font-size: 75%;/font-size:100%;line-height:0;}
sup{vertical-align:0.333em;}
sub{vertical-align:baseline;}
input,textarea,select {font-family:inherit;font-size:inherit;/font-size:100%;font-weight:inherit;}
embed,object{outline: none;}
/*ClearFix-*/
/*--- clearfix ---*/
.clearfix:after{content:'';display:block;clear:both;height:0;}
.clearfix{/zoom:1;}


/*------------------------------------------------------------------------------
  common
------------------------------------------------------------------------------*/
/*--- text color ---*/
body{color:#000000;}

#tbcontentcontainer{
	width: 920px;
	height: 632px;
	margin: 0 auto;
}
#tbcontentcontainer #tbcontent{
	width: 920px;
	height: 632px;
	position: relative;
	background: url(../powerup/img/bg_powerup_panel.png) center top no-repeat;
}
#tbcontentcontainer #tbcontent .photo{
	position: absolute;
	left: 219px;
	top: 34px;
	width: 457px;
	height: 333px;
}
#tbcontentcontainer #tbcontent .icon{
	position: absolute;
	left: 220px;
	top: 27px;
	width: 104px;
	height: 83px;
}
#tbcontentcontainer #tbcontent h1{
	position: absolute;
	left: 331px;
	top: 47px;
	width: 303px;
	height: 42px;
}
#tbcontentcontainer #tbcontent p{
	position: absolute;
	left: 246px;
	top: 441px;
	width: 424px;
	height: 115px;
}
#tbcontentcontainer #tbcontent .moviearea{
	position: absolute;
	left: 246px;
	top: 111px;
    width: 428px;
    height: 310px;
}

#goldmario #tbcontentcontainer #tbcontent .chara{
	position: absolute;
	left: 531px;
	top: 444px;
	width: 272px;
	height: 140px;
	/* background: url(../powerup/img/img_goldmario.png) 0 0 no-repeat; */
}
#shippomario #tbcontentcontainer #tbcontent .chara{
	position: absolute;
	left: 544px;
	top: 424px;
	width: 272px;
	height: 140px;
	/* background: url(../powerup/img/img_shippomario.png) 0 0 no-repeat; */
}
#firemario #tbcontentcontainer #tbcontent .chara{
	position: absolute;
	left: 547px;
	top: 445px;
	width: 272px;
	height: 140px;
	/* background: url(../powerup/img/img_firemario.png) 0 0 no-repeat; */
}
#bigmario #tbcontentcontainer #tbcontent .chara{
	position: absolute;
	left: 532px;
    top: 419px;
	width: 272px;
	height: 214px;
	/*background: url(../powerup/img/img_bigmario.png) 0 0 no-repeat;*/
}
#mamemario #tbcontentcontainer #tbcontent .chara{
	position: absolute;
	left: 571px;
    top: 428px;
	width: 272px;
	height: 132px;
	/* background: url(../powerup/img/img_mamemario.png) 0 0 no-repeat; */
}
#goldblock #tbcontentcontainer #tbcontent .chara{
	position: absolute;
	left: 486px;
	top: 420px;
	width: 272px;
	height: 175px;
	/* background: url(../powerup/img/img_goldblock.png) 0 0 no-repeat; */
}

#tbcontentcontainer #tbcontent #closebtn{
    width: 50px;
    height: 50px;
    top: 0;
    left: 641px;
    background: url(../shared/btn_close.png) left top no-repeat
}
#tbcontentcontainer #tbcontent #closebtn a{
	display: block;
    width: 50px;
    height: 50px;
    background: url(../shared/btn_close.png) left bottom no-repeat;
}
#tbcontentcontainer #tbcontent #closebtn a:hover{
	background-image: none;
}
#tbcontentcontainer #tbcontent #nextbtn{
    width: 50px;
    height: 50px;
    top: 268px;
    left: 707px;
    background: url(../shared/btn_next.png) left top no-repeat
}
#tbcontentcontainer #tbcontent #nextbtn a{
	display: block;
    width: 50px;
    height: 50px;
    background: url(../shared/btn_next.png) left bottom no-repeat;
}
#tbcontentcontainer #tbcontent #nextbtn a:hover{
	background-image: none;
}
#tbcontentcontainer #tbcontent #prevbtn{
    width: 50px;
    height: 50px;
    top: 268px;
    left: 163px;
    background: url(../shared/btn_prev.png) left top no-repeat
}
#tbcontentcontainer #tbcontent #prevbtn a{
	display: block;
    width: 50px;
    height: 50px;
    background: url(../shared/btn_prev.png) left bottom no-repeat;
}
#tbcontentcontainer #tbcontent #prevbtn a:hover{
	background-image: none;
}