html,body {
  height: 100%;
  font-size : 9pt !important;
  background:url(/usr/skin/clover/img/bg.gif) repeat;
  font-family : Arial, Verdana, MS P Gothic, Helvetica, sans-serif;
  margin:0px;
  color:#295428;
}

a img		{border-width:0;}
a:link		{color:#cd2f2f;}
a:visited	{color:#cd2f2f;}
a:hover		{color:#ff7b7b; text-decoration:none;}

H5,H4,H3,H2	{margin:0px;}

ul{
  list-style: none;
  margin: 0; 
  padding: 0px;
}
ul li{
  margin-top: 0;
  padding-top: 0;
}
.linknavi {
 text-align:center;
 margin:8px;
}
.navilink, .pagelink{text-align:center;}

form{margin:0px;}
/*--------------------------------------------------------------------HEADER*/
#header {
  width:800px;
  height:160px;
}
.headbg {
  width:800px;
  background:url(/usr/skin/clover/img/headbg.jpg) no-repeat;
}
#title	{
  font-size:16px;
  font-weight:800;
  text-align:left;
  padding:28px 200px 2px 5px;
  margin-left:60px;
  background:url(/usr/skin/clover/img/title-line.gif) left bottom no-repeat;
}
#title a	{color:#40813d; text-decoration:none;}
#title a:hover	{color:#93cc90; text-decoration:none;}
#counter{
  margin-right:20px;
  padding-top:10px;
  text-align:right;
  font-size : 9px;
  color: #255300;
}

/*--------------------------------------------------------------------BASESET*/
#centertable {
  width:800px;
  padding:0px 20px;
}
#centertable .left	{width:550px;}
#centertable .right	{width:210px;}
#sidemenu{
  margin:0px;
  padding:0px 0px 0px 20px;
}
#main {
  width:550px;
}
#footer {
  width:800px;
  height:22px;
  padding-top:8px;
  margin-top:10px;
  text-align:center;
  font-size:8pt;
  color:#fff;
  background:url(/usr/skin/clover/img/footbg.gif) no-repeat;
}
#footer a	{color:#8dcda6;  text-decoration:none}
#footer a:hover	{color:#fff;  text-decoration:underline}

/*-----------------------------------------------------------------------MENU*/
.box-cap {
  text-align:center;
  height:18px;
  font-size:12px;
  color:#fff;
  padding-top:7px;
  background: url(/usr/skin/clover/img/box-cap.gif) no-repeat left bottom;
}
.box-body {
  background: url(/usr/skin/clover/img/menu-body.gif) repeat-y left top;
  text-align:center;
  font-size:10px;
  line-height:120%;
  margin-bottom:10px;
  padding:10px;
  border-bottom:1px solid #408c5d;
}
ul.recently-sidebar {
  text-align:left;
  margin:0px;
}
ul.recently-sidebar li{
  margin-top:5px;
  background:url(/usr/skin/clover/img/pin.gif) no-repeat 0px 0px;
  text-align:left;
  padding: 1px 5px 4px 17px;
  margin-left:5px;
}
ul.recently-sidebar li.category-main{
  text-align:left;
  padding: 1px 5px 4px 17px;
}
ul.recently-sidebar li.category-sub{
  text-align:left;
  margin:0px;
  padding:5px 0px 8px 32px;
  background: url(/usr/skin/clover/img/nest.gif) 10px 4px no-repeat;
}
.recomlist td {
	text-align:left;
	padding:5px;
}

