@charset"utf-8";

#boardtop {
position:relative;
top:16px;
clear:both;
width:768px;
height:96px;
background:#333 url(../images/board-top-museum.jpg) no-repeat;
}
#boardtop.narrow {
position:relative;
top:-384px;
left:136px;
width:632px;
background:#333 url(../images/board-top-narrow.jpg) no-repeat;
}
.index {
height:128px;
background:#333 url(../images/board-top-museum_index.jpg) no-repeat;
}
#boardtitle {
float:left;
width:632px;
height:96px;
margin-top:16px;
background:#333 url(../images/board-title-narrow.jpg) no-repeat;
}

#boardbody {
position:relative;
top:16px;
float:left;
width:768px;
height:auto;
padding-top:16px;
background:#333 url(../images/board-body.jpg) repeat-y;
}
#boardbody.narrow {
top:0;
width:632px;
padding:0;
background:#333 url(../images/board-body-narrow.jpg) repeat-y;
}

h1 {
width:640px;
height:64px;
margin:0 64px;
padding-top:24px;
font-size:100%;
font-weight:bold;
line-height:64px;
text-align:center;
}
#boardtitle h1 {
width:504px;
padding-top:20px;
}

ol#indexmenu {
position:relative;
width:640px;
height:auto;
margin:16px 32px 0 64px;
}
ol#indexmenu li {
width:640px;
height:32px;
padding:8px 0;
background:url(../images/line.png) repeat-x left bottom;
font-size:90%;
}
ol#indexmenu li span {
margin-right:8px;
margin-left:48px;
color:#bfc7a9;
font-size:90%;
}
ol#indexmenu a {
display:block;
width:auto;
height:32px;
margin-bottom:4px;
background:url(../images/button-index-02.png) no-repeat 0 0;
line-height:32px;
}
ol#indexmenu a:hover,
ol#indexmenu a:active {
background-position:0 -32px;
text-decoration:none;
}


dl.contentmenu {
width:720px;
height:auto;
}
dl.contentmenu.narrow {
width:584px;
}
dl.contentmenu dt {
width:688px;
height:40px;
margin-top:16px;
margin-left:40px;
padding-top:12px;
background:url(../images/line.png) repeat-x left top;
font-size:90%;
line-height:32px;
}
dl.contentmenu.narrow dt {
width:552px;
}
dl.contentmenu dt a {
display:block;
width:552px;
height:32px;
padding-left:40px;
background:url(../images/button-index-02.png) no-repeat left top;
}
dl.contentmenu a:link,
dl.contentmenu a:visited {
color:#cecdc3;
}
dl.contentmenu a:hover,
dl.contentmenu a:active {
background-position:0 -32px;
color:#f5f4e9;
text-decoration:none;
}
dl.contentmenu dd {
margin:8px 0 24px 80px;
font-size:80%;
}

h2 {
clear:both;
width:720px;
height:32px;
margin:32px 24px 16px 24px;
padding-left:16px;
background:url(../images/headlineback-01.png) no-repeat left center;
font-size:90%;
line-height:32px;
}
#boardbody.narrow h2 {
width:584px;
background:url(../images/headlineback-01a.png) no-repeat left center;
}
h2.green {
background:url(../images/headlineback-02.png) no-repeat left center;
}
h3 {
clear:both;
width:720px;
height:32px;
margin:32px 24px 16px 24px;
background:url(../images/headlineback-02.png) no-repeat left center;
font-size:90%;
line-height:32px;
text-align:center;
}
#boardbody.narrow h3 {
width:584px;
background:url(../images/headlineback-03a.png) no-repeat left center;
}
h3.red {
background:url(../images/headlineback-03.png) no-repeat left center;
}
#boardbody h3 a {
text-decoration:underline;
}

#boardbody p {
margin:0 32px;
font-size:90%;
color:#fff;
line-height:1.4;
text-align:justify;
text-justify:inter-ideograph;
text-indent:1em;
}
#boardbody p.topblank {
margin-top:16px;
}
#boardbody p.bottomblank {
margin-bottom:16px;
}
#boardbody p.noindent {
margin-top:16px;
text-indent:0;
}
#boardbody p.alignright {
font-size:80%;
text-align:right;
}
#boardbody.narrow p {
text-indent:0;
}
#boardbody p.center {
margin:0 auto;
text-align:center;
}
#boardbody p a {
text-decoration:underline;
}
#boardbody p.listtype {
margin-bottom:8px;
background:url(../images/listtype-09.png) no-repeat 0 2px;
text-indent:20px;
}
#boardbody p.listtype a {
text-decoration:underline;
}

.imagebox {
float:right;
width:auto;
margin:0 16px 16px 16px;
font-size:80%;
}
.imagebox img {
margin-bottom:4px;
}
.imagebox img.topmargin {
margin-top:16px;
}

em {
color:#dae792;
}
em.title {
color:#fff;
}
strong {
color:#ff3366;
font-weight:normal;
}
a:link.title {
color:#dae792;
text-decoration:underline;
}
a:visited.title {
color:#dae792;
text-decoration:underline;
}
a:hover.title {
color:#ccc;
}
a.underline {
text-decoration:underline;
}

.boxtop {
width:720px;
height:16px;
margin:8px 24px 0 24px;
background:#333 url(../images/base-board-top.jpg) no-repeat;
}
.boxbody {
width:720px;
margin:-2px 24px -8px 24px;
background:#333 url(../images/base-board-body.jpg) repeat-y;
}
.boxbottom {
width:720px;
height:16px;
margin:0 24px;
background:#333 url(../images/base-board-bottom.jpg) no-repeat;
}
.boxtopnarrow {
width:584px;
height:16px;
margin:8px 24px 0 24px;
background:#333 url(../images/base-board-top-narrow.jpg) no-repeat;
}
.boxbodynarrow {
width:584px;
margin:-2px 24px -8px 24px;
background:#333 url(../images/base-board-body-narrow.jpg) repeat-y;
}
.boxbottomnarrow {
width:584px;
height:16px;
margin:0 24px;
background:#333 url(../images/base-board-bottom-narrow.jpg) no-repeat;
}

#boardbody.narrow p.center {
margin:16px auto;
font-size:90%;
text-align:center;
}

em.new {
padding-left:8px;
}
h3 img {
padding-left:8px;
}