body {
font-family: Times New Roman,Verdana,Arial;
margin: 0px;
padding: 0px;
background-color: #fffff0;
background-image: url("http://charmwags.sakura.ne.jp/sblo_files/charmwags/image/bg.jpg");
background-attachment: fixed;
}

#container {
text-align: left;
margin: 10px auto 0px auto;
width: 850px;
}

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

#banner {
font-family: Times New Roman,Verdana,Arial;
margin-bottom: 15px;
text-align: left;
padding: 10px 0px 5px 0px;
height: 90px;
text-align: left;
line-height: 170%;
width: 850px;
min-height: 90px;
display: inline-table;
}

*:first-child+html #banner {
height: auto;
min-height: 90px;
}


h1 {
margin: 0px 0px 20px 0px;
text-align: left;
padding: 0px;
font-weight: bolder;
font-size: 20px;
color: #000000;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;
}

h1 a {
color:#000000;
font-family: Times New Roman,Verdana,Arial;
text-decoration: none;
font-weight: bolder;
}

h2 {
font-size: 12px;
font-weight: bolder;
font-family: Times New Roman,Verdana,Arial;
margin-bottom: 0px;
}

h3 {
padding: 55px 0px 0px 0px;
font-size: 10px;
font-weight: bolder;
font-family: arial, Helvetica;
margin-top: 0px;
margin-bottom: 0px;
}

h3 a {
padding: 0px;
font-weight: bolder;
line-height: 200%;
font-decoration: none;
font-color: #fffff0;
}

.description {
color: #666666;
margin: 0px;
padding: 0px;
font-size: 14px;
font-family: sans-serif;
line-height: 120%;
}

.navi {
color: #FFFFF0;
font-size: 12px;
text-align: center;
margin: 0px;
}

.navi a {
color: #555555;
text-decoration:;
}

.navi a:hover {
color: #ffffff;
text-decor none ation: underline;
}

#content {
margin: 0px 0px 0px 25px;
float: left;
width: 400px;
font-size: 12px;
}

.blog {
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
}

.blogbody {
margin: 0px;
font-weight: normal;
line-height: 120%;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
}

.date {
font-size: 12px; 
color: #ffffff;
background-color: #000000;
padding: 3px 10px 3px 10px;
font-weight: bolder;
border: solid 1px #000000;
}

.title {
padding: 10px 0px 5px 5px;
}

.title a {
font-size: 13px; 
color: #000000;
font-weight: bolder;
text-decoration: none;
}

.text {
font-size: 12px;
line-height: 160%;
color: #000000;
padding: 0px 20px 10px 20px;
}

.text a {
color: #ffff0;
text-decoration: none;
}

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

.posted { 
margin-bottom: 0px;
font-size: 10px; 
color: #555555;
padding: 2px 5px 2px 12px;
text-align: right;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}

.posted a {
color: #555555;
text-decoration: none;
}

.posted a:hover {
color: #fffff0;
text-decoration: underline;
}

#links-left {
font-weight: normal;
float: left;
width: 199px;
margin: 0px 0px 0px 0px;
text-align: left;
}

#links {
font-weight: normal;
float: right;
width: 199px;
margin: 0px 0px 0px 0px;
text-align: left;
}

#calendar {
font-weight: normal;
margin-bottom: 20px;
border: solid 1px #000000;
}

#calendar a {
font-weight: normal;
text-decoration: none;
color: #000000;
}

#calendar table {
width: 199px;
padding: 5px 0px 10px 0px;
}

#calendar th {
margin: 1px;
padding: 8px 0px 5px 0px;
color: #555555;
text-align: center;
border-bottom: 1px solid #000000;
}

#calendar td {
padding: 5px 0px 5px 0px;
color: #555555;
text-align: center;
}

#calendar td  a {
font-weight: normal;
color: #000000;
text-decoration: bold;
}

#calendar td  a:hover {
color: #ffff0;
text-decoration: underline;
}

.calendarhead {
color: #000000;
font-size: 12px;
font-weight: bolder;
padding: 3px 10px 3px 10px;
text-align: center;
border-bottom: solid 1px #000000;
}

.calendarday {
font-size: 12px;
font-weight: normal;
color: #000000;
padding: 0px;
text-align: center;
}

.sidetitle {
color: #000000;
font-size: 12px;
font-weight: bolder;
padding: 3px 10px 3px 10px;
text-align: center;
border-right: solid 1px #000000;
border-left: solid 1px #000000;
border-top: solid 1px #000000;
}

.side {
color: #555555;
border: solid 1px #000000;
font-size: 12px;
font-weight: normal;
line-height: 140%;
padding: 10px 5px 10px 5px;
margin-bottom: 20px;
}

.side a {
line-height: 150%;
color: #555555;
text-decoration: none;
}

.side a:hover {
color: #fffff0;
text-decoration: underline;
}

.powered {
text-align: center;
line-height: 120%;
margin: 20px 35px 20px 10px;
}

.syndicate {
font-size: 10px;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}

.syndicate a{
color: #333333;
text-decoration: underline;
padding-top: 10px;
}

.admin {
font-size: 10px;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}

.admin a {
color: #333333;
text-decoration: underline;
padding-top: 10px;
}

#comments {
color: #CC3333;
margin-top: 20px;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
border-bottom: solid 1px #000000;
}

textarea {
width: 320px;
margin-bottom: 5px;
}

#comments  form {
color: #555555;
margin: 0px;
padding: 5px;
}

#comments  input {
max-width: 199px;
}

.comments-head {
color: #000000;
font-weight: bolder;
padding: 3px 10px 3px 10px;
font-size: 12px;
border-top: 1px solid #000000;
}

.comments-body {
font-size: 12px;
color: #555555;
padding: 10px 10px 10px 10px;
}

.comments-post { 
font-size: 10px; 
text-align: right;
padding: 5px 5px 5px 5px;
}

.comments-post a { 
color: #555555;
}

#trackback {
width: 400px;
font-size: 12px;
color: #555555;
margin-top: 10px;
}

#trackback a {
color: #0000FF;
}

#footer {
padding-top: 10px;
clear: left;
width: 850px;
}

.copyright {
font-size: 80%;
width: 100%;
text-align: center;
}

.diet-content {
padding-left: 10px;
font-size: 12px;
}

#diet-foods {
padding-left: 10px;font-size:12px;
}

.food-title {
width: 20%;
clear: left;
float: left;
}

.food-content {
width: 75%;
padding-top: 10px;
}

#diet-container {
border: 1px solid #999;
padding: 5px;
margin-bottom: 5px;
}

.diet-title {
background-color: #333333;
padding: 2px 10px 2px 5px;
font-size: 12px;
color: #FFFFFF;
background-image: url(http://blog.sakura.ne.jp/img/diet/right_bt.gif);
background-position: right;
background-repeat: no-repeat;
width: 90px;
margin-top: 5px;
}

.diet-content {
padding-left: 10px;font-size:12px;
}

#diet-foods {
padding-left: 10px;
font-size: 12px;
}

.food-title {
width: 20%;
clear: left;
float: left;
}

.food-content {
width: 75%;
padding-top: 10px;
}