/*---------------------------------------------------------------------SEARCH*/
#search-box{
  text-align: center;
}
#search-box form input { font-size: 85%; }
#search-box form #submit {
  font-size: 100%;
  background : #527660;
  color: #fff;
  padding: 1px 4px;
  border-style: solid;
  border-width: 1px;
  border-color :#9cada3 #3e5a49 #3e5a49 #9cada3;
}
#search-box form #q {
  width: 100px;
  font-size: 100%;
  border:  1px solid #408c5d;
  background: #fff;
  padding: 2px;
  color:#408c5d;
}
#search-box form #q:hover, #search-box form #q:focus {
  background: #fff;
}
ul.search-list {
  text-align:left;
  margin:0px;
}
ul.search-list li{
  padding: 5px 0px 5px 25px;
  background: url(/usr/skin/clover/img/pin.gif) 6px 8px no-repeat;
}
/*-------------------------------------------------------------------CALENDAR*/
table.calendar {
  width : 90%;
  border-collapse: collapse;
  color:#888;
}
table.calendar td{
  font-size: 11px;
  padding: 1px;
  text-align: center;
}
table.calendar a {
  text-decoration : none;
  font:500 11px Arial;
}
tr.header td {
  font: 600 12px arial;
}
td.daySubmit {
  background-color: #D0C9C0;
}
td span.Sun, span.Sun {
  color: rgb(250,90,70);
}
td span.Sat {
  color: #6A73CB;
}
td span.Today {
  color: #555;
  font-weight: 600;
}
/*-------------------------------------------------------------------ARTICLE*/
div.article {
  width:550px;
  text-align : left;
  font-size: 9pt;
  line-height: 1.5em;
  margin-bottom:25px;
}
.article .title {
  font:600 14px arial, sans-serif;
  letter-spacing:1px;
  margin-bottom:3px;
  padding:5px 0px 3px 30px;
  text-align:left;
  color:#408c5d;
  background: url(/usr/skin/clover/img/article-title.gif) no-repeat left bottom;
}
div.article .title a{
  text-decoration: none;
  color:#408c5d;
}
div.article .title a:hover{
  text-decoration: underline;
  color:#93cc90;
}
.article-content {
  color:#295428;
  line-height : 180%;
  background : #fff;
  padding: 0px 20px 15px;
  border-top:1px solid #408c5d;
  border-bottom:1px solid #408c5d;
  background: url(/usr/skin/clover/img/article-body.gif) repeat-y;
}
.article-content img {margin:0px 8px 5px 0px;}
.article-date{
  color:#408c5d;
  font-size:11px;
  margin-top:3px;
  font-weight:normal;
  text-align:right;
}
.article-posted {
  padding-right:15px;
  padding-bottom:10px;
  color : #408c5d;
  font-size : 10px;
  text-align: right;
  clear: both;
  text-decoration : none;
}
.article-posted a.jump img	{margin-top: 3px;}
.pagenavi {
  clear:both;
  text-align:center;
}
/*----------------------------------------------------------------TRACKBACK*/
.trackback{
  font-size:10px;
  margin-top:5px;
  color:#408c5d;
  clear:both;
}
.trackback_url{
  color:#fff;
  font-size:11px;
  line-height:1.3em;
  padding:3px 0px 3px 10px;
  background: url(/usr/skin/clover/img/trackbackbg.gif) no-repeat;
}
.trackback_title{
  color:#408c5d;
  font-size:10px;
  line-height:1.3em;
  margin:5px;
}
.trackback_txt{
  font-size:10px;
  line-height:1.3em;
  margin:5px;
  padding-bottom:5px;
  border-bottom:1px solid #408c5d;
}
/*--------------------------------------------------------------------COMMENT*/
.comment{
  font-size:10px;
  margin:15px 0px 10px;
  padding-top:5px;
  clear:both;
}
.comment_title{
  color:#408c5d;
  font-size:10px;
  line-height:1.3em;
  margin:5px;
}
.comment_txt{
  color:#408c5d;
  font-size:10px;
  line-height:1.3em;
  margin:5px;
  padding-bottom:5px;
  border-bottom:1px solid #408c5d;
}
.comment_block{
  padding:8px;
  margin-top:8px;
  color:#408c5d;
}
.comment_block input{
  border:1px solid #408c5d;
  background-color:#fff;
  color:#408c5d;
}
.comment_block textarea{
  border:1px solid #408c5d;
  width:500px;
  color:#408c5d;
}

/*--------------------------------------------------------------------IMAGE*/
.photo-caption {
  margin: 0px 10px 12px 20px;
  text-align: left;
  font-size: 9px;
  color: #666;
  clear: both;
}
.al-left { float: left; }
.al-right { float: right; }
.al-center { margin: auto;}

/*--------------------------------------------------------------------GALLERY*/
.gallery h3,.gallery .copyright {
	text-align:center;
}