@charset "Shift_JIS";

embed,object{outline:none;}

h5,h6{text-align:left;}

a.bnrYearEnd{
	padding-bottom:15px;
	display:block;
}


/* common ---------------------------------------*/
/* licensee_footer */
#licensee_main .section_lastchild ol li{color:#b4b4b4}/*soon*/
#licensee_main .section_lastchild ol li span{color:#FF7D00; text-decoration:none;}/*current*/
#licensee_main .section_lastchild ol li a{text-decoration:underline;}
#licensee_main.tmpl{padding-top:10px;}

iframe {
	background: transparent;
}

#jb7jContents {clear:both; float:left; width:740px; margin-bottom:52px;}

/*top---------------------------------------*/
#jb7jTop .banner{float:left; width:189px; padding-right:20px;}
#jb7jTop .pass{float:left; width:142px; }
#jb7jTop .help{clear:both; padding-top: 12px;}
#jb7jTop .icon{float:right; width:118px; padding-top:4px;}

#jb7jTop .pass {
    margin-right: 0;
    margin-top: 4px;
}
#licensee_main .soft_detail .info_bottom .option p {
    display: inline;
    float: left;
    margin-right: 32px;
}


#licensee_main .soft_detail .network {
    height: 53px;
    position: absolute;
    right: 0;
    top: 54px;
    width: 38px;
}

#licensee_main .soft_detail .column1 .info_top {
    padding-bottom: 32px;
}

#licensee_main.tmpl .main_visual {
	position:relative;
	width:740px;
	height:590px;
	overflow: hidden;
	margin-bottom: 10px;
}

#jb7jTop #pattern_bg{
	position: absolute;
	top: 0;
	left: 0;
}
#jb7jTop #pattern{
	position: absolute;
	top: 0;
	left: 0;
}
#jb7jTop #pattern img{
	position: absolute;
	top: 0;
	left: 0;
}

#jb7jTop #itemwrapper {
	position: absolute;
	top: 0;
	left: 0;
}

#jb7jTop #itemwrapper #animeblock01{
	position: absolute;
	left: -47px;
	top: -69px;
}

#jb7jTop #itemwrapper #animeblock02{
	position: absolute;
	left: 587px;
	top: -69px;
}

#jb7jTop #itemwrapper #baseblock01{
	position: absolute;
	left: 39px;
	top: 12px;
}
#jb7jTop #itemwrapper #baseblock02{
	position: absolute;
	left: 0px;
	top: 404px;
}
#jb7jTop #itemwrapper #baseblock03{
	position: absolute;
	left: 515px;
	top: 401px;
}
#jb7jTop #itemwrapper #animeblock03{
	position: absolute;
	left: 28px;
	top: 193px;
}
#jb7jTop #itemwrapper #animeblock04{
	position: absolute;
	left: 149px;
	top: 193px;
}
#jb7jTop #itemwrapper #animeblock05{
	position: absolute;
	left: -111px;
	top: 294px;
}
#jb7jTop #itemwrapper #animeblock06{
	position: absolute;
	left: 15px;
	top: 294px;
}
#jb7jTop #itemwrapper #animeblock07{
	position: absolute;
	left: 642px;
	top: 401px;
}
#jb7jTop #itemwrapper #coinshadow{
	position: absolute;
	left: 539px;
	top: 445px;
}
#jb7jTop #itemwrapper #coin{
	position: absolute;
	left: 524px;
	top: 327px;
}
#jb7jTop #itemwrapper #chara1{
	position: absolute;
	left: 237px;
	top: 2px;
}
#jb7jTop #itemwrapper #chara1{
	position: absolute;
	left: 237px;
	top: 2px;
}
#jb7jTop #itemwrapper #chara2{
	position: absolute;
	left: 221px;
	top: 1px;
}
#jb7jTop #itemwrapper #chara3{
	position: absolute;
	left: 174px;
	top: -1px;
}
#jb7jTop #itemwrapper #chara4{
	position: absolute;
	left: 230px;
	top: 7px;
}
#jb7jTop #itemwrapper #chara5{
	position: absolute;
	left: 80px;
	top: 0px;
}
#jb7jTop #itemwrapper #chara6{
	position: absolute;
	left: 226px;
	top: 7px;
}
#jb7jTop #itemwrapper #maincopy{
	position: absolute;
	left: 107px;
	top: 238px;
}
#jb7jTop #itemwrapper #gamelogo{
	position: absolute;
	left: 156px;
	top: 279px;
}
#jb7jTop #itemwrapper #btngamemovie{
	position: absolute;
	left: 571px;
	top: 19px;
}

