@charset "UTF-8";

html { direction: ltr; }

* { color: #555; background: transparent; font: normal normal normal 100%/150% Osaka,Arial,"ＭＳ Ｐゴシック",sans-serif; letter-spacing: 1px; margin: 0; padding: 0; }

body { background: #FFFEFB url(bg.png) repeat-y; }

h1, address {
background: #F4F7F4;
text-align: right;
border-style: solid; border-width: 1px 0; border-color: #ddd;
padding: 0.3em 1em; }

address { margin-top: 1.5em; }

.date,
.size { font-size: 90%; }

rt { font-size: 60%; }

h1 { margin-bottom: 1em; }

h2 {
color: #9B8785;
font-weight: bolder;
border-bottom: solid 1px #DCD6CC;
margin: 1.5em 1em 1em 11em;
}

h3 {
color: #999;
font-weight: bolder;
border-bottom: dotted 1px #ccc;
margin: 1.5em 1em 1em 12em;
}

p, ul, ol, dl { margin: 0.5em 2em 0.5em 12em; }

ul { list-style-type: none; }
ol { list-style: decimal outside; margin-left: 15em; }

ul ul, li p, dl ul { border: 0; margin: 0; padding: 0; }

/* navigation */

.navi {
position: absolute;
width: 8em;
top: 3em;
left: 0.5em;
margin: 0;
}

.navi li {
background: #FFFEFB;
border: solid 1px #ddd;
margin: 1px 0;
padding: 0.3em;

text-align: center;
}
.current { color: #777; font-weight: bolder; }
.navi .current { background: #F4F7F4; }
.thumbnails li { display: inline; }

/* artworks */

.artwork { text-align: center; }
.artwork dl { margin-top: -0.5em; margin-bottom: -1em; }
.nofile { visibility: hidden; }

/* links */

.links img { margin-right: 10px; }
.links dt { padding: 0.2em 0.5em; border-top: solid 1px #ddd; border-right: solid 1px #ddd; border-bottom: 0; border-left: solid 1px #ddd; }
.links dd { margin-bottom: 5px; border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; border-top: 0; border-left: solid 1px #ddd; }
.keywords { background: #F8F7F0; font-size: 90%; padding: 0.2em 1em; }

/* anchor */

a:link    { color: #68814D; }
a:visited { color: #A48089; }
a:hover   { color: #DABA76; text-decoration: none; }
a:active  { color: #FFFFFF; text-decoration: none; }

a:link img    { border: solid 1px #95BAD1; }
a:visited img { border: solid 1px #D8B4C5; } 
a:hover img   { border: solid 1px #F5EAC3; }
a:active img  { border: solid 1px #FFFFFF; }