@charset "Shift_JIS";

#container {
	font-size: 80%;
}

#container h1 {
	margin: 0px;
	margin-bottom: 13px;
	width: 775px;
	height: 379px;
	background: url(../images/top.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}

span.line {
	height: 10px;
	background: url(../images/line.gif) 0 center repeat-x;
	display: block;
	clear: both;
}

#menu {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	list-style-type: none;
}

#menu li {
	position: absolute;
	top: 0px;
	left: 0px;
}

#menu li a {
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	display: block;
}

#menu li.outline {
	width: 112px;
	height: 107px;
	background: url(../images/menu_outline.jpg) 0 0 no-repeat;
	top: 259px;
	left: 13px;
}

#menu li.visitors {
	width: 108px;
	height: 105px;
	background: url(../images/menu_visitors.jpg) 0 0 no-repeat;
	top: 287px;
	left: 224px;
}

#menu li.residents {
	width: 107px;
	height: 106px;
	background: url(../images/menu_residents.jpg) 0 0 no-repeat;
	top: 278px;
	left: 330px;
}

#menu li.business {
	width: 108px;
	height: 109px;
	background: url(../images/menu_business.jpg) 0 0 no-repeat;
	top: 243px;
	left: 434px;
}

#menu li.musical {
	width: 108px;
	height: 104px;
	background: url(../images/menu_musical.jpg) 0 0 no-repeat;
	top: 226px;
	left: 641px;
}

#menu li.japanese {
	width: 46px;
	height: 14px;
	background: url(../images/japanese.jpg) 0 0 no-repeat;
	top: 11px;
	left: 561px;
}

#menu li.english {
	width: 47px;
	height: 14px;
	background: url(../images/english.jpg) 0 0 no-repeat;
	top: 11px;
	left: 615px;
}

#menu li.korean {
	width: 43px;
	height: 14px;
	background: url(../images/korean.jpg) 0 0 no-repeat;
	top: 11px;
	left: 673px;
}

#menu li.chinese {
	width: 32px;
	height: 14px;
	background: url(../images/chinese.jpg) 0 0 no-repeat;
	top: 11px;
	left: 728px;
}

#menu li.textlink a {
	width: auto;
	height: auto;
	color: #333333;
	text-indent: 0px;
	display: inline;
}

#menu li.textlink {
	top: 30px;
	left: 600px;
	font-size: 85%;
}

#search {
	position: absolute;
	top: 350px;
	right: 25px;
}

#left {
	padding-left: 12px;
	float: left;
}

#left .information {
	width: 570px;
	background: url(../images/info_bg.gif) 0 0 repeat-y;
}

#left .information .bottom {
	margin: 0px;
	height: 10px;
	background: url(../images/info_bottom.gif) 0 0 no-repeat;
	font-size: 0px;
	text-indent: -9999px;
	display: block;
	clear: both;
}

#newsletter {
	width: 163px;
	float: left;
}

#newsletter h2 {
	padding-top: 25px;
	height: 53px;
	max-height: 28px;
	background: url(../images/title_newsletter.gif) 0 0 no-repeat;
}

#newsletter h2 a {
	height: 28px;
	width: 163px;
	display: block;
	/*\*/overflow: hidden;/**/
}

#newsletter p  { line-height: 130%; margin: 4px 12px }

#newsletter .bottomlink {
	width: 163px;
	padding-top: 10px;
	text-align: right;
}

#newsletter .bottomlink a   { background: url(../images/top_newsletter_b.gif) no-repeat 0 0; text-align: left; text-indent: -9999px; margin-right: 4px; margin-left: auto; width: 101px; height: 15px; /*\*/overflow: hidden;/**/ display: block }

#topics {
	width: 257px;
	position: relative;
	float: left;
}

#topics h2 {
	padding-top: 25px;
	height: 53px;
	max-height: 28px;
	background: url(../images/title_topics.gif) 0 0 no-repeat;
}

#topics h2 a {
	height: 28px;
	width: 100px;
	display: block;
	/*\*/overflow: hidden;/**/
}

#topics span.update {
	font-size: 12px;
	position: absolute;
	top: 29px;
	right: 18px;
}

#topics dl {
	margin: 4px 12px;
}

#topics dd {
	margin: 0px;
	margin-left: 12px;
	line-height: 140%;
}

#topics p {
	margin: 4px 12px;
}

#topics .bottomlink {
	width: 250px;
	padding-top: 10px;
	text-align: right;
}

#topics .bottomlink a   { background: url(../images/top_topics_b.gif) no-repeat 0 0; text-align: left; text-indent: -9999px; margin-right: 4px; margin-left: auto; width: 101px; height: 15px; /*\*/overflow: hidden;/**/ display: block }

#photo {
	width: 150px;
	float: left;
	line-height: 140%;
}

#photo h2 {
	height: 28px;
	background: url(../images/title_photo.gif) 0 0 no-repeat;
}

#photo a.image {
	margin-bottom: 4px;
	width: 140px;
	height: 130px;
	background: url(../images/top_photogallery.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
}

#photo a.pamphlet img {
	margin-bottom: 4px;
}

#newsletter h2, #topics h2, #photo h2 {
	margin: 0px;
	text-indent: -9999px;
}

#banner {
	width: 570px;
	margin-top: 17px;
	clear: both;
}

#banner img {
	margin-right: 7px;
}

#right {
	padding-left: 12px;
	float: left;
}

#mayor {
	margin-bottom: 12px;
	width: 155px;
}

#mayor h2  { background: url(../images/title_mayor.jpg) no-repeat 0 0; text-indent: -9999px; margin: 0px; height: 119px }

#mayor h2 a { width: 100%; height: 100%; display: block; }

#mayor p   { font-size: 85%; line-height: 150%; margin: 3px 2px 4px }

#movies {
	width: 155px;
	margin-bottom: 12px;
	line-height: 130%;
	 font-size: 85%; 
}

#movies h2 {
	display: none;
}

#movies a {
	margin-bottom: 4px;
	width: 155px;
	height: 117px;
	background: url(../images/top_movies.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
}

#contact {
	padding-left: 18px;
	height: 160px;
}

#contact p {
	float: left;
}

#contact img {
	float: right;
}

#footer {
	text-align: center;
}
.newsletter { font-weight: bold; font-size: 90%; line-height: 160% }