@charset "utf-8";
/* CSS Document */
#wrapper {
	
}

#info_menu {
	position: absolute;
	top: 450px;
	left: 250px;
	width: 490px;
	height: 43px;
}

	#info_menu li {
		height: 40px;
		overflow: hidden;
		float: left;
	}
	#info_menu li.info_menu1 a,
	#info_menu li.info_menu2 a,
	#info_menu li.info_menu3 a,
	#info_menu li.info_menu4 a {
		display: block;
		height: 80px;
	}
	#info_menu li.info_menu1 a:hover, #info_menu li.info_menu1 a:active,
	#info_menu li.info_menu2 a:hover, #info_menu li.info_menu2 a:active,
	#info_menu li.info_menu4 a:hover, #info_menu li.info_menu4 a:active, 
	#info_menu li.info_menu3 a:hover, #info_menu li.info_menu3 a:active
	{
		background-position: 0 -40px;
	}
	#info_menu li.info_menu1 a, #info_menu li.info_menu1 a:visited {
		width: 118px;
		background: url(../images/information/info_btn1.png) 0 0 no-repeat;
	}
	#info_menu li.info_menu2 a, #info_menu li.info_menu2 a:visited {
		width: 115px;
		background: url(../images/information/info_btn2.png) 0 0 no-repeat;
	}
	#info_menu li.info_menu3 a, #info_menu li.info_menu3 a:visited {
		width: 113px;
		background: url(../images/information/info_btn3.png) 0 0 no-repeat;
	}
	#info_menu li.info_menu4 a, #info_menu li.info_menu4 a:visited {
		width: 120px;
		background: url(../images/information/info_btn4.png) 0 0 no-repeat;
	}
	
	

#info_movie {
	position: absolute;
	top: 370px;
	left: -10px;
	width: 209px;
	height: 128px;
	overflow: hidden;
}
	#info_movie a {
		display: block;
		height: 256px;
		background: url(../images/information/info_mov1.png) 0 0 no-repeat;
	}
	#info_movie a:hover, #info_movie a:active {
		background-position: 0 -128px;
	}
#info_movie2 {
	position: absolute;
	top: 370px;
	left: 740px;
	width: 209px;
	height: 128px;
	overflow: hidden;
}
	#info_movie2 a {
		display: block;
		height: 256px;
		background: url(../images/information/info_mov2.png) 0 0 no-repeat;
	}
	#info_movie2 a:hover, #info_movie2 a:active {
		background-position: 0 -128px;
	}
#info_movie3 {
	position: absolute;
	top: 370px;
	left: -10px;
	width: 209px;
	height: 128px;
	overflow: hidden;
}
	#info_movie3 a {
		display: block;
		height: 256px;
		background: url(../images/information/info_mov3.png) 0 0 no-repeat;
	}
	#info_movie3 a:hover, #info_movie3 a:active {
		background-position: 0 -128px;
	}
#info_movie4 {
	position: absolute;
	top: 370px;
	left: 740px;
	width: 209px;
	height: 128px;
	overflow: hidden;
}
	#info_movie4 a {
		display: block;
		height: 256px;
		background: url(../images/information/info_mov4.png) 0 0 no-repeat;
	}
	#info_movie4 a:hover, #info_movie4 a:active {
		background-position: 0 -128px;
	}
	

#block1 {
	position: relative;
	top: 590px;
	left: 0px;
	width: 952px;
	height: 719px;
	background: url(../images/information/block1.jpg) 0 0 no-repeat;
}
	#block1 .text {
		position: absolute;
		top: 153px;
		left: 241px;
		width: 455px;
		height: 90px;
		display: block;
		font-weight: bold;
		font-size: 14px;
		line-height: 160%;
	}
	#block1 .stext {
		position: absolute;
		top: 600px;
		left: 650px;
		width: 430px;
		height: 70px;
		color:#FFFFFF;
		font-weight: 500;
		font-size: 12px;
		line-height: 140%;
	}
#block2 {
	display:inherit;
	position: relative;
	top: 590px;
	left: 0px;
	width: 952px;
	height: 361px;
	background: url(../images/information/block2.jpg) 0 0 no-repeat;
}
	#block2 .text {
		position: absolute;
		top: 120px;
		left: 241px;
		width: 365px;
		height: 90px;
		display: block;
		font-weight: bold;
		font-size: 14px;
		line-height: 160%;
	}
	#block2 .stext {
		position: absolute;
		top: 245px;
		left: 240px;
		width: 420px;
		height: 70px;
		font-weight: 400;
		font-size: 11px;
		line-height: 130%;
	}
#block3 {
	display:inherit;
	position: relative;
	top: 590px;
	left: 0px;
	width: 952px;
	height: 361px;
	background: url(../images/information/block3.jpg) 0 0 no-repeat;
}
	#block3 .text {
		position: absolute;
		top: 107px;
		left: 241px;
		width: 320px;
		height: 100px;
		display: block;
		font-weight: bold;
		font-size: 14px;
		line-height: 175%;
	}
	#block3 .stext {
		position: absolute;
		top: 191px;
		left: 241px;
		width: 450px;
		height: 89px;
		font-weight: 400;
		font-size: 12px;
		line-height: 140%;
		display: block;
	}
