@import url("common.css");

/* 友達リスト上部に「Friends」と表示 */

.ftitle, :root body:before {
 padding-left: 40px;
 display: block;
 min-height: 40px;
 content: "Friends";
 background: #FFFFFF url("files/snowflake.gif") no-repeat left center;
 font: bold 2em/1.4 Timmons,"Times New Roman",Times,Meiryo,serif;}
body {
 zoom: expression(style.zoom || (this.innerHTML = '<div class="ftitle"><span>Friends</span></div>'+this.innerHTML,1));}

/* 友達リスト テーブル */

table {
 margin: 1em auto 1em 0;
 padding: 0;
 width: 80%;
 border-bottom: 1px solid #E9E9F4;
 border-collapse: collapse;
 border-spacing: 0px;
 border-style: hidden;
 table-layout: fixed;}

colgroup {
 display: table-column-group;}

/* 友達リスト ID */

.id {
 padding-left: 40px;
 background-color: #FAFEF0;
 background-image: url("files/snowflake.gif");
 background-repeat: no-repeat;
 background-position: left center;
 border-bottom: 1px solid #E9E9F4;
 width: 200px;
 vertical-align: middle;
 font-weight: bold;
 font-family: "Times New Roman",Times,"平成明朝","ＭＳ 明朝",serif;
 text-align: left;
 word-break: break-all;}
html>/**/body .id {
 border-top: 1px solid #E9E9F4;
 display: block;
 width: auto;}
.id a {
 padding: 0.6em 0;
 display: block;
 text-decoration: none;}

/* 友達リスト コメント */

.comment {
 padding: 0.4em;
 border-bottom: 1px dotted #CFDFEC;
 vertical-align: middle;}
html>/**/body .comment {
 padding-left: 40px;
 display: block;}
tr:hover .comment {
 color: #666666;}

/* 各リンクの「編集」を背景色と同じにして隠す */

td.edit.for-owner {
 margin: 0;
 padding: 0;
 width: 10px;}
html>/**/body td.edit.for-owner {
 display: block;
 width: auto;
 text-align: right;}
td.edit.for-owner a {
 color: #FFFFFF !important;
 font-size: 8px;}