html,body {
  height: 100%;
  font-size : 9pt !important;
  background : #fff;
  font-family : Arial, Verdana, MS P Gothic, Helvetica, 
sans-serif;
  padding: 0px;
}
body		{margin:0px;}
a		{text-decoration:none;}
a img		{border-width:0;}
a:link		{color:#0000FF;}
a:visited	{color:#6600FF;}
a:hover		{color:#0066FF; text-decoration: 
underline;}


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;
}
form{margin:0px;}
/*--------------------------------------------------------
------------HEADER*/
#header {
  margin:0;
  height:50px;
  border-bottom:1px solid #7F7F7F;
  background:#FFFFFF 
url(http://blog.surpara.com/amaruri/img/2010-07-10-00.gif) 
repeat;
}
#title	{
  position:absolute;
  top:13px;
  left:40px;
  font-size:22px;
  font-weight:800;
}
#title a	{color:#000;}
#title a:hover	{color:#ccc; text-decoration:none;}
#counter{
  float:right;
  font-size : 9px;
  color: #000;
  margin-top:20px;
  margin-right:40px;
}

/*--------------------------------------------------------
------------BASESET*/
#centertable	{width:100%}
#leftmenu {
  width:200px;
  background:#FFF url(/usr/skin/default-
white/img/leftbg.gif) repeat-y right 0px;
  padding:10px 10px 10px 0px;
  margin :0px;
}
#rightmenu {
  width:200px;
  background:#FFF url(/usr/skin/default-
white/img/rightbg.gif) repeat-y 0px 0px;
  padding:10px 0px 10px 10px;
  margin :0px;
}
#footer {
  padding:3px;
  text-align:center;
  font-size:8pt;
  color:#666;
  background:#CCCCFF;
  border-top:1px solid #7F7F7F;
  border-bottom:1px solid #7F7F7F;
}
/*--------------------------------------------------------
---------------MENU*/
#leftmenu .box-cap {
  font:600 13px arial, serif;
  color:#666;
  background:#CCCCFF;
  margin-bottom:0px;
  padding:3px 10px 3px 10px;
  border-bottom:2px solid #7F7F7F;
  border-right:2px solid #7F7F7F;
}
#rightmenu .box-cap {
  font:600 13px arial, serif;
  color:#666;
  background:#CCCCFF;
  margin-bottom:0px;
  padding:3px 10px 3px 10px;
  border-bottom:2px solid #7F7F7F;
  border-left:2px solid #7F7F7F;
}
.box-body {
  padding-top:3px;
  text-align:center;
  margin:0;
  font-size:9pt;
  line-height:120%;
  margin-bottom:8px;
}
ul.recently-sidebar {
  text-align:left;
  margin:0px;
}
ul.recently-sidebar li{
  text-align:left;
  padding: 5px 0px 5px 20px;
  background: url(/usr/skin/default-white/img/pin.gif) 6px 
8px no-repeat;
}
ul.recently-sidebar li.category-main{
  text-align:left;
  padding: 5px 5px 0px 20px;
  background: url(/usr/skin/default-white/img/pin.gif) 6px 
8px no-repeat;
}
ul.recently-sidebar li.category-sub{
  text-align:left;
  padding: 5px 0px 0px 30px;
  background: url(/usr/skin/default-white/img/nest.gif) 
10px 5px no-repeat;
}
ul.recently-sidebar li a:hover{
  color:#000;
}
/*--------------------------------------------------------
-------------SEARCH*/
#search-box{
  margin-top : 15px;
  text-align: center;
}
#search-box form input { font-size: 85%; }
#search-box form #submit {
  font-size: 85%;
  background: #464646;
  color: #fff;
  padding: 1px 4px;
  border-style: solid;
  border-width: 1px;
  border-color :#9097A2 #283043 #283043 #9097A2;
}
#search-box form #q {
  width: 100px;
  font-size: 85%;
  border:  1px solid #7F7F7F;
  background: #faf9f6;
  padding: 2px;
}
#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 20px;
  background: url(/usr/skin/default-white/img/pin.gif) 6px 
