#visual_top{
width:1000px;height:640px;margin:0 auto 0;padding:50px 0 0;
position:relative;
overflow:hidden;
z-index:10;
background-image:url("../images/top/bg.png");
background-repeat:no-repeat;
}


#visual_top img{
display:block;
}

#visual_top .waku{
position:absolute;
top:0px;
left:0px;
width:100%;
height:98%;
background-image:url("../images/top/shadow.png");
z-index:80;
}

#visual_top span.chara img{
display:block;
position:absolute;
}

#visual_top span.chara .chara1{
top:90px;
left:150px;
z-index:19;
}

#visual_top span.chara .chara2{
top:220px;
right:-70px;
z-index:18;
}

#visual_top span.chara .chara3{
top:220px;
left:10px;
z-index:17;
}

#visual_top span.chara .chara4{
top:70px;
right:0px;
z-index:16;
}

#visual_top span.chara .chara5{
top:100px;
right:50px;
z-index:15;
}

#visual_top span.chara .chara6{
top:150px;
left:0px;
z-index:14;
}

#visual_top span.chara .chara7{
top:40px;
left:-20px;
z-index:13;
}



#visual_top img.logo{
position:absolute;
z-index:60;
left:0px;
top:450px;
}







#plattform{
width:192px;
height:242px;
padding:4px;
position:absolute;
top:420px;
right:160px;
border-radius: 8px;
background-color:#8ed8ff;
z-index:100;
text-align:center;
background-image:url(../images/menu/texture.png);
background-repeat:no-repeat;
background-position:center bottom;
box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

#plattform .inner{
display:block;
position:relative;
border-radius: 8px;
border:2px solid #fff;
width:188px;
height:238px;
}

#plattform .inner a{
display:none;
position:absolute;
filter:alpha(opacity=0);
-moz-opacity: 0.0;
opacity: 0.0;
top:0;
left:0;
width:100%;
height:100%;
}


#plattform_tab{
top:440px;
right:34px;
position:absolute;
z-index:100;
}

#plattform_tab a{
display:block;
width:116px;
height:22px;
margin-top:5px;
background-color:#96dd76;
padding:10px 0 3px 10px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}

#plattform img{
display:inline;
position:relative;
}

#plattform img.txt{
margin-top:12px;
}

#plattform img.img{
margin-top:4px;
}

#plattform .inner .tab_01{
display:block;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#plattform .tab_01 img.txt{
margin-top:20px;
}

#plattform .tab_01 img.img{
margin-top:20px;
}

#plattform .tab_03 img.txt{
margin-top:20px;
}

#plattform .tab_03 img.img{
margin-top:20px;
}


#plattform .tab_04 img.txt{
margin-top:35px;
}

#plattform .tab_04 img.btn{
margin-top:45px;
}


#plattform_tab a.tab_01{
background-color:#8ed8ff;
}
#plattform_tab a.tab_02{
background-color:#edd267;
}
#plattform_tab a.tab_03{
background-color:#ffa4cf;
}
#plattform_tab a.tab_04{
background-color:#96dd76;
}