body {
background-color: #f6f6f6;
font: 13px/28px georgia;
color: #444;
}

.container {
width: 780px;
padding: 10px;
}

#chara {
float: left;
background-color: #fff;
}

.map {
background: url('images/default.png') no-repeat;
width: 375px;
height: 375px;
margin: 15px 15px 15px 15px;
padding: 0;
}

.map span {
display: none;
}

.map li, .map a {
height: 125px;
display: block;
}

.map li {
float: left;
list-style: none;
display: inline;
}

a, img {
border: 0 !important;
margin: 0 !important;
}

#one {width: 125px;}
#two {width: 125px;}
#three {width: 125px;}
#four {width: 125px;}
#five {width: 125px;}
#six {width: 125px;}
#seven {width: 125px;}
#eight {width: 125px;}
#nine {width: 125px;}

#one a:hover {background: url('images/hover.png') 0px 0px no-repeat;}
#two a:hover {background: url('images/hover.png') -125px 0px no-repeat;}
#three a:hover {background: url('images/hover.png') -250px 0px no-repeat;}
#four a:hover {background: url('images/hover.png') 0px -125px no-repeat;}
#five a:hover {background: url('images/hover.png') -125px -125px no-repeat;}
#six a:hover {background: url('images/hover.png') -250px -125px no-repeat;}
#seven a:hover {background: url('images/hover.png') 0px -250px no-repeat;}
#eight a:hover {background: url('images/hover.png') -125px -250px no-repeat;}
#nine a:hover {background: url('images/hover.png') -250px -250px no-repeat;}

a:visited {
border: 0;
}

#content {
background-color: #fff;
float: right;
width: 340px;
padding: 10px;
margin: 0 0 20px 0;
}

.center {
text-align: center;
}

h1 {
font: 24px Georgia;
}

blockquote {
font: 15px/30px Georgia;
margin: 10px;
}