@charset "shift_jis";


/* chara */

#charaTop #container {
	margin: auto;
	width: 768px;
	height: 780px;
	background: url(../img/bg01.jpg) no-repeat;
	}

#chara #container {
	margin: auto;
	width: 768px;
	height: 780px;
	background: url(../img/bg02.jpg) no-repeat;
	}

#header {
	position: relative;
	}

#title {
	height: 68px;
	text-indent: -9999px;
	}

.logo_nintendo {
	position: absolute;
	top: 15px;
	left: 12px;
	}

.logo_msm {
	position: absolute;
	top: -5px;
	left: 185px;
	}

.logo_wii {
	position: absolute;
	top: 10px;
	right: 10px;
	}



/* メニュー　競技種目表示位置 */

#menu-genre {
	position: relative;
	width: 768px;
	top: 201px;
	}
#menu-genre ul {
    position: absolute;
	height: 62px;
    list-style: none;
	overflow: hidden;
	}


/* メニュー詳細　表示位置 */

#menu-detail {
	position: relative;
	width: 768px;
	top: 261px;
	}
#menu-detail ul {
    position: absolute;
	height: 53px;
    list-style: none;
	overflow: hidden;
	}



/* コンテンツ */

#contents {
	margin: auto;
	position: relative;
	top: 190px;
	width: 714px;
	height: 352px;
	}

#contents .btn_left {
	float: left;
	position: relative;
	top: 125px;
	left: 0px;
	z-index: 2;
	}

#contents .btn_right {
	float: right;
	position: relative;
	top: 125px;
	left: 0px;
	z-index: 2;
	}

#contents .btn_close {
	float: right;
	position: relative;
	top: 0px;
	left: 25px;
	z-index: 1;
	}

#contents .spshot {
	float: left;
	position: absolute;
	top: 27px;
	left: 265px;
	}


#swfmovie {
	position: absolute;
	top: 50px;
	left: 265px;
	width: 402px;
	height: 265px;
	z-index: 0;
	}

#swfmovie .noflash-img {
	position: relative;
	top: 0px;
	}


#contents .ptn01 {
	float: left;
	position: relative;
	top: 18px;
	left: -31px;
	z-index: 0;
	}
#contents .ptn02a {
	float: left;
	position: relative;
	top: 5px;
	left: -46px;
	z-index: 1;
	}
#contents .ptn02b {
	float: left;
	position: absolute;
	top: 277px;
	left: -11px;
	z-index: 0;
	}
#contents .ptn02c {
	float: left;
	position: relative;
	top: 18px;
	left: -46px;
	z-index: 1;
	}
#contents .ptn03a {
	float: left;
	position: relative;
	top: 18px;
	left: -31px;
	z-index: 1;
	}
#contents .ptn03b {
	float: left;
	position: absolute;
	top: 273px;
	left: 0px;
	z-index: 0;
	}
#contents .ptn04a {
	float: left;
	position: relative;
	top: 18px;
	left: -31px;
	z-index: 1;
	}
#contents .ptn04b {
	float: left;
	position: absolute;
	top: 273px;
	left: 0px;
	z-index: 0;
	}
#contents .ptn05 {
	float: left;
	position: relative;
	top: 18px;
	left: -35px;
	z-index: 1;
	}


/* キャラ　トップページ */

#menu-chara {
	margin: auto;
	position: relative;
	width: 725px;
	height: 352px;
	top: 180px;
	}
#menu-chara ul {
    position: absolute;
	height: 88px;
    list-style: none;
	}
#menu-chara li {
    height: 88px;
    float: left;
	}


#menu-chara .menu01 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara01.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu02 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara02.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu03 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara03.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu04 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara04.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu05 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara05.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu06 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara06.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu07 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara07.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu08 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara08.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu09 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara09.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu10 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara10.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu11 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara11.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu12 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara12.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu13 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara13.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu14 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara14.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu15 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara15.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu16 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara16.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu17 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara17.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu18 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara18.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}
#menu-chara .menu19 a {
	display: block;
    width: 145px;
    height: 88px;
    background-image: url(../img/btn_chara19.jpg);
    text-indent: -9999px;
    background-repeat: no-repeat;
    text-decoration: none;
	}