html {
height: 100%;
}
body {
	height: 100%;
	background: #F5ECD3 url("/img/sideback.jpg") left top repeat-y;
	color: #464646;
	font-size: 75%;
	font-family: arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 160%;
}
p {
margin: 0 0 25px 0;
}
h1, h2, h3 {
font-size: medium;
font-weight: normal;
margin: 0;
}
img {
border: 0;
}
ol {
margin: 0;
padding: 0;
margin-left: 10px;
}
ol li {
margin: 0 0 0 1em;
padding: 0;
}

a { color: #553C37; text-decoration: underline; }
a:link { color: #553C37; text-decoration: underline; }
a:visited	{ color: #553C37; text-decoration: underline; }
a:active { color: #782919  }
a:hover { color: #782919  }

#container {
width: 730px;
margin: 0;
background: url("/img/topsideback.jpg") left top no-repeat;
}
#left {
width: 89px;
height: 404px;
float: left;
}
#right {
width: 638px;
float: left;
}
#banner {
}
#toplink {
width: 100%;
height: 100%;
}
#toplink a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
#toplink span {
display: none;
}
#title {
margin: 0;
width: 510px;
height: 107px;
overflow: hidden;
}
#main {
margin: 0;
width: 400px;
float: left;
padding: 0 55px;
overflow: hidden;
}
#top {
margin: 0 0 0 45px;
height: 397px;
}
#menu {
margin: 0;
padding-top: 107px;
width: 128px;
float: left;
overflow: hidden;
}
#footer {
font-size: x-small;
margin: 30px 0 10px 44px;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
line-height: 120%;
}
#menu li {
height: 27px;
margin: 0;
padding: 0;
list-style-type: none;
/* Mac IE 5 ¥*/
overflow: hidden;
/* -- */
}
#topphotocaption {
font-size: x-small;
text-align: right;
}
.content {
padding: 0 0 18px 0;
margin-bottom: 40px;
background: url("/img/content.gif") left bottom no-repeat;
}
.content h2 {
margin:36px 0;
text-align: center;
}
.hidden {
	display: none;
}
.serif {
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "細明朝", "ＭＳ Ｐ明朝", serif;
}
.small {
	font-size: 90%;
}
.xsmall {
	font-size: 80%;
}
.medium {
font-size: 100%;
}
.large {
font-size: 110%;
}
.xlarge {
font-size: 120%;
}
.bold {
font-weight: bold;
}
.umber {
color: #553C37;
}
.blue {
color: #039;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
	margin-top: 4px;
	margin-bottom: 0px;
}

#news {
color: #fff;
width: 601px;
height: 119px;
overflow: hidden;
background: url("/img/newsback.gif") left top no-repeat;
}

#news a, #news a:link, #news a:visited { color: #fff; text-decoration: underline; }
#news a:active, #news a:hover { color: #ccc; }
#news ul {
margin: 15px 0 0 54px;
padding: 0;
list-style-type: none;
line-height: 100%;
}
#news li {
margin: 0;
padding: 0 0 12px 0;
list-style-type: none;
/* Mac IE 5 \*/
overflow: hidden;
/* -- */
}

#newscontainer {
margin: 0 23px 0 54px;
width: 262px;
float: left;
}
#diarycontainer {
margin: 0 0 0 23px;
width: 280px;
float: left;
}

#newnews {
margin: 0;
color: #fff;
width: 680px;
padding: 0;
background: url("/img/newsback.jpg") right top no-repeat;
}
#newnewsb {
margin: 0;
width: 680px;
height: 10px;
overflow: hidden;
background: url("/img/newsbackb.gif") right top no-repeat;
}
#newnews a, #newnews a:link, #newnews a:visited { color: #fff; text-decoration: underline; }
#newnews a:active, #newnews a:hover { color: #ccc; }
#newnews ul {
margin: 15px 0 0 0;
padding: 0;
list-style-type: none;
line-height: 130%;
}
#newnews li {
margin: 0;
padding: 0 0 12px 0;
list-style-type: none;
/* Mac IE 5 \*/
overflow: hidden;
/* -- */
}

