body {
 background : #ffffff url(images/bg.png) no-repeat center 40px;
 text-align : center;
 margin : 0;
 padding : 0;
 color : #333333
}

div#wrapper {
 border : 1px #000000 solid;
 position : relative;
 width : 768px;
 height : 652px;
 margin : 44px auto auto auto;
 position : relative;
 padding : 0;
 text-align : left;
}

div#menu {
 width : 170px;
 height : 652px;
 float : left;
 position : absolute;
 top : 0;
 left : 0;
 margin : 0;
 padding : 0;
 background : #FF9000;
 color : #663300;
 text-align : center;
}

div#menu * {
 text-align : left;
}

div#top-contents {
 position : absolute;
 width : 612px;
 height : 654px;
 padding : 0;
 margin : 0;
 left : 156px;
 top : 0;
 background : url(images/main.png) no-repeat 0 0;
}

div#contents {
 position : absolute;
 background : #ffffff;
 width : 598px;
 height : 523px;
 padding : 0 0 8px 0;
 margin : 0;
 left : 170px;
 top : 121px;
 overflow: auto;
 overflow-x : hidden;
 font-size : 12px;
}

div#contents hr {
 margin : 8px 8px 8px 8px;
 width : 560px
}

h1 {
 position : absolute;
 margin : 0;
 padding : 0;
 width : 598px;
 left : 170px;
 height : 113px;
 text-indent : -1000em;
 background : url(images/header/head.png) no-repeat 0 0;
}

div#top-contents h1 {
 position : absolute;
 width : 221px;
 height : 157px;
 background : url(images/logo.gif) no-repeat 0 0;
 top : 4px;
 left : 32px;
 margin : 0;
 padding : 0;
 text-indent : -1000em;
}

h2.main {
 position : absolute;
 width : 256px;
 height : 66px;
 background : url(images/welcome.gif) no-repeat 0 0;
 left : 340px;
 top : 16px;
 text-indent : -1000em;
}

p#welcome-message {
 position : absolute;
 width : 256px;
 height : 59px;
 background : url(images/message.gif) no-repeat 0 0;
 left : 340px;
 top : 82px;
 text-indent : -1000em;
}

p#for-print-header {
 display : none;
}

#menu h3 {
 width : 156px;
 height : 48px;
 background : #ff0000;
 text-indent : -1000em;
 margin : 0;
 padding : 0;
 border : none;
}

#menu h3#navi {
 background : url(images/navi.png) no-repeat 0 0;
}

#menu h3#news {
 background :  url(images/news.png) no-repeat 0 0;
}

#menu h3#info {
 background : #ffffff url(images/info.png) no-repeat 0 0;
}

#menu h4 {
 margin : 0;
 padding : 0 0 0 12px;
 font-size : 14px;
 height : 20px;
 overflow : hidden;
}

#menu #navi-detail {
 height : 300px;
 overflow : auto;
 line-height : 1.1em;
 font-size : 12px;
}

#menu #navi-detail p {
 margin : 0;
 padding : 2px 8px 2px 12px;
 font-size : 12px;
}


#menu ol {
 margin : 0;
 padding : 0 8px 0 8px;
 line-height : 1em;
}

#menu ol li {
 margin : 0;
 padding : 4px;
 font-size : 12px;
 display : inline;
}

#menu dl {
 padding : 4px;
 background : #ffffff;
 margin : 0 8px 0 8px;
 height : 246px;
 overflow : auto;
 font-size : 12px;
}

#menu dl dt {
 font-weight : bold;
}

#menu dl dd {
 margin : 0 0 4px 1em;
 padding : 0;
}

#menu p#info-detail {
 background : #ffff00;
 height : 100px;
 overflow : auto;
 font-size : 12px;
 margin : 0 8px 0 8px;
}

table#side-menu {
 font-size : 10px;
 padding : 0;
 margin : 0 0 0 8px;
}

table#side-menu td {
 border : none;
 vertical-align : top;
 padding : 0;
}

table#side-menu td a {
 display : block;
 height : 100%;
 padding : 2px;
 text-decoration : none;
 width : 44px;
 height : 42px;
 text-indent : -1000em;
}

table#side-menu td a#m01 {
 background : url(images/toy_A.png) 2px 2px no-repeat;
}

table#side-menu td a#m02 {
 background : url(images/foods_A.png) 2px 2px no-repeat;
}

table#side-menu td a#m03 {
 background : url(images/gallery_A.png) 2px 2px no-repeat;
}

table#side-menu td a#m04 {
 background : url(images/public_A.png) 2px 2px no-repeat;
}

table#side-menu td a#m05 {
 background : url(images/mukojima_A.png) 2px 2px no-repeat;
}

table#side-menu td a#m06 {
 background : url(images/music_A.png) 2px 2px no-repeat;
}

table#side-menu td a#m07 {
 background : url(images/event_A.png) 2px 2px no-repeat;
}

table#side-menu td a#m08 {
 background : url(images/sports_A.png) 2px 2px no-repeat;
}

