@charset "utf-8";

/*==============================================================================
  タイトル: コメントスタイル
  著者    : Fumito Arakawa as Phize (http://phize.net/)
  説明    : コメント・コメントページのスタイルです。
  適用先  : comment/startcomment.thtml, comment/commentbar.thtml,
            comment/commentform.thtml, comment/commentform_advanced.thtml,
            comment/reportcomment.thtml, comment/comment.thtml, comment/thread.thtml
==============================================================================*/



/*--------------------------------------
  コメントブロック
--------------------------------------*/

/* コメントブロック */
div#comments {
  margin: 0;
  padding: 0;
  text-align: center;
}

/* コメントのページナビゲーション */
div#comments p.pagenav {
  margin: 0;
  padding: 0;
  text-align: center;
}



/*--------------------------------------
  コメントバー
--------------------------------------*/

/* コメント情報(記事タイトル・コメント数・ユーザ名) */
div#comments ul.status {
  list-style-type: none;
  margin: 1em 0 0.5em 0;
  padding: 0;
}

div#comments ul.status li {
  display: inline;
  margin: 0 2px;
  padding: 0;
}

div#comments ul.status li a {
  margin-left: 8px;
}

/* コメント表示セレクタフォーム */
div#comments form#commentbar-selector {
  display: inline;
}

div#comments form#commentbar-selector fieldset {
  display: inline;
}

div#comments form#commentbar-selector ul {
  margin: 0;
  padding: 0;
}

div#comments form#commentbar-selector ul li {
  display: inline;
  margin: 0;
  padding: 0;
}

/* コメント追加フォーム */
div#comments form#commentbar-comment {
  display: inline;
}

div#comments form#commentbar-comment fieldset {
  display: inline;
}

/* コメントの注意書き */
div#comments p.disclaimer {
  margin: 0.5em 0 1em 0;
  padding: 0;
}



/*--------------------------------------
  コメント本文
--------------------------------------*/

/* 個別のコメント(ツリー) */
div#comments ul.thread {
  list-style-position: outside;
  list-style-type: none;
  margin: 0 0 0.5em 0;
  padding: 0;
  text-align: left;
}

/* 個別のコメント(ツリー)のタイトル */
div#comments ul.thread li.title {
  display: inline;
  margin: 0;
  padding: 0;
}

/* 個別のコメント(ツリー)の投稿者 */
div#comments ul.thread li.author {
  display: inline;
  margin: 0 0 0 8px;
  padding: 0;
}

div#comments ul.thread li.author:before {
  content: " - ";
}

/* 個別のコメントのレベル(入れ子・ツリー) */
div#comments div.level-25,
div#comments ul.level-25 {
  margin-left: 0;
}

div#comments div.level-25,
div#comments ul.level-25 {
  margin-left: 16px;
}

div#comments div.level-50,
div#comments ul.level-50 {
  margin-left: 32px;
}

div#comments div.level-100,
div#comments ul.level-100 {
  margin-left: 48px;
}

div#comments div.level-125,
div#comments ul.level-125 {
  margin-left: 64px;
}

div#comments div.level-150
div#comments ul.level-150 {
  margin-left: 80px;
}

div#comments div.level-175
div#comments ul.level-175 {
  margin-left: 96px;
}

div#comments div.level-200,
div#comments ul.level-200 {
  margin-left: 112px;
}

div#comments div.level-225,
div#comments ul.level-225 {
  margin-left: 128px;
}

div#comments div.level-250,
div#comments ul.level-250 {
  margin-left: 144px;
}

/* 個別のコメント */
div#comments div.block-comment-content {
  /* Mac IE用 { */
  overflow: auto;
  width: 100%;
  /* } Mac IE用 */

  /* Mac IE以外用 { \*/
  overflow: visible;
  width: auto;
  /* }Mac IE以外用 */

  margin: 0;
  padding: 0;
  text-align: left;
}

/* コメント情報 */
div#comments div.block-comment-content ul.status {
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* コメントタイトル */
div#comments div.block-comment-content ul.status li.title {
  display: block;
  margin: 1em 0 0.5em 0;
  padding: 4px;
  border: 1px solid #E7E7E7;
  background-color: #F7F7F7;
}

/* コメントの投稿者 */
div#comments div.block-comment-content ul.status li.author {
  display: block;
  margin: 0 0 1em 0;
  padding: 0;
}

/* コメント本文 */
div#comments div.block-comment-content div.comment {
  margin: 0 0 1em 0;
  padding: 0;
}

/* コメントナビゲーション */
div#comments div.block-comment-content ul.navi {
  margin: 0 0 0.5em 0;
  padding: 0;
}

div#comments div.block-comment-content ul.navi:before {
  content: "[";
}

div#comments div.block-comment-content ul.navi:after {
  content: "]";
}

div#comments div.block-comment-content ul.navi li {
  display: inline;
  margin: 0 2px;
  padding: 0;
}

/* 永久リンク */
div#comments div.block-comment-content ul.navi li.permlink {
  margin: 0 2px 0 0;
}

div#comments div.block-comment-content ul.navi li.permlink:before {
  content: " | ";
}



/*--------------------------------------
  迷惑報告フォーム
--------------------------------------*/

/* コメント */
form#reportcomment div.comment {
  margin: 0 0 1em 0;
  padding: 0;
  border-bottom: 1px solid #E7E7E7;
}



/*--------------------------------------
  コメント投稿フォーム(ノーマルエディタ)
--------------------------------------*/

/* ユーザ名 */
form#commentform dl dt.username {
  display: inline;
}

form#commentform dl dd.username {
  display: inline;
  margin-left: 8px;
}

form#commentform dl dd.username a {
  margin-left: 8px;
}

form#commentform dl dd.username a:before {
  content: "[";
}

form#commentform dl dd.username a:after {
  content: "]";
}

/* タイトル */
form#commentform dl dt.title {
  margin-top: 0.5em;
}

/* 注意事項 */
form#commentform dl.importantstuff dd ul {
  list-style-type: disc;
  margin: 0;
  padding: 0;
}

form#commentform dl.importantstuff dd ul li {
  margin: 0 0 0 8px;
  padding: 0;
}



/*--------------------------------------
  コメント投稿フォーム(アドバンストエディタ)
--------------------------------------*/

/* ユーザ名 */
form#commentform_advanced dl dt.username {
  display: inline;
}

form#commentform_advanced dl dd.username {
  display: inline;
  margin-left: 8px;
}

form#commentform_advanced dl dd.username a {
  margin-left: 8px;
  padding: 0 2px;
}

form#commentform_advanced dl dd.username a:before {
  content: "[";
}

form#commentform_advanced dl dd.username a:after {
  content: "]";
}

/* タイトル */
form#commentform_advanced dl dt.title {
  margin-top: 0.5em;
}

/* 注意事項 */
form#commentform_advanced dl.importantstuff dd ul {
  list-style-type: disc;
  margin: 0;
  padding: 0;
}

form#commentform_advanced dl.importantstuff dd ul li {
  margin: 0 0 0 8px;
  padding: 0;
}