* {
font-size: 100%;
font-weight: normal;
font-style: normal;
margin: 0;
padding: 0;
list-style-type: none; }
body {
color: #333;
font-size: 90%;
background-color: #f3d0a7; }
img {
vertical-align: bottom;
border-style: none; }
a:link,a:visited {
color: #007ade; }
a:hover,a:active {color: #ff6f00; }
/*Layout*/
div#page {
width: 733px;
margin-right: auto;
margin-left: auto;
padding-bottom: 20px;}
div#header {
background-image: url(img/bg_header.gif);
background-repeat: no-repeat;
background-position: left bottom;
width: 733px;
height: 193px;
margin-right: auto;
margin-left: auto; }
div#header p.logo{
text-align: right;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 3px; }
div#header p.title {
width: 272px;
float: left;
margin-bottom: 2px;
padding-left: 11px; }

div#header p.title img {
margin-bottom: 3px; }

div#header p.month {
margin-left: 290px; }
ul#months {
margin-top: 10px;
margin-left: 2px; }

ul#months li {
padding-right: 3px;
display: inline; }
ul#months li.month12 {display:       inline;
padding-right: 0; }
div#main {
background-color: #fff;
width: 729px;
clear: both;
margin-left: 2px; }
div#page ul.category {
padding-top: 4px;
padding-bottom: 4px; }
div#page ul.category li {
display: inline; }
/*Pager*/
div#main div.paging {
color: #fff;
background-color: #85ac39;
background-image: url(img/line_navi.gif);
background-repeat: no-repeat;
background-position: left bottom;
text-align: center;
padding: 8px 5px; }
div#main div.paging p {
text-align: center;
width: 400px;
margin-right: auto;
margin-left: auto; }
div#main div.paging p.previous {width: 114px;
float: left; }

div#main div.paging p.next {
width: 114px;
float: right; }
div#page div.pagingbottom p {
text-align: center;
width: 400px; }
div#page div.pagingbottom p.previous {width: 114px;
float: left; }

div#page div.pagingbottom p.next {
width: 114px;
float: right; }
/*monthly*/
div#main table {
border-top: 1px solid #85ac39;
border-right: 1px solid #85ac39; }
div#main table th {
background-color: #fff;
border-bottom:  1px solid #85ac39;
border-left:    1px solid #85ac39; }

div#main table td {
color: #666;
font-size: 90%;
background-color: #fff;
vertical-align: top;
padding: 3px 2px;
border-bottom:    1px solid #85ac39;
border-left:      1px solid #85ac39; }
div#main table td.seasonable {
background-image: url(img/bg_seasonable.gif);
background-repeat: no-repeat;
background-position: 22px 3px; }

div#main table td a {
line-height: 120%;
text-align: center;
padding-top: 2px;
display: block; }
div#main table td a img {
vertical-align: top;
margin-bottom: 3px; }

div#main table td img.icon {
padding-top: 3px;
padding-right: 2px;
padding-left: 5px;


 }

div#main table tr.date td {
text-align: left;
padding-top: 0;
padding-bottom: 0; }
div#main table th.cate {
padding: 2px;
border-bottom-style: none; }
div#main table .dietly {background-color: #fcf6d0; }

div#main table .metabolic {background-color: #dceec2; }

div#main table .fire {background-color: #ffd4c5; }
/*daily*/
div#main div.side {
background-color: #fff;
padding-left:     20px;
width:            244px;
float:            left;
padding-top: 15px;
padding-bottom: 20px; }
div#main div.side div.material {
color: #3b1f08;
background-color: #f1f4d1;
margin-top: 20px;
padding-bottom: 10px; }
div#main div.side h2 {
background-color: #f9d3a8;
background-image: url(img/bg_title.gif);
background-repeat: repeat-x;
background-position: left bottom;
padding: 10px;
color: #960;
font-size: 80%;
text-align: right;
margin-bottom: 10px; }
div#main div.side h2 img {
float: left; }
div#main div.side div.material dl {
font-size: 80%;
width: 236px;
margin-right: 4px;
margin-left: 4px;
padding-top: 3px;
border-bottom: 1px dotted #85ac39; }
div#main div.side div.material dt {
width: 14em;
float: left;
padding-bottom: 3px;
padding-left: 5px; }
div#main div.side div.material dd {
text-align: right;
padding-right: 5px;
padding-bottom: 3px; }
div#main div.contents {
width: 430px;
margin-left: 280px;
padding-top: 15px; }
div#main div.contents h1 {
background-color: #dbe0aa;
margin-bottom:    10px;
color: #3b1f08;
font-size: 120%;
font-weight: bold;
padding: 5px 5px 5px 10px; }
div#main div.contents h1 img {
text-align: right;
float: right; }
div#main div.contents p.data {
padding-top: 7px;
padding-right: 10px;
padding-left: 10px; }
div#main div.contents h2 {
background-color:    #f9d3a8;
background-image:    url(img/bg_title.gif);
background-repeat:   repeat-x;
background-position: left bottom;
margin-top: 30px;
padding: 10px 4px 8px 10px; }
div#main div.contents ol {
color: #3b1f08;
background-color:    #f1f4d1;
padding:             10px; }
div#main div.contents ol li {
color:            #3b1f08;
background-color: #f1f4d1;
padding-bottom: 10px; }
div#main div.contents p.mobile {
text-align: right;
padding-top: 15px;
padding-bottom: 15px; }
/*cate*/
div#cate_header {
background-image: url(img/bg_header.gif);
background-repeat: repeat-y;
background-position: left bottom;
width: 733px;
margin-right: auto;
margin-left: auto; }
div#cate_header p {
padding: 5px 10px 10px; }

div#cate_header img.logo{
width: 119px;
float: right; }
div#cate {
 }
div#cate h1 {
text-align: center; }
div#cate h2 {
color: #333;
font-size: 90%;
line-height: 180%;
width: 600px;
margin-right: auto;
margin-left: auto;
padding-top: 10px; }
div#cate h2 img {
float: left;
margin-right: 5px; }

div#cate ul.link {
text-align:     center;
padding-top: 20px;
padding-bottom: 40px; }
div#cate ul.link li{
display:inline;
}

div#cate table {
margin-left: 60px;
border-style: none; }
div#cate table.monthly {
clear: left;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
padding-top: 10px; }

div#cate table th {
vertical-align: top;
margin: 0;
padding: 0 10px 0 0;
border-style: none; }

div#cate table td {
color: #666;
font-weight: bold;
text-align: center;
vertical-align: top;
width: 91px;
margin: 0;
padding: 0 10px 20px 0;
border-style: none; }

p.lead {
margin:20px 60px;

}

/**/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-table;
zoom:1;
}
/*macIE\*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*macIE*/