body {
 color: #333;
 background: #ebebeb url(/images/bg.png) repeat;
 font-size: 12px;
 margin: 0;
}

a {
 color: #333;
}

#side {
 width: 300px;
 float: right;
}

#side dl dt {
 margin:0 0 10px 0;
 padding:10px 1em;
 color: #fff;
 background:#c83b2d;
 display:block;
 border: solid 1px #fff;
 font-family: "小塚明朝 Pro", "Kozuka Mincho Pro", "小塚明朝 Std", "Kozuka Mincho Std", "ヒラギノ明朝 Pro W3", "HiraMinPro-W3", "ＭＳ Ｐ明朝", "MS PMincho", "細明朝体", serif;
 font-size: 15px;
}

#side dl dd a {
 margin:0 0 10px -3em;
 padding:10px 1em;
 background:#fff;
 border:solid 1px #c83b2d;
 display:block;
 text-decoration:none;
}

#side dl dd a:hover {
 color:#c83b2d;
 background:#e9e8e2;
}

#header {
 background: #c83b2d;
 padding: 1em;
 border: solid 1px #fff;
}

#header p {

}

#entry_content {
 padding: 5px 20px;  
 position: fixed;
 top: 20px;
 left: 20px;
 z-index: 20;
 width: 450px;
 background: #fff;
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
}

*html #contents{  
 position: absolute;
 top: expression(eval(document.documentElement.scrollTop+100));
}

h1 , h2 {
 margin: 30px 0;
 line-height: 1em;
 padding: 0 0 6px 0;
 border-bottom: 1px solid #333;
 font-family: "小塚明朝 Pro", "Kozuka Mincho Pro", "小塚明朝 Std", "Kozuka Mincho Std", "ヒラギノ明朝 Pro W3", "HiraMinPro-W3", "ＭＳ Ｐ明朝", "MS PMincho", "細明朝体", serif;
 font-size: 166%;
}

h1 {
 border: none;
 font-size: 15px;
 margin-bottom: 0;
 letter-spacing: 1em;
 color: #fff;
}

.entry {
 line-height:2;
}

#footer {
 clear: both;
 background: #c83b2d;
 padding: 1em;
 text-align: right;
}