@import url("common.css");


/* Seagreen Check Template
 * Material (C) Kakei.R
 * update 2010/03/20
 */

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

.ptitle, body:before {
 display: block;
 content: "Friends";
 background: url("files/seagreencheck1.png") no-repeat left center;
 font: bold 2em/1.4 Timmons,"Times New Roman",Times,Meiryo,serif;
 text-shadow: #9999CC 1px 1px 1px;}
body {
 zoom: expression(style.zoom || (this.innerHTML = '<div class="ptitle">Friends</div>'+this.innerHTML,1));}

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

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

colgroup {
 display: table-column-group;}

/* 友達リスト ID */

.id {
 background: #DCE9E0 url("files/seagreencheck1.png") repeat-y left center;
 border-bottom: 1px solid #99CCFF;
 width: 200px;
 vertical-align: middle;
 font-weight: bold;
 font-family: "Times New Roman",Times,"平成明朝","ＭＳ 明朝",serif;
 text-align: left;
 word-break: break-all;}
tr:hover .id {
 background: #FFFFFF;}
:root .id {
 border-top: 1px solid #99CCFF;
 display: block;
 width: auto;
 max-width: 895px;}
.id a {
 display: block;
 background: url("files/seagreencheck2.png") no-repeat left center;
 padding: 0.6em 0 0.6em 25px;}

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

.comment {
 width: 80%;
 vertical-align: middle;
 padding: 0.4em;
 border-bottom: 1px dotted #9999FF;}
:root .comment {
 display: block;
 width: auto;
 padding-left: 25px;}
tr:hover .comment {
 color: #000000;}

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

td.edit.for-owner {
 background-image: none;
 margin: 0;
 padding: 0;
 width: 10px;}
:root td.edit.for-owner {
 display: block;
 width: auto;
 text-align: right;}
td.edit.for-owner a {
 color: #FFFFFF !important;
 font-size: 8px;}

/* 「追加」 */

form {
 padding-left: 10px;
 background-image: url("files/seagreencheck1.png");
 background-repeat: no-repeat;
 background-position: left center;}

/* Seagreen Check Template End */