body{
empty-cells : hide;
margin : 20px 0px 0px 40px;
font-family : MS UI Gothic;
}

#layout{
margin : 0px 0px 0px 5px auto;
padding : 0px;
width : 900px;
}

A{
color : #0f3edf;
text-decoration : underline;
}

A:hover{
color : #00ff66;
text-decoration : none;
}

.top-left{
text-align : left;
font-family : Arial;
margin-left : 5px;
margin-right : 50px;
padding-right : 5px;
}

.top-left a{
text-decoration : none;
}

.top-left a:hover{
text-decoration : none;
}

#content{
text-align : left;
list-style : none;
margin-left : 5px;
padding-left : 5px;
width : 905px;
}

.content{
list-style : none;
text-align : left;
float : left;
font-family : Arial;
width : 150px;
padding-left : 10px;
margin : 0px;
border-bottom-style : solid;
border-bottom-color : #ff0099;
border-bottom-width : thin;
border-left-style : solid;
border-left-color : #ff0099;
border-left-width : thin;
}

.content a{
color : #0f3edf;
text-decoration : none;
}

.content a:hover{
color : #00ff66;
text-decoration : none;
}

.space{
height : 3px;
}

.text{
padding-left : 5px;
}

.text-top{
font-family : Arial;
margin : 0px;
padding-left : 5px;
border-left-style : solid;
border-left-color : #3399ff;
border-left-width : thin;
border-bottom-style : solid;
border-bottom-color : #3399ff;
border-bottom-width : thin;
}

.text-bottom{
padding-top : 7px;
padding-left : 10px;
border-right-style : solid;
border-right-color : #3399ff;
border-right-width : thin;
}

.leftside{
float : left;
text-align : left;
margin : 0px;
width : 200px;
padding-left : 5px;
}

.rightside{
text-align : left;
float : right;
width : 700px;
}

.date{
font-family : Arial;
margin : 0px;
padding-left : 5px;
border-left-style : solid;
border-left-color : #3399ff;
border-left-width : thin;
border-bottom-style : solid;
border-bottom-color : #3399ff;
border-bottom-width : thin;
}

.date a{
color : #0f3edf;
text-decoration : none;
}

.diary{
margin : 0px;
padding-top : 7px;
padding-left : 10px;
border-right-style : solid;
border-right-color : #3399ff;
border-right-width : thin;
}

.right-side{
text-align : left;
float : right;
width : 600px;
}

#link {
list-style : none;
margin-left : 10px;
}

.link{
list-style : none;
text-align : left;
font-family : Arial;
padding-left : 10px;
width : 200px;
margin : 0px;
border-bottom-style : solid;
border-bottom-color : #99ff66;
border-bottom-width : thin;
border-left-style : solid;
border-left-color : #99ff66;
border-left-width : thin;
}

.link a{
color : #0f3edf;
text-decoration : none;
}

.link a:hover{
color : #00ff66;
text-decoration : none;
}

.green{
color : green;
font-weight : bold;
}
.red{
color : red;
font-weight : bold;
}
.yellow{
color : yellow;
font-weight : bold;
}
.blue{
color : blue;
font-weight : bold;
}
.purple{
color : purple;
font-weight : bold;
}
.black{
color : black;
}
.white{
color : white;
}
.pink{
color : pink;
}
.aqua{
color : aqua;
}
.orange{
color : orange;
}