/*===========================
  Simple White CSS
===========================*/

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

#container {
width:770px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
background:#fff;
border:1px solid #666;
text-align:center;
}

#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:770px;
height:125px;
margin:0px;
padding:0px;
background-image:url(http://blog.betoku.jp/img/css/white/banner.gif);
background-repeat:no-repeat;
background-position:left top;
}

#banner-body {
margin:0px;
padding:24px 0px 0px 42px;
color:#333;
text-align:left;
font-family:arial, Helvetica;
}

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

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

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

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

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

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

#sidebar-body {
width:184px;
margin:0px;
padding:0px 0px 0px 16px;
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;
margin:10px 0px 0px 0px;
padding:0px;
width:770px;
height:6px;
background-image:url(http://blog.betoku.jp/img/css/white/bg_bottom.gif);
background-repeat:no-repeat;
background-position:left bottom;
}

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

/*---------------------------
  Header style
---------------------------*/
.description-body {
display:block;
margin:10px 0px 0px 10px;
pading:0px;
color:#666;
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:#666;
text-align:center;
}

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

.blog {
}

.blogbody {
margin-bottom:40px;
line-height:120%;
font-weight:normal;
width:521px;
background-image:url(http://blog.betoku.jp/img/css/white/blog_body.gif);
background-repeat:repeat-y;
}

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

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

.title {
margin:0px;
padding:1px 0px 10px 0px;
background-image:url(http://blog.betoku.jp/img/css/white/blog_title_line.gif);
background-repeat:no-repeat;
background-position:left bottom;
}

.title-body {
margin:0px;
padding:10px 0px 0px 29px;
color:#617474;
background-image:url(http://blog.betoku.jp/img/css/white/blog_title.gif);
background-repeat:no-repeat;
background-position:left top;
}

.title-body a {
color:#333;
border:none;
background-image:none;
}

.text {
margin:0px;
}

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

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

.posted-body {
margin:0px;
padding:4px 0px 0px 8px;
width:521px;
height:25px;
color:#666;
text-align:left;
font-size:80%;
color:#666666;
background-image:url(http://blog.betoku.jp/img/css/white/blog_posted.gif);
background-repeat:no-repeat;
background-position:left bottom;
}

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

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

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

/*---------------------------
  Side style
---------------------------*/
.sidetitle {
margin:10px 0px 0px 0px;
padding:0px;
width:184px;
height:20px;
background-image:url(http://blog.betoku.jp/img/css/white/pict_circle_glay.gif);
background-repeat:no-repeat;
background-position:left top;
}

.sidetitle-body {
margin:0px;
padding:2px 0px 0px 0px;
color:#666;
text-indent:1.4em;
font-weight:normal;
}

.side {
margin:0px;
padding:0px;
width:184px;
}

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

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

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

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

#compo846 .side-body {
padding:0px 5px 5px 5px;
} 

#compo846 .side {
padding:15px 0px 10px 0px;
border-style:none solid solid solid;
border-width:1px;
border-color:#666;
}

/*---------------------------
  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 {
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:#666666;
line-height:140%;
border-bottom:1px dotted #999; 
font-size:90%;
font-weight:normal;
}

.trackback-post {
color:#000000;
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:#333;
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:#39c;
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 {
width:184px;
margin-top:10px;
background:#94a1a1;
}

#calendar table {
width:100%;
}

caption {
text-align:left;
text-indent:20px;
}

.calendarhead {
width:100%;
padding:3px;
color:#fff;
font-size:100%;
border-style:dashed;
border-color:#fff;
border-width:0px 0px 1px 0px;
}

th.calendarday {
color:#fff;
font-weight:bold;
font-size:80%;
}

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

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