@charset "utf-8"

/*** 全体 ***/

* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  background-color: #778899;
  font-size: 10.5pt;
}

img {
  vertical-align: top;
  border: 0;
}

p { margin: 0; }

pre {
  white-space: pre;
  font-family: monospace;
  overflow: auto;
  margin: 10px;
  padding: 5px 10px;
  border: 1px #C8C0B0 solid;
}

th { white-space: nowrap; }

h1 { font-size: 100%; color: #FFFFF0; padding: 6px 0; margin: 0; }
h2 { font-size: 90%; color: #FFFFFF; padding: 4px 0; margin: 0; }
h3 { font-size: 80%; color: #000000; padding: 2px 0; margin: 0; }

.invisible { height: 0; width: 0; margin: 0; border: 0; }


/*** 段組み ***/

.home-container,.index-container,.folder-container,.card-container {
  /* ページ全体 */
  margin-left: auto;
  margin-right: auto;
  min-width: 965px;
  max-width: 1050px;
  background-color: #FFFFFF;
}

.warning { /* 警告表示 */
  text-align: center;
  font-size: 90%;
  font-weight: bold;
  color: #ff0000;
  background-color: #CCCCCC;
}

.pheader {
  height: 60px;
  background-color: #ffffff;
}
.pheader .logo { float: left; height: 60px; }
.pheader .ad1 { float: right; height: 60px; }

.contents { /* ヘッダーとフッターの間の部分 */
  clear: both;
  margin: 0;
}

.leftsidebar {
  float: left;
  width: 170px;
  text-align: center;
}

.rightsidebar {
  float: right;
  width: 168px;
  text-align: center;
}

.main { /* 真ん中のカードデータ表示部分 */
  width: auto;
  margin: 0 168px 0 170px;
  background-color: #DCDCDC;
  padding-bottom: 5px;
  border: 1px #778899 solid;
}

.pfooter {
  clear: both;
  border-top: 1px #778899 solid;
  margin: 0;
  padding: 5px 0;
  background-color: #C0C0C0;
  text-align: center;
}


/*** leftsidebar内部 ***/

.profile {
  text-align: center;
  padding: 4px 4px;
  background-color: #66CDAA;
}

.profdata { font-size: 80%; }
.profdata th { text-align: right; }
.profdata td { text-align: left; }

.profnotes {
 font-size: 80%;
 text-align: left;
 padding: 4px 4px;
 }

.folderlist {
  text-align: center;
  padding: 4px;
  background-color: #40BFAA;
}

.folderlist ul,li {
  font-size: 90%;
  text-align: left;
  padding-left: 0px;
  margin: 0 4px 4px 8px;
  list-style-position: outside;
}

.newcardlist {
  text-align: center;
  padding: 4px;
  background-color: #20B2AA;
}

.newcardlist ul,li {
  font-size: 90%;
  text-align: left;
  padding-left: 0px;
  margin: 0 4px 4px 8px;
  list-style-position: outside;
}

.add2 {
  text-align: center;
}

/*** rightsidebar内部 ***/

.search {
  font-size: 80%; 
  text-align: center;
  background-color: #ffffff;
  padding: 0 4px 4px 4px;
}


/*** main内部 ***/

/* フォルダー情報 */

.folderprofile p {
  margin: 0;
  padding: 0;
}

.folderprofile .path {
  font-weight: bold;
  background-color: #008080;
  padding: 4px;
}

.folderprofile .path a:link { color: #FFFFF0; }
.folderprofile .path a:visited { color: #FFFFF0; }

.folderprofile .description {
  color: #666666;
  font-size: 80%;
  background-color: #FFFFCC;
  padding: 4px 16px 4px 16px;
}

.folderprofile .modified {
  font-size: 80%;
  background-color: #FFFFCC;
  padding: 4px 16px 4px 16px;
  text-align: right;
}

.folderprofile .pageview {
  font-size: 70%;
  background-color: #FFFFCC;
  padding: 0 16px 2px 16px;
  text-align: right;
  color: #888833;
}

/* フォルダメニュー */

.foldermenu {
  font-size: 80%;
  font-weight: bold;
  background-color: #FFFFCC;
  padding: 2px 16px 2px 16px;
  border-top: 1px #CCCCCC solid;
  text-align: right;
}

.foldermenu span { margin-left: 10px; }
.foldermenu a:link { color: #0000C0; }
.foldermenu a:visited { color: #0000C0; }

/* インデックス */

.index {
  margin: 5px;
}

.index h1 {
  text-align: center;
  color: #000000;
}

.index ul {}

.index li {}

.index .cardname {
  color: #000000;
}

.index .userid {
  color: #0000CC;
}

/* カード */

.card {
    margin: 15px 0 15px 0;
}

.cardbody {
  margin: 0 auto;
  width: 95%;
}

.cardbody table {
  -moz-border-radius: 3px;
  width: 100%;
  table-layout: fixed;
  overflow: hidden;
  border: 1px #778899 solid;
}

.cardbody tr {
  font-size: 10pt;
  background-color: #F0FFFF; /* テーブルの薄いほうの背景色 */
}
.cardbody tr.name {
  font-size: 11pt;
  color: black;
  background-color: #66CDAA; /* 題名の背景色 */
}

.cardbody .name a:link { color: black; text-decoration: none; }
.cardbody .name a:visited { color: black; text-decoration: none; }
.cardbody .name a:hover { color: black; text-decoration: underline; }
.cardbody .name a:active { color: black; text-decoration: underline; }

.cardbody .notes {
  background-color: #FFFFFF; /* メモの背景色 */
  line-height: 160%;
}

.cardbody th {
  width: 20%;
  text-align: left; /* セル内の文字の位置 */
  padding: 1px; /* セル内の余白 */
}

.cardbody td {padding: 5px 10px; }

.cardbody ul {
  padding-left: 3em;
  margin: 0;
}

.cardbody li {
  padding: 4px;
  margin: 0;
  list-style-position: outside;
}

.downloadlink {
  font-size: 85%;
}

.youtubelink {
  font-size: 85%;
}

.tags {
    text-align: right;
    font-size: 85%;
    color: #888833;
}

.related-links {
  margin: 8px 0 4px 0;
  padding: 4px 8px;
  border: 1px #CCCCCC solid;
}

.related-link {
  margin-left: 64px;
  text-indent: -64px;
  font-size: 85%;
}

.related-link img {
  vertical-align: middle;
}

/* テキストカード */

/* アドレスカード */

.address-card table { table-layout: auto; }
.address-card tr.kana { background-color: #F0FFF0; }
.address-card tr.address { background-color: #F0FFF0; }
.address-card tr.fax { background-color: #F0FFF0; }

/* TODOカード */

.todo-card table { table-layout: auto; }
.todo-card tr.priority { background-color: #F0FFF0; }

/* 予定カード */

.task-card table { table-layout: auto; }
.task-card tr.date { background-color: #F0FFF0; }
.task-card tr.time { background-color: #F0FFF0; }

/* 画像カード */

.image-card img { max-width: 100%; }

/* オーディオカード */

.audio-card object { max-width: 100%; }

/* FLVカード */

.flv-card object { max-width: 100%; }

/* YouTubeカード */

.youtube-card object { max-width: 100%; }

/* PDFカード */

.pdf-card img { max-width: 100%; }

/* ファイルカード */

.file-card table { table-layout: auto; }
.file-card tr.filetype { background-color: #F0FFF0; }

/* Twitterカード */

.twitter-card table { table-layout: auto; }
.twitter-card tr.feed { background-color: #F0FFF0; }

/* RSSカード */

.rss-card table { table-layout: auto; }
.rss-card tr.feed { background-color: #F0FFF0; }

/* Amazonカード */

.amazon-card table { max-width: 100%; table-layout: auto; }
.amazon-card td { vertical-align: top; }
.amazon-card td.image { width: 120px; }
.amazon-card td.notes { line-height: 160%; }

/* チェックリストカード */

.checklistitem {
  margin: 5px 0 5px 20px;
  text-indent: -20px;
  font-weight: bold;
}

.checklistitem img {
  vertical-align: middle;
}

.checklist hr {
  width: 100%;
}

/* カードフッター */

.cardfooter {
  margin: 0 auto;
  width: 95%;
  text-align: right;
  margin-bottom: 10px; 
}

.cardfooter .modified {
  font-size: 80%;
  color: #660066;
}

.googlemap, .opensubbtn {
  vertical-align: middle;
}

.commentcount {
  font-size: 10pt;
  color: #006600;
}

.cardfooter a:link { text-decoration: none; }
.cardfooter a:visited { text-decoration: none; }
.cardfooter a:hover { text-decoration: underline; }
.cardfooter a:active { text-decoration: underline; }

/*** コメント表示 ***/

.comments {
  margin: 0 auto;
  width: 90%;
}

.commentid {
  font-weight: bold;
}

.commentres {
  color: #008800;
  font-weight: bold;
}

.commenttext {
}

.commentfooter {
  text-align: right;
}

.commentauthor {
  color: #0000FF;
  font-weight: bold;
}

.commentdate {
  color: #bb4400;
}