<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* --- 全体のリンクテキスト --- */
a:link { color: #4682b4; }
a:visited { color: #386992; }
a:hover { color: #79a7cc; }
a:active { color: #00c0c0; }
img	{border: none;}

/* --- コンテナ --- */
#container {
width: 894px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
background: url(img/pageback_880.gif) repeat-y center top; /* コンテナの背景（両サイドの影） */
}

/* --- ページ --- */
#page {
width: 840px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background: #ffffff url(img/top_back1.gif) repeat-x 0 2px; /* ページの背景（最上部のグラデーション） */
}


/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ --- */
#content {
position: absolute;
top: 79px;
width : 1024px;
background-color: white;
text-align: center;

margin-bottom: 10px; /* コンテンツの下マージン */
  *position	: relative;		/* IE7用 */
  *top		: 29px;			/* IE7用 */
}


/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */
#main {
width: 840px; /* メインカラムの幅 */
margin-left: 80px;

}

/* --- ページタイトル --- */
/* 見出しエリア */
#main div.pageTitle {
margin: 0 0 15px 0px; /* 見出しエリアのマージン（上右下左） */
padding: 8px 7px; /* 見出しエリアのパディング（上下、左右） */
background: #f9f9f9 url(img/heading_back1.gif) repeat-x; /* 見出しエリアの背景 */
border: 1px #c0c0c0 solid; /* 見出しエリアの境界線 */
}
/* 見出し */
#main div.pageTitle h1 {
margin: 0;
padding: 3px 0 2px 10px; /* 見出しのパディング（上右下左） */
border-left: 5px #4682b4 solid; /* 見出しの左境界線 */
font-size: 130%; /* 見出しの文字サイズ */
color: #2b2b2b; /* 見出しの文字色 */
line-height: 100%;
}

/* --- タイトル --- */
/* --- 見出しエリア --- */
#main div.title {
margin-bottom: 1em; /* 見出しエリアのマージン（上右下左） */
padding: 6px 10px; /* 見出しエリアのパディング（上下、左右） */
background: #f9f9f9 url(img/heading_back1.gif ) repeat-x ; /* 見出しエリアの背景 */
border: 1px #c0c0c0 solid;/* 見出しエリアの境界線 */
}
/* 見出し */
#main div.title h2 {
margin: 0;
padding:1px 0 0 20px; /* 見出しのパディング（上右下左） */
background: url(img/heading_square11.gif) no-repeat 0 0.15em; /* 見出しの背景（マーク） */
font-size: 120%; /* 見出しの文字サイズ */
color: #2b2b2b; /* 見出しの文字色 */
line-height: 100%; /* 行の高さ */
}


/* --- セクション（共通設定） --- */
#main div.section {
margin: 0 0 3em 15px; /* セクションのマージン（上右下左） */
}

/* --- 標準セクション --- */
/* 見出しエリア */
#main div.normal div.heading {
margin-bottom: 1.2em; /* 見出しエリアの下マージン */
padding: 4px 2px; /* 見出しエリアのパディング（上下、左右） */
border-bottom: 1px #999999 solid; /* 見出しエリアの下境界線 */
}

#main div.normal div.heading h3 {
margin: 0;
padding: 2px 3px 1px 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #add8e6 solid; /* 見出しの左境界線 */
font-size: 110%; /* 見出しの文字サイズ */
color: #2b2b2b; /* 見出しの文字色 */
line-height: 100%;
}

#main div.normal div.heading h4 {
margin: 0;
padding: 2px 3px 1px 10px; /* 見出しのパディング（上右下左） */
border-left: 5px #a6a6ed solid; /* 見出しの左境界線 */
font-size: 110%; /* 見出しの文字サイズ */
color: #2b2b2; /* 見出しの文字色 */
line-height: 100%;
}


/* 見出しエリア-2(下線なし） */
#main div.normal div.heading2 {
margin-bottom: 1.2em; /* 見出しエリアの下マージン */
padding: 4px 20px; /* 見出しエリアのパディング（上下、左右） */
}

/* 見出し */
#main div.normal div.heading2 h5 {
margin: 0;
padding: 2px 3px 1px 10px; /* 見出しのパディング（上右下左） */
border-left: 15px #00008b solid; /* 見出しの左境界線 */
font-size: 110%; /* 見出しの文字サイズ */
color: #00008b; /* 見出しの文字色 */
line-height: 100%;
}

