@charset "utf-8";

/*==============================================================================
  タイトル: コメントスタイル
  著者    : Fumito Arakawa as Phize (http://phize.net/)  Accessibility Modifid by Masuko koeda as みるく(http://white-stage.com/)
  説明    : コメント・コメントページのスタイルです。
  適用先  : 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.block-comment-content {
  margin: 0;
  padding: 0 0 0 1em;
  text-align: left;
}

/* 個別のコメントのレベル(入れ子・ツリー) */
div.comments div.level-0,
div.comments ul.level-0 {
  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-75,
div.comments ul.level-75 {
  margin-left: 48px;
}

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

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

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

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

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

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

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

div.comments div.level-275,
div.comments ul.level-275 {
  margin-left: 176px;
}

div.comments div.level-300,
div.comments ul.level-300 {
  margin-left: 192px;
}

div.comments div.level-325,
div.comments ul.level-325 {
  margin-left: 208px;
}

div.comments div.level-350,
div.comments ul.level-350 {
  margin-left: 224px;
}

div.comments div.level-375,
div.comments ul.level-375 {
  margin-left: 240px;
}

div.comments div.level-400,
div.comments ul.level-400 {
  margin-left: 256px;
}

/* コメント情報 */
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: #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;
}