#jb7jTop #itemwrapper #btn_left{
	position: absolute;
	top: 503px;
	left: 30px;
}
#jb7jTop #itemwrapper #btn_right {
	position: absolute;
	top: 503px;
	left: 380px;
}
#jb7jTop #itemwrapper #btn_right span{
	position: absolute;
	top: -10px;
	left: -15px;
}

#jb7jTop #itemwrapper .star {
	position: absolute;
	visibility: hidden;
}
#jb7jTop #jb7jContents {
	position: relative;
	width: 740px;
}

#licensee_main .soft_detail{
	margin-bottom: 25px;
}


/*top gimmick---------------------------------------*/
#jb7jTop #gimmick {
	position: relative;
	background: url(../img/top/bg_gimmick.png) top left no-repeat;
	width: 740px;
	height: 466px;
}
#jb7jTop #gimmick .title {
	position: absolute;
	top: 27px;
	left: 30px;
}
#jb7jTop #gimmick .chara1 {
	position: absolute;
	top: -7px;
	left: 580px;
	visibility: hidden;
}
#jb7jTop #gimmick .chara2 {
	position: absolute;
	top: 313px;
	left: 419px;
	visibility: hidden;
}
#jb7jTop #gimmick .chara3 {
	position: absolute;
	top: 327px;
	left: 545px;
	visibility: hidden;
}

#jb7jTop #gimmick .text {
	position: absolute;
	top: 142px;
	left: 30px;
}
#jb7jTop #gimmick .button {
	position: absolute;
	top: 343px;
	left: 27px;
}
#jb7jTop #gimmick .icon {
	position: absolute;
	top: 122px;
	left: 634px;
	width: 104px;
	height: 104px;
	padding: 0;
	background: url(../img/top/gimmick_icon.png) top left no-repeat;
}
#jb7jTop #gimmick .slide {
	position: absolute;
	top: 166px;
	left: 405px;
}
#jb7jTop #gimmick #simpleplayer .img{
	position: absolute;
	top: 5px;
	left: 5px;
}
#jb7jTop #gimmick #simpleplayer .cov{
	position: absolute;
	top: 0px;
	left: 0px;
}

/*top minigame---------------------------------------*/
#jb7jTop #minigame {
	position: relative;
	background: url(../img/top/bg_minigame.png) top left no-repeat;
	width: 368px;
	height: 320px;
	float: left;
	margin-top: 4px;
}
#jb7jTop #minigame .title{
	position: absolute;
	top: 30px;
	left: 30px;
}
#jb7jTop #minigame .chara{
	position: absolute;
	top: 4px;
	left: 226px;
	visibility: hidden;
}
#jb7jTop #minigame .text{
	position: absolute;
	top: 128px;
	left: 30px;
}
#jb7jTop #minigame .button{
	position: absolute;
	top: 214px;
	left: 27px;
}
#jb7jTop #minigame .slide{
	position: absolute;
	top: 92px;
	left: 195px;
	width: 164px;
	height: 192px;
	overflow: hidden;
}
#jb7jTop #minigame .slide .mask {
	position: relative;
}
#jb7jTop #minigame .slide .upper{
	position: absolute;
	top: 24px;
	left: 21px;
	width: 120px;
	height: 72px;
	overflow: hidden;
}
#jb7jTop #minigame .slide .upper ul{
	position: absolute;
	top: 0;
	left: 0;
	width: 720px;
}
#jb7jTop #minigame .slide .upper li{
	float: left;
}
#jb7jTop #minigame .slide .lower{
	position: absolute;
	top: 104px;
	left: 33px;
	width: 96px;
	height: 72px;
	overflow: hidden;
}
#jb7jTop #minigame .slide .lower ul{
	position: absolute;
	top: 0;
	right: 0;
	width: 576px;
}
#jb7jTop #minigame .slide .lower li{
	float: right;
}