8px no-repeat;
}
/*--------------------------------------------------------
-----------CALENDAR*/
table.calendar {
  width : 99%;
  border-collapse: collapse;
  border-bottom:1px solid #7F7F7F;
}
table.calendar tr{
  background:#fff;
  border: 1px solid #7F7F7F;
}
table.calendar td{
  font-size: 12px;
  color: #666;
  padding: 1px;
  text-align: center;
  border: 1px solid #7F7F7F;
}
table.calendar a {
  text-decoration : none;
  font:500 13px Arial;
}
tr.header td {
  font: 600 14px arial;
}
td.daySubmit {
  background-color: #F6F6D6;
}
td span.Sun, span.Sun {
  color: rgb(250,90,70);
}
td span.Sat {
  color: #6A73CB;
}
td span.Today {
  color: #000;
  font-weight: 600;
}
/*--------------------------------------------------------
-----------ARTICLE*/
div.article {
  text-align : left;
  font-size: 9pt;
  line-height: 1.5em;
  margin: 10px 10px 20px 10px;
  padding: 0px;
  border : 1px dotted #ccc; 
}
.article .title {
  margin-top : 0px;
  font : 600 13px arial, sans-serif;
  letter-spacing : 1px;
  padding : 2px 10px 2px 6px;
  background: #CCCCFF url(none) no-repeat right 0px;
  text-align: left;
  color:#444;
}
div.article .title a{
  text-decoration: none;
  color:#444;
}
div.article .title a:hover{
  color:#000;
}
.article .date{
  text-align :right;
  font-weight : 600;
  font-size : 11px;
  margin : 2px 5px 2px 5px;
}
.article .cat {
  font-weight:600;
}
.article-content {
  line-height : 180%;
  background : #fff;
  padding: 20px;
}
.article-content img {margin:0px 8px 5px 0px;}
.article-posted {
  border-top : 1px dotted #ccc;
  padding-right:15px;
  padding-bottom:10px;
  color : #aaa;
  font-size : 9px;
  text-align: right;
  clear: both;
  text-decoration : none;
}
.article-posted a.jump img {
  margin-top:3px;
}
.pagenavi {
  clear:both;
  text-align:center;
}
/*--------------------------------------------------------
------------COMMENT*/
.comment{
  font-size:10px;
  color:#aaa;
  margin-top:8px;
  padding:5px;
  margin-bottom:10px;
  background:#E0EEF1;
}
.comment_title{
  color:#666;
  font-size:9px;
  line-height:1.3em;
  margin:5px;
}
.comment_txt{
  color:#666;
  font-size:9px;
  line-height:1.3em;
  margin:5px;
  padding-bottom:5px;
  border-bottom:1px solid #000;
}
.comment_block{
  padding:8px;
  margin-top:8px;
}
.comment_block input{
  border:1px solid #666;
}
.comment_block textarea{
  border:1px solid #666;
  width:470px;
}
/*--------------------------------------------------------
--------TRACKBACK*/
.trackback{
  padding:5px;
  font-size:10px;
  color:#444;
  margin-top:8px;
}
.trackback_title{
  color:#666;
  font-size:9px;
  line-height:1.3em;
  margin:5px;
}
.trackback_txt{
  color:#666;
  font-size:9px;
  line-height:1.3em;
  margin:5px;
  padding-bottom:5px;
  border-bottom:1px solid #aaa;
}
/*--------------------------------------------------------
------------IMAGE*/
.photo-caption {
  margin: 0px 10px 12px 20px;
  text-align: left;
  font-size: 9px;
  color: navy;
  clear: both;
}
.al-left { float: left; }
.al-right { float: right; }
.al-center { margin: auto;}