@charset "utf-8";
/*
 * Style Name: Kotonoharoll sample stylesheet(3)
 * Style URI: http://purpr.in/sample/kotonoha/sample3.css
 * Description: コトノハ Roll をカスタマイズ用サンプルスタイルシートです。
 * Version: 1.0.0
 * Last Up Date: 2006-09-10T00:50:07+09:00
 * Author: purprin
 * Author URI: http://purpr.in/
 * Author Email: purprin[at mark]gmail.com
 */

/* リスト全体を囲む領域 */
ul#kotonoha-roll {
    margin: 8px 15px;
    padding: 0;
    /*_margin: -20px 15px 8px 15px;  不要なので非表示にしました */
}

/* リストの項目一つ一つの領域 */
ul#kotonoha-roll li {
    margin: 0 0 6px 0;
    padding: 0;
    width: 100%;
    clear: both;
    list-style-type: none;
    letter-spacing: 0.1ex;
}

/* ○記号 */
ul#kotonoha-roll li span.kotonoha-maru {
    display: block;
    float: left;
    width: 24px;  /* 用意する画像の大きさによって調整します。サンプルでは24x24px を使っています */
    height: 24px;  /* 用意する画像の大きさによって調整します。サンプルでは24x24px を使っています */
    background: url(/* 画像の場所のURLを記入 */) no-repeat -5px 0;  /* 用意した画像の置き場所を指定します。ここでは 24x24pxの正方形の画像を使っている都合上、左から-5px 、上から0の位置に微調整してあるものです。適宜用意した画像にあわせて調整してみてください */
    text-indent: -10000px;
    }

/* ×記号 */
ul#kotonoha-roll li span.kotonoha-batsu {
    display: block;
    float: left;
    width: 24px;  /* 用意する画像の大きさによって調整します。サンプルでは24x24px を使っています */
    height: 24px;  /* 用意する画像の大きさによって調整します。サンプルでは24x24px を使っています */
    background: url(/* 画像の場所のURLを記入 */) no-repeat -5px 0;  /* 用意した画像の置き場所を指定します。ここでは 24x24pxの正方形の画像を使っている都合上、左から-5px 、上から0の位置に微調整してあるものです。適宜用意した画像にあわせて調整してみてください */
    text-indent: -10000px;
    }

/* リンク色全般指定 */
ul#kotonoha-roll li a {
    margin-left: 24px;
    padding: 4px;
    display: block;
}

/* リンク色（アンカー全般・リンク・訪問済み・アクティブ・マウスカーソルをあわせた時、の順） */
ul#kotonoha-roll li a { color: #36f; text-decoration: none; background-color: #fff; }
ul#kotonoha-roll li a:link { color: #36f; text-decoration: none; line-height:1.2; background-color: #fff; }
ul#kotonoha-roll li a:visited { color: #36f; text-decoration: none; line-height:1.2; background-color: #fff; }
ul#kotonoha-roll li a:active { color: #36f; text-decoration: none; line-height:1.2; background-color: #fff; }
ul#kotonoha-roll li a:hover { color: #36f; text-decoration: none; line-height:1.2; background-color: #e5edff; }

/* コトの回答数表示 */
ul#kotonoha-roll li a span.kotonoha-count {
    color: #666;
    font-size: 10px;
}

/* コトに対するコメント表示 */
ul#kotonoha-roll li div.kotonoha-comment {
    margin: 4px 0 0 28px;
    color: #666;
    font-size: 10px;
}