/* ------------------ General Setting ----------------------- */

* {
    margin: 0;
    padding: 0;
    font: normal normal normal 12px/1.8 "ＭＳ Ｐゴシック","Osaka",sans-serif;
    letter-spacing: 1px;
    border: none;
}

body {
    font-style: normal;
    font-weight: normal;
    font-size: medium;
    text-align: left;
    color: #000;
    background-image: url("http://workaholic-web.com/wall.gif");
    background-color: #555;
}

a       { text-decoration: none; color: #22c; }
p       { margin-top: 1.5em; }
b       { font-weight: bold; }
strong  { font-weight: bold; }
ul, ol  { list-style-position: inside; }


/*  IEバグ対策 ： letter-spacing: 1px; と指定した時、 */
/*                brタグを２回続けても改行が１回しか  */
/*                行われない。                        */
br { letter-spacing: 0px; }

form {
        padding: 0px;
        margin: 0px;
}

blockquote {
        padding: 5px 15px 7px 15px;
        color: #f00 ;
}



/* ------------ ContentsArea Setting -------------- */

#container {
    width: 800px;
    background-image: url("http://workaholic-web.com/wall_container.gif");
    background-color: #fff;
    text-align: left;
    margin: 0 auto;
}



/* ------------ ヘッダー -------------- */

#header {
    background-image: url(http://workaholic-web.com/blog_header.jpg);
    width: 800px;
    height: 200px;
}

#header a.home {
    display: block;
    height: 150px;
    background-color: transparent;
}

#menu a {
    position: relative;
    display: block;
    float: left;
    height: 50px;
    background-image: url(http://workaholic-web.com/menu_main.gif);
}

#menu a.bbs     { width: 80px;  background-position: 0px 0px; }
#menu a.blog    { width: 100px; background-position: -161px 0px; }
#menu a.gallery { width: 140px; background-position: -322px 0px; }

#menu a.bbs:hover     { background-position: 0px 50px; }
#menu a.blog:hover    { background-position: -161px 50px; }
#menu a.gallery:hover { background-position: -322px 50px; }




/* ----------- SideArea Setting ------------- */

#side {
    clear: both;
}

#sideBody {
    float: left;
    width: 160px;
    padding: 0px 15px 0px 15px;
    background-color: transparent;
}

#sideBody a:hover { background-color: #fff; }


/* --- Side Module --- */

.sideSet {
    margin: 0px 0px 20px 0px;
}

.linktitle {
    padding: 0px 0px 0px 30px;
    background-image: url(http://workaholic-web.com/link_title.gif) ;
    background-repeat: no-repeat ;
    background-position: 0px 0px ;
    background-color: transparent ;
    height: 20px ;
    font-weight: bold ;
    color: #fff ;
}

/* --- カウンタ --- */

#counter {
    padding: 15px 0px 15px 0px;
    font-size: 10px;
    line-height: 1.4em;
    color: #888;
}


/* --- Calendar Module --- */

#CalendarArea {
    padding: 5px 0px 30px 0px;
    background-color: transparent;
}

#CalendarArea table {
}

#CalendarArea td {
        padding: 2px 0px;
        text-align: center;
        height: 20px; 
        line-height: 20px;
        background-color: transparent;
}

#CalendarArea .calendar_month {
}

#CalendarArea .weekday {
        width: 22px;
        height: 16px; 
        line-height: 16px;
        color: #fff;
        font-size: 10px;
        background-color: #888;
}

#CalendarArea .cell {
        color: #000;
        border-bottom: 1px solid #ccc; 
        background-color: #fff;
}

#CalendarArea .cell a { text-decoration: underline; }
#CalendarArea .cell a:hover { font-weight: bold; background-color: #eee; }


/* --- Side list --- */

.latest_entry, .recent_comment, .archives {
}


.latest_entry ul, .recent_comment ul, .archives ul {
        padding: 10px 0px 0px 18px;
        margin: 0px 0px 0px 0px;
        list-style-position: outside ;
}

.latest_entry ul {
    list-style-image: url("http://workaholic-web.com/list_.recent_entry.gif"); }
