@charset "shift_jis";

/* ========================================
	character
======================================== */
body#characterPop {
	background-color: transparent;
}

body#character #main .inner {
	height:670px;
	padding:30px 39px 0 50px;
	background: url(../character/images/bg_contents.gif) 0 0 no-repeat;
}

body#character #main h1 {
	margin-bottom:13px;
}

body#character #main #characters,
.introInner,
#main #characterSelect ul {
	position:relative;
}

body#character #main #charaIntroArea,
.introInner p.introTxt,
.introInner p.charaThumbnail,
body#character #main #characterSelect,
body#character #main #characterSelect,
#main #characterSelect li,
#main ul#charaSetBtn {
	position:absolute;
}

body#character #main #charaIntroArea {
	background: url(../character/images/bg_character_thumbnail.png) 0 0 no-repeat;
	top:88px;
	left:0;
	overflow:hidden;
}

#main #charaIntroArea .bx-wrapper,
#main #charaIntroArea .bx-wrapper,
#main #charaIntroArea .bx-viewport,
#main #charaIntroArea #charaSlider,
#main #charaIntroArea .noScriptBox,
#main #charaIntroArea .noScriptBox iframe {
	width:660px;
	height:502px;
}

#main #charaIntroArea .noScriptBox iframe {
	overflow:hidden;
}

.introInner {
	height:502px;
}

.introInner p.introTxt {
	top:71px;
	left:72px;
}

.introInner p.charaThumbnail {
	top:0;
	left:232px;
}

#main ul#charaSetBtn {
	width:230px;
	z-index:100;
	letter-spacing:-.4em;
	word-spacing:-1em;
	top:464px;
	left:34px;
}

#main ul#charaSetBtn li {
	vertical-align:top;
	display:inline-block;
	letter-spacing:normal;
	word-spacing:normal;
	/zoom:1;
	/display:inline;
	padding-right:35px;
}

#main ul#charaSetBtn,
#main ul#charaSetBtn li,
#main ul#charaSetBtn li a {
	height:110px;
}
#main ul#charaSetBtn li a {
	display:block;
}

#main ul#charaSetBtn li#prevBtn,
#main ul#charaSetBtn li#prevBtn a {
	width:60px;
}
#main ul#charaSetBtn li#prevBtn a {
	background:url(../character/images/btn_prev_off.jpg) no-repeat left top;
}
#main ul#charaSetBtn li#prevBtn a:hover {
	background:url(../character/images/btn_prev_on.jpg) no-repeat left top;
}

#main ul#charaSetBtn li#nextBtn,
#main ul#charaSetBtn li#nextBtn a {
	width:62px;
}
#main ul#charaSetBtn li#nextBtn a {
	background:url(../character/images/btn_next_off.jpg) no-repeat left top;
}
#main ul#charaSetBtn li#nextBtn a:hover {
	background:url(../character/images/btn_next_on.jpg) no-repeat left top;
}


body#character #main #characterSelect {
	top:59px;
	left:650px;
	z-index:60;
}

#main #characterSelect li a {
	width:107px;
	display:block;
}

#main #characterSelect li#charaLuigi {
	top:0;
	left:0;
}

#main #characterSelect li#charaLuigi a {
	background:url(../character/images/bg_nav_chara_luigi.jpg) no-repeat left top;
}

#main #characterSelect li#charaOyama {
	top:64px;
	left:115px;
}

#main #characterSelect li#charaOyama a {
	background:url(../character/images/bg_nav_chara_oyama.jpg) no-repeat left top;
}

#main #characterSelect li#charaKinopio {
	top:130px;
	left:0;
}

#main #characterSelect li#charaKinopio a {
	background:url(../character/images/bg_nav_chara_kinopio.jpg) no-repeat left top;
}

#main #characterSelect li#charaObaken {
	top:194px;
	left:115px;
}

#main #characterSelect li#charaObaken a {
	background:url(../character/images/bg_nav_chara_obaken.jpg) no-repeat left top;
}

#main #characterSelect li#charaObake {
	top:259px;
	left:0;
}

#main #characterSelect li#charaObake a {
	background:url(../character/images/bg_nav_chara_obake.jpg) no-repeat left top;
}

#main #characterSelect li#charaTeresa {
	top:323px;
	left:115px;
}

#main #characterSelect li#charaTeresa a {
	background:url(../character/images/bg_nav_chara_teresa.jpg) no-repeat left top;
}

#main #characterSelect li#charaKingTeresa {
	top:388px;
	left:0;
}

#main #characterSelect li#charaKingTeresa a {
	background:url(../character/images/bg_nav_chara_king_teresa.jpg) no-repeat left top;
}

#main #characterSelect li a:hover,
#main #characterSelect li a.active {
	background-position:right top !important;
}

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 0 60px;
	padding: 0;
	*zoom: 1;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	left: -5px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}