/*top make---------------------------------------*/
#jb7jTop #make {
	position: relative;
	background: url(../img/top/bg_make.png) top left no-repeat;
	width: 368px;
	height: 320px;
	float: right;
	margin-top: 4px;
}
#jb7jTop #make .title{
	position: absolute;
	top: 30px;
	left: 30px;
}
#jb7jTop #make .chara{
	position: absolute;
	top: 1px;
	left: 240px;
	visibility: hidden;
}
#jb7jTop #make .text{
	position: absolute;
	top: 109px;
	left: 29px;
}
#jb7jTop #make .image{
	position: absolute;
	top: 129px;
	left: 197px;
}
#jb7jTop #make .pen{
	position: absolute;
	left: 245px;
    top: 103px;
}
#jb7jTop #make .button {
    left: 27px;
    position: absolute;
    top: 214px;
}


/*top css3 animation ---------------------------------------*/

@keyframes movieicon {
	0% {transform: matrix(1,0,0,1,0,0);}
	88% {transform: matrix(1,0,0,1,0,0);}
	94% {transform: matrix(1.1,0,0,1.1,0,0);}
	100% {transform: matrix(1,0,0,1,0,0);}
}
@-ms-keyframes movieicon {
	0% {-ms-transform: matrix(1,0,0,1,0,0);}
	88% {-ms-transform: matrix(1,0,0,1,0,0);}
	94% {-ms-transform: matrix(1.1,0,0,1.1,0,0);}
	100% {-ms-transform: matrix(1,0,0,1,0,0);}
}
@-moz-keyframes movieicon {
	0% {-moz-transform: matrix(1,0,0,1,0,0);}
	88% {-moz-transform: matrix(1,0,0,1,0,0);}
	94% {-moz-transform: matrix(1.1,0,0,1.1,0,0);}
	100% {-moz-transform: matrix(1,0,0,1,0,0);}
}
@-webkit-keyframes movieicon {
	0% {-webkit-transform: matrix(1,0,0,1,0,0);}
	88% {-webkit-transform: matrix(1,0,0,1,0,0);}
	94% {-webkit-transform: matrix(1.1,0,0,1.1,0,0);}
	100% {-webkit-transform: matrix(1,0,0,1,0,0);}
}


@keyframes coin {
	0% {transform: translate3d(0,0,0);}
	25% {transform: translate3d(0,-5px,0);}
	50% {transform: translate3d(0,-8px,0);}
	75% {transform: translate3d(0,-5px,0);}
	100% {transform: translate3d(0,0,0);}
}
@-ms-keyframes coin {
	0% {-ms-transform: translate3d(0,0,0);}
	25% {-ms-transform: translate3d(0,-5px,0);}
	50% {-ms-transform: translate3d(0,-8px,0);}
	75% {-ms-transform: translate3d(0,-5px,0);}
	100% {-ms-transform: translate3d(0,0,0);}
}
@-moz-keyframes coin {
	0% {-moz-transform: translate3d(0,0,0);}
	25% {-moz-transform: translate3d(0,-5px,0);}
	50% {-moz-transform: translate3d(0,-8px,0);}
	75% {-moz-transform: translate3d(0,-5px,0);}
	100% {-moz-transform: translate3d(0,0,0);}
}
@-webkit-keyframes coin {
	0% {-webkit-transform: translate3d(0,0,0);}
	25% {-webkit-transform: translate3d(0,-5px,0);}
	50% {-webkit-transform: translate3d(0,-8px,0);}
	75% {-webkit-transform: translate3d(0,-5px,0);}
	100% {-webkit-transform: translate3d(0,0,0);}
}


