@charset "utf-8";
/**
 * comment.css
 *
 * @Auth: Magical-Remix&Co.
 * @Version: 1.0
 * @File: comment.css
 * @Description: comment form style
 * @Since: 10/03/01
 * @License:
 */

/*-- パスワードで保護されている場合のメッセージ */
#comment-protected-for-pw {
    padding: 5px;
    text-align: center;
    background: #FFFFCC;
    border: 1px solid #CCCC66;
    margin: 0 0 10px;
}


/*-- コメント表示枠 */
#comments {
    padding: 30px 0 0 0;
}


/*-- トラックバック */
#comments #trackback {
	background: #f2f2f2;
	padding: 10px;
    margin: 0 0 20px;
}
#comments #trackback dt {
	margin: 0 0 5px;
	font-weight: bold;
    padding: 3px 0 0 0;
    float: left;
    width: 130px;
}


/*-- トラックバックURL */
#comments #trackbackurl {
    width: 490px;
    border: 1px solid #999;
    padding: 1px;
    font-size: 108%;
}


/*-- コメントページのhタグ */
#comments h3 {
	margin:  0 5px 8px 5px;
	padding: 0 0 0 18px;
	font-size: 108%;
	font-weight: bold;
}


/*-- コメントRSSリンク */
#comment-rss {
    text-align: right;
}


/*-- コメントすべての枠 */
#comments #comments-box {
    margin: 0 0 30px;
}


/*-- コメント1件の枠 */
.comment-box {
    padding: 10px;
}
.comment-box.odd  { background: #FFF; }
.comment-box.even { background: #F3F3F3; }


/*-- コメントが承認されてない場合のメッセージ */
.comment-not-approved {
    text-align: left;
}


/*-- コメント投稿者の情報枠 */
.comment-meta {
    margin: 0 0 5px;
}


/*-- コメント投稿者 */
.comment-author {
    border-bottom: 1px solid #999;
    margin: 0 0 3px;
    padding: 0 0 3px;
}


/*-- 投稿者アバター */
.comment-author .avatar {
	float: left;
	background: #fff;
	border: 1px solid #dcdddd;
	margin-right: 10px;
	padding: 1px;
}


/*-- コメント投稿日 */
.comment-date {
	margin-bottom: 15px;
}


/*-- コメント本文 */
.comment-text {
    line-height: 1.6;
}


/*-- コメント編集リンク */
.comment-edit {
	margin: 0;
	text-align: right;
	font-size: 77%;
}


/*-- コメント投稿フォーム */
#comments form {}


/*-- コメント投稿にログインが必要な場合 */
#comments #comment-required-login {
    padding: 8px;
    margin: 0 0 20px;
    border: 1px solid #C00;
    background: #FCC;
    text-align: center;
}


/*-- ログインしている場合に表示するメッセージ枠 */
#comments .user-loggedin {
    padding: 8px;
    margin: 0 0 20px;
    border: 1px solid #CC6;
    background: #FFFFCC;
    zoom: 1;
}
#comments .user-loggedin:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height: 0;
    visibility: hidden;
}


/*-- ログインしている場合に表示するユーザー名 */
#comments .user-loggedin .comment-current-user {
    float: left;
}


/*-- ログインしている場合に表示する */
#comments .user-loggedin .comment-logout {
    float: right;
}


/*-- コメント投稿フォーム */
#comments #comment-fields {
	margin: 0 0 10px;
}
#comments #comment-fields dt {
	clear: both;
	float: left;
	width: 150px;
}
#comments #comment-fields dd {
	padding: 0 0 8px 150px;
}


/*-- コメント投稿フォームの入力フィールド初期化 */
#comments #comment-fields .comment-input-field {
    border: 1px solid #CECECE;
    padding: 2px;
    font-size: 108%;
}


/*-- コメント投稿フォームの投稿者名 */
#comments #comment-author {
    width: 200px;
}


/*-- コメント投稿フォームの投稿者のメールアドレス */
#comments #comment-email {
    width: 300px;
}


/*-- コメント投稿フォームの投稿者のサイトURL */
#comments #comment-url {
    width: 300px;
}


/*-- コメント投稿フォームの利用できるタグ */
#comments #allowed-tagnames {}


/*-- コメント投稿フォームの利用できるタグ一覧 */
#comments #allowed-tags {}


/*-- コメント投稿フォームのコメント内容 */
#comments #comment-text-field {}
#comments #comment-text-field #comment {
    width: 570px;
}



/*-- コメント投稿フォームの送信ボタン */
#comments #comment-submit {}
#comments #comment-submit #submit {
	width: 13em;
	margin: 5px 0;
	padding: 5px;
    border: 1px solid #CECECE;
    background: #EFEFEF;
}
#comments #comment-submit #submit:hover {
    background: #FFFFCC;
    cursor: pointer;
}



/*-- 利用できるタグの初期値設定 */
#comments .comment-text a {
    padding: 0 0 0 10px;
    background: url(../img/ya.gif) no-repeat 0 6px;
}
#comments .comment-text a:link {}
#comments .comment-text a:visited {}
#comments .comment-text a:hover {}
#comments .comment-text addr {
    font-style: italic;
}
#comments .comment-text acronim {}
#comments .comment-text b { font-weight: bold; }
#comments .comment-text blockquote {
    background: url(../img/icon_quote.gif) no-repeat 5px 5px;
    padding: 15px 15px 15px 50px;
    margin: 0 0 10px 0;
}
#comments .comment-text cite {}
#comments .comment-text code {}
#comments .comment-text del {}
#comments .comment-text em {}
#comments .comment-text i {}
#comments .comment-text p {}
#comments .comment-text strike {}
#comments .comment-text strong {}