body {
 background : #ffffff no-repeat center 40px;
 text-align : center;
 margin : 0;
 padding : 0;
 color : #333333
}

div#wrapper {
 border : none;
 width : 598px;
 margin : 44px auto auto auto;
 padding : 0;
 text-align : left;
}

div#menu {
 display : none;
}

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

div#contents {
 background : #ffffff;
 width : 598px;
 padding : 0 0 8px 0;
 margin : 0;
 left : 0px;
 top : 121px;
 font-size : 11px;
}

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

h1 {
 position : relative;
 margin : 0;
 padding : 0;
 width : 598px;
 left : 598px;
 height : 117px;
 display: list-item;
 text-indent : -1000em;
 list-style-position : outside ! important;
 list-style-position: inside;
}

*:first-child+html h1 {
 list-style-position: inside ! important;
}

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;
}

#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 : 310px;
 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 : 178px;
 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/goods_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/picture_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/goods_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/picture_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.not-first {
 page-break-before : always;
}

#contents p {
 padding : 8px;
}

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

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

p#for-print-header {
 font-size : 24px;
 margin : 0;
}

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 : 415px;
 top : 463px;
 width : 158px;
 height : 158px;
}

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 : 304px;
 width : 133px;
 height : 93px;
}

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 {
 border-top : 1px solid #000000;
 width : 590px;
 margin : 0 auto 1em auto;
 padding-top : 1em;
 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;
 padding : 0;
}

.content {
 padding : 4px 16px 2px 16px;
}

.end {
 clear : both;
 margin : 0 0 0 16px;
 height : 32px;
}

.content-wrapper h2 {
 margin : 0 0 0 0;
 padding : 12px 6px 6px 0px;
 color : #000000;
 border-bottom : 1px solid #000000;
}

.np-navi {
 display : none;
}

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

ul#tmenu ul {
 display : block !important;
}