/* 段落 */
#main div.normal p {
margin: 0 5px 1em; /* 段落のマージン（上、左右、下） */
line-height: 160%; /* 行の高さ */
}


/* --- 表全体 --- */
table.example {
margin-bottom: 30px; /* 表の下のマージン */
margin-top: 15px; /* 表の上のマージン */
margin-left: auto; /* 表の左のマージン */
margin-right: auto; /* 表の→のマージン */
border: 1px #808080 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 85%;
}

/* --- 表タイトル --- */
table.exmple caption {
padding-bottom: 5px; /* 表タイトルの下パディング */
}

/* --- セル --- */
table.example th,
table.example td {
/* widh: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 5px 10px; /* パディング（上下、左右） */
border: 1px  #808080 solid; /* セルの境界線*/
}

table.example th.ex1 {width: 52px;}
table.example th.ex2 {width: 550px;}
table.example th.ex3 {width: 150px;}
table.example th.ex4 {width: 300px;}
table.example th.ex5 {width: 400px;}
table.example th.ex6 {width: 250px;}

/* --- 見出しセル --- */
table.example thead th {
background-color:#ffffcc; /* 見出しのセル背景色 */
text-align: center;
}

/* --- 1列目 --- */
table.example colgroup.item {
background-color: #b7d5e5; /* 1列目の背景色 */
}

/* --- 2列目以降 --- */
table.example colgroup.data {
background-color: #ffffff; /* 2列目以降の背景色 */
}

/* --- フッタセル --- */
table.example tfoot td {
background-color: #f5f5f5; /* フッタセルの背景色 */
}

/* --- データセル --- */
table.example tbody td {
background-color: #ffffff; /* データセルの背景色 */
}

/* --- サイトマップエリア --- */
ul.sitemap {
width: 750px; /* サイトマップエリアの幅 */
margin: 0;
padding: 0;
font-weight: bold; /* 一旦全ての文字を太字にする */
list-style-type: none;
font-size: 90%;
color: #2b2b2b;
}

/* --- 入れ子にされたリスト用 --- */
ul.sitemap ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- 全てのリスト項目 --- */
ul.sitemap li {
padding: 1px 0 0 10px; /* 1階層目のパディング（上右下左） */
background: url(img/v_line1.gif) no-repeat left top; /* 1階層目の背景 */
line-height: 120%;
}

/* --- 2階層目のコンテナ --- */
ul.sitemap div.contentNav {
width: 100%; /* コンテナの幅 */
margin-top: 20px; /* コンテナの上マージン */
}

/* --- セクション（2階層目のリストエリア） --- */
ul.sitemap ul.section {
width: 49.9%; /* セクションの幅 */
float: left;
}
ul.sitemap ul.separator {
background: url(img/v_separator.gif) repeat-y right top; /* セクション間の垂直区切り線 */
}

/* --- 2階層目以降のリスト項目 --- */
ul.sitemap ul.section li {
margin: 0 20px 20px 0; /* 2階層目のマージン（上右下左） */
padding: 1px 0 10px 15px; /* 2階層目のパディング（上右下左）上書き */
background: url(img/v_line4.gif) no-repeat 5px 0; /* 2階層目の背景 上書き */
border-bottom: 1px #c0c0c0 dotted; /* 2階層目の下境界線 */
}

/* --- 3階層目以降のリストエリア --- */
ul.sitemap ul.section ul {
margin: 7px 0 0 8px; /* 3階層目以降のマージン（上右下左） */
font-weight: normal; /* 3階層目以降の文字をノーマルの太さに戻す */
}

/* --- 3階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li {
margin: 0 0 6px 0; /* 3階層目以降のマージン（上右下左）上書き */
padding: 0 0 0 12px; /* 3階層目のパディング（上右下左）上書き */
background: url(img/triangle5.gif) no-repeat 0 0.2em; /* 3階層目の背景 上書き */
border-bottom: none; /* 3階層目以降の下境界線 上書き */
}

/* --- 4階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li li {
padding: 0 0 0 9px; /* 4階層目以降のパディング（上右下左）上書き */
background: url(img/square.gif) no-repeat 0 0.4em; /* 4階層目以降の背景 上書き */
}


