/*------------------------------------------------------------------------------
  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{
	background: url(../shared/bg_white.png);
	color:#000000;
}
#tbcontentcontainer{
	width: 910px;
	height: 671px;
	margin: 0 auto;
}
#tbcontentcontainer #tbcontent{
	width: 910px;
	height: 671px;
	position: relative;
}
#tbcontentcontainer .content1{background: url(../dlc/img/bg_graphpack1.png) center top no-repeat;}
#tbcontentcontainer .content2{background: url(../dlc/img/bg_graphpack2.png) center top no-repeat;}
#tbcontentcontainer .content3{background: url(../dlc/img/bg_graphpack3.png) center top no-repeat;}
#tbcontentcontainer .content4{background: url(../dlc/img/bg_graphpack4.png) center top no-repeat;}
#tbcontentcontainer .content5{background: url(../dlc/img/bg_graphpack5.png) center top no-repeat;}
#tbcontentcontainer .content6{background: url(../dlc/img/bg_graphpack6.png) center top no-repeat;}
#tbcontentcontainer .content7{background: url(../dlc/img/bg_graphpack7.png) center top no-repeat;}
#tbcontentcontainer .content8{background: url(../dlc/img/bg_graphpack8.png) center top no-repeat;}
#tbcontentcontainer .content9{background: url(../dlc/img/bg_graphpack9.png) center top no-repeat;}
#tbcontentcontainer .content10{background: url(../dlc/img/bg_graphpack10.png) center top no-repeat;}


#tbcontentcontainer #tbcontent #graphareawrap{
	width: 838px;
	height: 473px;
	position: absolute;
	left: 66px;
	top: 109px;
}
#tbcontentcontainer #tbcontent #graphareawrap #grapharea{
	width: 838px;
	height: 473px;
	position: relative;
	overflow-x: hidden;
}

#grapharea .graphbox{
	width: 38px;
	position: absolute;
}
#grapharea .graphbox .graphbody{
	position: relative;
	width: 38px;
	height: 40px;
	background: url(../dlc/img/img_graphbody.png) center top no-repeat;
}
#grapharea .graphbox .graphbody .graphtop{
	position: absolute;
	left: 0;
	top: 0;
	width: 38px;
	height: 11px;
	background: url(../dlc/img/img_graphtop.png) 0 0 no-repeat;
}
#grapharea .graphbox .graphbody .graphbottom{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 38px;
	height: 10px;
	background: url(../dlc/img/img_graphbottom.png) 0 0 no-repeat;
}
#grapharea .graphbox .graphbody .graphcoin{
	position: absolute;
	left: 0;
	top: -27px;
}

#grapharea #n0{ left: 15px; bottom: -500px; }
#grapharea #n1{ left: 64px; bottom: -500px; }
#grapharea #n2{ left: 113px; bottom: -500px; }
#grapharea #n3{ left: 162px; bottom: -500px; }
#grapharea #n4{ left: 211px; bottom: -500px; }

#grapharea #n5{ left: 260px; bottom: -500px; }
#grapharea #n6{ left: 309px; bottom: -500px; }
#grapharea #n7{ left: 358px; bottom: -500px; }
#grapharea #n8{ left: 407px; bottom: -500px; }
#grapharea #n9{ left: 457px; bottom: -500px; }

#grapharea #n10{ left: 506px; bottom: -500px; }
#grapharea #n11{ left: 555px; bottom: -500px; }
#grapharea #n12{ left: 604px; bottom: -500px; }
#grapharea #n13{ left: 653px; bottom: -500px; }
#grapharea #n14{ left: 702px; bottom: -500px; }

#grapharea #n15{ left: 752px; bottom: -500px;  }

#tbcontentcontainer #tbcontent #closebtn{
	position: absolute;
	right: 34px;
    top: 0;
    width: 50px;
    height: 50px;
    background: url(../dlc/img/btn_closegraph.png) left top no-repeat;
}
#tbcontentcontainer #tbcontent #closebtn a{
	display: block;
    width: 50px;
    height: 50px;
    background: url(../dlc/img/btn_closegraph.png) center bottom no-repeat;
}
#tbcontentcontainer #tbcontent #closebtn a:hover{
	background-image: none;
}
#tbcontentcontainer #tbcontent #closebtnns{
	position: absolute;
	right: 34px;
    top: 0;
    width: 50px;
    height: 50px;
    background: url(../dlc/img/btn_closegraph.png) center bottom no-repeat;
}

#tbcontent .targetbox{
	width: 123px;
	position: absolute;
	left: 191px;
	bottom : 87px;
}

#tbcontent .targetbox .targetnumbody{
	position: relative;
	background: url(../dlc/img/bg_targetnumline.png) center top repeat-y;
	height: 453px;
	width: 123px;
	bottom: -600px;
}

#tbcontent .targetbox .targetnumbody #targetnumcoin{
	position: absolute;
	left: 0;
	top:0;
}
#tbcontent .targetbox .targetnumbody #targetnumtxt{
	position: absolute;
	left: 0;
	top:24px;
	width: 123px;
	font-size: 11px;
	text-align: center;
	line-height: 1.231;
	color: #ff0000;
	font-weight: bold;
}