/* CSS Document */

@charset "shift_jis";


#mainTab {
	position: relative;
	width: 762px;
	height: 370px;
	background: url(/top/first_nanaco/img/maintab_background.png) no-repeat 0 0;
}

/* buton01 */
#fn_btn01 {
	position: absolute;
	width: 232px;
	height: 58px;
	top: 60px;
	left: 7px;
	z-index: 1;
	cursor: pointer;
}
#fn_btn01.act {
	position: absolute;
	width: 240px;
	height: 61px;
	top: 60px;
	left: 0px;
	z-index: 10;
	cursor: pointer;
}

/* buton02 */
#fn_btn02 {
	position: absolute;
	width: 232px;
	height: 58px;
	top: 121px;
	left: 7px;
	z-index: 1;
	cursor: pointer;
}
#fn_btn02.act {
	position: absolute;
	width: 240px;
	height: 61px;
	top: 121px;
	left: 0px;
	z-index: 10;
	cursor: pointer;
}

/* buton03 */
#fn_btn03 {
	position: absolute;
	width: 232px;
	height: 58px;
	top: 182px;
	left: 7px;
	z-index: 1;
	cursor: pointer;
}
#fn_btn03.act {
	position: absolute;
	width: 240px;
	height: 61px;
	top: 182px;
	left: 0px;
	z-index: 10;
	cursor: pointer;
}

/* buton04 */
#fn_btn04 {
	position: absolute;
	width: 232px;
	height: 58px;
	top: 243px;
	left: 7px;
	z-index: 1;
	cursor: pointer;
}
#fn_btn04.act {
	position: absolute;
	width: 240px;
	height: 61px;
	top: 243px;
	left: 0px;
	z-index: 10;
	cursor: pointer;
}

/* buton05 */
#fn_btn05 {
	position: absolute;
	width: 232px;
	height: 58px;
	top: 304px;
	left: 7px;
	z-index: 1;
	cursor: pointer;
}
#fn_btn05.act {
	position: absolute;
	width: 240px;
	height: 61px;
	top: 304px;
	left: 0px;
	z-index: 10;
	cursor: pointer;
}

#display_block {
	position: absolute;
	width: 540px;
	height: 358px;
	top: 6px;
	left: 216px;
	background: url(/top/first_nanaco/img/display_block_bg.png) no-repeat 0 0;
	z-index: 2;
}

#display_block #display_block_inner {
	position: relative;
	width: 540px;
	height: 358px;
}

#loading {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 173px;
	left: 255px;
	background: url(/top/first_nanaco/img/loading.png) no-repeat 0 0;
	z-index: 10;
}
#display_block #fn_next {
	position: absolute;
	width: 75px;
	height: 75px;
	bottom: 0;
	right: 0;
	cursor: pointer;
	z-index: 5;
}

/* fn01.html */
#display_block_inner h3#fn01_h3 {
	position: absolute;
	width: 540px;
	height: 49px;
	top: 0px;
	left: 0px;
	z-index: 3;
}
#display_block_inner #fn01_button01 {
	position: absolute;
	width: 170px;
	height: 111px;
	top: 49px;
	left: 8px;
	z-index: 3;
}
#display_block_inner #fn01_button02 {
	position: absolute;
	width: 177px;
	height: 111px;
	top: 49px;
	left: 178px;
	z-index: 3;
}
#display_block_inner #fn01_button03 {
	position: absolute;
	width: 170px;
	height: 111px;
	top: 49px;
	left: 355px;
	z-index: 3;
}
#display_block_inner #fn01_button04 {
	position: absolute;
	width: 170px;
	height: 123px;
	top: 160px;
	left: 8px;
	z-index: 3;
}
#display_block_inner #fn01_button05 {
	position: absolute;
	width: 177px;
	height: 123px;
	top: 160px;
	left: 178px;
	z-index: 3;
}
#display_block_inner #fn01_button06 {
	position: absolute;
	width: 170px;
	height: 123px;
	top: 160px;
	left: 355px;
	z-index: 3;
}
#display_block_inner #fn01_button07 {
	position: absolute;
	width: 456px;
	height: 56px;
	top: 290px;
	left: 14px;
	z-index: 6;
}

/* fn02.html */
#display_block_inner h3#fn02_h3 {
	position: absolute;
	width: 540px;
	height: 55px;
	top: 0px;
	left: 0px;
	z-index: 3;
}
#display_block_inner #fn02_img01 {
	position: absolute;
	width: 540px;
	height: 303px;
	top: 55px;
	left: 0px;
	z-index: 4;
}
#display_block_inner #fn02_btn01 {
	position: absolute;
	width: 232px;
	height: 50px;
	top: 293px;
	left: 15px;
	z-index: 7;
}
#display_block_inner #fn02_btn02 {
	position: absolute;
	width: 232px;
	height: 53px;
	top: 290px;
	left: 260px;
	z-index: 7;
}

/* fn03.html */
#display_block_inner h3#fn03_h3 {
	position: absolute;
	width: 540px;
	height: 55px;
	top: 0px;
	left: 0px;
	z-index: 3;
}
#display_block_inner #fn03_img01 {
	position: absolute;
	width: 540px;
	height: 303px;
	top: 55px;
	left: 0px;
	z-index: 4;
}
#display_block_inner #fn03_btn01 {
	position: absolute;
	width: 256px;
	height: 52px;
	top: 294px;
	left: 142px;
	z-index: 7;
}

/* fn04.html */
#display_block_inner h3#fn04_h3 {
	position: absolute;
	width: 540px;
	height: 55px;
	top: 0px;
	left: 0px;
	z-index: 3;
}
#display_block_inner #fn04_img01 {
	position: absolute;
	width: 540px;
	height: 303px;
	top: 55px;
	left: 0px;
	z-index: 4;
}
#display_block_inner #fn04_btn01 {
	position: absolute;
	width: 256px;
	height: 52px;
	top: 294px;
	left: 142px;
	z-index: 7;
}

/* fn05.html */
#display_block_inner h3#fn05_h3 {
	position: absolute;
	width: 540px;
	height: 55px;
	top: 0px;
	left: 0px;
	z-index: 3;
}
#display_block_inner #fn05_img01 {
	position: absolute;
	width: 540px;
	height: 303px;
	top: 55px;
	left: 0px;
	z-index: 4;
}
#display_block_inner #fn05_btn01 {
	position: absolute;
	width: 256px;
	height: 52px;
	top: 294px;
	left: 142px;
	z-index: 7;
}