@charset "utf-8";
/*reimu*/

body{font-size:12px; background:#000; color:#666; width:100%; margin:0; padding:0; border:none; text-shadow:0 0 2px rgba(0,0,0,1), 0 0 4px rgba(0,0,0,0.75) ,0 0 8px rgba(0,0,0,0.5) ,0 0 16px rgba(0,0,0,0.25); z-index:0;}
#bodyCan{position:absolute; margin:0; padding:0; background:url(../../index/image/logo.png) center center no-repeat; width:100%; height:100%; overflow:hidden; z-index:0;}

#noise{position:absolute; z-index:0; background:transparent url(../../index/image/noise.png) center center repeat; opacity:1; margin:0; padding:0; display:block;}

.sePlayer{width:0; height:0; z-index:-1; position:absolute; left:-16px; top:-16px; opacity:0;}

a{color:#fff; text-decoration:none;}
.mimikoHref{cursor:pointer;}

#speedDial{background:rgba(0,0,0,0.5) url(../../index/image/backhighlight.png) center center repeat-y; position:absolute; width:800px; height:450px; text-align:center; overflow:hidden;
box-shadow:0 0 2px rgba(255,255,255,1),0 0 4px rgba(0,0,0,0.5),0 4px 8px rgba(0,0,0,0.5); -moz-box-shadow:0 0 2px rgba(255,255,255,1),0 0 4px rgba(0,0,0,0.5),0 4px 8px rgba(0,0,0,0.5); -webkit-border-shadow:0 0 2px rgba(255,255,255,1),0 0 4px rgba(0,0,0,0.5),0 4px 8px rgba(0,0,0,0.5);
border:none; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px;}

#speedDialTitle{position:absolute; width:100%; height:48px; left:0; top:0; font-size:24px; line-height:48px; text-align:center; color:#fff;}

#speedDialMainArea{position:absolute; width:95%; height:85%; left:2.5%; bottom:5%; background:rgba(255,255,255,0.5) url(../../index/image/noise.png) center center repeat; overflow:hidden; margin:0; padding:0;
box-shadow:0 0 4px rgba(0,0,0,0.5); -moz-box-shadow:0 0 4px rgba(0,0,0,0.5); -webkit-border-shadow:0 0 4px rgba(0,0,0,0.5);
border:none; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}

#info{position:absolute; z-index:255; text-align:center; width:100%; height:32px; line-height:16px; font-size:12px; color:#fff; bottom:8px; margin:0; padding:0; overflow:hidden;}
#info a{color:#fff;}

div.cardBase{display:inline-block; padding:8px; margin:8px; position:relative;
background:rgba(0,0,0,0.2);
border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
box-shadow:0 0 2px rgba(0,0,0,1),0 2px 6px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 2px rgba(0,0,0,1),0 2px 6px rgba(0,0,0,0.5);
-webkit-border-shadow:0 0 2px rgba(0,0,0,1),0 2px 6px rgba(0,0,0,0.5);
}
div.cardBase{font-size:16px; font-weight:bold; color:#fff; line-height:32px;}

div.card{height:256px; width:128px; background:rgba(0,0,0,0.5) center center no-repeat; opacity:0; position:relative; overflow:hidden;
border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
box-shadow:0 0 2px rgba(0,0,0,1),0 2px 6px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 2px rgba(0,0,0,1),0 2px 6px rgba(0,0,0,0.5);
-webkit-border-shadow:0 0 2px rgba(0,0,0,1),0 2px 6px rgba(0,0,0,0.5);
}
div.cardCover{height:256px; width:128px; background:rgba(0,0,0,0.5); position:relative;
border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
}
div.cardCover:hover{background:transparent;}

/*2010.5.13*/