A:link {COLOR: #666688}
A:visited {COLOR: #666688}
A:hover {COLOR: #FF3333;
         border-left:0.2em #FF3333 solid}
A:active {COLOR: #FF3333}

body
{
    background-color: #000000;
    color           : #dddddd;
    font-size       : 95%;
    font-family     : 'tahoma','Helvetica','Osaka','Arial','‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
    border-top      : #333333 30px solid;
    border-bottom   : #333333 30px solid;
    margin          : 0px;
    padding         : 0px;
    scrollbar-Track-Color:#FFFFFF;
    scrollbar-Face-Color:#FFFFFF;
    scrollbar-Shadow-Color:#999999;
    scrollbar-DarkShadow-Color:#FFFFFF;
    scrollbar-Highlight-Color:#999999;
    scrollbar-3dLight-Color:#FFFFFF;
    scrollbar-Arrow-Color:#333333;}

h1
{
    color           : #eeeeee;
    font-weight     : bold;
    font-size       : 120%;
    font-family     : 'Verdana','Helvetica','Osaka','Arial','‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
    text-align      : center;
    letter-spacing  : 0.2em;
    line-height     : 100%;
    margin          : 3.8em 0px 2.2em;
    padding         : 0px;
    width           : 100%;
    position        : relative;
    z-index         : 1;
}

h1:first-letter
{
    font-size       : 400%;
    color           : #fff000;
    font-weight     : bold;
}

h2
{
    color           : #eeeeee;
    font-family     : 'Helvetica','Osaka','Arial','‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
    font-weight     : bold;
    font-size       : 110%;
    letter-spacing  : 0.2em;
    text-align      : center;
    margin          : 1em 0px 2.5em;
    padding         : 0px;
    width           : 100%;
    position        : relative;
    z-index         : 1;
}

p
{
    margin          : 0em 1em;
    line-height     : 150%;
    letter-spacing  : 1px;
    text-align      : justify;
    text-justify    : inter-ideograph;
    line-break      : strict;
}

p.title
{
    margin          : 2em 0px;
    text-align      : center;
}

span#contents
{
    display         : block;
    color           : #00ffff;
    font-weight     : bold;
    font-size       : 110%;
    text-align      : center;
    margin          : 1em 0px;
    margin-left     : auto;
    margin-right    : auto;
    padding         : 0px 0.5em 0px 1em;
    width           : 350px;
    text-align      : justify;
    text-justify    : distribute-all-lines;
    position        : relative;
    z-index         : 1;
}

span#contents
{
    text-align      : \72\69\67\68\74;
    letter-spacing  : 1.8\65\6D;
}

span#maru
{
    line-height     : 100%;
    text-align      : center;
    position        : absolute;
    display         : block;
    width           : 100%;
    top             :-250px;
    left            :-370px;
    font-weight     : bold;
    font-size       : 800px;
    color           : #333333;
    z-index         : 0;
    margin          : 0px;
    padding         : 0px;
}

p.speech
{
    margin          : 4em 10% 3.5em;
    padding         : 1em;
    position        : relative;
    z-index         : 1;
    width           : 100%;
    background-color: #000000;
    color           : #dddddd;
    border-top      : #FF3333 2px solid;
    border-right    : #FF3333 1px solid;
    border-bottom   : #FF3333 1px solid;
    border-left     : #FF3333 2px solid;
}

p.speech
{
    width           : 38%;
}

p.navi {
	margin-top:1em;
        margin-right:3em;
	text-align:right;
	white-space:nowrap;
	font-size:80%;
	background-color:black;
	color:white;
}

/* contents-list */

ul.contents-list
{
    line-height     : 150%;
    text-align      : center;
    margin          : 1em 0px;
    padding         : 0px;
    position        : relative;
    z-index         : 1;
}

li
{
    font-weight     : bold;
    font-size       : 100%;
    width           : 120px;
    display         : inline;
    margin          : 0px;
    padding         : 0px;
    font-weight     : bold;
}

li a
{
    display         : block;
    width           : 100%;
    font-weight     : bold;
    text-decoration : none;
    text-align      : center;
    border-color    : #333333;
    border-style    : solid;
    border-width    : 1px 0px;
}

li a
{
    display         : \69\6E\6C\69\6E\65;
}

center,hr
{
    display: none;
}

@media screen
{
    h1,h2,#contents
    {
        filter          : blur(add=0,direction=90,strength=4);
    }

    #maru
    {
        filter          : blur(add=0,direction=150,strength=15)
                          dropshadow(color=#444949,offx=-10,offy=10,positive=true)
    }

    li#novels a:active,li#bbs a:active,li#diary a:active,li#photo a:active,
    {
        filter          : blur(add=0,direction=150,strength=4);
        position        : relative;
        top             : 1px;
        left            : 1px;
    }

    p.speech
    {
        filter          : alpha(opacity=70);
    }
}