h2#danraku2 {position: relative;
    margin: 0 0 1.5em;
    padding: 0.6em 0.4em 0.6em 4.0em;
    font-size: 1.143em;
    font-weight: bold;
    color: #fff;
    background: #333333;
    z-index: 1;
}
 
h3:before{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-right: #fff solid 2px;
    background: #B92A2C;
    background-image: -webkit-gradient(linear, left top, left bottom,
            from(            rgba(255, 255, 255, 0.0)), 
            color-stop(0.20, rgba(255, 255, 255, 0.0)), 
            color-stop(0.20, rgba(255, 255, 255, 0.1)), 
            color-stop(0.40, rgba(255, 255, 255, 0.1)), 
            color-stop(0.40, rgba(255, 255, 255, 0.3)), 
            color-stop(0.60, rgba(255, 255, 255, 0.3)), 
            color-stop(0.60, rgba(255, 255, 255, 0.5)), 
            color-stop(0.80, rgba(255, 255, 255, 0.5)), 
            color-stop(0.80, rgba(255, 255, 255, 0.6)), 
            to(              rgba(255, 255, 255, 0.6))
            );
    background-image: -webkit-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: -moz-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: -o-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: linear-gradient(to bottom,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
            z-index:-1;
}
 
h3:after{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background-image: -webkit-gradient(linear, left top, right top,
            from(            rgba(255, 255, 255, 0.0)), 
            color-stop(0.20, rgba(255, 255, 255, 0.0)), 
            color-stop(0.20, rgba(255, 255, 255, 0.1)), 
            color-stop(0.40, rgba(255, 255, 255, 0.1)), 
            color-stop(0.40, rgba(255, 255, 255, 0.3)), 
            color-stop(0.60, rgba(255, 255, 255, 0.3)), 
            color-stop(0.60, rgba(255, 255, 255, 0.5)), 
            color-stop(0.80, rgba(255, 255, 255, 0.5)), 
            color-stop(0.80, rgba(255, 255, 255, 0.6)), 
            to(              rgba(255, 255, 255, 0.6))
            );
    background-image: -webkit-linear-gradient(left,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: -moz-linear-gradient(left,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: -o-linear-gradient(left,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: linear-gradient(to right,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
            z-index:-1;}