@charset "utf-8";

body
{
	min-height: 720px;
	background: url(../img/top/bg.png) repeat 0 100%;
}


/*************************
	wrap
*************************/

#wrap
{
	width: 100%;
	height: 100%;
	min-width: 960px;
	min-height: 690px;
	min-height: 1131px;
	position: relative;
	overflow: hidden;
	background: url(../img/top/bg_shadow.png) repeat-x 0 100%;
}

body#sp #wrap
{
	height: 845px;
	/*min-height: 936px;*/
}

body#sp.modal #wrap
{
	height: 3000px;
	/*min-height: 936px;*/
}


/*************************
	container
*************************/

#container
{
	width: 100%;
	height: 100%;
	min-height: 720px;
	position: relative;
	overflow: hidden;
	background: url(../img/top/content_bg_animal.png) repeat-y 50% 100%;
}

body#sp #container
{
	height: 770px;
	background-position: -4px 0;
	margin-top: 153px;
}


/*************************
	content
*************************/

#content
{
	display: none;
	width: 1020px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -510px;
	overflow: hidden;
}

body.nojs #content, body.on #content
{
	display: block;
}

/**** new, update ****/

#content li p span.new
{
	display: block;
	width: 42px;
	height: 18px;
	background: url(../img/top/btn_new.png) no-repeat 0 0;
	position: absolute;
	top: -3px;
	left: -4px;
	text-indent: 50px;
	white-space: nowrap;
	overflow: hidden;
}

#content li p span.update
{
	display: block;
	width: 67px;
	height: 18px;
	background: url(../img/top/btn_update_0402.png) no-repeat 0 0;
	position: absolute;
	top: -3px;
	right: -4px;
	text-indent: 80px;
	white-space: nowrap;
	overflow: hidden;
}

#content li p.sp_gallery span.update	{ background-image: url(../img/top/btn_update_0423.png); }


/*----------------------------------------------------
	COVER : LOADING
----------------------------------------------------*/


