@charset "iso-8859-2";
/* CSS Document */

body{background-color:#000000;}

div.container {
width: 100% auto; 
margin: auto;
}

div.frame {
width: 690px;
margin-left:0px;
margin-right:0px;
}

div.page {
text-align: center; 
width: 690px;
margin-left: auto;
margin-right: auto;
}

div.frame_content {
background-image:url(img/diary_content.png); 
background-repeat:repeat-y;
height: auto;
margin-top: 0px;
margin-bottom:0px;
margin-left: 0px;
margin-right: 0px;
width: 690px;
}

div.left {
width:345px;
float: left;
text-align: justify;
}

div.left_page {
margin-left: 50px;
margin-right: 5px;}

div.right_page {
margin-left: 25px;
margin-right: 50px;}

.form {
font-style:italic;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#000000;
}



div.right {
width: 345px;
float: right;
text-align: justify;
}

.clr {clear:both;} 

a:link {
text-decoration: none;
color: #CCCCCC;
}

a:visited {
text-decoration:none;
color:#CCCCCC;
}

a:active {
text-decoration:none;
color:#CCCCCC;
}

a:hover {
text-decoration: underline;
color:#CCCCCC;
}

.comment1 {
font-style: italic;
font-size: 12px;
color:#000000;
margin: 0px;
padding: 0px;}

.comment2 {
font-style: italic;
color: #000000;
font-size: 14px;
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;}

.comment3 {
font-style: italic;
font-size: 12px;
color: #CCCCCC;
margin: 0px;
padding: 0px;}

hr {
border-style: dotted;
border-color: #FFCC99;
width: 100px;
text-align: center;
}