@keyframes coinshadow {
	0% {transform: matrix(1,0,0,1,0,0);}
	25% {transform: matrix(0.96,0,0,0.96,0,0);}
	50% {transform: matrix(0.9,0,0,0.9,0,0);}
	75% {transform: matrix(0.96,0,0,0.96,0,0);}
	100% {transform: matrix(1,0,0,1,0,0);}
}
@-ms-keyframes coinshadow {
	0% {-ms-transform: matrix(1,0,0,1,0,0);}
	25% {-ms-transform: matrix(0.96,0,0,0.96,0,0);}
	50% {-ms-transform: matrix(0.9,0,0,0.9,0,0);}
	75% {-ms-transform: matrix(0.96,0,0,0.96,0,0);}
	100% {-ms-transform: matrix(1,0,0,1,0,0);}
}
@-moz-keyframes coinshadow {
	0% {-moz-transform: matrix(1,0,0,1,0,0);}
	25% {-moz-transform: matrix(0.96,0,0,0.96,0,0);}
	50% {-moz-transform: matrix(0.9,0,0,0.9,0,0);}
	75% {-moz-transform: matrix(0.96,0,0,0.96,0,0);}
	100% {-moz-transform: matrix(1,0,0,1,0,0);}
}
@-webkit-keyframes coinshadow {
	0% {-webkit-transform: matrix(1,0,0,1,0,0);}
	25% {-webkit-transform: matrix(0.96,0,0,0.96,0,0);}
	50% {-webkit-transform: matrix(0.9,0,0,0.9,0,0);}
	75% {-webkit-transform: matrix(0.96,0,0,0.96,0,0);}
	100% {-webkit-transform: matrix(1,0,0,1,0,0);}
}





/*header---------------------------------------*/
#jb7jHeader{
	position: relative;
	width: 740px;
	height: 164px;
	background: url(../img/header_bg.png) top left no-repeat;
}

#jb7jHeader h5{
	position: absolute;
	top: 16px;
	left: 30px;
}
#jb7jHeader li.item01{
	position: absolute;
	top: 39px;
	left: 298px;
}
#jb7jHeader li.item02{
	position: absolute;
	top: 39px;
	left: 510px;
}
#jb7jHeader li.item02 span{
	position: absolute;
	top: -15px;
	left: -10px;
}


/*about---------------------------------------*/
#aboutWrap {
	position: relative;
	width: 740px;
	height: 1514px;
	margin: -34px 0 0 0;
	background: url(../img/about/bg_top.png) top left no-repeat;
}
#aboutBlock {
	position: absolute;
	width: 740px;
	height: 1400px;
	top: 45px;
	background: url(../img/about/bg_block.png) top left repeat-y;
}
#aboutBottom {
	position: absolute;
	width: 740px;
	height: 69px;
	bottom: 0px;
	background: url(../img/about/bg_bottom.png) top left no-repeat;
}

#aboutWrap .title {
	position: absolute;
	top: 30px;
	left: 30px;
}

