/*===========================
  Ring Note CSS
===========================*/

/*---------------------------
  Basic layout style
---------------------------*/
body {
margin:0px;
padding:0px;
background:#e4eedd;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

#container {
width:775px;
margin:0px auto 0px auto;
padding:0px;
text-align:center;
background-image:url(http://blog.betoku.jp/img/css/book/bg_middle.gif);
background-repeat:repeat-y;
}

#header {
width:100%;
margin:0px;
padding:0px;
}

#header-body {
margin:0px;
padding:0px;
color:#000;
background:#fff;
text-align:left;
font-family:arial, Helvetica;
}

#banner {
width:775px;
height:149px;
margin:0px;
padding:0px;
background-image:url(http://blog.betoku.jp/img/css/book/banner.gif);
background-repeat:no-repeat;
background-position:left top;
}

#banner-body {
margin:0px;
padding:20px 0px 0px 320px;
text-align:left;
font-family:arial, Helvetica;
}

#main {
width:100%;
margin:30px 0px 0px 0px;
padding:0px;
}

#main-body {
margin:0px;
padding:0px 0px 0px 0px;
background-position:left top;
text-align:left;
background:#fff;
}

#wrapper {
float:left;
width:752px;
margin:0px;
padding:0px;
}

#content {
float:right;
width:421px;
margin:0px;
padding:0px;
}

#content-body {
margin:0px;
padding:0px;
}

#sidebar {
float:left;
width:227px;
margin:0px;
padding:0px;
}

#sidebar-body {
width:227px;
margin:0px;
padding:0px 0px 0px 0px;
font-weight:normal;
}

#links {
display:none;
float:right;
width:180px;
margin:0px;
padding:0px;
}

#links-body {
margin:0px;
padding:0px 10px 0px 0px;
font-weight:normal;
}

#footer {
clear:both;
width:100%;
margin:20px 0px 0px 0px;
padding:0px;
height:30px;
background-image:url(http://blog.betoku.jp/img/css/book/bg_bottom.gif);
background-repeat:no-repeat;
background-position:left bottom;
}

#footer-body {
margin:0px;
padding:0px 0px 0px 0px;
}

/*---------------------------
  Header style
---------------------------*/
.description-body {
display:block;
margin:10px 0px 0px 0px;
pading:0px;
color:#fff;
text-align:left;
line-height:140%;
font-size:16px;
font-family:sans-serif;
font-weight:bold;
}

/*---------------------------
  Article style
---------------------------*/
.navi {
width:100%;
margin:10px 0px 10px 0px;
color:#333;
text-align:center;
}

.top-navi {
width:100%;
margin:10px 0px 10px 0px;
color:#666;
font-size:90%;
text-align:center;
}

.blog {
margin:0px;
}

.blogbody {
margin-bottom:40px;
background:#fff;
line-height:120%;
font-weight:normal;
}

.date {
margin:0px;
}

.date-body {
margin:10px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:16px;
color:#666;
font-weight:bold;
}

.date-body a {
color:#666;
}

.title {
margin:0px 0px 10px 0px;
padding:10px 0px 0px 0px;
width:421px;
height:32px;
background-image:url(http://blog.betoku.jp/img/css/book/blog_line.gif);
background-repeat:no-repeat;
background-position:left top;
}

.title-body {
margin:0px;
padding:0px;
color:#600;
font-weight:bold;
}

.title-body a {
color:#600;
font-weight:bold;
background-image:none;
}

.text {
margin:0px;
padding:0px;
}

.text-body {
margin:0px;
padding:5px 15px 10px 0px;
color:#000;
}

/*---------------------------
  Article posted style
---------------------------*/
.posted {
margin:0px;
height:23px;
}

.posted-body {
margin:0px;
padding:4px 0px 0px 8px;
text-align:right;
font-size:80%;
color:#666;
}

.posted-body a {
color:#690;
font-weight:normal;
text-decoration:none;
}

/*---------------------------
  Article continue style
---------------------------*/
.continues {
margin:0px;
padding-top:2px;
padding-right:10px;
text-align:right;
color:#690;
font-size:90%;
}

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

/*---------------------------
  Side style
---------------------------*/
.sidetitle {
margin:25px 0px 0px 0px;
padding:0px;
width:227px;
height:33px;
background-image:url(http://blog.betoku.jp/img/css/book/side_title.gif);
background-repeat:no-repeat;
background-position:left top;
}

.sidetitle-body {
margin:0px;
padding:6px 0px 0px 40px;
color:#600;
font-weight:normal;
}

.side {
margin:0px;
padding:0px 0px 0px 30px;
}

.side-body {
margin:0px 0px 0px 30px;
padding:5px;
color:#333;
background:#fff;
line-height:120%;
word-break:break-all;
font-size:90%;
}

.side-body a {
color:#690;
font-weight:normal;
text-decoration:none;
}

.side-body input {
width:120px;
}

.side-body input.input-submit {
width:40px;
}

/*---------------------------
  Comments & Trackback style
---------------------------*/
#comments input {
width:340px;
}

#comments input.input-submit {
width:80px;
}

