@charset "Shift_JIS";

/*------------------------------------------------------------------------------
  common
------------------------------------------------------------------------------*/
/*--- text color ---*/
html{
	overflow: hidden;
}

html,body{
	background: transparent;	
}


/*------------------------------------------------------------------------------
  soft_movie
------------------------------------------------------------------------------*/
#soft_movie #panel_l {
	width: 920px;
	height: 760px;
	margin: 0 auto;
	background: url(../img/bg_thickbox_l.png) 0 52px no-repeat;
}
#soft_movie #panel_l #panel_r {
	width: 920px;
	height: 760px;
	margin: 0 auto;
	background: url(../img/bg_thickbox_r.png) 460px 52px no-repeat;
}
* html #soft_movie #panel_l {
	background-image: url(../img/bg_thickbox_l.gif) !important;
}

* html #soft_movie #panel_l #panel_r {
	background-image: url(../img/bg_thickbox_r.gif) !important;
}
#soft_movie #thickbox_contentlayer {
	position: relative;
	width: 920px;
	height: 760px;
	margin: 0;
	background: none;
}
#soft_movie #thickbox_contentlayer #chara {
	position: absolute;
	top: 11px;
	left: -42px;
}
#soft_movie #thickbox_contentlayer h1 {
	position: absolute;
	top: 93px;
	left: 266px;
}
#soft_movie #thickbox_contentlayer dl {
	position: absolute;
	top: 305px;
	left: 24px;
}
#soft_movie #thickbox_contentlayer dl dt {
	margin: 0 0 8px 0;
}
#soft_movie #thickbox_contentlayer #flvplayerarea {
	position: absolute;
	top: 176px;
	left: 229px;
	width: 654px;
	height: 240px;
}
#soft_movie #thickbox_contentlayer #flvplayerarea #spn,
#soft_movie #thickbox_contentlayer #flvplayerarea p {
	padding: 20px 0 0 0;
}
#soft_movie #thickbox_contentlayer .text {
	position: absolute;
	top: 616px;
	left: 48px;
}
#soft_movie #thickbox_contentlayer #close {
	position: absolute;
	top: 95px;
	left: 919px;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}
#soft_movie #thickbox_contentlayer #close a {
	display: block;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}


/*------------------------------------------------------------------------------
  controlsheet
------------------------------------------------------------------------------*/
#controlsheet #thickbox_contentlayer {
	position: relative;
	width: 920px;
	height: 570px;
	margin: 0 auto;
	background: none;
}
#controlsheet #thickbox_contentlayer #close {
	position: absolute;
	top: 43px;
	left: 919px;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}
#controlsheet #thickbox_contentlayer #close a {
	display: block;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}


/*------------------------------------------------------------------------------
  thickbox_img_collection
------------------------------------------------------------------------------*/
#thickbox_img_collection #thickbox_contentlayer {
	position: relative;
	width: 660px;
	top: 0;
	height: 760px;
	margin: 0 auto;
	background: none;
}
#thickbox_img_collection #thickbox_contentlayer #close {
	position: absolute;
	top: 43px;
	left: 660px;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}
#thickbox_img_collection #thickbox_contentlayer #close a {
	display: block;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}