#aboutWrap .section1 {
	position: absolute;
	top: 118px;
	left: 30px;
	width: 680px;
	height: 454px;
	margin: 0;
	background: url(../img/about/section1_bg.png) top left no-repeat;
}
#aboutWrap .section1 .chara {
	position: absolute;
	top: -113px;
	left: 459px;
	visibility: hidden;
}
#aboutWrap .section1 .text {
	position: absolute;
	top: 29px;
	left: 30px;
}
#aboutWrap .section1 .img1 {
	position: absolute;
	top: 161px;
	left: 30px;
}
#aboutWrap .section1 .img2 {
	position: absolute;
	top: 161px;
	left: 181px;
}
#aboutWrap .section1 .caption1 {
	position: absolute;
	top: 253px;
	left: 45px;
}
#aboutWrap .section1 .caption2 {
	position: absolute;
	top: 253px;
	left: 191px;
}
#aboutWrap .section1 .tile {
	position: absolute;
	top: 288px;
	left: 30px;
	width: 295px;
	height: 134px;
	background: url(../img/about/section1_tile_bg.png) top left no-repeat;
}
#aboutWrap .section1 .tile .text {
	position: absolute;
	top: 19px;
	left: 21px;
}
#aboutWrap .section1 .tile .wrap {
	position: absolute;
	top: 80px;
	width: 32px;
	height: 32px;
	overflow: hidden;
}
#aboutWrap .section1 .tile .wrap p {
	position: absolute;
	top: 0;
	left: 0;
}
#aboutWrap .section1 .tile .item1 {
	left: 20px;
}
#aboutWrap .section1 .tile .item2 {
	left: 57px;
}
#aboutWrap .section1 .tile .item3 {
	left: 94px;
}
#aboutWrap .section1 .tile .item4 {
	left: 131px;
}
#aboutWrap .section1 .tile .item5 {
	left: 168px;
}
#aboutWrap .section1 .tile .item6 {
	left: 205px;
}
#aboutWrap .section1 .tile .item7 {
	left: 242px;
}
#aboutWrap .section1 .rulemovie{
    position: absolute;
    left: 354px;
    top: 29px;
}
#aboutWrap .section1 .rulemovie #ruleplayer{
    width: 296px;
	height: 393px;
	overflow: hidden;
	text-align: center;
	display: block;
}

#aboutWrap .section2 {
	position: absolute;
	top: 602px;
	left: 30px;
	width: 680px;
	height: 497px;
	margin: 0;
	background: url(../img/about/section2_bg.png) top left no-repeat;
}
#aboutWrap .section2 .title{
	position: absolute;
	top: 10px;
	left: 30px;
}
#aboutWrap .section2 .chara{
	position: absolute;
	top: -23px;
	left: 514px;
	visibility: hidden;
}
#aboutWrap .section2 .text{
	position: absolute;
	top: 85px;
	left: 33px;
}
#aboutWrap .section2 .movie{
	position: absolute;
	top: 128px;
	left: 30px;
}
#aboutWrap .section2 .movie .item1{
	position: absolute;
	left: 0px;
}
#aboutWrap .section2 .movie .item2{
	position: absolute;
	left: 159px;
}
#aboutWrap .section2 .movie .item3{
	position: absolute;
	left: 317px;
}
#aboutWrap .section2 .movie .item4{
	position: absolute;
	left: 476px;
}
#aboutWrap .section2 .movie .item1 p,
#aboutWrap .section2 .movie .item2 p,
#aboutWrap .section2 .movie .item3 p,
#aboutWrap .section2 .movie .item4 p {
	position: absolute;
	top: 0;
	left: 0;
}
#aboutWrap .section2 .movie .caption1{
	position: absolute;
	top: 91px;
	left: 11px;
}
#aboutWrap .section2 .movie .caption2{
	position: absolute;
	top: 91px;
	left: 187px;
}
#aboutWrap .section2 .movie .caption3{
	position: absolute;
	top: 91px;
	left: 345px;
}
#aboutWrap .section2 .movie .caption4{
	position: absolute;
	top: 91px;
	left: 489px;
}
#aboutWrap .section2 .group2 {
	position: absolute;
	top: 249px;
	left: 30px;
	width: 620px;
	height: 218px;
	background: url(../img/about/section2_group2_bg.png) top left no-repeat;
}
#aboutWrap .section2 .group2 .text1{
	position: absolute;
	top: 20px;
	left: 20px;
}
#aboutWrap .section2 .group2 .text2{
	position: absolute;
	top: 20px;
	left: 210px;
}
#aboutWrap .section2 .group2 .star{
	position: absolute;
	top: 85px;
	left: 33px;
}
#aboutWrap .section2 .group2 .img1{
	position: absolute;
	top: 85px;
	left: 307px;
}
#aboutWrap .section2 .group2 .img2{
	position: absolute;
	top: 85px;
	left: 456px;
}
#aboutWrap .section2 .group2 .caption1{
	position: absolute;
	top: 184px;
	left: 340px;
}
#aboutWrap .section2 .group2 .caption2{
	position: absolute;
	top: 183px;
	left: 460px;
}
#aboutWrap .section2 .group2 .chara{
	position: absolute;
	top: 87px;
	left: 208px;
}

