* {padding:0; margin:0}

.dropdown {float:left; padding-right:0px}

.dropdown-top {float:left; padding-right:0px}



.dropdown dt {width:150px; height:30px; border:0px; solid #9ac1c9; padding:0px; font-weight:bold; cursor:pointer; background:url(http://shinki.ciao.jp/main/dropdown/images/header.gif)}

.dropdown-top dt {width:150px; height:30px; border:0px; solid #9ac1c9; padding:0px; font-weight:bold; cursor:pointer; background:url(http://shinki.ciao.jp/main/dropdown/images/header.gif)}



.dropdown dt:hover {background:url(http://shinki.ciao.jp/main/dropdown/images/header_over.gif)}

.dropdown-top dt:hover {background:url(http://shinki.ciao.jp/main/dropdown/images/header_over.gif)}



.dropdown dd {font:11px "ms pgothic", arial, helvetica, hirakakupro-w3, osaka,  sans-serif; line-height: 2.0; position:absolute; overflow:hidden; width:150px; display:none; z-index:200; opacity:0}

.dropdown-top dd {position:absolute; overflow:hidden; width:150px; display:none; z-index:200; opacity:0}



.dropdown li {display:inline}

.dropdown-top li {display:inline}



.dropdown a, .dropdown a:active, .dropdown a:visited {font:11px "ms pgothic", arial, helvetica, hirakakupro-w3, osaka,  sans-serif; line-height: 2.0; display:block; padding-top:3px; padding-bottom:3px; color:#333; text-align:center; text-decoration:none; background:#EEE; width:150px}

.dropdown-top a, .dropdown-top a:active, .dropdown-top a:visited {display:block; padding:0px; color:#333; text-decoration:none; background:url(http://shinki.ciao.jp/main/dropdown/images/header.gif); width:150px}



.dropdown a:hover {background:#FFF; color:#000}

.dropdown-top a:hover {background:url(http://shinki.ciao.jp/main/dropdown/images/header-over.gif); color:#000}



.dropdown .underline {border-bottom:1px solid #ffffff}

.dropdown-top .underline {border-bottom:1px solid #ffffff}