.recent_comment ul {
    list-style-image: url("http://workaholic-web.com/list_.recent_comment.gif"); }
.archives ul {
    list-style-image: url("http://workaholic-web.com/list_.archives.gif"); }

.latest_entry ul li, .recent_comment ul li, .archives ul li {
    padding: 0px 0px 3px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 120%;
}

.latest_entry ul li a, .recent_comment ul li a, .archives ul li a {
    line-height: 120%;
}


.search       { padding: 5px 0px 30px 0px; }
.category     { padding: 10px 0px 15px 0px; }
#blog_ranking { padding: 5px 0px 30px 0px; margin-left: -3px; }
#tenki        { padding: 10px 0px 30px 5px; }

.form {
    margin: 0px;
    padding: 0px;
    width: 158px ;
    height: 18px ;
    line-height: 18px ;
    border: 1px solid #888;
}

.button {
    margin: 2px 0px 0px 0px;
    padding: 0px;
    width: 50px ;
    height: 20px ;
    line-height: 20px ;
    background-color: #666;
    color: #fff;
}




/* ------------------ BlogBodyArea Setting ----------------------- */

#main {
}

#blogBody {
    float: left;
    padding: 20px 0px 30px 0px;
    width: 600px;
}

#blogBody a:hover { background-color: #fff; }


/* --- Paging Link --- */

.pagingLink{
        margin: 0px 0px 0px 0px;
        text-align: center ;
        color: #000;
}



/* --- Entry Object --- */

.entryBody {
    padding: 0px 0px 40px 0px;
}

#blogBody .entryBody a:hover { background-color: #eee; }

.entry {
}

.entry_header {
    padding: 40px 38px 10px 48px;
    height: 50px;
    background-image: url(http://workaholic-web.com/entry_top.gif);
    background-repeat: no-repeat;
    background-position: top;
    overflow: hidden;  /* IE6用おまじない */
}

.entry_date {
    float: left;
    height: 20px;
    font-size: 12px;
    color: #600;
}

.entry_category {
    float: right;
    height: 20px;
    font-size: 12px;
    color: #600;
}

.entry_title {
    clear: both;
    height: 20px;
    font-size: 14px;
    color: #044;
}

.entry_middle {
    padding: 10px 38px 0px 48px;
    /* トップにパディングを入れないと.entry_bodyの先頭でマージンを指定した時、挙動不審となる） */
    background-image: url(http://workaholic-web.com/entry_middle.gif);
    background-position: top;
}

.entry_body {
}

.entry_more {
}

.entry_footer {
    padding: 30px 0px 50px 0px;
    background-image: url(http://workaholic-web.com/entry_bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom;
}

.ranking {
}

.thumbnail { margin-top: 20px; }
.thumbnail img { height: 130px; }

.score th, .score td { line-height: 1.2em; }
.score th { padding-right: 15px; }
.score td { padding: 0px 2px; }
.score td.result { padding-left: 15px; color: #00f; }



/* ---Comment--- */

.comment {
    padding: 0px 30px 0px 70px;
}

.comment-title{
    border-bottom: 1px solid #666;
    color: #666;
    font-weight: bold;
}

.commentAuthor { padding: 0px 5px 0px 5px; }

.comment_body {
        padding: 0px 10px 50px 10px;
        line-height: 1.6;
}

.comment dl {
}

.comment dt {
    padding: 0px 10px 0px 10px;
    margin: 10px 0px 0px 0px;
    color: #000;
    background-color: #fff;
}

#blogBody .comment dt a:hover { background-color: #eee; }

.comment dd {
    padding: 10px 10px 20px 10px;
}

.SubmitComment {
    padding: 30px 0px 0px 0px;
}

.submit_form {
    padding: 10px 0px 0px 0px;
}

.submit_form input, .submit_form textarea {
    border: 1px solid #888;
    line-height: 1.4em;
}

.comment_submit {
    width: 120px ;
    height: 22px ;
    line-height: 1.3em ;
    background-color: #666;
    color: #fff;
}




/* フッター */

#footer {
    clear: both;
    margin-top: 30px;
    height: 50px;
    background-image: url(http://workaholic-web.com/footer.gif);
}