@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
}
html {   
    overflow-y:scroll;   
} 
html body {
	background-image: url(../common_img/con_bg00.jpg);
	background-color: #fffbf7;
	background-repeat: no-repeat;            /* 背景を繰り返さない */
	background-position: 50% 0%;            /* 背景画像の位置は画面中央 */
	background-attachment: fixed;
}


.iepngfix { behavior: expression(IEPNGFIX.fix(this)); }

#wrapper {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 10;
}
#header {
	height: 135px;
	width: 964px;
	position: absolute;
	z-index: 3;
	left: 0px;
	top: 0px;
}
.header {
	height: 128px;
	width: 950px;
	z-index: 3;
	left: 0px;
	top: 0px;
	position: relative;
}

.nav {
	width: 920px;
	z-index: 5;
	text-align: center;
	position: absolute;
	left: 16px;
	top: 563px;
}


.nav ul {
	list-style-type: none;
}

.nav ul li {
	float: left;
	height: 113px;
	width: 223px;
	padding-right: 5px;
}

.logo {
	height: 103px;
	width: 203px;
	position: absolute;
	left: 94px;
	top: -2px;
	z-index: 11;
}

.n {
	position: absolute;
	height: 42px;
	width: 90px;
	top: 3px;
	left: 11px;
	z-index: 500;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.con_n {
	height: 36px;
	width: 73px;
	position: absolute;
	left: 2px;
	top: 0px;
	z-index: 300;
}
.totop {
	height: 66px;
	width: 139px;
	position: absolute;
	left: 851px;
	top: 121px;
	z-index: 4;
}



.con_nav {
	width: 523px;
	z-index: 5;
	text-align: center;
	position: absolute;
	left: 206px;
	top: 8px;
}

.navi_l2k {
	width: 143px;
	z-index: 300;
	text-align: center;
	position: absolute;
	left: 803px;
	top: 9px;
}

.navi_point {
	width: 45px;
	z-index: 80;
	text-align: center;
	position: absolute;
	left: 253px;
	top: 55px;
}

.navi_flow {
	width: 100px;
	z-index: 80;
	position: absolute;
	left: 448px;
	top: 54px;
}
.navi_spec {
	width: 115px;
	z-index: 80;
	text-align: center;
	position: absolute;
	left: 317px;
	top: 54px;
}
.navi_story {
	width: 53px;
	z-index: 300;
	text-align: center;
	position: absolute;
	left: 323px;
	top: 22px;
}

.navi_action {
	width: 53px;
	z-index: 80;
	text-align: center;
	position: absolute;
	left: 822px;
	top: -1px;
}
.navi_sd {
	width: 100px;
	z-index: 80;
	text-align: center;
	position: absolute;
	left: 567px;
	top: 47px;
}
.navi_kiseru {
	width: 102px;
	z-index: 80;
	text-align: center;
	position: absolute;
	left: 680px;
	top: 54px;
}


.s_point01 {
	width: 160px;
	z-index: 80;
	text-align: center;
	position: absolute;
	left: 639px;
	top: 187px;
}
.s_point02 {
	width: 160px;
	z-index: 80;
	text-align: center;
	position: absolute;
	left: 793px;
	top: 187px;
}


.anketo {
	width: 78px;
	z-index: 20;
	text-align: center;
	position: absolute;
	left: 89px;
	top: 835px;
}
.settiten {
	width: 78px;
	z-index: 20;
	text-align: center;
	position: absolute;
	left: 3px;
	top: 835px;
}

.footer {
	width: 990px;
	top: 690px;
	left: -34px;
	float: left;
	z-index: 10;
}
.con_img {
	margin: 0px;
	z-index: 1;
	float: left;
	padding-top: 130px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}




#character_main {
	width: 111px;
	z-index: 2;
	text-align: center;
	position: absolute;
	left: -1px;
	top: 182px;
}

.a_new{
	z-index: 500;
	position: absolute;
	left: 504px;
	top: 192px;
	width: 43px;
}

.a_new02{
	z-index: 100;
	position: absolute;
	left: 714px;
	top: 58px;
}

.a_new03{
	z-index: 100;
	position: absolute;
	left: 856px;
	top: 58px;
}

.a_new04{
	z-index: 100;
	position: absolute;
	left: 785px;
	top: 58px;
}
.a_new05{
	z-index: 100;
	position: absolute;
	left: 436px;
	top: 71px;
}
.a_new06{
	z-index: 100;
	position: absolute;
	left: 600px;
	top: 68px;
}


.rogo {
	position: absolute;
	left: 814px;
	top: 29px;
	height: 71px;
	width: 147px;
	z-index: 80;
}

.flow_bt{
	z-index: 15;
	position: absolute;
	left: 358px;
	top: 115px;
}
.bflow_bt{
	z-index: 15;
	position: absolute;
	left: 521px;
	top: 114px;
}

.action_bt{
	z-index: 15;
	position: absolute;
	left: 358px;
	top: 115px;
}
.action_point_bt{
	z-index: 15;
	position: absolute;
	left: 521px;
	top: 114px;
}



#flash_point {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	text-align: center;
	position: absolute;
	top: 135px;
	left: 4px;
	z-index: 100;
	height: 675px;
}
.c_new{
	z-index: 500;
	position: absolute;
	left: 223px;
	top: 52px;
	width: 43px;
}
.c_new02{
	z-index: 500;
	position: absolute;
	left: 299px;
	top: 50px;
	width: 43px;
}
.c_new03{
	z-index: 500;
	position: absolute;
	left: 504px;
	top: 192px;
	width: 43px;
}
.c_new04{
	z-index: 500;
	position: absolute;
	left: 544px;
	top: 49px;
	width: 43px;
}
.c_new05{
	z-index: 500;
	position: absolute;
	left: 661px;
	top: 56px;
	width: 43px;
}