/*------------------------------------------------------------------------------
  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: 580px;
	margin: 0 auto;
}
#tbcontentcontainer #tbcontent{
	width: 920px;
	height: 580px;
	position: relative;
	background: url(../adventure/img/bg_area_panel.png) center top no-repeat;
}

#tbcontentcontainer #tbcontent .photo{
	position: absolute;
	left: 219px;
	top: 34px;
	width: 457px;
	height: 333px;
}
#tbcontentcontainer #tbcontent h1{
	position: absolute;
	left: 346px;
	top: 46px;
	width: 301px;
	height: 42px;
}
#tbcontentcontainer #tbcontent p{
	position: absolute;
	left: 248px;
	top: 391px;
	width: 428px;
	height: 109px;
}
#area01 #tbcontentcontainer #tbcontent .chara{
	position: absolute;
	left: 577px;
	top: 352px;
	width: 112px;
	height: 197px;
	background: url(../adventure/img/img_area01_chara.png) 0 0 no-repeat;
}
#area02 #tbcontentcontainer #tbcontent .chara{
	position: absolute;
	left: 588px;
	top: 377px;
	width: 112px;
	height: 197px;
	background: url(../adventure/img/img_area02_chara.jpg) 0 0 no-repeat;
}
#area03 #tbcontentcontainer #tbcontent .chara{
	position: absolute;
	left: 570px;
	top: 380px;
	width: 112px;
	height: 197px;
	background: url(../adventure/img/img_area03_chara.jpg) 0 0 no-repeat;
}
#area04 #tbcontentcontainer #tbcontent .chara{
	position: absolute;
	left: 470px;
	top: 353px;
	width: 215px;
	height: 197px;
	background: url(../adventure/img/img_area04_chara.png) 0 0 no-repeat;
}
#tbcontentcontainer #tbcontent #closebtn{
    width: 50px;
    height: 50px;
    top: 0;
    left: 647px;
    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: 235px;
    left: 708px;
    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: 235px;
    left: 162px;
    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;
}