@charset "UTF-8";

/* 個々の記事ページでの見せ方 */
.springeight #catsection #contentssection{
    clear: both;
    padding: 10px 5px;
    width: 100%;
}
/* marginでパーセントを使うとIEでは駄目みたいです */
.springeight #catsection #contentssection .catbox{
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 1%;
    padding-right: 1%;
    width: 45%;
}
*html .springeight #catsection #contentssection .catbox{
    width: 47%;
}
.springeight #catsection #contentssection .cleft{
    float: left;
}
.springeight #catsection #contentssection .cright{
    float: left;
}
.springeight #catsection #contentssection .catbox h4{
    background: #e7e7e7;
    font-size: 1.4em;
    margin: 0 0 5px 0;
    padding: 5px;
}
.springeight #catsection #contentssection .catbox h4 a{
    border-bottom: 1px solid #999;
    color: #000;
    text-decoration: none;
}
.springeight #catsection #contentssection .catbox h4 a:hover{
    border-bottom: 1px solid #000;
}
.springeight #catsection #contentssection .catbox h4 span{
    background: transparent url("../media/cat-header.gif") no-repeat 0 0;
    padding: 1px 0 1px 18px;
}
.springeight #catsection #contentssection .catbox ul{
    font-size: 1.2em;
    line-height: 1.5em;
    list-style: none;
    list-style-type: none;
    list-style-image: url("../media/cat-list.gif");
    margin: 0;
    padding: 5px 10px 5px 17px;
}
.springeight #catsection #contentssection .catbox ul li{
    margin: 0 0 5px 0;
}
/*
.springeight #catsection #contentssection .catbox ul li.cfile{
    background: transparent url("../media/cat-doc.gif") no-repeat 0 0;
    margin: 0 0 5px 0;
    padding: 0 0 0 18px;
}*/
/* ********************************************************-******************************************************** */