#block4 {
	display:inherit;
	position: relative;
	top: 590px;
	left: 0px;
	width: 952px;
	height: 625px;
	background: url(../images/information/block4.jpg) 0 0 no-repeat;
}
	#block4 .text {
		position: absolute;
		top: 52px;
		left: 309px;
		width: 320px;
		height: 290px;
		display: block;
		font-weight: bold;
		font-size: 14px;
		line-height: 175%;
	}
	#block4 .stext {
		position: absolute;
		top: 395px;
		left: 309px;
		width: 420px;
		height: 120px;
		font-weight: bold;
		font-size: 14px;
		line-height: 175%;
	}
	#block4 .text .gy, #block4 .stext .gy {
		color: gray;
	}

/*--- INFO UNDER MENU --------------------------*/
#under_info_menu ul{
	position: absolute;
	top: 2624px;
	left: 160px;
}
#under_info_menu li{
	height: 23px;
	overflow: hidden;
	float: left;
}
	#under_info_menu li.news a,
	#under_info_menu li.information a,
	#under_info_menu li.guide a,
	#under_info_menu li.world a,
	#under_info_menu li.character a,
	#under_info_menu li.battle a,
	#under_info_menu li.special a {
		display: block;
		height: 46px;
	}
	/*
	#under_info_menu li.information a:hover, #under_info_menu li.information a:active,
	#under_info_menu li.character a:hover, #under_info_menu li.character a:active,
	#under_info_menu li.news a:hover, #under_info_menu li.news a:active,
	#under_info_menu li.guide a:hover, #under_info_menu li.guide a:active,
	#under_info_menu li.world a:hover, #under_info_menu li.world a:active,
	#under_info_menu li.battle a:hover, #under_info_menu li.battle a:active,
	#under_info_menu li.special a:hover, #under_info_menu li.special a:active
	{
		background-position: 0 -24px;
	}
	*/
	#under_info_menu li.news a, #under_info_menu li.news a:visited {
		width: 59px;
		background: url(../images/common/header1.png) 0 0 no-repeat;
	}
	#under_info_menu li.information a, #under_info_menu li.information a:visited {
		width: 118px;
		background: url(../images/common/header2.png) 0 0 no-repeat;
	}
	#under_info_menu li.guide a, #under_info_menu li.guide a:visited {
		width: 125px;
		background: url(../images/common/header3.png) 0 0 no-repeat;
	}
	#under_info_menu li.world a, #under_info_menu li.world a:visited {
		width: 71px;
		background: url(../images/common/header4.png) 0 0 no-repeat;
	}
	#under_info_menu li.character a, #under_info_menu li.character a:visited {
		width: 106px;
		background: url(../images/common/header5.png) 0 0 no-repeat;
	}
	#under_info_menu li.battle a, #under_info_menu li.battle a:visited {
		width: 74px;
		background: url(../images/common/header6.png) 0 0 no-repeat;
	}
	#under_info_menu li.special a, #under_info_menu li.special a:visited {
		width: 84px;
		background: url(../images/common/header7.png) 0 0 no-repeat;
	}
	
#banner {
			position: absolute;
			top: 2700px;
			left: 60px;
			
			margin-top: -30px;
			margin-bottom: 0px;
			
			height: 37px;
			width: 970px;
		}
		
#info_logo {
	position: absolute;
	top: 2610px;
	left: 30px;
	width: 114px;
	height: 44px;
	background: url(../images/information/info_logo.png) 0 0 no-repeat;
}

#footer {
	position: absolute;
	top: 2684px;
	left: -10px;
	width: 100%;
	margin-top: 40px;
}

#footer ul {
	padding-left: 45px;
	height: 35px;
}

#footer ul li {
	display: block;
	float: left;
	padding-right: 10px;
}

#info_footer_contact {
	position: absolute;
	top: 2734px;
	left: 760px;
	width: 33px;
	height: 19px;	
}

#kakudai a{
	display: block;
	height: 42px;
	

	}

	#kakudai a:hover,#kakudai a:active {
		background-position: 0 -42px;
	}

	#kakudai a, #kakudai a:visited {
		width: 143px;
		background: url(../images/information/kakudai.png) 0 0 no-repeat;
	}
.image1{
	position: absolute;
	top: 1144px;
	left: 650px;
	}
.image2{
	position: absolute;
	top:1615px;
	left: 690px;
	}
.image3{
	position: absolute;
	top: 2030px;
	left: 690px;
	}
.image4{
	position: absolute;
	top: 2490px;
	left: 730px;
	}


/*----- apology -----*/
.info_overlay_btn{
	position: absolute;
	top: 62px;
	left: 665px;
	width: 247px;
	height: 42px;
	overflow: hidden;
}
	.info_overlay_btn a {
		display: block;
		height: 84px;
		background: url(../images/information/apr_btn.png) 0 0 no-repeat;
	}
	.info_overlay_btn a:hover, .info_overlay_btn a:active {
		background-position: 0 -41px;
	}

.info_overlay {
	position: absolute;
	top: 70px;
	left: 27px;
	width: 900px;
	height: 400px;
	background: url(../images/information/info_overlay.png) 0 0 no-repeat;
	display: none;
}
.info_overlay_text {
	position: absolute;
	top: 47px;
	left: 172px;
	color: #ffffff;
	line-height: 20px;
}


/*--- NEW -------------------
#info_new1{
	position: relative;
	top: 2195px;
	left: 160px;
	width: 57px;
	height: 16px;
	background: url(../images/common/new.png);
}
#info_new2{
	position: relative;
	top: 2179px;
	left: 235px;
	width: 57px;
	height: 16px;
	background: url(../images/common/new.png);
}
#info_new3{
	position: relative;
	top: 2164px;
	left: 550px;
	width: 57px;
	height: 16px;
	background: url(../images/common/new.png);
}*/