body {
background : #F8F8FF;
}

div.item {
border: 2px solid black;
margin: 0 1em 3em 1em;
}

div.item div.header, div.item div.body {
padding: .5ex 1ex .5ex 1ex;
}

div.item div.header {
background : #FFDEAD;
border-bottom: 2px solid black;
font-size: 120%;
}

div.item div.header br {
clear: both;
}

div.item div.header span.title {
float: left;
}

div.item div.header span.date {
float: right;
font-style: italic;
}

div.item div.body {
background: #FAEBD7;
padding-bottom: 1em;
}

div img {
display:block;
margin: 0 auto 0 auto;
}

div.route {
    border: 0.5ex solid black;
    margin: 0 auto 0 auto;
    width : 800px;
}

div.route iframe {
    display:block;
    width: 100%;
    height: 600px;
}

div.multi {
text-align: center;
}

div.multi img {
display:inline;
}

div.multi div.figure {
margin: 0 auto 1em auto;
max-width: 70%;
}

div.figure img {
width: 100%;
}

div.figure span.figtitle {
display: block;
text-align: left;
}


div.work {
width: 25%;
border: 1px dotted gray;
float: right;
clear: both;
padding: .5em;
margin: .5em;
}

div.work img {
width: 25%;
float:right;
padding: .1em;
}

div.work li {
clear: both;
}