/*------------------------------------------------------------------------------
  challenge_movie
------------------------------------------------------------------------------*/
#challenge_movie #panel_l {
	width: 920px;
	height: 650px;
	margin: 0 auto;
	background: url(../img/bg_thickbox_l2.png) 0 0 no-repeat;
}
#challenge_movie #panel_l #panel_r {
	width: 920px;
	height: 650px;
	margin: 0 auto;
	background: url(../img/bg_thickbox_r2.png) 460px 0 no-repeat;
}
* html #challenge_movie #panel_l {
	background-image: url(../img/bg_thickbox_l2.gif) !important;
}
* html #challenge_movie #panel_l #panel_r {
	background-image: url(../img/bg_thickbox_r2.gif) !important;
}
#challenge_movie #thickbox_contentlayer {
	position: relative;
	width: 920px;
	height: 650px;
	margin: 0;
	background: none;
}
#challenge_movie #thickbox_contentlayer h1 {
	position: absolute;
	top: 48px;
	left: 60px;
}
#challenge_movie #thickbox_contentlayer #flvplayerarea {
	position: absolute;
	top: 160px;
	left: 229px;
	width: 654px;
	height: 420px;
}
#challenge_movie #thickbox_contentlayer #flvplayerarea #spn,
#challenge_movie #thickbox_contentlayer #flvplayerarea p {
	padding: 20px 0 0 0;
}
#challenge_movie #thickbox_contentlayer ul {
	position: absolute;
	left: 27px;
	top: 163px; 
}
#challenge_movie #thickbox_contentlayer ul li {
	width: 190px;
	height: 50px;
	margin: 0 0 10px 0;
}
#challenge_movie #thickbox_contentlayer ul li a {
	display: block;
	width: 190px;
	height: 50px;
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
#challenge_movie #thickbox_contentlayer ul li a:hover {
	background-position: bottom left;
}
#challenge_movie #thickbox_contentlayer ul li.sword a {
	background-image: url(../img/level1_movie_btn1.png);
}
#challenge_movie #thickbox_contentlayer ul li.sword a.current {
	background-image: url(../img/level1_movie_btn1_now.png);
}
#challenge_movie #thickbox_contentlayer ul li.parasol a {
	background-image: url(../img/level1_movie_btn2.png);
}
#challenge_movie #thickbox_contentlayer ul li.parasol a.current {
	background-image: url(../img/level1_movie_btn2_now.png);
}
#challenge_movie #thickbox_contentlayer ul li.spark a {
	background-image: url(../img/level1_movie_btn3.png);
}
#challenge_movie #thickbox_contentlayer ul li.spark a.current {
	background-image: url(../img/level1_movie_btn3_now.png);
}
#challenge_movie #thickbox_contentlayer ul li.whip a {
	background-image: url(../img/level2_movie_btn1.png);
}
#challenge_movie #thickbox_contentlayer ul li.whip a.current {
	background-image: url(../img/level2_movie_btn1_now.png);
}
#challenge_movie #thickbox_contentlayer ul li.fighter a {
	background-image: url(../img/level2_movie_btn2.png);
}
#challenge_movie #thickbox_contentlayer ul li.fighter a.current {
	background-image: url(../img/level2_movie_btn2_now.png);
}
#challenge_movie #thickbox_contentlayer ul li.wing a {
	background-image: url(../img/level2_movie_btn3.png);
}
#challenge_movie #thickbox_contentlayer ul li.wing a.current {
	background-image: url(../img/level2_movie_btn3_now.png);
}
#challenge_movie #thickbox_contentlayer ul li.smabra a {
	background-image: url(../img/level3_movie_btn1.png);
}
#challenge_movie #thickbox_contentlayer ul li.smabra a.current {
	background-image: url(../img/level3_movie_btn1_now.png);
}
#challenge_movie #thickbox_contentlayer ul li.normal a {
	background-image: url(../img/level3_movie_btn2.png);
}
#challenge_movie #thickbox_contentlayer ul li.normal a.current {
	background-image: url(../img/level3_movie_btn2_now.png);
}
#challenge_movie #thickbox_contentlayer ul li.boss a.current {
	background-image: url(../img/boss_movie_btn_now.png);
}
#challenge_movie #thickbox_contentlayer #close {
	position: absolute;
	top: 43px;
	left: 919px;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}
#challenge_movie #thickbox_contentlayer #close a {
	display: block;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}


