@charset"utf-8";

#boardtop {
display:block;
position:relative;
top:16px;
clear:both;
width:768px;
height:224px;
background:#333 url(../images/board-top-software.jpg) no-repeat;
}
#boardbody {
width:768px;
background:url(../images/board-body.jpg) repeat-y;
}

h1 {
position:absolute;
top:45px;
left:64px;
width:640px;
height:1em;
font-weight:bold;
font-size:110%;
text-align:center;
}
#titledata {
position:absolute;
top:112px;
left:16px;
font-size:12px;
}
#titledata dt {
float:left;
width:120px;
line-height:1.5;
text-align:right;
}
#titledata dd {
margin-left:120px;
padding-left:16px;
background:url(../images/listtype-01.png) no-repeat left top;
line-height:1.5;
}

#magazine {
float:left;
margin-bottom:48px;
}
#magazine table {
width:376px;
margin:16px 0 0 24px;
padding:0;
border:none;
}
#magazine table th {
width:80px;
padding-top:2px;
font-size:80%;
line-height:1.6;
text-align:right;
}
#magazine table td {
width:296px;
padding:2px 0 0 16px;
background:url(../images/listtype-01.png) no-repeat 0;
font-size:80%;
line-height:1.6;
}
#magazine table td.line {
height:4px;
padding:0;
background:url(../images/line.png) repeat-x;
}
#magazine td.line hr {
display:none;
}

#comment {
float:left;
width:320px;
margin-top:16px;
margin-left:24px;
margin-bottom:32px;
}
#comment p {
font-size:90%;
line-height:1.5;
text-align:justify;
text-justify:inter-ideograph;
text-indent:1em;
}
#comment p a {
text-decoration:underline;
}

.number {
width:712px;
margin-left:24px;
}
p.year {
padding-left:20px;
background:url(../images/listtype-13.png) no-repeat left center;
color:#cf5485;
font-size:80%;
font-weight:bold;
}
.number ol {
width:712px;
margin-top:4px;
margin-left:8px;
padding:0;
}
.number li {
float:left;
margin:0;
padding-right:14px;
font-size:80%;
}
.number li.noprogram a {
color:#dbd2c8;
}