#comments textarea {
width:340px;
}

#comments-body {
margin-bottom:30px;
margin-top:25px;
}

.comments-head { 
padding:5px;
color:#333;
background:#eee;
font-weight:bold;
}

.comments-body {
border:1px solid #0f0;

margin-top:5px;
padding:10px;
color:#333;
background:#fff;
line-height:120%;
border-style:solid;
border-color:#ccc;
border-width:0px 3px 3px 0px;
font-size:90%;
}

.comments-post {
padding:10px;
color:#000000;
font-size:85%;
}

#trackback {
margin:25px 0px 30px 0px;
padding:5px;
background:#fff;
border-style:solid;
border-color:#ccc;
border-width:0px 3px 3px 0px;
font-size:90%;
}

.trackback-url {
padding:5px;
color:#333;
background:#fff;
border:1px dotted #999; 
line-height:140%;
font-size:90%;
font-weight:normal;
}

.trackback-body {
padding:10px 0px 10px 0px;
color:#666;
line-height:140%;
border-bottom:1px dotted #999; 
font-size:90%;
font-weight:normal;
}

.trackback-post {
color:#000;
font-size:x-small;
font-weight:normal;
}

/*---------------------------
  Footer style
---------------------------*/
.copyright {
font-size:80%;
width:100%;
}

.fclear {
clear:both;
}

/*---------------------------
  HTML tag style
---------------------------*/
h1 {
margin:0px;
padding:0px;
font-weight:bold;
font-size:24px;
}

h1 a {
color:#fff;
font-family:arial, Helvetica;
text-decoration:none;
font-family:sans-serif;
font-weight:bolder;
}

h2 {
padding:0px;
color:#666;
font-weight:normal;
font-size:14px;
text-align:left;
font-family:arial, Helvetica;
}

h3 {
padding:0px;
color:#666;
font-weight:normal;
font-size:16px;
font-family:arial, Helvetica;
}

h3 a {
color:#666;
text-decoration:none;
}

a {
color:#690;
text-decoration:none;
}

div {
border:none;
}

img {
border:none;
margin:0px;
padding:0px;
}

form {
margin:0px;
}

/*---------------------------
  Default component style
---------------------------*/
.powered {
width:100%;
margin-top:20px;
padding:2px;
line-height:120%;
text-align:center;
}

.syndicate {
width:100%;
margin:15px 0px 10px 0px;
text-align:left;
font-size:90%;
}

/*---------------------------
  Calendar style
---------------------------*/
#calendar {
border:1px solid #333;
width:184px;
margin:10px 0px 30px 40px;
}

#calendar table {
width:100%;
}

caption {
text-align:center;
}

.calendarhead {
width:100%;
padding:3px 0px 3px 0px;
color:#600;
font-weight:bold;
font-size:90%;
}

th.calendarday {
border:1px solid #fff;
background:#d5d5d5;
color:#666;
font-weight:bold;
font-size:80%;
}

tr {
border-style:none solid none solid;
border-width:1px;
border-color:#000;
}

.calendarday {
padding:1px;
color:#000;
font-size:90%;
font-weight:normal;
}

.calendarday a {
color:#666;
font-weight:bold;
text-decoration:none;
}