@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 {
float:left;
width:768px;
background:url(../images/board-body.jpg) repeat-y;
}

h1 {
float:left;
width:auto;
height:auto;
margin:46px 0 0 88px;
font-weight:bold;
font-size:120%;
line-height:1.4;
/*text-align:center;*/
}
h2#seriestitle {
position:absolute;
top:30px;
left:80px;
width:640px;
height:auto;
font-size:80%;
text-align:left;
}
h2#subtitle {
/*position:absolute;
top:67px;
left:64px;*/
float:left;
width:auto;
height:auto;
margin:52px 0 0 4px;
font-size:80%;
text-align:left;
line-height:1.4;
}
h2#subtitle:before {
content: "～";
}

#titledata {
position:absolute;
top:116px;
left:56px;
}
#titledata dt {
float:left;
width:120px;
height:15px;
font-size:12px;
line-height:1.4;
text-align:right;
}
#titledata dd {
height:15px;
margin-left:120px;
padding-left:16px;
background:url(../images/listtype.png) no-repeat 0 0;
font-size:12px;
line-height:1.4;
}

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

#comment {
width:376px;
padding-bottom:24px;
margin-bottom:16px;
background:url(../images/line.png) bottom repeat-x;
}
#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;
}
#comment p.listheader {
padding-left:20px;
background:url(../images/listtype-05.png) no-repeat 0;
font-size:80%;
text-indent:0;
}
#comment p.remark {
margin-top:1em;
text-indent:0;
}
#comment p span {
font-size:80%;
}
#comment li {
margin-left:20px;
font-size:80%;
}

ul#memorandum {
width:376px;
margin-bottom:16px;
padding-bottom:16px;
font-size:80%;
line-height:1.4;
background:url(../images/line.png) bottom repeat-x;
}
ul#memorandum li {
margin:0;
padding-left:20px;
background:url(../images/listtype-16.png) no-repeat left top;
}

ul#memorandum li span {
margin:0 6px 0 6px;
color:#c99494;
}

ul#memorandum li code {
margin:0 -8px 0 -8px;
font-size:120%;
font-family:monospace;
}

ul#memorandum li code span {
color:#faf5b6;
font-size:100%;
font-family:monospace;
}

p.link {
width:376px;
font-size:80%;
line-height:1.5;
}
ul.links {
width:376px;
margin-bottom:16px;
padding-bottom:16px;
background:url(../images/line.png) bottom repeat-x;
}
ul.links li {
margin:0;
padding-left:20px;
background:url(../images/listtype-11.png) no-repeat left center;
font-size:80%;
line-height:1.5;
}
#randomaccess a {
display:block;
width:120px;
height:24px;
margin-top:16px;
background-image:url(../images/button-randomaccess.png);
}
#randomaccess a:hover {
background-position:0px -24px;
}
#randomaccess a span {
display:none;
}

.divide {
padding:16px 24px;
}

#images {
float:right;
width:338px;
margin-top:16px;
padding-right:16px;
}
#images img {
display:block;
margin:0 auto;
text-align:center;
}
#package {
width:338px;
height:338px;
background:url(../images/base-package.jpg) no-repeat;
}
#screenshot1 {
width:338px;
height:236px;
margin-top:16px;
background:url(../images/base-titlescreen.jpg) no-repeat;
}
#screenshot2 {
width:338px;
height:236px;
margin-top:4px;
background:url(../images/base-screen1.jpg) no-repeat;
}
#screenshot2a {
width:338px;
height:236px;
margin-top:16px;
background:url(../images/base-screen1.jpg) no-repeat;
}
#screenshot3 {
width:338px;
height:236px;
margin-top:4px;
background:url(../images/base-screen2.jpg) no-repeat;
}
#screenshot4 {
width:338px;
height:236px;
margin-top:4px;
background:url(../images/base-screen3.jpg) no-repeat;
}
#screenshot1vertical {
width:338px;
height:346px;
margin-top:16px;
background:url(../images/base-titlescreen-vertical.jpg) no-repeat;
}
#screenshot2vertical {
width:338px;
height:342px;
margin-top:4px;
background:url(../images/base-screen1-vertical.jpg) no-repeat;
}
#screenshot3vertical {
width:338px;
height:342px;
margin-top:4px;
background:url(../images/base-screen2-vertical.jpg) no-repeat;
}

#pack {
clear:both;
margin-left:24px;
margin-bottom:8px;
padding-left:20px;
background:url(../images/listtype-13.png) no-repeat center left;
font-size:80%;
}

#thumbnail {
width:768px;
height:auto;
padding-left:24px;
}
#thumbnail dl {
float:left;
width:348px;
height:64px;
margin:0 16px 4px 0;
padding:0;
background:url(../images/thumbnail-back.jpg) no-repeat 100px 0;
}
#thumbnail dt {
width:96px;
height:60px;
margin:0;
padding:0;
}
#thumbnail dd {
width:208px;
height:3em;
margin-top:-50px;
margin-left:116px;
font-size:80%;
line-height:1.2;
}
#thumbnail dl a {
display:block;
width:340px;
height:60px;
}
#thumbnail dl a:hover,
#thumbnail dl a:active {
background:url(../images/thumbnail-back-hover.jpg) no-repeat 100px 0;
color:#fff;
text-decoration:none;
}
#thumbnail  p {
margin-bottom:24px;
font-size:80%;
}

#images p.imagecomment {
margin-bottom:24px;
background:url(../images/listtype-06a.png) no-repeat 0 0;
font-size:80%;
line-height:16px;
text-indent:16px;
}