body { font:12px Verdana, Arial, Helvetica}
* {padding:0; margin:0}
.dropdown {
	float:left;
	padding:0;
	margin:0;
}
.dropdown dt {width:auto; height:78px; padding:0px; font-weight:bold; cursor:pointer; }
.dropdown dt:hover {
	height:78px;
}


.dropdown dd {
	position:absolute;
	overflow:hidden;
	display:none;
	background:#fff;
	/*z-index:200;*/
	opacity:0;
}
.dropdown ul {
	border:none;
	list-style:none;
	margin:0 0 0 0px;
}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:2px; color:#333; text-decoration:none; background:#fff; margin:0}
.dropdown a:hover {background:#fff; color:#000}
.dropdown .underline {border-bottom:1px solid #f90162}

.drop_thumbnail img {
	margin:0 0 8px 0;
}


/* ツールチップ */


    a.tooltip:hover {

         text-decoration: none;
         background:none;
    }
    a.tooltip span {
	display:none;
         padding: 2px;
         font-size: 10px;
         margin-left: -40px;
         background:none;
    }
    a.tooltip:hover span{
         display: none;
         position: absolute;
         background-color: #FFF7EE;
         border: 1px solid #F46666;
         color: #F46666;
         width: auto;     /* a.tooltip spanに指定すると、IE6以下でspanの領域でマウスが反応してしまう */
    }
     
    /* IE6以下にのみ適用 */
    a.tooltip:hover span{
         width: auto;

    }