body {
 margin: 0px;
 }
 
#box {
 width: 840px;
 margin: auto;
 position: relative;
 background-image: url(image/kage.gif);
 }

#mainbox {
 width: 760px;
 padding: 0px 20px;
 background-color: #ffffff;
 margin: auto;
 }
 
#box1 {
 margin-left: -20px;
 width: 800px;
 }

#box1 hr{
width: 100%;
}

#box2 {
 width: 740px;
 margin: 0px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 8px;
 padding-bottom: 15px;
 padding-left: 20px;
 padding-right: 60px;
 text-align: right;
 }

#contents {
 margin: 0px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 20px;
 padding-bottom: 15px;
 padding-left: 50px;
 padding-right: 50px;
 clear: both;
 line-height: 160%;
}

#contents hr{
width:100%;
margin: 0px -20px;
}

.back a { 
 text-decoration: none;
 font-size: 110%;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
 }

 
#box3 {
 margin-left: -20px;
 padding: auto;
 clear: both; 
 }

#indexl {
 float: left;
 width: 230px;
 margin-left: -10px;
 padding: 40px 0px 40px 40px;
line-height :120%;
 }


#indexl hr{
 margin-left: -20px;
}



#box3right {
 float: right;
 width: 480px;
 margin-right: -20px;
 padding-top: 40px;
 padding-bottom: 40px;
 padding-left: 20px;
 padding-right: 20px;
 } 
 
#box3right .oshirase {
 margin: 0px;
 padding-top: 15px;
 padding-bottom: 60px;
 padding-left: 0px;
 padding-right: 30px;
 }
 
#box3right .koushin {
 margin: 0px;
 padding-top: 15px;
 padding-bottom: 40px;
 padding-left: 0px;
 padding-right: 5px;
 } 

h1 {
 margin-left: -20px;
 margin-top: 0px;
 margin-bottom: 10px;
 font-size: 130%;
 font-weight: normal;
 font-family: ＭＳ Ｐ明朝,ＭＳ 明朝;
 color: #662222;
 }

h2{
 margin-left: -15px;
 margin-top: 10px;
 margin-bottom: 10px;
 padding-left: 5px;
 border-style: solid;
 border-width: 0px 0px 1px 5px;
 border-color: #663333;
 font-size: 110%;
 font-weight: normal;
 font-family: sans-serif;
 color: #663333;
}

hr {
border-style: solid;
border-color: #c0c0c0;
width: 95%;
text-align : left;
}

 
a{
 text-decoration: none;
 font-weight: bold;
 margin: 0px;
 padding: 0px;
}

#box2 a{
font-weight: normal;
}

#mainbox a:hover{
color: #999999
}

#indexl a:link,
#indexl a:visited,
#box2 a:link,
#box2 a:visited{
 color: #996600;
 }

#indexl .toi a:link,
#indexl .toi a:visited,
#box3right a:link,
#box3right a:visited,
.main a:visited,
.main a:link,
a.back:visited,
a.back:link{
 color: #222277;
 } 

#indexl a:hover,
#indexl .toi a:hover,
#box3right a:hover,
#box2 a:hover,
.main a:hover,
a.back:hover {
color: #999999;
 }

<!--バックナンバー関係-->

#tlink{
font-weight: bold;
margin-left: 30px;
margin-bottom: 10px;
}

#tlink b,
#tlink a,
#blink a{
margin-left: 10px;
}

#tlink a:link,
#tlink a:visited{
color: #996666;
padding: 2px;
border-color: #aaaaaa;
border-style: outset;s
}

#tlink a:hover{
border-color: #ffffff;
}

#tlink b,
#tlink a:active{
color: #996666;
padding: 2px;
background-color: #eeeedd;
border-style: inset;
}

#blink{
margin: 10px 30px;
}

#blink a:link,
#blink a:visited,
#blink a:hover{
color: #0000ff;
}


table {
 width: 720px;
 margin-left: -20px;
 margin-bottom: 50px;
 line-height: 100%;
}

table a{
width: 740px;
color: #662222;
margin-left: 700px;
}

td{
padding-bottom: 5px;
}

td.d{
font-weight: bold;
color: #662222;
background-color: #eeeedd;
border-left: solid;
border-bottom: solid;
}

td.m{
font-weight: bold;
color: #662222;
padding-top: 10px;
padding-left: 5px;
border-bottom: solid;
}

td{
padding-left: 10px;
}