table#side-menu td a#m09 {
 background : url(images/info_A.png) 2px 2px no-repeat;
}

table#side-menu td a#m01:hover {
 background : url(images/toy_B.png) 2px 2px no-repeat;
}

table#side-menu td a#m02:hover {
 background : url(images/foods_B.png) 2px 2px no-repeat;
}

table#side-menu td a#m03:hover {
 background : url(images/gallery_B.png) 2px 2px no-repeat;
}

table#side-menu td a#m04:hover {
 background : url(images/public_B.png) 2px 2px no-repeat;
}

table#side-menu td a#m05:hover {
 background : url(images/mukojima_B.png) 2px 2px no-repeat;
}

table#side-menu td a#m06:hover {
 background : url(images/music_B.png) 2px 2px no-repeat;
}

table#side-menu td a#m07:hover {
 background : url(images/event_B.png) 2px 2px no-repeat;
}

table#side-menu td a#m08:hover {
 background : url(images/sports_B.png) 2px 2px no-repeat;
}

table#side-menu td a#m09:hover {
 background : url(images/info_B.png) 2px 2px no-repeat;
}


#contents h2 {
}

#contents p {
 padding : 8px;
}

p.message {
 line-height : 1.5em;
}

p.message img {
 width : 240px;
 float : right;
 padding : 0 0 8px 8px;
 border : none;
}

div#top-contents #image-menu {
 margin : 0;
 padding : 0;
 position : absolute;
 top : 0;
 left : 0;
 position : absolute;
 background : #ffff00;
 list-style : none;
}

div#top-contents #image-menu li a {
 position : absolute;
 display : block;
 text-indent : -1000em;
}

div#top-contents #image-menu #i01 a {
 left : 12px;
 top : 431px;
 width : 146px;
 height : 175px;
}

div#top-contents #image-menu #i01 a:hover {
 background : url(images/i01.png);
}

div#top-contents #image-menu #i02 a {
 left : 449px;
 top : 324px;
 width : 137px;
 height : 140px;
}

div#top-contents #image-menu #i02 a:hover {
 background : url(images/i02.png);
}

div#top-contents #image-menu #i03 a {
 left : 378px;
 top : 493px;
 width : 190px;
 height : 161px;
}

div#top-contents #image-menu #i03 a:hover {
 background : url(images/i03.png);
}

div#top-contents #image-menu #i04 a {
 left : 95px;
 top : 159px;
 width : 122px;
 height : 99px;
}

div#top-contents #image-menu #i04 a:hover {
 background : url(images/i04.png);
}

div#top-contents #image-menu #i05 a {
 left : 43px;
 top : 291px;
 width : 143px;
 height : 133px;
}

div#top-contents #image-menu #i05 a:hover {
 background : url(images/i05.png);
}

div#top-contents #image-menu #i06 a {
 left : 448px;
 top : 122px;
 width : 151px;
 height : 167px;
}

div#top-contents #image-menu #i06 a:hover {
 background : url(images/i06.png);
}

div#top-contents #image-menu #i07 a {
 left : 180px;
 top : 453px;
 width : 202px;
 height : 124px;
}

div#top-contents #image-menu #i07 a:hover {
 background : url(images/i07.png);
}

div#top-contents #image-menu #i08 a {
 left : 323px;
 top : 141px;
 width : 126px;
 height : 122px;
}

div#top-contents #image-menu #i08 a:hover {
 background : url(images/i08.png);
}

div#top-contents #image-menu #i09 a {
 left : 209px;
 top : 254px;
 width : 198px;
 height : 154px;
}

div#top-contents #image-menu #i09 a:hover {
 background : url(images/i09.png);
}

p#bottom-menu {
 align : center;
 font-size : 12px;
}

#sitemap {
 margin : 1em 0 0 2em;
 font-size : 12px;
 line-height : 20px;
}

#sitemap li {
 text-indent : 0.5em;
}

#sitemap li a {
 text-decoration : none;
}

#sitemap li a:hover {
 background : #ffff00;
}

dl {
 margin : 1em auto 1em 8px ;
}

ul#tmenu  {
 margin-left : 1em;
}

ul#tmenu li {
 padding-left : 2em;
}

.new {
 padding-left : 1em;
 color : red;
 font-weight : bold;
}

.content-wrapper {
 width : 560px;
 margin : 0 0 0 16px;
 clear : both;
 background : url(images/cbg02_01.png) no-repeat;
 padding : 0;
}

.content {
 padding : 4px 16px 2px 16px;
 background : url(images/cbg02_04.png) repeat-y ;
}

.end {
 clear : both;
 background : #00ff00;
 margin : 0 0 0 16px;
 height : 32px;
 background : url(images/cbg02_05.png) no-repeat;
}

.content-wrapper h2 {
 margin : 0 0 0 0;
 padding : 12px 196px 16px 16px;
 background : url(images/cbg02_03.png) no-repeat 0 100%;
 color : #ffffff;
}

.np-navi {
 text-align : right;
}

.np-navi img {
 border : none;
 padding-right : 8px;
}

p#c {
 color : #999999;
}