#content li.cover
{
	width: 1020px;
	height: 100%;
	background: url(../img/top/content_bg.png) repeat-y 50% 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

body.nojs #content li.cover, body#wii #content li.cover, body#ds #content li.cover
{
	display: none;
}

#content li.cover p
{
	display: block;
	width: 136px;
	height: 11px;
	background: url(../img/top/loading.gif) no-repeat 0 0;
	text-align: center;
	padding-top: 137px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -190px 0 0 -60px;
}

body#sp #content li.cover p
{
	margin: -170px 0 0 -60px;
}


/*----------------------------------------------------
	TYPE A : ANIMAL
----------------------------------------------------*/


#content li.type_a
{
	width: 1020px;
	height: 79%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

body#ds #content li.type_a
{
	display: none;
}

/**** fade ****/

#content li.type_a div.fade
{
	width: 1020px;
	height: 50%;
	background: #FFFFFF;
	position: absolute;
	top: -360px;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#content li.type_a div.fade_btm
{
	width: 1020px;
	height: 50%;
	background: url(../img/top/content_shadow_animal_btm.png) repeat 0 0;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: 163px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/**** bg ****/

#content li.type_a div.bg
{
	width: 1020px;
	height: 524px;
	background: url(../img/top/content_shadow_animal.png) repeat-x 0 0;
	position: absolute;
	top: 50%;
	margin-top: -360px;	/* -( height / 2 + 98 ) */
	overflow: hidden;
}

/**** h1 ****/

#content li.type_a h1
{
	width: 408px;
	height: 146px;
	background: url(../img/top/title_logo_animal.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 84px;
	left: 320px;
}

/**** img ****/

#content li.type_a div.sizue
{
	width: 401px;
	height: 356px;
	background: url(../img/top/sizue.png) no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	top: 55px;
	left: -22px;
}

#content li.type_a div.murabito
{
	width: 373px;
	height: 393px;
	background: url(../img/top/murabito.png) no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	top: 53px;
	left: 564px;
}

body#wii #content li.type_a div.sizue,
body#wii #content li.type_a div.murabito
{
	background: none;
}

#content li.type_a div.sizue img,
#content li.type_a div.murabito img
{
	display: none;
}

body#wii #content li.type_a div.sizue img,
body#wii #content li.type_a div.murabito img
{
	display: inline;
}

/*-----------------------------------
	TYPE A | BUTTON BOX
-----------------------------------*/

#btnbox_a
{
	width: 945px;
	height: 278px;
	position: absolute;
	top: 226px;
	left: 36px;
}

/**** copy ****/

#content li.type_a p.copy
{
	width: 355px;
	height: 27px;
	background: url(../img/top/animal_copy.png) no-repeat 0 0;
	text-indent: 400px;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 294px;
}

/**** dlc ****/

#content li.type_a p.dlc
{
	width: 498px;
	height: 89px;
	position: absolute;
	top: 189px;
	left: 108px;
}

#content li.type_a p.dlc a
{
	display: block;
	width: 498px;
	height: 89px;
	background: url(../img/top/btn_dlc_animal.png) no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

body#pc #content li.type_a p.dlc a:hover{ background-position: 0 -89px; }

/**** cc200 ****/

#content li.type_a p.cc200
{
	width: 224px;
	height: 89px;
	position: absolute;
	top: 189px;
	left: 613px;
}

#content li.type_a p.cc200 a
{
	display: block;
	width: 224px;
	height: 89px;
	background: url(../img/top/btn_200cc.png) no-repeat 0 0;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

body#pc #content li.type_a p.cc200 a:hover{ background-position: 0 -89px; }


/*----------------------------------------------------
	TYPE B : MARIO
----------------------------------------------------*/


#content li.type_b
{
	display: none;
	width: 1020px;
	width: 0px;
	height: 150%;
	background: url(../img/top/content_bg.png) repeat-y -4px 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

body#ds #content li.type_b,
body.nojs #content li.type_b
{
	display: block;
	width: 1020px;
}

/**** bg ****/

#content li.type_b div.bg
{
	width: 1020px;
	height: 1022px;
	background: url(../img/top/mario_bg_s.jpg) no-repeat 0 305px;
	position: absolute;
	top: 35%;
	margin-top: -708px;
}

body#pc #content li.type_b div.bg
{
	background: url(../img/top/mario_bg.jpg) no-repeat 0 0;
}

/**** h1 ****/

#content li.type_b h1
{
	width: 507px;
	height: 177px;
	background: url(../img/top/title_logo.png) no-repeat 0 0;
	position: absolute;
	top: 526px;
	left: 484px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/**** img ****/

#content li.type_b div.mario
{
	width: 588px;
	height: 693px;
	background: url(../img/top/mario.png) no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	top: 329px;
	left: 6px;
}

body#wii #content li.type_b div.mario
{
	background: none;
}

#content li.type_b div.mario img
{
	display: none;
}

body#wii #content li.type_b div.mario img
{
	display: inline;
}

#content li.type_b div.peach
{
	width: 154px;
	height: 189px;
	background: url(../img/top/peach.png) no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	top: 396px;
	left: 463px;
}

body#wii #content li.type_b div.peach
{
	background: none;
}

#content li.type_b div.peach img
{
	display: none;
}

body#wii #content li.type_b div.peach img
{
	display: inline;
}

/*-----------------------------------
	TYPE B | BUTTON BOX
-----------------------------------*/

#btnbox_b
{
	width: 148px;
	padding-top: 3px;
	position: absolute;
	top: 715px;
	left: 802px;
	overflow: hidden;
}

body#sp #btnbox_b
{
	width: 365px;
	left: 613px;
}

#btnbox_b p
{
	height: 88px;
	float: left;
	margin-left: 2px;
	position: relative;
}

#btnbox_b p a
{
	display: block;
	height: 88px;
	text-indent: 220px;
	white-space: nowrap;
	overflow: hidden;
}

body#pc #btnbox_b p a:hover{ background-position: 0 -92px; }

/**** mktv bttn ****/

#btnbox_b p.mktv
{
	width: 148px;
}

#btnbox_b p.mktv a
{
	width: 148px;
	background: url(../img/top/btn_mktv.png) no-repeat 0 0;
}

body#sp #btnbox_b p.mktv
{
	margin-left: 187px;
}

/**** sp_amiibo ****/

#btnbox_b p.sp_amiibo{ display: none; }

body#sp #btnbox_b p.sp_amiibo
{
	display: block;
	width: 148px;
}

body#sp #btnbox_b p.sp_amiibo a
{
	width: 148px;
	background: url(../img/top/btn_amiibo_sp.png) no-repeat 0 0;
}

/**** sp_gallery ****/

#btnbox_b p.sp_gallery{ display: none; }

body#sp #btnbox_b p.sp_gallery
{
	display: block;
	width: 185px;
	margin-left: 0;
}

body#sp #btnbox_b p.sp_gallery a
{
	width: 185px;
	background: url(../img/top/btn_gallery_sp.png) no-repeat 4px 0;
}


/*--------------------------------------------------*/


/*------------------------
	head
------------------------*/

#content div.head
{
	width: 960px;
	height: 50px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 30px;
	visibility: hidden;
}

body#sp #content div.head
{
	display: none;
}

body.on #content div.head
{
	visibility: visible;
}

#content div.head a.nintendo
{
	float: left;
	margin: 10px 0 0 12px;
}

#content div.head a.wiiu
{
	float: right;
	margin: 5px 3px 0 0;
}

/*************************
	menu
*************************/

#menu
{
	position: absolute;
	bottom: 105px;
	z-index: 100;
}

#menu ul
{
	width: 949px;
	padding: 1px 0 1px 6px;
}

#menu li.bnnr
{
	width: 148px;
	margin: 0 0 0 9px;
	padding-left: 0;
	background: none;
}

#menu li.bnnr div
{
	width: 148px;
	height: 34px;
	position: relative;
}

#menu li.bnnr div.amiibo
{
	margin-bottom: 8px;
}

#menu li.bnnr a
{
	width: 148px;
	height: 34px;
	background: no-repeat 0 0;
}

#menu li.bnnr div.amiibo a	{ background-image: url(../img/top/btn_amiibo.png); }
#menu li.bnnr div.gallery a	{ background-image: url(../img/top/btn_gallery.png); }

body#pc #menu li.bnnr a:hover{ background-position: 0 -34px; }

#menu li.bnnr span.update
{
	display: block;
	width: 52px;
	height: 18px;
	background: url(../img/top/btn_update_0402_s.png) no-repeat 0 0;
	text-indent: 80px;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: -2px;
	right: -4px;
}

#menu li.bnnr div.gallery span.update	{ background-image: url(../img/top/btn_update_0423_s.png); }

/*************************
	foot
*************************/

#foot
{
	width: 100%;
	height: 105px;
	min-width: 960px;
	overflow: hidden;
	background: url(../img/top/foot_bg.png) repeat 0 0;
	z-index: 100;
	position: absolute;
	bottom: 0;
}

body#sp #foot
{
	height: 86px;
	border-top: 1px solid #ddd;
}

#foot div.top
{
	width: 872px;
	height: 105px;
	margin: 0 auto;
	overflow: hidden;
}

#foot div.top p.date
{
	width: 270px;
	height: 86px;
	background: url(../img/top/foot_date.png) no-repeat 0 4px;
	float: left;
}

#foot div.top p.date span
{
	display: none;
}

#foot div.top p.date a.cero
{
	display: block;
	width: 33px;
	height: 41px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 41px 0 0 59px;
}

#foot div.bnnr
{
	width: 381px;
	height: 86px;
	float: left;
	position: relative;
	overflow: hidden;
}

#foot div.top a.network
{
	display: block;
	width: 37px;
	height: 48px;
	float: left;
	background: url(../img/top/foot_bnnr_network.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 8px;
	left: 1px;
}

body#pc #foot div.top a.network:hover
{
	background-position: 0 -48px;
}

#foot ul.link
{
	width: 132px;
	height: 75px;
	overflow: hidden;
	margin: 7px 4px 0 0;
	float: left;
}

#foot ul.link li
{
	width: 132px;
	padding-bottom: 1px;
	overflow: hidden;
}

#foot ul.link li a
{
	display: block;
	width: 91px;
	height: 24px;
	background: url(../img/top/foot_btn.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin-left: 41px;
}

#foot ul.link li.guidebook a				{ background-position: 0 0; }
body#pc #foot ul.link li.guidebook a:hover	{ background-position: 0 -24px; }
#foot ul.link li.goods a					{ background-position: 0 -48px; }
body#pc #foot ul.link li.goods a:hover		{ background-position: 0 -72px; }
#foot ul.link li.product a				{ background-position: 0 -96px; width: 132px; margin: 0; }
body#pc #foot ul.link li.product a:hover	{ background-position: 0 -120px; }

#foot ul.temporality
{
	width: 245px;
	height: 76px;
	overflow: hidden;
	margin-top: 7px;
	float: left;
}

#foot ul.temporality li
{
	width: 245px;
	height: 24px;
	height: 36px;
	padding-bottom: 2px;
	overflow: hidden;
}

#foot ul.temporality li a
{
	display: block;
	width: 245px;
	height: 24px;
	height: 36px;
	background: url(../img/top/foot_btn.png) no-repeat -135px 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#foot ul.temporality li.howto a				{ background-position: -135px 0; }
body#pc #foot ul.temporality li.howto a:hover	{ background-position: -135px -36px; }
#foot ul.temporality li.news a				{ background-position: -135px -72px; }
body#pc #foot ul.temporality li.news a:hover		{ background-position: -135px -108px; }

#foot div.dlc
{
	width: 213px;
	height: 73px;
	float: left;
	margin: 8px 0 0 8px;
	position: relative;
}

#foot div.dlc a
{
	display: block;
	width: 209px;
	height: 73px;
	background: url(../img/top/btn_dlc.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

body#pc #foot div.dlc a:hover
{
	background-position: 0 -73px;
}

#foot div.dlc span.new
{
	width: 32px;
	height: 16px;
	background: url(../img/top/foot_bnnr_new.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	position: absolute;
	top: -3px;
	left: -2px;
}

#foot div.dlc span.update
{
	display: block;
	width: 67px;
	height: 18px;
	background: url(../img/top/btn_update_0423.png) no-repeat 0 0;
	text-indent: 80px;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: -3px;
	right: 0;
}

/*************************
	modal
*************************/

#modal
{
	width: 100%;
	height: 100%;
	min-width: 960px;
	min-height: 1215px;
	min-height: 1268px;
	background: url(../img/modal/modal_bg.png);
	color: #FFF;
	position: absolute;
	top: 41px;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 300;
}

#modal.on
{
	display: block;
}

#modal.sound, #modal.cc200
{
	min-height: 750px;
}

#close
{
	width: 100%;
	height: 100%;
	min-width: 960px;
	min-height: 900px;
	position: absolute;
	top: 0;
	right: 0;
}

#close a
{
	display: block;
	width: 50px;
	height: 50px;
	background: url(../img/modal/bttn_close.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 100;
	position: absolute;
	top: 0;
	right: 0;
}

body#pc #close a:hover
{
	background-position: 0 100%;
}

#modal_content
{
	display: none;
	width: 960px;
	height: 1162px;
	height: 1215px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -581px 0 0 -480px;
	overflow: hidden;
	z-index: 99;
}

#modal.gallery #modal_content
{
	display: block;
}

#close_modal
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#arrow_prev, #arrow_next
{
	display: block;
	width: 28px;
	height: 47px;
	background: url(../img/top/modal_arrow.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	position: absolute;
	top: 201px;
}

#arrow_prev{ left: 22px; }
#arrow_next
{
	right: 22px;
	background-position: -28px 0;
}

body#pc #arrow_prev:hover{ background-position: 0 -47px; }
body#pc #arrow_next:hover{ background-position: -28px -47px; }
body#pc #arrow_prev.off{ background-position: 0 -94px; }
body#pc #arrow_next.off{ background-position: -28px -94px; }

#arrow_prev.off, #arrow_next.off
{
	cursor: default;
}


#arrow li a
{
	display: block;
	width: 28px;
	height: 47px;
	background: url(../img/top/modal_arrow.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#framelink
{
	width: 800px;
	height: 450px;
	background: #000 url(../img/modal/modal_loading.gif) no-repeat 50% 50%;
	margin: 0 auto 30px;
	overflow: hidden;
	position: relative;
}

#framelink a
{
	display: block;
	width: 800px;
	height: 450px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/common/clear.gif) repeat 0 0;
}

#modal_content dl
{
	height: 682px;
	height: 735px;
	overflow: hidden;
	position: relative;
}

#modal_content dl.movie
{
	width: 221px;
	padding-right: 16px;
	float: left;
	margin-left: 10px;
	background: url(../img/top/modal_line.gif) no-repeat 100% 0;
}

#modal_content dl.img
{
	width: 686px;
	float: right;
	margin-right: 10px;
}

#modal_content dl dt
{
	height: 16px;
	background: url(../img/top/modal_ttl.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#modal_content dl.img dt
{
	background-position: -221px 0;
}

#modal_content dl.movie dt, #modal_content dl.movie dd{ width: 221px; }
#modal_content dl.img dt, #modal_content dl.img dd{ width: 686px; }

#modal_content dl.img dd, #modal_content dl dd ul
{
	overflow: hidden;
}

#modal_content dl.movie ul{ width: 232px; margin-top: 1px; }
#modal_content dl.img ul{ width: 696px; }

#modal_content dl dd ul li
{
	float: left;
	background: #5ADC50;
}

#modal_content dl.movie dd ul li
{
	width: 105px;
	height: 90px;
	position: relative;
	background: url(../img/top/modal_thumb_movie.png) no-repeat 0 0;
	margin: 10px 11px 0 0;
}

#modal_content dl.movie dd li.thumb_01{ background-position: 0 0; }
#modal_content dl.movie dd li.thumb_02{ background-position: 0 -90px; }
#modal_content dl.movie dd li.thumb_03{ background-position: 0 -180px; }
#modal_content dl.movie dd li.thumb_04{ background-position: 0 -270px; }
#modal_content dl.movie dd li.thumb_05{ background-position: 0 -360px; }
#modal_content dl.movie dd li.thumb_06{ background-position: 0 -450px; }
#modal_content dl.movie dd li.thumb_07{ background-position: 0 -540px; }
#modal_content dl.movie dd li.thumb_08{ background-position: 0 -630px; }
#modal_content dl.movie dd li.thumb_09{ background-position: 0 -720px; }
#modal_content dl.movie dd li.thumb_10{ background-position: 0 -810px; }
#modal_content dl.movie dd li.thumb_11{ background-position: 0 -900px; }
#modal_content dl.movie dd li.thumb_12{ background-position: 0 -990px; }

#modal_content dl.img dd ul li
{
	background: url(../img/top/modal_thumb_img.jpg) no-repeat 0 0;
	margin: 10px 10px 0 0;
}

#modal_content dl.img dd li.thumb_01{ background-position: 0 0; }
#modal_content dl.img dd li.thumb_02{ background-position: -77px 0; }
#modal_content dl.img dd li.thumb_03{ background-position: -154px 0; }
#modal_content dl.img dd li.thumb_04{ background-position: -231px 0; }
#modal_content dl.img dd li.thumb_05{ background-position: -308px 0; }
#modal_content dl.img dd li.thumb_06{ background-position: -385px 0; }
#modal_content dl.img dd li.thumb_07{ background-position: -462px 0; }
#modal_content dl.img dd li.thumb_08{ background-position: -539px 0; }
#modal_content dl.img dd li.thumb_09{ background-position: 0 -43px; }
#modal_content dl.img dd li.thumb_10{ background-position: -77px -43px; }
#modal_content dl.img dd li.thumb_11{ background-position: -154px -43px; }
#modal_content dl.img dd li.thumb_12{ background-position: -231px -43px; }
#modal_content dl.img dd li.thumb_13{ background-position: -308px -43px; }
#modal_content dl.img dd li.thumb_14{ background-position: -385px -43px; }
#modal_content dl.img dd li.thumb_15{ background-position: -462px -43px; }
#modal_content dl.img dd li.thumb_16{ background-position: -539px -43px; }
#modal_content dl.img dd li.thumb_17{ background-position: 0 -86px; }
#modal_content dl.img dd li.thumb_18{ background-position: -77px -86px; }
#modal_content dl.img dd li.thumb_19{ background-position: -154px -86px; }
#modal_content dl.img dd li.thumb_20{ background-position: -231px -86px; }
#modal_content dl.img dd li.thumb_21{ background-position: -308px -86px; }
#modal_content dl.img dd li.thumb_22{ background-position: -385px -86px; }
#modal_content dl.img dd li.thumb_23{ background-position: -462px -86px; }
#modal_content dl.img dd li.thumb_24{ background-position: -539px -86px; }
#modal_content dl.img dd li.thumb_25{ background-position: 0 -129px; }
#modal_content dl.img dd li.thumb_26{ background-position: -77px -129px; }
#modal_content dl.img dd li.thumb_27{ background-position: -154px -129px; }
#modal_content dl.img dd li.thumb_28{ background-position: -231px -129px; }
#modal_content dl.img dd li.thumb_29{ background-position: -308px -129px; }
#modal_content dl.img dd li.thumb_30{ background-position: -385px -129px; }
#modal_content dl.img dd li.thumb_31{ background-position: -462px -129px; }
#modal_content dl.img dd li.thumb_32{ background-position: -539px -129px; }
#modal_content dl.img dd li.thumb_33{ background-position: 0 -172px; }
#modal_content dl.img dd li.thumb_34{ background-position: -77px -172px; }
#modal_content dl.img dd li.thumb_35{ background-position: -154px -172px; }
#modal_content dl.img dd li.thumb_36{ background-position: -231px -172px; }
#modal_content dl.img dd li.thumb_37{ background-position: -308px -172px; }
#modal_content dl.img dd li.thumb_38{ background-position: -385px -172px; }
#modal_content dl.img dd li.thumb_39{ background-position: -462px -172px; }
#modal_content dl.img dd li.thumb_40{ background-position: -539px -172px; }
#modal_content dl.img dd li.thumb_41{ background-position: 0 -215px; }
#modal_content dl.img dd li.thumb_42{ background-position: -77px -215px; }
#modal_content dl.img dd li.thumb_43{ background-position: -154px -215px; }
#modal_content dl.img dd li.thumb_44{ background-position: -231px -215px; }
#modal_content dl.img dd li.thumb_45{ background-position: -308px -215px; }
#modal_content dl.img dd li.thumb_46{ background-position: -385px -215px; }
#modal_content dl.img dd li.thumb_47{ background-position: -462px -215px; }
#modal_content dl.img dd li.thumb_48{ background-position: -539px -215px; }
#modal_content dl.img dd li.thumb_49{ background-position: 0 -258px; }
#modal_content dl.img dd li.thumb_50{ background-position: -77px -258px; }
#modal_content dl.img dd li.thumb_51{ background-position: -154px -258px; }
#modal_content dl.img dd li.thumb_52{ background-position: -231px -258px; }
#modal_content dl.img dd li.thumb_53{ background-position: -308px -258px; }
#modal_content dl.img dd li.thumb_54{ background-position: -385px -258px; }
#modal_content dl.img dd li.thumb_55{ background-position: -462px -258px; }
#modal_content dl.img dd li.thumb_56{ background-position: -539px -258px; }
#modal_content dl.img dd li.thumb_57{ background-position: 0 -301px; }
#modal_content dl.img dd li.thumb_58{ background-position: -77px -301px; }
#modal_content dl.img dd li.thumb_59{ background-position: -154px -301px; }
#modal_content dl.img dd li.thumb_60{ background-position: -231px -301px; }
#modal_content dl.img dd li.thumb_61{ background-position: -308px -301px; }
#modal_content dl.img dd li.thumb_62{ background-position: -385px -301px; }
#modal_content dl.img dd li.thumb_63{ background-position: -462px -301px; }
#modal_content dl.img dd li.thumb_64{ background-position: -539px -301px; }
#modal_content dl.img dd li.thumb_65{ background-position: 0 -344px; }
#modal_content dl.img dd li.thumb_66{ background-position: -77px -344px; }
#modal_content dl.img dd li.thumb_67{ background-position: -154px -344px; }
#modal_content dl.img dd li.thumb_68{ background-position: -231px -344px; }
#modal_content dl.img dd li.thumb_69{ background-position: -308px -344px; }
#modal_content dl.img dd li.thumb_70{ background-position: -385px -344px; }
#modal_content dl.img dd li.thumb_71{ background-position: -462px -344px; }
#modal_content dl.img dd li.thumb_72{ background-position: -539px -344px; }
#modal_content dl.img dd li.thumb_73{ background-position: 0 -387px; }
#modal_content dl.img dd li.thumb_74{ background-position: -77px -387px; }
#modal_content dl.img dd li.thumb_75{ background-position: -154px -387px; }
#modal_content dl.img dd li.thumb_76{ background-position: -231px -387px; }
#modal_content dl.img dd li.thumb_77{ background-position: -308px -387px; }
#modal_content dl.img dd li.thumb_78{ background-position: -385px -387px; }
#modal_content dl.img dd li.thumb_79{ background-position: -462px -387px; }
#modal_content dl.img dd li.thumb_80{ background-position: -539px -387px; }
#modal_content dl.img dd li.thumb_81{ background-position: 0 -430px; }
#modal_content dl.img dd li.thumb_82{ background-position: -77px -430px; }
#modal_content dl.img dd li.thumb_83{ background-position: -154px -430px; }
#modal_content dl.img dd li.thumb_84{ background-position: -231px -430px; }
#modal_content dl.img dd li.thumb_85{ background-position: -308px -430px; }
#modal_content dl.img dd li.thumb_86{ background-position: -385px -430px; }
#modal_content dl.img dd li.thumb_87{ background-position: -462px -430px; }
#modal_content dl.img dd li.thumb_88{ background-position: -539px -430px; }
#modal_content dl.img dd li.thumb_89{ background-position: 0 -473px; }
#modal_content dl.img dd li.thumb_90{ background-position: -77px -473px; }
#modal_content dl.img dd li.thumb_91{ background-position: -154px -473px; }
#modal_content dl.img dd li.thumb_92{ background-position: -231px -473px; }
#modal_content dl.img dd li.thumb_93{ background-position: -308px -473px; }
#modal_content dl.img dd li.thumb_94{ background-position: -385px -473px; }
#modal_content dl.img dd li.thumb_95{ background-position: -462px -473px; }
#modal_content dl.img dd li.thumb_96{ background-position: -539px -473px; }
#modal_content dl.img dd li.thumb_97{ background-position: 0 -516px; }
#modal_content dl.img dd li.thumb_98{ background-position: -77px -516px; }
#modal_content dl.img dd li.thumb_99{ background-position: -154px -516px; }
#modal_content dl.img dd li.thumb_100{ background-position: -231px -516px; }
#modal_content dl.img dd li.thumb_101{ background-position: -308px -516px; }
#modal_content dl.img dd li.thumb_102{ background-position: -385px -516px; }
#modal_content dl.img dd li.thumb_103{ background-position: -462px -516px; }
#modal_content dl.img dd li.thumb_104{ background-position: -539px -516px; }

#modal_content dl dd li a
{
	display: block;
	overflow: hidden;
}

#modal_content dl.movie dd li.thumb_01 a,
#modal_content dl.movie dd li.thumb_02 a,
#modal_content dl.movie dd li.thumb_03 a,
#modal_content dl.movie dd li.thumb_04 a,
#modal_content dl.movie dd li.thumb_05 a,
#modal_content dl.movie dd li.thumb_06 a,
#modal_content dl.movie dd li.thumb_07 a,
#modal_content dl.movie dd li.thumb_08 a,
#modal_content dl.movie dd li.thumb_09 a,
#modal_content dl.movie dd li.thumb_10 a,
#modal_content dl.movie dd li.thumb_11 a,
#modal_content dl.movie dd li.thumb_12 a
{
	width: 105px;
	height: 90px;
	background-image: url(../img/top/modal_thumb_movie_txt.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#modal_content dl.movie dd li.thumb_01 a{ background-position: 0 0; }
#modal_content dl.movie dd li.thumb_02 a{ background-position: 0 -102px; }
#modal_content dl.movie dd li.thumb_03 a{ background-position: 0 -204px; }
#modal_content dl.movie dd li.thumb_04 a{ background-position: 0 -306px; }
#modal_content dl.movie dd li.thumb_05 a{ background-position: 0 -408px; }
#modal_content dl.movie dd li.thumb_06 a{ background-position: 0 -510px; }
#modal_content dl.movie dd li.thumb_07 a{ background-position: 0 -612px; }
#modal_content dl.movie dd li.thumb_08 a{ background-position: 0 -714px; }
#modal_content dl.movie dd li.thumb_09 a{ background-position: 0 -816px; }
#modal_content dl.movie dd li.thumb_10 a{ background-position: 0 -918px; }
#modal_content dl.movie dd li.thumb_11 a{ background-position: 0 -1020px; }
#modal_content dl.movie dd li.thumb_12 a{ background-position: 0 -1122px; }
#modal_content dl.movie dd li.thumb_01 a:hover{ background-position: -105px 0; }
#modal_content dl.movie dd li.thumb_02 a:hover{ background-position: -105px -102px; }
#modal_content dl.movie dd li.thumb_03 a:hover{ background-position: -105px -204px; }
#modal_content dl.movie dd li.thumb_04 a:hover{ background-position: -105px -306px; }
#modal_content dl.movie dd li.thumb_05 a:hover{ background-position: -105px -408px; }
#modal_content dl.movie dd li.thumb_06 a:hover{ background-position: -105px -510px; }
#modal_content dl.movie dd li.thumb_07 a:hover{ background-position: -105px -612px; }
#modal_content dl.movie dd li.thumb_08 a:hover{ background-position: -105px -714px; }
#modal_content dl.movie dd li.thumb_09 a:hover{ background-position: -105px -816px; }
#modal_content dl.movie dd li.thumb_10 a:hover{ background-position: -105px -918px; }
#modal_content dl.movie dd li.thumb_11 a:hover{ background-position: -105px -1020px; }
#modal_content dl.movie dd li.thumb_12 a:hover{ background-position: -105px -1122px; }
#modal_content dl.movie dd li.thumb_01 a.on_03{ background-position: -210px 0; }
#modal_content dl.movie dd li.thumb_02 a.on_03{ background-position: -210px -102px; }
#modal_content dl.movie dd li.thumb_03 a.on_03{ background-position: -210px -204px; }
#modal_content dl.movie dd li.thumb_04 a.on_03{ background-position: -210px -306px; }
#modal_content dl.movie dd li.thumb_05 a.on_03{ background-position: -210px -408px; }
#modal_content dl.movie dd li.thumb_06 a.on_03{ background-position: -210px -510px; }
#modal_content dl.movie dd li.thumb_07 a.on_03{ background-position: -210px -612px; }
#modal_content dl.movie dd li.thumb_08 a.on_03{ background-position: -210px -714px; }
#modal_content dl.movie dd li.thumb_09 a.on_03{ background-position: -210px -816px; }
#modal_content dl.movie dd li.thumb_10 a.on_03{ background-position: -210px -918px; }
#modal_content dl.movie dd li.thumb_11 a.on_03{ background-position: -210px -1020px; }
#modal_content dl.movie dd li.thumb_12 a.on_03{ background-position: -210px -1122px; }

#modal_content dl.img dd li a
{
	width: 77px;
	height: 43px;
	background: url(../img/top/modal_thumb_img_over.png) no-repeat 77px 0;
	text-indent: 80px;
	white-space: nowrap;
}

#modal_content dl.img dd a.hover_01{ background-position: 0 0; }
#modal_content dl.img dd a.hover_02{ background-position: -77px 0; }
#modal_content dl.img dd a.hover_03{ background-position: -154px 0; }
#modal_content dl.img dd a.on_01{ background-position: 0 -43px; }
#modal_content dl.img dd a.on_02{ background-position: -77px -43px; }
#modal_content dl.img dd a.on_03{ background-position: -154px -43px; }

#modal_content dl.movie dd a span.frame
{
	display: block;
	width: 105px;
	height: 59px;
	background: url(../img/top/modal_thumb_movie_over.png) no-repeat 105px 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

#modal_content dl.movie dd a.hover_01 span.frame{ background-position: 0 0; }
#modal_content dl.movie dd a.hover_02 span.frame{ background-position: -105px 0; }
#modal_content dl.movie dd a.hover_03 span.frame{ background-position: -210px 0; }
#modal_content dl.movie dd a.on_01 span.frame{ background-position: 0 -59px; }
#modal_content dl.movie dd a.on_02 span.frame{ background-position: -105px -59px; }
#modal_content dl.movie dd a.on_03 span.frame{ background-position: -210px -59px; }

#modal_content dl.movie dd span.new
{
	display: block;
	width: 38px;
	height: 14px;
	background: url(../img/top/modal_thumb_new.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: -4px;
	right: -6px;
}

#modal_content dl.movie dd span.update
{
	display: block;
	width: 52px;
	height: 14px;
	background: url(../img/top/btn_update_0402_s.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: -4px;
	right: -6px;
}

/*************************************
	soundtrack
*************************************/

#soundtrack
{
	display: none;
	width: 670px;
	height: 520px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -260px 0 0 -335px;
	overflow: hidden;
	background: url(../img/top/soundtrack_bg.png) no-repeat 0 0;
	z-index: 99;
}

#modal.sound #soundtrack
{
	display: block;
}

#soundtrack dl
{
	width: 670px;
	height: 520px;
	background: url(../img/top/soundtrack_img.png) no-repeat 69px 106px;
}

#soundtrack dl dt
{
	width: 550px;
	height: 77px;
	overflow: hidden;
	padding: 31px 0 207px;
	margin: 0 auto;
	background: url(../img/top/soundtrack_ttl.png) no-repeat 0 31px;
	text-indent: 100%;
	white-space: nowrap;
}

#soundtrack dl dd
{
	width: 670px;
}

#soundtrack dl dd p
{
	width: 564px;
	height: 116px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../img/top/soundtrack_txt.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
}

#soundtrack dl dd a
{
	display: block;
	width: 224px;
	height: 61px;
	overflow: hidden;
	margin-left: 225px;
	background: url(../img/top/soundtrack_btn_club.png) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
}

#soundtrack dl dd a:hover
{
	background-position: 0 -61px;
}

/*************************************
	machine_200cc
*************************************/

#machine_200cc
{
	display: none;
	width: 890px;
	height: 388px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -227px 0 0 -445px;
	z-index: 99;
}

#modal.cc200 #machine_200cc
{
	display: block;
}

#machine_200cc img.img
{
	margin: 176px 0 0 28px;
}

#plate
{
	width: 890px;
	height: 388px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/machine/200cc_plate.png) no-repeat 0 0;
}

#plate dl	{ display: none; }

#plate iframe
{
	width: 523px;
	height: 294px;
	position: absolute;
	top: 47px;
	left: 340px;
}

#ncommon-purchase {
	height: 174px !important;
}