ul.topgal li {
display: inline-block;
}

.topgal img {
border: 1px dashed #ccc;
padding: 2px;
margin: 5px 2px;
}
.topgal li:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* IE */
opacity : 0.6; /* CSS3 */
}

.dura1 {
position: relative;
}

.dura2 {
max-width: 160px;
position: absolute;
bottom: 20px;
left: 15px;
background-color:#000;
filter:alpha(opacity = 65);
background-color:rgba(0,0,0,0.65);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
box-shadow:0 0 1px #ddd;
color:#f0f0f0;
font-size:13px;
font-weight: bold;
padding:5px 8px;
text-align:center;
text-decoration:none;
}

.dura3 {
position: absolute;
top: 15px;
right: 10px;
background-color:#000;
filter:alpha(opacity = 65);
background-color:rgba(0,0,0,0.65);
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
box-shadow:0 0 1px #ddd;
color:#f0f0f0;
font-size:11px;
font-weight: bold;
padding:5px 8px;
text-align:center;
text-decoration:none;
}

/* �g */

#wak1 {
margin:10px 5px; padding:20px 5px;
background-image: url("http://www.kotomatome.net/img/waku.png");
border-color:#999999;
border-width:1px;
border-style:solid;
overflow: hidden;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-o-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;
letter-spacing: normal;
}

#wak1:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #wak1 {
height: 1em;
overflow: visible;
}
/**/

#wak { background:transparent; margin:5px; padding:0; }
#wak .h, #wak p { margin:0; padding:20px 10px 0px 30px; line-height:2em; }
#wak .h { font-size:large; color:#60c8d8; padding-bottom:0; font-weight:bold; }
#wak .j, #wak p { margin:0; padding:10px 25px 25px 25px; }
#wak .j{ font-size:large;  padding-bottom:0; font-weight:700; }
#wak .xtop, #wak .xbottom {display:block; background:transparent; font-size:1px; }
#wak b { display:block; overflow:hidden; }
#wak .xb1, #wak .xb2, #wak .xb3 {height:1px; }
#wak .xb2, #wak .xb3, #wak .xb4 {background:#f0f8ff; border-left:1px solid #6699cc; border-right:1px solid #6699cc; }
#wak .xb1 { margin:0 5px; background:#6699cc; }
#wak .xb2 { margin:0 3px; border-width:0 2px; }
#wak .xb3 { margin:0 2px; }
#wak .xb4 { height:2px; margin:0 1px; }
#wak .xboxcontent { display:block; background:#f2f9fd; border:0 solid #6699cc; border-width:0 1px; }

#waku {
margin:5px; padding:0;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
-o-border-radius: 38px;
-ms-border-radius: 38px;
border-radius: 38px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 12px #000000;
-webkit-box-shadow: 0px 0px 12px #000000;
box-shadow: 0px 0px 12px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = 'rgb(224,255,255)', endColorstr = 'rgb(170,255,255)');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = 'rgb(224,255,255)', endColorstr = 'rgb(170,255,255)')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, rgb(224,255,255), rgb(170,255,255));
background-image: -ms-linear-gradient(top, rgb(224,255,255), rgb(170,255,255));
background-image: -o-linear-gradient(top, rgb(224,255,255), rgb(170,255,255));
background-image: -webkit-gradient(linear, center top, center bottom, from(rgb(224,255,255)), to(rgb(170,255,255)));
background-image: -webkit-linear-gradient(top, rgb(224,255,255), rgb(170,255,255));
background-image: linear-gradient(top, rgb(224,255,255), rgb(170,255,255));
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}

.twihai {
width: 140px;
background-color:#000;
filter:alpha(opacity = 50);
background-color:rgba(0,0,0,0.5);
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-o-border-radius: 15px;
-ms-border-radius: 15px;
border-radius: 15px;
box-shadow:0 0 1px #ddd;
color:#f0f0f0;
font-size:16px;
font-weight: bold;
margin-left:auto;margin-right:auto;
padding:3px 5px;
text-align:center;
text-decoration:none;
}

/* �����o��2�� */
.ballw{
font-size: 14px;
font-weight: bold;
letter-spacing: 0.8pt;
position:relative;
max-width: 600px;
float: left;
padding:5px 20px 5px 20px;
margin:12px 100px 12px 30px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = 'rgb(255,255,255)', endColorstr = 'rgb(230,230,230)');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = 'rgb(255,255,255)', endColorstr = 'rgb(230,230,230)')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, rgb(255,255,255), rgb(230,230,230));
background-image: -ms-linear-gradient(top, rgb(255,255,255), rgb(230,230,230));
background-image: -o-linear-gradient(top, rgb(255,255,255), rgb(230,230,230));
background-image: -webkit-gradient(linear, center top, center bottom, from(rgb(255,255,255)), to(rgb(230,230,230)));
background-image: -webkit-linear-gradient(top, rgb(255,255,255), rgb(230,230,230));
background-image: linear-gradient(top, rgb(255,255,255), rgb(230,230,230));
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
opacity: 0.9;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
/*-ms-filter must come before filter*/
filter: alpha(opacity = 90);
border-style:solid;
border-width:2px;
border-color:#343434;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
color: #343434;
}
.ballw:before{
content:"";
position:absolute;
width:0px;
height:0px;
top:8px;
left:-16px;
border-style:solid;
border-width:0px 16px 12px 0px;
border-color: rgba(0,0,0,0) #343434 rgba(0,0,0,0) rgba(0,0,0,0);
}
.ballw:after{
content:"";
position:absolute;
width:0px;
height:0px;
top:10px;
left:-11px;
border-style:solid;
border-width:0px 11px 7px 0px;
border-color: rgba(0,0,0,0) #F6FBF6 rgba(0,0,0,0) rgba(0,0,0,0);
}

.balrg{
font-size: 14px;
font-weight: bold;
letter-spacing: 0.8pt;
position:relative;
max-width: 600px;
float: right;
padding:10px;
padding:5px 20px 5px 20px;
margin:12px 30px 12px 100px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = 'rgb(222,251,159)', endColorstr = 'rgb(162,223,67)');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = 'rgb(222,251,159)', endColorstr = 'rgb(162,223,67)')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, rgb(222,251,159), rgb(162,223,67));
background-image: -ms-linear-gradient(top, rgb(222,251,159), rgb(162,223,67));
background-image: -o-linear-gradient(top, rgb(222,251,159), rgb(162,223,67));
background-image: -webkit-gradient(linear, center top, center bottom, from(rgb(222,251,159)), to(rgb(162,223,67)));
background-image: -webkit-linear-gradient(top, rgb(222,251,159), rgb(162,223,67));
background-image: linear-gradient(top, rgb(222,251,159), rgb(162,223,67));
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
opacity: 0.9;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
/*-ms-filter must come before filter*/
filter: alpha(opacity = 90);
border-style:solid;
border-width:2px;
border-color:#343434;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
color: #2A2A2A;
}
.balrg:before{
content:"";
position:absolute;
width:0px;
height:0px;
top:8px;
right:-16px;
border-style:solid;
border-width:0px 0px 12px 16px;
border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #343434;
}
.balrg:after{
content:"";
position:absolute;
width:0px;
height:0px;
top:10px;
right:-11px;
border-style:solid;
border-width:0px 0px 7px 11px;
border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #C6EF80;
}


#wak { background-color: #f2f9fd; }
#waku { background-color: rgb(224,255,255); }
.ballw { background-color: rgb(255,255,255); }
.balrg { background-color: #C6EF80; }