/* CSS ダイアリーコメント機能 CSS */

/*----------------------------------------
コメント表示枠一帯
----------------------------------------*/
.comment_area {
  text-align: left;
  padding: 10px;
  border-width: 2px; 
  border-color: olive; 
  border-style: solid;
  background-color: cornsilk;
  margin-bottom:5px;
}

/*----------------------------------------
「コメント(XX)」の文字列
----------------------------------------*/
.comment_string {
  color:blue;
  text-decoration: underline;
  cursor:pointer;
}

/*----------------------------------------
ヘッダー
----------------------------------------*/
.comment_head {
  font-weight: bold;
  border-width: 2px; 
  text-align: left;
  border-style: solid;
  border-color: darkgreen;
  background-color: lightgreen;
  margin-top:0px;
  padding:3px;
}

/*----------------------------------------
内容
----------------------------------------*/
.comment_content {
  margin-top:5px;
}


/*----------------------------------------
投稿日時と投稿者名のエリア
----------------------------------------*/
.comment_author {
  margin-top:10px;
}

/*----------------------------------------
投稿日時
----------------------------------------*/
.comment_date {
}

/*----------------------------------------
投稿者名
----------------------------------------*/
.comment_name {
}

/*----------------------------------------
投稿者名(管理者)
----------------------------------------*/
.comment_name_admin {
  color: red;
}

/*----------------------------------------
区切り線
----------------------------------------*/
.comment_hr {
  margin-top:1px;
  border-width: 1px; 
  border-style: dotted;
  border-color: #666666;
  height: 1px;
}

/*----------------------------------------
お名前
----------------------------------------*/
.drc_name {
  width:300px;
}

/*----------------------------------------
おメッセージ
----------------------------------------*/
.drc_content {
  width:300px;
  height:100px;
  
}

/*----------------------------------------
注意書き
----------------------------------------*/
.comment_attention {
  
}

/*----------------------------------------
ページャー
----------------------------------------*/
.comment_pager {
  color:blue;
  text-decoration:underline;
  cursor:pointer;
}