/*===========================
  Paint Art CSS
===========================*/

/*---------------------------
  Basic layout style
---------------------------*/
body {
margin:0px;
padding:0px;
background:#f2f2eb;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
background-image:url(http://blog.betokyo.jp/img/css/paint/background.gif);
background-repeat:repeat-x;
}

#container {
width:1070px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
background:#f2f2eb;
text-align:center;
background-image:url(http://blog.betokyo.jp/img/css/paint/bg_top.gif);
background-repeat:no-repeat;
background-position:left top;
}

#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:300px;
margin:0px;
padding:0px;
}

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

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

#main-body {
margin:0px;
padding:0px 0px 0px 0px;
text-align:left;
}

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

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

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

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

#sidebar-body {
margin:0px;
padding:0px 0px 0px 26px;
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:0px 0px 10px 0px;
padding:0px;
width:100%;
height:80px;
background-image:url(http://blog.betokyo.jp/img/css/paint/bg_bottom.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

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

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

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

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

.blog {
margin:0px;
padding:0px;
width:494px;
}

.blogbody {
margin:0px 0px 40px 0px;
padding:0px;
line-height:120%;
font-weight:normal;
}

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

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

h3.title {
margin:0px;
padding:0px;
}

.title-body {
margin:0px;
padding:10px 0px 32px 60px;
color:#f39;
font-weight:bold;
background-image:url(http://blog.betokyo.jp/img/css/paint/blog_title.gif);
background-repeat:no-repeat;
background-position:left top;
}

.title-body a {
color:#f39;
font-weight:bold;
}

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

.text h3 {
 /* ie win (5, 5.5, 6) bugfix */
 position: relative;
 width: 100%;
 width: auto;

 margin: 0px;
 padding: 5px;
 color: #c6c6c6;
 font-size: 12px;
 font-weight: bold;
 line-height: 1;
 text-transform: uppercase;
 font-family:MS �S�V�b�N;
 background:#f2f2eb;
margin: 1px 0px 0px 0px;
	}

.text h3 a{

 position: relative;
 text-decoration: none; 
 width: 100%;
 width: auto; 
 color: #c6c6c6;
 font-size: 12px;
 font-weight: bold;
  text-transform: uppercase;
 background:#f2f2eb;

	}

.text p{

 position: relative;
text-decoration: none; 
 width: 100%;
 width: auto; 
 color: #c6c6c6;
 font-size: 10px;
  text-transform: uppercase;


	}

.text a{

 position: relative;
text-decoration: none; 
 width: 100%;
 width: auto; 
 color: #c6c6c6;
 font-size: 10px;
  text-transform: uppercase;


	}
p a{color:#c4c9c1;text-decoration:none;} 
p a:link{color:#c4c9c1;text-decoration:none;}
p a:visited{color:#c4c9c1;text-decoration:none;}
p a:hover{color:#9999c9;text-decoration:underline}

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

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

.posted-body {
margin:0px;
padding:4px 0px 0px 8px;
width:494px;
color:#333;
text-align:left;
font-size:80%;
font-color:#666;
background-image:url(http://blog.betokyo.jp/img/css/paint/blog_line.gif);
background-repeat:no-repeat;
background-position:left top;
}

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

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

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

/*---------------------------
  Side style
---------------------------*/
.sidetitle {
margin:10px 0px 0px 0px;
padding:0px;
width:178px;
height:36px;
background-image:url(http://blog.betokyo.jp/img/css/paint/side_title.gif);
background-repeat:no-repeat;
background-position:left top;
}

.sidetitle-body {
margin:0px;
padding:12px 0px 0px 30px;
color:#333;
font-weight:bold;
}

.side {
marigin:0px;
padding:0px;
width:100%;
}

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

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

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

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

/*---------------------------
  Comments & Trackback style
---------------------------*/
#comments {
}

#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:#000;
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%;
}

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

h1 a {
color:#ff28a4;
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:#c36;
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:178px;
margin-top:10px;
}

#calendar table {
width:100%;
}

caption {
text-align:left;
text-indent:28px;
font-weight:bold;
}

.calendarhead {
margin:0px;
padding:3px 0px 5px 0px;
width:178px;
line-height:230%;
color:#333;
font-size:90%;
vertical-align:bottom;
background-image:url(http://blog.betokyo.jp/img/css/paint/side_title.gif);
background-repeat:no-repeat;
background-position:left top;
}

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

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

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