/* Common
----------------------------------------------- */
body {
    background-color: #000000;
    font-family:Helvetica;
    font-weight:100;
    color:#FFFFFF;
    letter-spacing:0.2em;
    line-height:1.6;
}

a img {
    border-style: none;
}

h1 {
    font-size: 18px;
}

h2,h3 {
    font-size: 16px;
}

span.small {
    font-size: 12px;
}


/* Total layout
----------------------------------------------- */


div.container {
    margin:30px;
}

div.navigation-block {
    width: 200px;
    float: left;
}

div.menu-block {
    margin:5px 0px 0px 0px;
}

div.contents-block {
    float: left;
}

div.container:after {
    content:".";display:block;height:0;clear:both;visibility:hidden;
}


/* menu-block
----------------------------------------------- */

.menu-block a {
    color:#FFFFFF;
    text-decoration:none;
    border-bottom:1px dotted #999999;
}

.menu-block a:hover {
    color:#F0F8FF;
    border-bottom:1px dotted #F0F8FF;
    background-color:#708090;
}

.menu-block ul {
	margin: 0;
	padding: 0;
	list-style:none;
}

/* contents-block
----------------------------------------------- */

.contents-block a {
    color:#FFFFFF;
    text-decoration:none;
    border-bottom:1px dotted #999999;
}

.contents-block a:hover {
    color:#F0F8FF;
    border-bottom:1px dotted #F0F8FF;
    background-color:#708090;
}

.contents-block ul {
	margin: 0;
	padding: 0;
	list-style:none;
}