#aboutWrap .section3 {
	position: absolute;
	top: 1129px;
	left: 30px;
	width: 680px;
	height: 330px;
	margin: 0;
	background: url(../img/about/section3_bg.png) top left no-repeat;
}
#aboutWrap .section3 .title{
	position: absolute;
	top: 9px;
	left: 30px;
}
#aboutWrap .section3 #prev{
	position: absolute;
	top: 158px;
	left: 28px;
	display: none;
}
#aboutWrap .section3 #next{
	position: absolute;
	top: 158px;
	right: 28px;
	display: none;
}
#aboutWrap .section3 #pager{
	position: absolute;
	top: 291px;
	left: 296px;
	width: 110px;
}
#aboutWrap .section3 #pager li{
	position: relative;
	margin-right: 11px;
	width: 14px;
	height: 14px;
}
#aboutWrap .section3 #pager li a{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
#aboutWrap .section3 #pager li .currimg{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
#aboutWrap .section3 #pager li.curr a{
	display: none;
}
#aboutWrap .section3 #pager li.curr .currimg{
	display: block;
}

#aboutWrap .section3 .slidewrapper{
	position: absolute;
	width: 530px;
	height: 190px;
	top: 82px;
	left: 74px;
	overflow: hidden;
}
#aboutWrap .section3 .slidecontainer{
	position: absolute;
	width: 3000px;
	height: 190px;
	top: 0;
	left: 20px;
}
#aboutWrap .section3 .slidecontainer li{
	position: relative;
	width: 490px;
	height: 190px;
	float: left;
	margin: 0 110px 0 0;
	background: url(../img/about/section3_slide_bg.png) top left no-repeat;
}
#aboutWrap .section3 .slidecontainer li .title{
	position: absolute;
	top: 35px;
	left: 243px;
}
#aboutWrap .section3 .slidecontainer li .text{
	position: absolute;
	top: 95px;
	left: 246px;
}
#aboutWrap .section3 .slidecontainer li .img{
	position: absolute;
	top: 12px;
	left: 13px;
}


/*editorroom---------------------------------------*/

#editorroomWrap {
	position: relative;
	width: 740px;
	height: 1614px;
	margin: -34px 0 0 0;
	background: url(../img/editorroom/bg_top.png) top left no-repeat;
}
#editorroomBlock {
	position: absolute;
	width: 740px;
	height: 1500px;
	top: 26px;
	background: url(../img/editorroom/bg_block.png) top left repeat-y;
}
#editorroomBottom {
	position: absolute;
	width: 740px;
	height: 88px;
	bottom: 0px;
	background: url(../img/editorroom/bg_bottom.png) top left no-repeat;
}

#editorroomWrap .section0 {
	position: relative;
	top:0;
	left:30px;
	width: 680px;
	height: 210px;
	margin: 0;
}

#editorroomWrap .section0 .title {
	position: absolute;
	top: 30px;
}
#editorroomWrap .section0 .chara{
	position: absolute;
	top:10px;
	left: 489px;
	visibility: hidden;
}
#editorroomWrap .section0 .text{
	position: absolute;
	top:136px;
	left:16px;
}


#editorroomWrap .section1 {
	position: relative;
	left: 30px;
	width: 680px;
	height: 700px;
	margin: 0;
	background: url(../img/editorroom/section1_bg.png) top left no-repeat;
}