/* --- リストエリア（赤・下矢印） --- */
ul.list {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list li {
padding: 0 0 10px 25px; /* 項目のパディング（上右下左） */
background: url(img/arrow14-003.gif) no-repeat 3px 0; /* マーカー画像 */
line-height: 120%;
}

/* --- リストエリア a（青・下矢印） --- */
ul.list-a {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}

/* --- リスト項目 --- */
ul.list-a li {
padding: 0 0 10px 25px; /* 項目のパディング（上右下左） */
background: url(img/arrow14-007.gif) no-repeat 3px 0; /* マーカー画像 */
line-height: 120%;
}


/* --- リストエリア b（緑・下矢印） --- */
ul.list-b {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list-b li {
padding: 0 0 10px 25px; /* 項目のパディング（上右下左） */
background: url(img/arrow14-008.gif) no-repeat 3px 0; /* マーカー画像 */
line-height: 120%;
}


/* --- リストエリア c（赤・右矢印） --- */
ul.list-c {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list-c li {
padding: 0 0 10px 25px; /* 項目のパディング（上右下左） */
background: url(img/arrow14-043.gif) no-repeat 3px 0; /* マーカー画像 */
line-height: 120%;
}

/* --- リストエリア d（青・右矢印） --- */
ul.list-d {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list-d li {
padding: 0 0 10px 25px; /* 項目のパディング（上右下左） */
background: url(img/arrow14-047.gif) no-repeat 3px 0; /* マーカー画像 */
line-height: 120%;
}

/* --- リストエリア p（pdfマーク） --- */
ul.list-p {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list-p li {
padding: 0 0 10px 25px; /* 項目のパディング（上右下左） */
background: url(img/icon-pdf.gif) no-repeat 3px 0; /* マーカー画像 */
line-height: 120%;
}

/* --- リストエリア 1 （オレンジ）--- */
ul.list1 {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list1 li {
padding: 0 0 10px 15px; /* 項目のパディング（上右下左） */
background: url(img/v_line1.gif) no-repeat 3px 0; /* マーカー画像 */
line-height: 120%;
}

/* --- リストエリア 2 （赤）--- */
ul.list2 {
margin: 0;
padding: 0;
list-style-type: none;
}


/* --- リスト項目 2 --- */
ul.list2 li {
padding: 0 0 10px 15px; /* 項目のパディング（上右下左） */
background: url(img/v_line2.gif) no-repeat 3px 0; /* マーカー画像 */
line-height: 120%;
}

/* --- リストエリア 3 （緑）--- */
ul.list3 {
margin: 0;
padding: 0;
list-style-type: none;
}


/* --- リスト項目 3 --- */
ul.list3 li {
padding: 0 0 10px 15px; /* 項目のパディング（上右下左） */
background: url(img/v_line4.gif) no-repeat 3px 0; /* マーカー画像 */
line-height: 120%;
}

/* --- リストエリア 4 （茶）--- */
ul.list4 {
margin: 0;
padding: 0;
list-style-type: none;
}


/* --- リスト項目 4 --- */
ul.list4 li {
padding: 0 0 10px 15px; /* 項目のパディング（上右下左） */
background: url(img/v_line6.gif) no-repeat 3px 0; /* マーカー画像 */
line-height: 120%;
}

/* --- リストエリア 5 （青）--- */
ul.list5 {
margin: 0;
padding: 0;
list-style-type: none;
}


/* --- リスト項目 5 --- */
ul.list5 li {
padding: 0 0 10px 15px; /* 項目のパディング（上右下左） */
background: url(img/v_line7.gif) no-repeat 3px 0; /* マーカー画像 */
line-height: 120%;
}

/* --- リストエリア 6 （紫）--- */
ul.list6 {
margin: 0;
padding: 0;
list-style-type: none;
}


/* --- リスト項目 6 --- */
ul.list6 li {
padding: 0 0 10px 15px; /* 項目のパディング（上右下左） */
background: url(img/v_line8.gif) no-repeat 3px 0; /* マーカー画像 */
line-height: 120%;
}


/* --- リストエリア 7 （グレー）--- */
ul.list7 {
margin: 0;
padding: 0;
list-style-type: none;
}


/* --- リスト項目 7 --- */
ul.list7 li {
padding: 0 0 10px 15px; /* 項目のパディング（上右下左） */
background: url(img/v_line9.gif) no-repeat 3px 0; /* マーカー画像 */
line-height: 120%;
}

/* --- ピックアップメニューセクション --- */
#main div.pickup {
margin-bottom: 10px; /* セクションの下マージン */
padding: 2px; /* セクションのパディング */
border: 1px #c0c0c0 solid; /* セクションの境界線 */
width: 400px;
}

/* 見出し */
#main div.pickup h2 {
margin: 0 0 0.7em; /* 見出しのマージン（上、左右、下） */
padding: 3px 8px; /* 見出しのパディング（上下、左右） */
font-size: 120%; /* 見出しの文字サイズ */
line-height: 100%;
}

/* --- ピックアップメニュー --- */
#main div.pickup {
background-color: #fffef4; /* セクションの背景色 */
}
/* 見出し（オレンジ） */
#main div.orange h2 {
background-color: #fb894b; /* 見出しの背景色（オレンジ） */
color: #ffffff; /* 見出しの文字色 */
}

/* 見出し(水色） */
#main div.blue h2 {
background-color: #b7d5e5; /* 見出しの背景色（水色） */
color: #ffffff; /* 見出しの文字色 */
}

/* 項目内容（写真の配置用） */
/* クラス名を変更（emphasis、normal）することで他のセクションでも使用可能 */
#main div.pickup dl {
width: 350px; /* 項目内容の幅 */
margin: 0 auto 0.7em; /* 項目のマージン（上、左右、下） */
}
/* 写真エリア */
#main div.pickup dl dt {
width: 105px; /* 写真エリアの幅（掲載する写真の幅+15px程度） */
float: left;
}
#main div.pickup dl dt img {
border: 1px #c0c0c0 solid; /* 写真の境界線 */
}
/* キャプションエリア */
#main div.pickup dl dd {
margin: 0 0 0 105px; /* キャプションエリアのマージン（上右下左） */
/* ↑左マージンは「写真エリアの幅」に合わせる */
line-height: 130%; /* 行の高さ */
}


