@charset "utf-8";
/* blog.css */

#mainTtl{

    padding-bottom: 17px;

}

.guruguru{

    margin-top: 5px;

    background-image: url(../images/guruguru.gif);

    background-repeat: repeat-x;

    width: 100%;

    height: 10px;

}

#mainImg{

    margin: 60px auto 60px;

}

/* LEFT */

#blogArticles{

    width: 600px;

    height: auto;

    float: left;

}

#blogArticles .article{}

#blogArticles .article .date{

    font-size: 12px;

    padding-top: 20px;

    padding-bottom: 49px;

}

#blogArticles .article .detail{

    font-size: 14px;

    padding: 20px 0 20px;

}

#blogArticles .article .detail.txt a:link,

#blogArticles .article .detail.txt a:visited{

    text-decoration:underline;

}

#blogArticles .article .detail.txt a:hover,

#blogArticles .article .detail.txt a:active{

    text-decoration:none;

}

#blogArticles .article .ttl{

    margin-bottom: 20px;

    font-weight: bold;

}

#blogArticles .article .last{

    margin-bottom: 50px;

}

#blogArticles .article .detail.txt .caption{

    font-size:12px;

}



/* RIGHT */

#blogArchives{

    width: 270px;

    height: auto;

    float: right;

}

#profileArea,

#hotTopicArea,

#archivesArea,

#backNumberArea{

    padding-bottom: 40px;

}

#profileArea .ttl,

#hotTopicArea .ttl,

#archivesArea .ttl,

#backNumberArea .ttl{

    margin-top: 40px;

    margin-bottom: 21px;

}

#profileArea .detail{

    font-size: 13px;

}

#hotTopicIndex .headline,

#archivesArea .archive,

#backNumberIndex .backNumber{

    font-size: 12px;

    line-height: 24px;

}