.tab1,.tab2,.tab3,.tab4,.tab5,.tab6{position:relative;text-align:left;}
.tab1 span,.tab2 span,.tab3 span,.tab4 span,.tab5 span,.tab6 span {display:block;line-height:20px;}
.Navi {z-index:5;cursor:pointer;font-size:15px;height:30px;background:url(http://blog-imgs-42.fc2.com/l/e/g/legend837/menubarion.png);margin-left:0px;margin-top:0px;margin-bottom:20px;}
.Navi li {list-style-type:none;float:left;line-height:22px;margin:0px;padding:0px;}
.Navi li a {border-right:#FFF 1px solid;display:block;width:auto;height:25px;background:url(http://blog-imgs-42.fc2.com/l/e/g/legend837/menubarion.png);padding:5px 24px 0px 24px;text-decoration:none;color:#FFF;}
.Navi li a:hover {color:#FFF;background:url(http://blog-imgs-42.fc2.com/l/e/g/legend837/menubaron.png);}
.tab1 span,.tab2 span,.tab3 span,.tab4 span,.tab5 span,.tab6 span {display:none;cursor:default;background:rgba(0,0,0,0.85);}
.tab span a:link, .tab span a:hover, .tab span a:active, .tab span a:visited {border:0px;background:url();color:#FFF;}
.tab span a:link {color:#ffffff;text-decoration:none;}
.tab span a:active {color:#ffffff;text-decoration:none;}
.tab span a:visited {color:#ffffff;text-decoration:none;}
.tab span a:hover {color:#0000ff;text-decoration:none;}
.tab1 span{color:#fff;text-decoration:none;position:absolute;top:-250px;left:0px;height:140px;width:1000px;padding:5px 0px 0px 0px;text-align:center;}
.tab2 span{color:#fff;text-decoration:none;position:absolute;top:-250px;left:-92px;height:230px;width:980px;padding:10px 0px 10px 20px;}
.tab3 span{color:#fff;text-decoration:none;position:absolute;top:-250px;left:-184px;height:140px;width:1000px;padding:5px 0px 0px 0px;text-align:center;}
.tab4 span{color:#fff;text-decoration:none;position:absolute;top:-250px;left:-294px;height:230px;width:980px;padding:10px 0px 10px 20px;}
.tab5 span{color:#fff;text-decoration:none;position:absolute;top:-250px;left:-379px;height:230px;width:980px;padding:10px 0px 10px 20px;}
.tab6 span{color:#fff;text-decoration:none;position:absolute;top:-250px;left:-518px;height:230px;width:980px;padding:10px 0px 10px 20px;}
.tab span a {display:inline;}
.tab1 span,.tab3 span {padding-top:110px;}
.tab2 span a img {float:left;padding:2px 20px 5px 0px;margin:0px;}
.tab2 span img {float:left;padding:2px 20px 5px 0px;margin:0px;}
.tab span a {padding:0px;margin:0px;}
.tabimg {float:left;padding:0px 20px 0px 0px;margin:0px;}
.hide {display:none;vertical-align:top;padding-right:0.2%;}

<script type="text/javascript">
$(function(){
$(".tip,.tab").click(function(){
$(".hide").fadeIn("385");
$(".hide").click(function(){
$(".hide").fadeOut("15");
});
});
});
$(function(){
$(".tab1").click(function(){
$(".tab1 span").slideDown("470");
$(".hide,.tip1,.tip2,.tip3,.tip4,.tab2,.tab3,.tab4,.tab5,.tab6").click(function(){
$(".tab1 span").hide("30");
});
});
});
$(function(){
$(".tab2").click(function(){
$(".tab2 span").slideDown("470");
$(".hide,.tip1,.tip2,.tip3,.tip4,.tab1,.tab3,.tab4,.tab5,.tab6").click(function(){
$(".tab2 span").hide("30");
});
});
});
$(function(){
$(".tab3").click(function(){
$(".tab3 span").slideDown("470");
$(".hide,.tip1,.tip2,.tip3,.tip4,.tab1,.tab2,.tab4,.tab5,.tab6").click(function(){
$(".tab3 span").hide("30");
});
});
});
$(function(){
$(".tab4").click(function(){
$(".tab4 span").slideDown("470");
$(".hide,.tip1,.tip2,.tip3,.tip4,.tab1,.tab2,.tab3,.tab5,.tab6").click(function(){
$(".tab4 span").hide("30");
});
});
});
$(function(){
$(".tab5").click(function(){
$(".tab5 span").slideDown("470");
$(".hide,.tip1,.tip2,.tip3,.tip4,.tab1,.tab2,.tab3,.tab4,.tab6").click(function(){
$(".tab5 span").hide("30");
});
});
});
$(function(){
$(".tab6").click(function(){
$(".tab6 span").slideDown("470");
$(".hide,.tip1,.tip2,.tip3,.tip4,.tab1,.tab2,.tab3,.tab4,.tab5").click(function(){
$(".tab6 span").hide("30");
});
});
});
</script>