@charset 'utf-8';

div#topholder {
    width:781px;
    height:610px;
    position:relative;
    background:url(img_top/main_bg_a.jpg) no-repeat;
}
div#toptitle {
    position:absolute;
    right:18px;
    bottom:175px;
}
div#topicbox {
    width:210px;
    height:280px;
    overflow:auto;
    position:absolute;
    
    background:url(img_top/bg_topic.gif) no-repeat;
    font-size:70%;
    
    left:10px;
    bottom:110px;
}

div#topicbox div {
    margin:10px 15px 5px 10px;
}
div#topicbox p.head {
    margin:3px 0px;
    background:url(img_top/shead_topic.gif) no-repeat top left;
    text-indent:1.5em;
    font-weight:bold;
}
div#topicbox p.body {
    margin:3px 0px;
    font-size:95%;
    line-height:1.5em;
    text-indent:1em;
}

div#topicbox img {
    vertical-align:bottom;
}

ul#navigation {
    top:510px;
    right:5px;
    
    font-size: 85%;
    font-weight: bold;
}

h2#topcaption {
    font-size:12px;
    color:#333333;
    position:absolute;
    top:5px;
    left:50px;
}

div.topCap {
    width:300px;
    position:absolute;
    bottom:130px;
    left:230px;
    background:#f0f0f0;
    border:1px solid silver;
    opacity:0.8;
}
div.topCap p {
    margin:10px;
    color:#333333;
    font-size:80%;
    font-weight:bold;
    line-height:1.4;
}