/*------------------------------------------------------------------------------
  img_book
------------------------------------------------------------------------------*/
#img_book #panel_l {
	width: 920px;
	height: 650px;
	margin: 0 auto;
	background: url(../img/bg_thickbox_l3.png) 0 0 no-repeat;
}
#img_book #panel_l #panel_r {
	width: 920px;
	height: 650px;
	margin: 0 auto;
	background: url(../img/bg_thickbox_r3.png) 460px 0 no-repeat;
}
* html #img_book #panel_l {
	background-image: url(../img/bg_thickbox_l3.gif) !important;
}
* html #img_book #panel_l #panel_r {
	background-image: url(../img/bg_thickbox_r3.gif) !important;
}
#img_book2 #panel_l {
	width: 920px;
	height: 650px;
	margin: 0 auto;
	background: url(../img/bg_thickbox_l2.png) 0 0 no-repeat;
}
#img_book2 #panel_l #panel_r {
	width: 920px;
	height: 650px;
	margin: 0 auto;
	background: url(../img/bg_thickbox_r2.png) 460px 0 no-repeat;
}
* html #img_book2 #panel_l {
	background-image: url(../img/bg_thickbox_l2.gif) !important;
}
* html #img_book2 #panel_l #panel_r {
	background-image: url(../img/bg_thickbox_r2.gif) !important;
}
#img_book #thickbox_contentlayer,
#img_book2 #thickbox_contentlayer {
	position: relative;
	width: 920px;
	height: 650px;
	margin: 0;
	background: none;
}
#img_book #thickbox_contentlayer h1,
#img_book2 #thickbox_contentlayer h1 {
	position: absolute;
	top: 48px;
	left: 60px;
}
#img_book #thickbox_contentlayer .img {
	position: absolute;
	top: 113px;
	left: 30px;
}
#img_book #thickbox_contentlayer .text {
	position: absolute;
	top: 562px;
	left: 48px;
}
#img_book #thickbox_contentlayer .btn {
	position: absolute;
	top: 482px;
	left: 676px;
}
#img_book2 #thickbox_contentlayer .img2 {
	position: absolute;
	top: 120px;
	left: 140px;
}
#img_book2 #thickbox_contentlayer .btn2 {
	position: absolute;
	top: 572px;
	left: 390px;
}
#img_book #thickbox_contentlayer #close,
#img_book2 #thickbox_contentlayer #close {
	position: absolute;
	top: 43px;
	left: 919px;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}
#img_book #thickbox_contentlayer #close a,
#img_book2 #thickbox_contentlayer #close a {
	display: block;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}


/*------------------------------------------------------------------------------
  img_cd
------------------------------------------------------------------------------*/
#img_cd #panel_l {
	width: 920px;
	height: 650px;
	margin: 0 auto;
	background: url(../img/bg_thickbox_l2.png) 0 0 no-repeat;
}
#img_cd #panel_l #panel_r {
	width: 920px;
	height: 650px;
	margin: 0 auto;
	background: url(../img/bg_thickbox_r2.png) 460px 0 no-repeat;
}
* html #img_cd #panel_l {
	background-image: url(../img/bg_thickbox_l2.gif) !important;
}
* html #img_cd #panel_l #panel_r {
	background-image: url(../img/bg_thickbox_r2.gif) !important;
}
#img_cd #thickbox_contentlayer {
	position: relative;
	width: 920px;
	height: 650px;
	margin: 0;
	background: none;
}
#img_cd #thickbox_contentlayer h1 {
	position: absolute;
	top: 48px;
	left: 60px;
}
#img_cd #thickbox_contentlayer .img {
	position: absolute;
	top: 120px;
	left: 13px;
}
#img_cd #thickbox_contentlayer .text1 {
	position: absolute;
	top: 119px;
	left: 416px;
}
#img_cd #thickbox_contentlayer .btn {
	position: absolute;
	top: 551px;
	left: 69px;
}
#img_cd #thickbox_contentlayer #flvplayerarea {
	position: absolute;
	top: 134px;
	left: 133px;
	width: 654px;
	height: 420px;
}
#img_cd #thickbox_contentlayer #flvplayerarea #spn,
#img_cd #thickbox_contentlayer #flvplayerarea p {
	padding: 20px 0 0 0;
}
#img_cd #thickbox_contentlayer .btn2 {
	position: absolute;
	top: 566px;
	left: 345px;
}
#img_cd #thickbox_contentlayer #close {
	position: absolute;
	top: 43px;
	left: 919px;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}
#img_cd #thickbox_contentlayer #close a {
	display: block;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}



