* {
margin: 0;
padding: 0;
list-style-type: none; }
img {
font-size: 100%;
font-weight: normal;
font-style: normal;
border-style: none; }

body {
font-size: 90%;
background-color: #44b6dc;
background-image: url(img/bg_body.gif);
background-repeat: repeat-x;
background-position: left top; }
a:link {
color: #311600; }
a:visited {
color: #250000; }
a:hover {
color: #f93; }
a:active {
color: #f60; }
div#page {
background-image: url(img/bg_page.gif);
background-repeat: no-repeat;
background-position: left bottom;
width: 782px;
margin-top: 7px;
margin-right: auto;
margin-left: auto;
padding-bottom: 12px; }
div#main {
background-image: url(img/bg_main.gif);
background-repeat: repeat-y;
background-position: left top; }
div#sidemenu {
color: #311600;
width: 190px;
float: left; }
div#sidemenu h2 {
margin-top: 6px;
margin-left: 18px; }
div#sidemenu ul {
width: 182px;
margin-left: 18px; }
div#sidemenu ul li {
margin-top:          12px;
border-top:          1px dotted #300;
rder-top-style:      dotted; }

div#sidemenu ul li span {
background-color: #f8f3e4;
margin-top: 1px;
margin-bottom: 1px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
display: block; }

div#sidemenu ul li ul {
width: auto;
margin-left: 0;
border-top: 1px dotted #300; }
div#sidemenu ul li ul li {
background-image:    url(img/icon_arrow.gif);
background-repeat:   no-repeat;
background-position: left center;
margin-top:          9px;
margin-left:         9px;
padding-left:        16px;
border-style: none; }

div#contents {
color: #250000;
width: 563px;
margin-left: 206px; }
div#contents div.diary {
background-image: url(img/bg_diary.gif);
background-repeat: repeat-y;
background-position: left center; }
div#contents div.diary div.top {
background-image: url(img/bg_diarytop.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 15px; }
div#contents h2 {
font-size: 140%;
font-weight: bold;
background-image: url(img/img_diaryline.gif);
background-repeat: no-repeat;
background-position: left bottom;
letter-spacing: 0.5em;
margin-bottom: 5px;
margin-left: 25px;
padding: 30px 20px 5px 15px; }
div#contents h2 span {
font-size: 60%;
font-weight: normal;
text-align: right;
letter-spacing: 0;
float: right; }

div#contents div.text {
margin-left: 40px;
padding-right: 20px;
padding-bottom: 20px; }
div#contents div.text p {
line-height: 180%;
margin-bottom: 10px; }

div#contents p.photo_vertical {
width: 187px;
float: right;
margin-bottom: 5px;
margin-left: 5px; }
div#contents p.photo_horizontal {
width: 270px;
float: right;
margin-bottom: 5px;
margin-left: 5px; }
div#contents p.totop {
padding-bottom: 20px; }
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-table;
}
/*macIE\*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*macIE*/
.clearfix{
zoom:1;
}