html,body {
  height: 100%;
  font-size: 9pt !important;
  background: #2EAAC6 url(/usr/skin/yozakura/img/bg.jpg) repeat-x;
  font-family: "MS P Gothic","Osaka";
  padding:0px;
  margin: 0px;
  text-align:center;
  color:#283959;
}
a img		{border-width:0;}
a		{text-decoration:none;}
a:link		{color:#2398BC}
a:visited	{color:#765DA1}
a:active	{color:#FFB3CD}
a:hover		{color:#aaaaaa; 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;
}

.pagenavi, .linknavi	{text-align:center;}

form{margin:0px;}
/*--------------------------------------------------------------------HEADER*/
#warap {
  width:900px;
  border:1px solid #ffffff;
  background:url(/usr/skin/yozakura/img/sakura.gif) no-repeat;
}
#header {
  text-align:left;
  height:300px;
}
#header .title	{
  width:370px;
  padding:50px;
  font-size:11pt;
  font-weight:800;
}
#header .title a:link		{color:#6FDFFF;}
#header .title a:visited	{color:#6FDFFF;}
#header .title a:hover		{color:#FFFFFF; text-decoration:none;}
#header .counter{
  text-align:right;
  color:#41B7EF;
  font-size:8pt;
  padding:50px 20px 10px 0px;
}
#tool {width:180px; dispalay:block; float:right; padding-right:10px;}
/*--------------------------------------------------------------------BASESET*/
#center {
  text-align:left;
}
#center .leftmenu {
  width:180px;
  float:left;
  padding:10px;
  text-align:center;
}
#center .main {
  width:500px;
  height:100%;
  float:left;
  background:#FFFFFF url(/usr/skin/yozakura/img/main_bottom.gif) center bottom no-repeat;
  padding-bottom:10px;
}
#center .rightmenu {
  width:180px;
  float:right;
  padding:10px;
  text-align:center;
}
#footer {
  clear:both;
  padding:10px;
  font:500 9pt Arial;
  color:#FFFFFF;
}
/*-----------------------------------------------------------------------MENU*/
.box-cap {
  text-align:left;
  font-size:9pt;
  color:#FFFFFF;
  border:1px solid #FFFFFF;
  padding:2px 5px;
}
.box-body {
  font-size:10px;
  line-height:120%;
  padding:8px;
  color:#C1E3EC;
}
.box-body a			{text-decoration: underline;}
.box-body a:link		{color:#0F3B8D;}
.box-body a:visited		{color:#0F598D;}
.box-body a:hover		{color:#F2F1CD; text-decoration: none;}

ul.recently-sidebar {
  text-align:left;
  margin:0px;
}
ul.recently-sidebar li{
  font-size:11px;
  text-align:left;
  padding:2px 0px;
}
ul.recently-sidebar li.category-main{
  font-size:11px;
  text-align:left;
  padding:2px 0px;
}
ul.recently-sidebar li.category-sub{
  font-size:10px;
  text-align:left;
  padding:2px 0px 2px 17px;
  background: url(/usr/skin/default/img/nest.gif) 0px 5px no-repeat;
}
/*---------------------------------------------------------------------SEARCH*/
#search-box{
  text-align: center;
}
#search-box form input { font-size: 85%; }
#search-box form #submit {
  font-size: 100%;
  background: #1544DF;
  color: #D9CEEE;
  padding: 1px 4px;
  border-style: solid;
  border-width: 1px;
  border-color :#5578EA #0A2EA3 #0A2EA3 #5578EA;
}
#search-box form #q {
  width: 100px;
  font-size: 100%;
  border:  1px solid #2E7D8F;
  background: #7ED4E7;
  padding: 2px;
}
#search-box form #q:hover, #search-box form #q:focus {
  background: #fff;
}
ul.search-list {
  text-align:left;
  margin:20px;
}
ul.search-list li{
  padding: 5px 0px 5px 20px;
  background: url(/usr/skin/yozakura/img/pin.gif) 0px 5px no-repeat;
}
/*-------------------------------------------------------------------CALENDAR*/
table.calendar {
  width : 100%;
  border-collapse: collapse;
  border-bottom:1px solid #0F3B8D;
  background:#fff;
}
table.calendar tr{
  border: 1px solid #0F3B8D;
}
table.calendar td{
  font-size: 11px;
  font:500 11px Arial;
  padding: 1px;
  text-align: center;
  border: 1px solid #0F3B8D;
  color:#444;
}
table.calendar td a:link {
  text-decoration : none;
  font:500 11px Arial;
  color:#0F3B8D;
}
table.calendar td a:visited {
  color:#445E8F;
}
tr.header td {
  font: 600 12px arial;
}
td.daySubmit {
  background-color: #D9F7FF;
}
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 {
  padding:10px 20px;
  text-align : left;
  line-height: 1.5em;
  margin-bottom:20px;
}
.article .date{
  color:#0F598D;
  text-align:right;
  font-size: 11px;
}
.article .title {
  font-size:12px;
  font-weight: 600;
  letter-spacing : 1px;
  text-align: left;
  line-height:1.1em;
  padding:10px 10px 0px 60px;
  background:url(/usr/skin/yozakura/img/titlebg.gif) no-repeat;
  height:30px;
}
.article-content {
  line-height: 180%;
  padding: 20px;
  margin:3px 0px;
}
.article-text {
  overflow: hidden;
  width:420px;
}
.article-content img	{margin:0px 8px 5px 0px;}
.article .cate {
  text-align:right;
  clear:both;
}
/*--------------------------------------------------------------------POST*/
.article-posted {
  text-align:right;
  font-size:8pt;
  border-bottom:1px dotted #2EAAC6;
  padding:10px 0px;
}
.article-posted a.jump img	{margin:0px 2px;}
.pagenavi {
  clear:both;
  text-align:center;
}
/*--------------------------------------------------------------------COMMENT*/
.comment{
  font-size:11px;
  line-height:1.3em;
  margin:10px 20px;
}
.comment_title{
  margin:5px;
}
.comment_txt{
  margin:5px;
  padding-bottom:5px;
  border-bottom:1px solid #aaa;
}
.comment_block{
  padding:8px;
  margin-top:8px;
}
.comment_block input{
  border:1px solid #0F3B8D;
  font-size:90%;
}
.comment_block textarea{
  border:1px solid #0F3B8D;
  font-size:90%;
  width:400px;
  margin:3px 0px;
}
/*----------------------------------------------------------------TRACKBACK*/
.trackback {
  font-size:11px;
  line-height:1.3em;
}
.trackback_url {
  font: 500 10px arial, sans-serif;
  border-color: #2EAAC6;
  border-style:solid; 
  border-width:1px 5px 1px 5px;
  background:#E8FBFF;
  color:#2EAAC6;
  letter-spacing : 1px;
  text-align:center;
  padding:2px;
}
.trackback_title{
  margin:10px 20px;
}
.trackback_txt{
  margin:10px 20px;
  padding-bottom:5px;
  border-bottom:1px solid #aaa;
}
/*--------------------------------------------------------------------IMAGE*/
.photo-caption {
  margin: 0px 10px 12px 20px;
  text-align: left;
  font-size: 9px;
  color: #0F3B8D;
  clear: both;
}
.al-left { float: left; }
.al-right { float: right; }
.al-center { margin: auto;}