#editorroomWrap .section1 .title {
	position: absolute;
	left: 30px;
	top: 7px;
}
#editorroomWrap .section1 .chara_l {
	position: absolute;
	left: 429px;
	top: -23px;
	visibility: hidden;
}
#editorroomWrap .section1 .chara_m {
	position: absolute;
	left: 524px;
	top: -23px;
	visibility: hidden;
}
#editorroomWrap .section1 .chara_r {
	position: absolute;
	left: 614px;
	top: -23px;
	visibility: hidden;
}
#editorroomWrap .section1 .stp1_badge{
	position: absolute;
	left: 18px;
	top: 75px;
}
#editorroomWrap .section1 #editplayer{
	width: 276px;
	height: 348px;
	overflow: hidden;
	text-align: center;
}
#editorroomWrap .section1 .stp1_fla_alt{
	position: absolute;
	left: 59px;
	top: 107px;
}
#editorroomWrap .section1 .stp1_img{
	position: absolute;
	left: 84px;
	top: 288px;
}
#editorroomWrap .section1 .stp1_caption{
	position: absolute;
	left: 63px;
	top: 472px;
}
#editorroomWrap .section1 .stp2_badge{
	position: absolute;
	left: 368px;
	top: 75px;
}
#editorroomWrap .section1 .stp2_img{
	position: absolute;
	left: 419px;
	top: 105px;
}
#editorroomWrap .section1 .stp2_caption{
	position: absolute;
	left: 419px;
	top: 261px;
}
#editorroomWrap .section1 .stp3_badge{
	position: absolute;
	left: 371px;
	top: 318px;
}
#editorroomWrap .section1 .stp3_img{
	position: absolute;
	left: 405px;
	top: 351px;
}
#editorroomWrap .section1 .stp3_caption{
	position: absolute;
	left: 405px;
	top: 494px;
}
#editorroomWrap .section1 .playtest_stitle{
	position: absolute;
	left: 30px;
	top: 547px;
}
#editorroomWrap .section1 .playtest_chara{
	position: absolute;
	left: 45px;
	top: 525px;
	visibility: hidden;
}
#editorroomWrap .section1 .playtest_text{
	position: absolute;
	left: 30px;
	top: 607px;
}
#editorroomWrap .section1 .playtest_img1{
	position: absolute;
	left: 333px;
	top: 547px;
}
#editorroomWrap .section1 .playtest_img2{
	position: absolute;
	left: 503px;
	top: 547px;
}

#editorroomWrap .section2 {
	position: relative;
	left: 30px;
	width: 680px;
	height: 427px;
	margin: 0;
	background: url(../img/editorroom/section2_bg.png) top left no-repeat;
}
#editorroomWrap .section2 .title {
	position: absolute;
	left: 30px;
	top: 7px;
}
#editorroomWrap .section2 .chara{
	position: absolute;
	left: 576px;
	top: -15px;
	visibility: hidden;
}
#editorroomWrap .section2 .stitle{
	position: absolute;
	left: 331px;
	top: 221px;
}
#editorroomWrap .section2 .caption{
	position: absolute;
	left: 333px;
	top: 276px;
}
#editorroomWrap .section2 .text{
	position: absolute;
	left: 258px;
	top: 98px;
}
#editorroomWrap .section2 .img1{
	position: absolute;
	left: 38px;
	top: 75px;
}
#editorroomWrap .section2 .img2{
	position: absolute;
	left: 29px;
	top: 199px;
}
#editorroomWrap .section2 .img3{
	position: absolute;
	left: 480px;
	top: 221px;
}

#editorroomWrap .section3 {
	position: relative;
	left: 30px;
	width: 680px;
	height: 190px;
	margin: 0;
	background: url(../img/editorroom/section3_bg.png) top left no-repeat;
}
#editorroomWrap .section3 .text{
	position: absolute;
	left: 30px;
	top: 22px;
}
.orange_btn {
	position: relative;
	width: 212px;
	height: 60px;
	font-size: 16px;
	text-align: center;
	display: table-cell;
 	vertical-align: middle;
 	border: solid 1px #FF9103;
}

.orange_btn:hover {
	height: 56px;
	border: solid 3px #FF9103;
	text-decoration: none;
}

.orange_btn span {
 	color: #FF9103;
}
.orange_btn img {
	position: absolute;
	right: 6px;
}
.orange_btn:hover img{
	right: 4px;
}

.orange_btn a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}