NP_CollapsedContents

.np_cc_switch{
margin-bottom: -20px;
}
.np_cc_contents{
margin-top: 0px;
}

あと、普通のリンクなのかどうか一目で分かるように、行頭に画像を表示するようにしています。記述を追加したのは下記になります。

<div id="np_cc_collapse$id" class="np_cc_switch">
<a title="java on please" href="javascript:void(0)" onclick="np_cc_showMore('$id', 1);return false;"><img src="http://takehana.smile.tc/cccc/img/parts/open.gif">$expand</a><br /></div>
TOPSWITCH;
if ($collapse2) {
$toggleswitch =<<<TOGGLESWITCH
<div class="np_cc_switch">
<a title="java on please" href="javascript:void(0)" onclick="np_cc_showMore('$id', 0);return false;"><img src="http://takehana.smile.tc/cccc/img/parts/open.gif">$collapse2</a>
</div>
TOGGLESWITCH;
} else {
$toggleswitch = '';
}
if ($collapse) {
if ($this->getOption('scroll') == 'yes') {
$bottomswitch =<<<BOTTOMSWITCHSCROLL
<div class="np_cc_switch">
<a title="java on please" href="#np_cc_collapse$id" onclick="np_cc_showMore('$id', 0);return true;"><img src="http://takehana.smile.tc/cccc/img/parts/close.gif">$collapse</a>
</div>
BOTTOMSWITCHSCROLL;
} else {
$bottomswitch =<<<BOTTOMSWITCH
<div class="np_cc_switch">
<a title="java on please" href="javascript:void(0)" onclick="np_cc_showMore('$id', 0);return false;"><img src="http://takehana.smile.tc/cccc/img/parts/close.gif">$collapse</a>
</div>