body{
margin:0px;
padding:0px;
padding-bottom:30px;
background-color:#fff;
text-align:left;
background: url("../images/header_img.jpg") no-repeat 266px 28px;

font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐ ゴシック",verdana,arial,sans-serif ;
}


#main{
width:800px;
margin:0px;
padding:0px;
}



/* --  header  ------------ */

p#head-logo a span,
h1#head-logo a span{
text-indent:-10000px;
}

p#head-logo a,
h1#head-logo a{
width:192px;
display:block;
padding:30px 0 0 0;
overflow:hidden;
height: 0px !important; /* for most browsers */
height /**/:30px; /* for IE5.5's bad box model */
background-image: url("../images/header_tit.jpg");
background-repeat: no-repeat;

margin-top:48px;
margin-left:51px;
margin-bottom:97px;
}


/* --  footer  ------------ */




/* --  left  ------------ */

div#left-box{
float:left;
width:243px;
}

div#left{
padding-left:72px;
}


/* --  right  ------------ */

div#right-box{
float:right;
width:500px;
}

div#right{
padding:10px 0px 10px 10px;
}

/* --  navi  ------------ */

div#navi{
margin:0;
padding:0;
margin-bottom:30px;
}

div#navi a span{
display:none;
}

div#navi a{
display:block;
width:91px;
padding-top:30px;
height: 0px !important; 
height /**/:30px; /* for IE5/Win only */
margin-bottom:15px;
}


#navi a:hover{
background-position:-91px 0;
}

#navi a:active,#navi a.selected{
background-position:-91px 0;
}

#navi-drawing a{
background:url(../images/nav_drawing.jpg) top left no-repeat;
}

#navi-diary a{
background:url(../images/nav_diary.jpg) top left no-repeat;
}

#navi-contact a{
background:url(../images/nav_contact.jpg) top left no-repeat;
}

#navi-about a{
background:url(../images/nav_about.jpg) top left no-repeat;
}

/* --  sidemenu  ------------ */

div.sidetitle-box{
padding-left:8px;
padding-top:20px;
padding-bottom:20px;
background:url(../images/side_tit_bg.jpg) top left no-repeat;
}

div.sidetitle{
color:#666;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}

div.side{
font-size:12px;
line-height:1.3;
}

div.side a,
div.side a:link,
div.side a:visited,
div.side a:active{
color:#666;
text-decoration:none;
}

div.side a:hover{
color:#333;
text-decoration:underline;
}

/* --  content  ------------ */
div.blog{
margin-bottom:20px;
color:#555;
font-size:14px;
line-height:1.6;
}

h2.date{
font-size: 16px;
color: #999;
font-weight:bold;
padding-left:15px;
}

h1.title,
h3.title{
color:#ff69b4;
font-size:16px;
font-weight:bold;
margin-bottom:10px;
}

.blogbody {
color:#555;
font-size:14px;
line-height:1.6;
padding:15px;
}
.blogbody a,
.blogbody a:link,
.blogbody a:visited,
.blogbody a:active {color:#555; text-decoration:underline;}
.blogbody a:hover{color:#9400d3; text-decoration:underline;}


p.posted{
font-size:12px;
color:#778899;
margin-top:20px;
border-bottom:1px solid #ccc;
padding-bottom:40px;
margin-bottom:0px;
}

p.posted a,
p.posted a:link,
p.posted a:visited,
p.posted a:active {color:#556677; text-decoration:none;}
p.posted a:hover{color:#778899; text-decoration:none;}

p.entry-more-link{
text-align:right;
}

/* --misc----------- */
.page{
color:#daa520;
font-size:14px;
margin-bottom:30px;
}

.page a,
.page a:link,
.page a:visited,
.page a:active{
color:#daa520;
text-decoration:none;
}
.page a:hover{
color:#daa520;
text-decoration:underline;
}

.tb-com{
border-top:1px solid #ccc;
padding:15px;
font-size:12px;
color:#333;
line-height:140%;
background:#fff;
margin-bottom:15px;
}

.post{
border-top:1px solid #cccccc;
padding-top:20px;
margin-top:20px;
}

.comments-head{
font-family: verdana ,arial ,sans-serif;
font-size: 14px;
color: #999;
font-weight:bold;
margin-bottom:10px;
}

.comments-head2{
font-family: verdana ,arial ,sans-serif;
font-size: 14px;
color: #999;
font-weight:bold;
margin-bottom:10px;
padding-top:30px;
}


.oshigoto{
font-size: 10px;
color: #555;
line-height:100%;
padding-left:10px;
}

/* --about----------- */
h2.profile{
color:#daa520;
font-size:14px;
margin-bottom:30px;
font-weight:bold;
}

h3.profile{
color:#333;
font-size:14px;
line-height:140%;
margin-bottom:20px;
}

table.profile th,
table.profile td{
color:#333;
font-size:14px;
line-height:140%;
padding:5px;
padding-left:0px;
vertical-align:top;
}



/* --  paginate ------------ */

.paginate{

background:#f5f5f5;
padding:5px;
}