/*------------------------------------------------------------------------------
  movie_thickbox
------------------------------------------------------------------------------*/
#movie_thickbox #panel_l {
	width: 920px;
	height: 650px;
	margin: 0 auto;
	background: url(../img/bg_thickbox_l2.png) 0 0 no-repeat;
}
#movie_thickbox #panel_l #panel_r {
	width: 920px;
	height: 650px;
	margin: 0 auto;
	background: url(../img/bg_thickbox_r2.png) 460px 0 no-repeat;
}
* html #movie_thickbox #panel_l {
	background-image: url(../img/bg_thickbox_l2.gif) !important;
}
* html #movie_thickbox #panel_l #panel_r {
	background-image: url(../img/bg_thickbox_r2.gif) !important;
}
#movie_thickbox #thickbox_contentlayer {
	position: relative;
	top: 0;
	width: 920px;
	height: 650px;
	margin: 0 auto;
	background: none;
}
#movie_thickbox #thickbox_contentlayer h1 {
	position: absolute;
	top: 48px;
	left: 60px;
}
#movie_thickbox #thickbox_contentlayer #flvplayerarea {
	position: absolute;
	top: 160px;
	left: 133px;
	width: 654px;
	height: 420px;
}
#movie_thickbox #thickbox_contentlayer #flvplayerarea p,
#movie_thickbox #thickbox_contentlayer #flvplayerarea #spn {
	padding: 25px 0 0 0;
}
#movie_thickbox #thickbox_contentlayer #close {
	position: absolute;
	top: 43px;
	left: 919px;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}
#movie_thickbox #thickbox_contentlayer #close a {
	display: block;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}



/*------------------------------------------------------------------------------
  gcx_thickbox
------------------------------------------------------------------------------*/
#gcx_thickbox #panel_l {
	width: 920px;
	height: 650px;
	margin: 0 auto;
	background: url(../img/bg_thickbox_l2.png) 0 0 no-repeat;
}
#gcx_thickbox #panel_l #panel_r {
	width: 920px;
	height: 650px;
	margin: 0 auto;
	background: url(../img/bg_thickbox_r2.png) 460px 0 no-repeat;
}
* html #gcx_thickbox #panel_l {
	background-image: url(../img/bg_thickbox_l2.gif) !important;
}
* html #gcx_thickbox #panel_l #panel_r {
	background-image: url(../img/bg_thickbox_r2.gif) !important;
}
#gcx_thickbox #thickbox_contentlayer {
	position: relative;
	top: 0;
	width: 920px;
	height: 650px;
	margin: 0 auto;
	background: none;
}
#gcx_thickbox #thickbox_contentlayer h1 {
	position: absolute;
	top: 35px;
	left: 60px;
}
#gcx_thickbox #thickbox_contentlayer #flvplayerarea {
	position: absolute;
	top: 134px;
	left: 133px;
	width: 654px;
	height: 420px;
}
#gcx_thickbox #thickbox_contentlayer #flvplayerarea p,
#gcx_thickbox #thickbox_contentlayer #flvplayerarea #spn {
	padding: 20px 0 0 0;
}
#gcx_thickbox #thickbox_contentlayer ul li.gcx1 {
	position: absolute;
	top: 566px;
	left: 248px;
}
#gcx_thickbox #thickbox_contentlayer ul li.gcx2 {
	position: absolute;
	top: 566px;
	left: 479px;
}
#gcx_thickbox #thickbox_contentlayer ul li.icon_new_gcx2 {
	position: absolute;
	top: 565px;
	left: 651px;
}
#gcx_thickbox #thickbox_contentlayer ul li.gcx1 a {
	display: block;
	width: 190px;
	height: 50px;
	background: url(../img/gcx_btn1.png) top left no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
#gcx_thickbox #thickbox_contentlayer ul li.gcx2 a {
	display: block;
	width: 190px;
	height: 50px;
	background: url(../img/gcx_btn2.png) top left no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
#gcx_thickbox #thickbox_contentlayer ul li.gcx1 a:hover,
#gcx_thickbox #thickbox_contentlayer ul li.gcx2 a:hover {
	background-position: bottom left;
}
#gcx_thickbox #thickbox_contentlayer #close {
	position: absolute;
	top: 43px;
	left: 919px;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}
#gcx_thickbox #thickbox_contentlayer #close a {
	display: block;
	width: 42px;
	height: 48px;
	background: url(../img/btn_thickbox_close.png) top left no-repeat;
}