<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ===== 基本設定 ===== */
* {
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  font-family: Verdana, Helvetica, sans-serif;
  color: #274A78; /* 文字色:青藍 */
}

body {
  background-color: #ffffff ;
  background-image: url(img/img_bg.gif);
  background-repeat: repeat;
}

br {
  letter-spacing: normal; /* 文字間スペース:普通 */
}

a {
  color: #56638d;
  text-decoration: none; /* 下線表示しない */
}

/* 通常のリンク */
a:link {
  color: #274A78; /* 文字色:青藍 */
}

/* 読み込み済みのリンク */
a:visited {
  color: #274A78; /* 文字色:青藍 */
}

/* クリックされた瞬間のリンク */
a:active {
  color: #274A78; /* 文字色:青藍 */
}

/* マウスオーバー時のリンク */
a:hover {
  color: #bc64a4; /* 文字色:若紫 */
  text-decoration: none; /* 下線表示しない */
}

img {
  border: 0px;
}

/* ===== 外枠 ===== */
div#outframe {
  overflow: auto;
  background-image: url(img/img_menubg.png);
  background-repeat: repeat;
  width: 750px;
  margin : 0px auto ;
  text-align: left;
}

/* ===== 左側 ===== */
div#left {
  float: left;
  width: 200px;
}

div#logo {
  background-image: url(img/img_logo.png);
  background-repeat: no-repeat;
  height: 200px;
}

div#menu{
  line-height: 30px;
}

div#menu ul {
  list-style-image: url(img/img_list.png);
  font-size: 20px;
  line-height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 40px;
}

div#menu li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div#clap {
  text-align: center;
}

div#counter {
  text-align: center;
}

/* ===== 右側 - 基本 - ===== */
div#right {
  background-color: #ffffff;
  float: right;
  width: 550px;
  text-align: left;
  padding: 0px;
}

div#right h1 {
  background-image: url(img/img_category.png);
  background-repeat: no-repeat;
  line-height: 40px;
  padding-left: 45px;
  font-size: 17px;
}

div#right h2 {
  background-image: url(img/img_list2.png);
  background-repeat: no-repeat;
  line-height: 20px;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 23px;
}

div#right p {
  margin: 5px 10px 5px 30px;
}

div#right ul {
  list-style-image: url(img/img_list1.gif);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 55px;
  line-height: 20px;
}

div#right li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/* ===== 右側 - Top - ===== */
textarea {
  border-color: #2860a3;
  border-style: dotted;
  border-width: 2px 2px 2px 2px;
  color: #274A78; /* 文字色:青藍 */
  font-size: 9pt;
  background-color: #eaf4fc; /* 背景色:月白 */
  scrollbar-3dlight-color: #2860a3;
  scrollbar-arrow-color: #2860a3;
  scrollbar-base-color: #bcc8db;
  scrollbar-darkshadow-color: #bcc8db;
  scrollbar-face-color: #bcc8db;
  scrollbar-highlight-color: #bcc8db;
  scrollbar-shadow-color:#2860a3;
}

table.noline {
  text-align: left;
  margin: 0px 10px 0px 30px;
  table-layout: auto; /* テーブル幅:自動 */
  width: 500px;
  border-collapse: collapse; /* セルの枠線:重ねて表示 */
  empty-cells: show; /* 中身のないセルを表示 */
  border-width: 0px; /* 枠線の幅 */
  border-stype: none; /* 枠線スタイル */
  border-color: #ffffff; /* 枠線の色 */
}

/* ===== 右側 - Link - ===== */
table.link {
  margin: 0px 10px 0px 30px;
  table-layout: auto; /* テーブル幅:自動 */
  width: 500px;
  border-collapse: collapse; /* セルの枠線:重ねて表示 */
  empty-cells: show; /* 中身のないセルを表示 */
}

td.link1 {
  text-align: center;
  vertical-align: middle;
  width: 220px;
  border: 1px #19448e solid; /* 枠線の色:瑠璃紺 */
  padding: 5px;
}

td.link2 {
  text-align: left;
  vertical-align: top;
  border: 1px #19448e solid; /* 枠線の色:瑠璃紺 */
  padding: 5px;
}

/* ===== 右側 - CoolBox - ===== */
p.date {
/*  margin: 0px 50px 0px 30px;*/
  font-size:10px;
  text-align: right;
}

table.cb {
  margin: 0px 10px 0px 30px;
  table-layout: auto; /* テーブル幅:自動 */
  width: 500px;
  border-collapse: collapse; /* セルの枠線:重ねて表示 */
  empty-cells: show; /* 中身のないセルを表示 */
}

td.cb0 {
  text-align: left;
  vertical-align: middle;
  background-color: #eaf4fc; /* 背景色:月白 */
  border: 1px #19448e solid; /* 枠線の色:瑠璃紺 */
  padding: 5px;
  font-weight: bold;
}

td.cb1 {
  text-align: center;
  vertical-align: middle;
  background-color: #ffffff;
  width: 20px;
  border: 1px #19448e solid; /* 枠線の色:瑠璃紺 */
  padding: 5px;
}

td.cb2 {
  text-align: center;
  vertical-align: middle;
  background-color: #ffffff;
  width: 130px;
  border: 1px #19448e solid; /* 枠線の色:瑠璃紺 */
  padding: 5px;
}

td.cb3 {
  text-align: left;
  vertical-align: top;
  border: 1px #19448e solid; /* 枠線の色:瑠璃紺 */
  padding: 5px;
}

div#right h2#title {
  background-image: url(img/img_title.png);
  background-repeat: no-repeat;
  line-height: 25px;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 20px;
  font-size: 15px;
}

td.pageback {
  text-align: left;
  width: 100px;
}

td.pagetop {
  text-align: center;
  width: 320px;
}

td.pagenext {
  text-align: right;
  width: 100px;
}

/* ===== 右側 - CottonBox - ===== */
div#right h2#poemtitle {
  background-image: url(img/img_titlepoem.png);
  background-repeat: no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 23px;
  line-height: 30px;
  font-size: 15px;
}

div#right p#poem {
  background-image : url(img/img_line.gif) ;
  background-repeat: repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  font-size:12px;
  text-align: left;
  line-height : 20px ; /* 行間の指定 */
}
</pre></body></html>