#contents_container_top{
 width: 588px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: right;
}

.visual_element{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#contents_container_top .topics{
 width: 380px;
 margin: 10px 0px 20px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
}

#contents_container_top .topics h2{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#contents_container_top .topics ul{
 margin: 0px 0px 0px 0px;
 padding: 0px 5px 0px 5px;
 list-style: none;
 background : url(../img/home/topics_bg.png) no-repeat 0px 0px;
}

#contents_container_top .topics ul li{
 margin: 0px 0px 0px 0px;
 padding: 10px 5px 10px 20px;
 background : url(../img/pointer01.gif) no-repeat 5px 12px;
 border-bottom: 1px dotted #CCCCCC;
 font-size: 13px;
}

* html body #contents_container_top .topics ul li{
 margin: 0px 0px 0px 0px;
 padding: 10px 5px 10px 20px;
 background: url(../img/pointer01.gif) no-repeat 5px 15px;
 border-bottom: 1px dotted #CCCCCC;
 font-size: 13px;
}

#contents_container_top .topics ul li span{
 color: #66cc00;
 font-weight: bold;
 display: block;
}

#contents_container_top .topics ul li a{
 color: #333333;
 text-decoration: none;
}

#contents_container_top .topics ul li a:hover{
 color: #999999;
 text-decoration: underline;
}


#contents_container_top .mobile{
 width: 188px;
 margin: 10px 0px 20px 0px;
 padding: 0px 0px 0px 0px;
 float: right;
}

#contents_container_top .mobile h3{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

#contents_container_top .mobile dl{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 1px solid #CCCCCC;
 border-top: none;
 background : url(../img/home/mobile_bg.png) no-repeat 0px 0px;
}

#contents_container_top .mobile dl dt{
 margin: 0px 0px 0px 0px;
 padding: 8px 5px 5px 40px;
 font-size: 12px;
}

#contents_container_top .mobile dl dd{
 margin: 0px 0px 0px 0px;
 padding: 10px 10px 10px 10px;
 text-align: center;
 font-size: 11px;
}