@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; background-color:#000;}

a {outline:none;}

#headerout {width:100%; border-bottom:#999 2px solid; height:110px; margin:0 0 20px 0; padding:10px 0 0 0;}

#header {width:870px; height:110px; margin:0 auto; text-align:center; padding:0;}

#logo {width:300px; height:100px; float:left;}

#topmenu {width:570px; height:100px; float:left; position:relative;}

#topmenu a#top_av {background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/menu_av.gif); width:256px; height:35px; display:block; 
position:absolute; top:10px; left:45px;}

#topmenu a:hover#top_av {background-position:0 -35px;}

#topmenu a#top_mail {background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/menu_mail.gif); width:230px; height:35px; display:block;position:absolute; top:10px; right:20px;}

#topmenu a:hover#top_mail {background-position:0 -35px;}

#topmenu a#top_shirouto {background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/menu_shirouto.gif); width:250px; height:35px; display:block;position:absolute; top:55px; left:10px;}

#topmenu a:hover#top_shirouto {background-position:0 -35px;}

#topmenu a#top_mania {background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/menu_mania.gif); width:292px; height:35px; display:block;position:absolute; top:55px; right:0}

#topmenu a:hover#top_mania {background-position:0 -35px;}

#wrapper {width:870px; margin:0 auto; text-align:center; padding:0px;}

#top {width:870px; height:550px; margin:0; padding:0;}

#map {width:400px; height:550px; background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/map_bg.gif); padding:0px 0 0 0; margin:0 0 0 0; float:left;}

#mapinside {width:400px; height:500px; position:relative; margin:50px 0 0 0;}

#orbs li#dxlive_1 {position:absolute; top:130px; left:33px;}

#orbs li#dxlive_2 {position:absolute; top:20px; right:5px;}

#orbs li#dxlive_3 {position:absolute; top:100px; right:20px;}

#orbs li#dxlive_4 {position:absolute; top:230px; left:70px;}

#orbs li#dxlive_5 {position:absolute; top:390px; right:60px;}

#orbs li#dxlive_6 {position:absolute; top:40px; left:5px;}

#orbs li#dxlive_7 {position:absolute; top:40px; right:70px;}

#orbs li#dxlive_8 {position:absolute; top:80px; left:90px;}

#orbs li#monroo_1 {position:absolute; top:175px; right:53px;}

#orbs li#monroo_2 {position:absolute; top:380px; left:120px;}

#orbs li#monroo_3 {position:absolute; top:40px; left:195px;}

#orbs li#monroo_4 {position:absolute; top:300px; left:270px;}

#orbs li#monroo_5 {position:absolute; bottom:60px; left:10px;}

#orbs li#monroo_6 {position:absolute; top:200px; left:180px;}

#orbs li#monroo_7 {position:absolute; top:230px; right:90px;}

#orbs li#monroo_8 {position:absolute; top:35px; left:10px;}

#orbs li#monroo_9 {position:absolute; top:330px; left:200px;}

#orbs li#carib_1 {position:absolute; top:280px; left:30px;}

#orbs li#carib_2 {position:absolute; top:225px; right:20px;}

#orbs li#gachi_1 {position:absolute; top:290px; left:150px;}

#orbs li#mesu_1 {position:absolute; top:335px; left:70px;}

#orbs li#mesu_2 {position:absolute; top:400px; right:10px;}

#orbs li{width: 60px; /*width of image container. Should be wider than contained images (before bubbling) */
height:80px; /*height of image container. Should be taller than contained images (before bubbling) */}

#orbs li img{width: 60px; /*width of each image before bubbling*/height: 80px; /*height of each image*/}

.bubblewrap{list-style-type:none;margin:50px 0 0 0;padding:0;}

.bubblewrap li{display:inline-block;zoom:1; /*Trigger haslayout in IE7 and less*/
*display:inline; /*For IE7 and less*/position:relative;width: 60px;height:80px;}

.bubblewrap li img{position:absolute;width: 60px; /*default width of each image.*/height: 80px; /*default height of each image.*/
left:0;bottom:0;border:0;}

.bubblewrap .tooltip{ /*CSS for image tooltip (alt attribute of image)*/
position:absolute;font-size:10px;line-height:14px;padding:2px;width:101px;text-align:center;
background:black;color:#fcec95;text-decoration:underline;}

#ranking {width:450px; height:470px; float:right; margin:0; padding:80px 0 0 0; background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/ranking.gif); 
background-position:top; background-repeat:no-repeat;}

#category_av {width:415px; height:150px; margin:0 0 10px ; background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/ranking_av.gif);
background-position:left; background-repeat:no-repeat; padding:0 0 0 35px;}

#category_shirouto {width:415px; height:150px; margin:0 0 10px ; background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/ranking_shirouto.gif);
background-position:left; background-repeat:no-repeat; padding:0 0 0 35px;}

#category_mania {width:415px; height:150px; margin:0 0 0px 0; background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/ranking_mania.gif);
background-position:left; background-repeat:no-repeat; padding:0 0 0 35px;}

.ranking_box {width:120px; height:141px; float:left; margin:0 0px 0px 0px;; background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/ranking_bg.gif);
padding:0 9px 9px 9px;}