.workshop td, th {
padding: 0;
margin: 0;
vertical-align: top;
}
.spacer th, .spacer td {
padding-top: 20px;
font-weight: normal;
}
.spacer th {
width: 60px;
padding-right: 10px;
}

table.links {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin: 24px 0 60px 0;
}
.links tr {
height: 18px;
margin: 0;
padding: 0;
}
.links td {
width: 55%;
height: 18px;
margin: 0;
padding: 0 12px;
text-align: left;
overflow: hidden;
}
.links th {
width: 45%;
height: 18px;
margin: 0;
padding: 0 12px;
font-weight: normal;
text-align: right;
overflow: hidden;
}
.links th, td {
padding-bottom: 8px;
vertical-align: top;
}

.date_archive_title {
margin-top: 50px;
font-size: 150%;
font-weight: bold;
}
.year_header {
padding: 0 0 8px 4px;
background: url("/img/content.gif") left bottom no-repeat;
}
.past_list {
padding: 20px 10px;
}
.past_list li {
margin-bottom: 12px;
}
li.sub {
margin-left: 10px;
}
.past_desc {
padding: 0 4px;
margin-bottom: 22px;
}
.archive_content {
padding: 18px 0 0 0;
margin-bottom: 40px;
background: url("/img/content.gif") left top no-repeat;
}
.archive_content h2 {
font-size: 120%;
margin: 10px 0 15px 0;
font-weight: bold;
}
.related {
border: 1px solid #ac9365;
padding: 10px;
background-image: none;
}
.date {
font-size: 120%;
margin-bottom: 16px;
font-weight: bold;
}
.related h2 {
margin: 0 0 15px 0;
}
.related .date {
margin-bottom: 0;
margin-top: 16px;
}
.photos {
padding-bottom: 10px;
}
.photos img {
margin: 0 2px 2px 0;
}
.blueline {
padding: 20px 0 0 0;
background: url("/img/blueline.gif") left top no-repeat;
}

#random {
margin: 20px 0 24px 0;
padding: 12px 14px;
}
#random img {
margin: 0 1px 1px 0;
}

#akasatana_top {
height: 78px;
background: url("/img/bluedouble.gif") left top no-repeat;
}
#akasatana_top_akasatana {
margin: 13px 0 0 16px;
}
#akasatana_top_akasatana img {
margin-left: 10px;
}

#akasatana {
background: url("/img/blueline2.gif") left top no-repeat;
padding-top: 14px;
}
#akasatana img {
margin-right: 6px;
}

.whoswholist {
background: url("/img/blueline.gif") left top no-repeat;
padding: 22px 2px 10px 2px;
height: 60px;
}
.whoswholist img {
float: left;
margin-right: 16px;
}
.whoswholist h2 {
display: inline;
margin-top: 2px;
}
.whoswholist p {
font-size: 90%;
margin: 0;
padding: 0;
}
.whoswholist a,
.whoswholist a:link,
.whoswholist a:visited,
.whoswholist a:active,
.whoswholist a:hover {
color: #039;
}
.whoswholist p.more {
height: 1.6em;
font-size: 90%;
text-align: right;
}
.whoswholist p.excerpt {
height: 1.6em;
}

#whoswho-body {
padding: 0 30px 30px 30px;
color: #464646;
}
#whoswho-title {
color: #039;
padding: 20px 0 0 0;
background: url("/img/blueline.gif") left top no-repeat;
}
#whoswho-title a,
#whoswho-title a:link,
#whoswho-title a:visited,
#whoswho-title a:active,
#whoswho-title a:hover {
color: #039;
}
#whoswho-title h1 {
font-size: 250%;
font-weight: bold;
overflow: visible;
padding: 4px 0;
line-height: 1em;
}
#whoswho-title table {
border: 0;
padding: 0;
border-collapse: collapse;
}
#whoswho-title td {
vertical-align:bottom;
word-break:break-all;
}
#whoswho-title td img {
vertical-align:bottom;
}
#whoswho-title td p {
margin: 0;
padding: 0;
}

.attention {
color: #553C37;
text-decoration: underline;
}

.clr {
	height: 1px;
	clear: both;
	overflow: hidden;
}
