@charset "utf-8";
/* CSS Document */

.sub_menu {
	background-image: url(images/sub_menu.jpg);
	height: 44px;
	width: 850px;
	background-repeat: no-repeat;
}
.sub_icon{
	margin-right: 10px;
	margin-top: 5px;
}
.map{
	height: auto;
	width: 834px;
	margin-top: 10px;
	padding-bottom: 10px;
}
.map_txt {
	font-size: 12px;
	line-height: 16px;
	width: 350px;
	text-align: left;
	float: right;
	padding: 0px;
	clear: right;
	margin-top: 410px;
	margin-right: 75px;
	color: #FFF;
}
.map01 {/*アルタイル市*/
	background-image: url(images/map_01.jpg);
	height: 519px;
	width: 768px;
}
.map02 {/*警察学校*/
	background-image: url(images/map_02.jpg);
	height: 519px;
	width: 768px;
}
.map03 {/*要塞*/
	background-image: url(images/map_03.jpg);
	height: 519px;
	width: 768px;
}
.map04 {/*オルキスタワー*/
	background-image: url(images/map_04.jpg);
	height: 519px;
	width: 768px;
}
.map05 {/*ミシュラム*/
	background-image: url(images/map_05.jpg);
	height: 519px;
	width: 768px;
}

ul.map_icon{
	height: 72px;
	list-style-type: none;
	width: 400px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

.map_icon01 {
	display:block;
	width:80px;
	height:72px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	background-image: url(images/map_icon01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.map_icon01 a {
	display:block;
	width:80px;
	height:72px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	background-image: url(images/map_icon01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.map_icon01 a:hover {
	background-position:right top;
}

.map_icon02 {
	display:block;
	width:80px;
	height:72px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	background-image: url(images/map_icon02.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.map_icon02 a {
	display:block;
	width:80px;
	height:72px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	background-image: url(images/map_icon02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.map_icon02 a:hover {
	background-position:right top;
}

.map_icon03 {
	display:block;
	width:80px;
	height:72px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	background-image: url(images/map_icon03.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.map_icon03 a {
	display:block;
	width:80px;
	height:72px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	background-image: url(images/map_icon03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.map_icon03 a:hover {
	background-position:right top;
}

.map_icon04 {
	display:block;
	width:80px;
	height:72px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	background-image: url(images/map_icon04.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.map_icon04 a {
	display:block;
	width:80px;
	height:72px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	background-image: url(images/map_icon04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.map_icon04 a:hover {
	background-position:right top;
}

.map_icon05 {
	display:block;
	width:80px;
	height:72px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	background-image: url(images/map_icon05.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.map_icon05 a {
	display:block;
	width:80px;
	height:72px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	background-image: url(images/map_icon05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.map_icon05 a:hover {
	background-position:right top;
}

.story {
	background-image: url(images/prologue.jpg);
	background-repeat: no-repeat;
	height: 874px;
	width: 834px;
	padding: 0px;
	margin-top: 10px;
}