.ranking_box p { color:#FFF; font-size:10px; text-align:left; padding:3px 5px 0 5px; line-height:14px; text-decoration:none;}

.ranking_box a {text-decoration:none;}

.ranking_box a:hover p{text-decoration:underline;}

#bottom {width:870px; margin:10px 0 0 0; padding:0; clear:both; position:relative; height:1080px;}

#bottom p {padding:3px 10px 0 10px; text-align:left;}

#bottom a {color:#0000ff; text-align:left; margin:0; padding:0;}

#bottom a:hover {color:#F00;}

.star {font-size:10px; color:#F00; margin:0; padding:0;}
a img.thumb {border:#333 1px solid;}
a:hover img.thumb {filter:Alpha(opacity=70); /*IE*/-moz-opacity:0.75; /*FF*/opacity:0.75;}

#dxlive1 {position:absolute; top:10px; left:40px; width:180px; height:157px; background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/dxlive1_bg.gif);
padding:47px 0px 0 0; z-index:2;}

#dxlive1_img {position:absolute; top:10px; left:40px; z-index:999;}

#dxlive2 {position:absolute; top:60px; left:230px; background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/dxlive2_bg.gif); width:220px; height:224px;
padding:30px 0px 0 0; z-index:3;}

#dxlive2_name {width:210px; height:20px; margin:0px 0 0 10px; text-align:left;}

#dxlive3 { position:absolute; top:610px; left:330px; background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/dxlive3_bg.gif); width:190px; height:170px; padding:30px 0 0 0; z-index:4;}

#dxlive3_name {width:170px; height:20px; margin:0px 0 0 20px; text-align:left;}

#dxlive4 {width:220px; position:absolute; top:30px; position:absolute;left:230px;}

#dxlive4 a p {width:220px; height:120px;
padding:0; z-index:5; font-size:15px; font-weight:bold; color:#fcec95; text-decoration:underline; text-align:center;}

#dxlive4 a:hover p {color:#F00;} 

#monroo1 { width:180px; height:130px; background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/mnroo1_bg.gif); padding:30px 0 0 0;
position:absolute; top:225px; left:0px; z-index:4;}

#monroo2 { width:110px; height:190px; background-color:#FFF; border:#CCC 1px solid; padding:10px 0px 0 0;
position:absolute; top:10px; left:470px; z-index:5;}

#monroo3 {background-color:#FFF; padding:10px;
position:absolute; top:820px; right:110px; border:#CCC 1px solid;}

#monroo4 {width:300px; position:absolute; top:700px; position:absolute;left:0px; top:970px; left:25px;}

#monroo4 a p {width:300px; height:120px;
padding:0; z-index:5; font-size:15px; font-weight:bold; color:#fcec95; text-decoration:underline; text-align:center;}

#monroo4 a:hover p {color:#F00;} 

#carib1 {width:248px; height:568px; position:absolute; top:20px; right:10px; background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/carib1_bg.gif);
padding:32px 0px 0 0;}

#carib2 {width:110px; height:160px; position:absolute; top:430px; left:480px; background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/carib2_bg.gif);
padding:30px 0 0 0; z-index:4}

#carib3 a p {width:120px; height:120px; position:absolute; top:330px; left:185px;
padding:0; z-index:5; font-size:15px; font-weight:bold; color:#fcec95; text-decoration:underline; text-align:center;}

#carib3 a:hover p {color:#f00;} 

#gachi1 { width:267px; height:200px; padding:10px; border:#c0a760 1px solid; position:absolute;
top:830px; left:330px; background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/tiger.gif);}

#gachi1_img { width:288px; height:220px; position:absolute;top:830px; left:330px;}

#gachi2  { width:140px; height:175px; padding:45px 0 0 0; position:absolute;
top:340px; left:310px; background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/gachi2_bg.gif); z-index:3}

#gachi3 {width:300px; position:absolute; top:400px; left:10px; background-color:#FFF; border:#CCC 1px solid; padding:10px;}

#mesubuta1 {position:absolute; top:630px; right:85px; width:242px; height:146px; background-image:url(https://pixel-vault.com/ppc/ppc3-021511/05/mesubuta1_bg.gif);
padding:30px 0px 0 0; z-index:4;}

#mesubuta2 {position:absolute; top:230px; right:190px; width:220px; height:180px;
padding:10px 0px 0 0; background-color:#F00; z-index:4;}

#mesubuta2_img {position:absolute; top:230px; right:190px; width:220px; height:190px; z-index:200;} 

#mesubuta3 {position:absolute; top:650px; left:50px; width:265px; height:290px; padding:10px 0 0 0; background-color:#FFF; border:#CCC 1px solid;}

#mesubuta4 {width:200px; position:absolute; top:980px; right:60px;}

#mesubuta4 a p {width:200px; height:120px;
padding:0; z-index:5; font-size:15px; font-weight:bold; color:#fcec95; text-decoration:underline; text-align:center;}

#mesubuta4 a:hover p {color:#f00;} 

#footer { width:100%; border-top: 2px solid #999; padding:10px 0 0px 0; color:#FFF; clear:both; text-align:center; background-color:#333; height:40px;}

#footer ul {width:870px; text-align:center; margin:0 auto;}

#footer li {float:left; margin:0 0 10px 10px; text-align:center;}

#footer a {color:#FFF;}

#footer a:hover {color:#fcec95;}