/* --- リストエリア(サムネイル：１）（売電） --- */
ul.thumbnail {
width: 350px; /* リストエリアの幅 */
margin: 0;
padding: 0;
border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
padding: 20px 10px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 100%;
margin: 0;
font-size: 95%;
}

/* --- 写真エリア --- */
ul.thumbnail dt.photo {
width: 153px; /* 写真エリアの幅 */
float: left;
}
ul.thumbnail dt.photo img {
border: 1px #808080 solid; /* 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail dt.title,
ul.thumbnail dd {
margin: 0 0 0 180px; /* キャプションエリアのマージン（上右下左） */
}

/* --- タイトルエリア --- */
ul.thumbnail dt.title {
margin-bottom: 5px; /* タイトルエリアの下マージン */
line-height: 120%;
}

/* --- コメントエリア --- */
ul.thumbnail dd {
line-height: 160%;
}

/* --- リストエリア （サムネイル：２）（大）--- */
ul.thumbnail2 {
width: 650px; /* リストエリアの幅 */
margin: 0;
padding: 0;
border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail2 li {
padding: 20px 15px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */
ul.thumbnail2 dl {
width: 100%;
margin: 0;
font-size: 100%;
}

/* --- 写真エリア --- */
ul.thumbnail2 dt.photo {
width: 240px; /* 写真エリアの幅 */
float: left;
}
ul.thumbnail2 dt.photo img {
border: 1px #808080 solid; /* 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail2 dt.title,
ul.thumbnail2 dd {
margin: 0 0 0 260px; /* キャプションエリアのマージン（上右下左） */
}

/* --- タイトルエリア --- */
ul.thumbnail2 dt.title {
margin-bottom: 5px; /* タイトルエリアの下マージン */
font-size: 110%; /* タイトルの文字サイズ */
line-height: 120%;
}

/* --- コメントエリア --- */
ul.thumbnail2 dd {
line-height: 150%;
}

/* --- リストエリア（３）（ノーマル） --- */
ul.thumbnail3 {
width: 500px; /* リストエリアの幅 */
margin: 0;
padding: 0;
border-top: 1px #808080 dotted; /* リストエリアの上境界線 */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail3 li {
padding: 20px 15px; /* リスト項目のパディング（上下、左右） */
border-bottom: 1px #808080 dotted; /* リスト項目の下境界線 */
}

/* --- 項目内容 --- */
ul.thumbnail3 dl {
width: 100%;
margin: 0;
font-size: 100%;
}

/* --- 写真エリア --- */
ul.thumbnail3 dt.photo {
width: 160px; /* 写真エリアの幅 */
float: left;
}
ul.thumbnail3 dt.photo img {
border: 1px #808080 solid; /* 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail3 dt.title,
ul.thumbnail3 dd {
margin: 0 0 0 200px; /* キャプションエリアのマージン（上右下左） */
}

/* --- タイトルエリア --- */
ul.thumbnail3 dt.title {
margin-bottom: 5px; /* タイトルエリアの下マージン */
line-height: 120%;
}

/* --- コメントエリア --- */
ul.thumbnail3 dd {
line-height: 150%;
}


/* --- リストエリア （サムネイル：４）（写真一覧） --- */
ul.thumbnail4 {
width: 100%; /* リストエリアの幅 */
min-width: 660px; /* リストエリアの最小幅（不要な場合は削除） */
margin: 0;
padding: 30px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail4 li {
width: 24.9%; /* 項目の幅 */
float: left;
}

/* --- 項目内容 --- */
ul.thumbnail4 dl {
width: 142px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
font-size: 100%;
}

/* --- 写真エリア --- */
ul.thumbnail4 dt {
/* height: 102px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
}
ul.thumbnail4 dt img {
border: 1px #808080 solid; /* 写真の境界線 */
}

/* --- キャプションエリア --- */
ul.thumbnail4 dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
height: 6.5em; /* キャプションエリアの高さ */
line-height: 120%;
}




p.example1  {
font-family: monospace;
font-size: 6;
color: ff4500;
text-align: center;
}

p.ex1	{text-align: left;}
p.ex2	{text-align: center;}
p.ex3	{text-align: right;}
p.ex4	{text-align: justify;}


p.ichiran {
    padding-right:25px;
    background:url(img/arrow14-043.gif) no-repeat right center;
    text-align:right;
    }

p.top     {
    padding-right:20px;
    background:url(img/arrow14-047a.gif) no-repeat right center;
    margin: 20px 0px;
    height: 15px;    
    text-align:right;}

p.letterpdf    {
     font-size: 0.9em;
     padding-left:45px;
     margin-left:15px;
     background:url(img/icon-pdf.gif) no-repeat left center;}

p.pdf    {
     padding-left:35px;
     margin-left:15px;
     background:url(img/icon-pdf.gif) no-repeat left center;}


img.tizu {
     margin-top: 25px;}

img.sasiel{
     float: left;
     margin-right: 35px;}
     
img.sasier{
    float: right;
    margin-left: 25px}

.clearleft {
     clear: left}

.clearright{
     clear: right}

.clear     {
     clear: both;}

.indent20{
    padding-left: 20px}

.indent40{
    padding-left: 40px}

.indent60{
    padding-left: 60px}

.indent80{
    padding-left: 80px}

.indent100{
    padding-left: 100px}

.indent150{
    padding-left: 150px}

.indentright20{
    padding-right: 20px}

.indentright40{
    padding-right: 40px}

.indentright60{
    padding-right: 60px}


.left    {
    float: left;}

.right   {
    float: right;}

.smaller {
    font-size: smaller;}

.larger  {
    font-size: larger;}

.xlarger {
    font-size: xlarge;}

.photo   {
    border: solid 1px #cccccc;
    padding: 3px;}

.photo frame {
    border: solid 8px #cccccc;
    margin: 5px;}



/* --- ▲メインカラム内の設定終了 --- */

/* --- ▲コンテンツ内の設定終了 --- */

/* --- ▼フッタ内の設定開始 --- */

/* --- フッタ --- */
#footer {
clear: both; /* 左フロートのクリア */
width: 100%;
padding: 15px 0 20px; /* フッタのパディング（上、左右、下） */
border-top: 1px #c0c0c0 solid; /* フッタの上境界線 */
}

/* --- フッタメニュー --- */
#footer ul.nl {
margin: 0 0 15px; /* フッタメニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
text-align: center;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url(img/menu_line_gray.gif) no-repeat left; /* 項目の背景（区切り線） */
display: inline;
}
/* 最初の項目 */
#footer ul.nl li.first {
background-image: none; /* 区切り線なし */
}
/* ガイドメニュー */
#footer ul.guide {
margin: 0 0 15px; /* ガイドメニューのマージン（上書き） */
}


/* --- アドレス・コピーライト --- */
#footer address {
font-style: normal; /* 文字のスタイル（ノーマル） */
text-align: center;
line-height: 140%; /* 行の高さ */

}

/* --- ▲フッタ内の設定終了 --- */



/* --- ▼その他の設定開始 --- */

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ▲その他の設定終了 --- */



</pre></body></html>