@charset "Shift_JIS";

/*------*/
/* 全体 */
/*------*/
*{
 margin:0;
 padding:0;
 font:normal normal normal 100%/1.5em Osaka,Verdana,"ＭＳ Ｐゴシック",sans-serif;
}
body{
 text-align:left;
 color:#555;
 background:#1d2088; /* #fff; */
}
*[title] {
 cursor:help; /* hand */
}
/*------------------*/
/* ページの大枠設定 */
/*------------------*/
#PAGETOP {
 margin:0 auto;
 width:710px;
 padding-right:20px;
 border-left:1px solid #808080; /* #e5e5e5; */
 background:#fff url(./img/shadow2b.gif) repeat-y 100% 0%;
}
#HEADER {
 width:710px;
 height:137px;
 margin:0;
 padding:0; /* 20px 0.7em 10px 10px; */
 background:#000000 url(./img/title_bg6.gif) no-repeat; /* #6666cc; */
/*
 background:#888 url(./img/bg.gif);
*/
}
#INDEX #HEADER {
 padding:0; /* 20px 15px 5px 15px; */ /* 15px 0.7em 0 15px; */ /* 35px 0.7em 15px 15px; */
}
/*----------------*/
/* パンくずリスト */
/*----------------*/
ul#PAN {
 list-style:none;
 text-align:right;
 margin:0;
 padding:10px 15px 0 0;
 font-size:84%;
 color:#ccc;
}
ul#PAN li {
 display:inline;
}
ul#PAN a {
 padding:0 1.5em 0 0;
 margin:0 0.5em 0 0;
/*
 padding:0 0.7em 0 0;
*/
 background:url("./img/pan2.gif") no-repeat 100% 50%;
} 
ul#PAN a:link {
 color:#ccc;
 text-decoration:none;
}
ul#PAN a:visited {
 color:#ccc;
 text-decoration:none;
}
ul#PAN a:hover {
 color:#fff;
 text-decoration:underline;
}
/*--------------*/
/* メニュー部分 */
/*--------------*/
#MENU {
 font-size:84%;
 background:#fff url(./img/shadow.gif) repeat-x 0% 100%;
 height:32px;
 border-top:1px solid #333;
 border-bottom:1px solid #666;
}
#MENU h2 {
 display:none;
}
/*------------------------*/
/* メニューリスト・リンク */
/*------------------------*/
#MENU ul {
 list-style-type:none;
/*
 margin:10px 0 0;
*/
 padding:0;
 background:#b4de18;
 height:32px;

 /*border:1px dotted #666666;*/

 /*border-top:10px solid #ffffff;*/

/*
 height:25px;
 border-bottom:10px solid #abd217;
*/
}
#MENU li {
 display:inline;
 float:left;
}
#MENU li a {
 display:block;
 text-decoration:none;
 background:#b4de18;
 border-top:10px solid #b4de18;
/* background:#b4de18;*/
 padding:2px 1em;

 font:bold 100% Helvetica,Arial,sans-serif;

}
#MENU li a:link {
 color:#000;
}
#MENU li a:visited {
 color:#000;
}
#MENU li a:hover {

 border-top:10px solid #ffffff;

/*
 padding:2px 1em;
 border-top:2px solid #b4d18;
 position:relative;
 top:-2px;
 padding-top:10px;
 margin-top:-15px;
*/
}
#MENU li.menu-on a:link {

 border-top:10px solid #ffff00;

/*
 position:relative;
 top:-10px;
*/
}
#MENU li.menu-on a:visited {

 border-top:10px solid #ffff00;

/*
 position:relative;
 top:-10px;
*/
}
#MENU li.menu-on a:hover {

 border-top:10px solid #ffff00;

/*
 padding:2px 1em;
*/
}
/*--------------------------------*/
/* 記事部分（左：メインのカラム） */
/*--------------------------------*/
#KIZI {
 width:490px;

 border-right:1px solid #e5e5e5;

 font-size:92%;
 padding:1em 0 0;
 float:left;
}
/* 記事部分のリンク */
#KIZI a {
 text-decoration:underline;
}
#KIZI a:link {
 color:#2e9cc0;
}
#KIZI a:visited {
 color:#9cc02e;
}
#KIZI a:hover {
 color:#999;
 text-decoration:none;
}
#KIZI .text {
 margin:2px 0 2em;
 padding:0.5em 0.5em 0.5em 1em;
 border-top:2px solid #888;
 width:95%;
}
/* 戻りの設定 */
#KIZI ul.modori {
 list-style:none;
}
#KIZI ul.modori li {
 list-style:none;
 display:block;
 text-align:right;
}
#KIZI ul.modori li a {
 display:inline;
 text-decoration:none;
 font-size:84%;
 font-weight:bold;
}
#KIZI ul.modori a:link {
 color:#555;
 border-bottom:3px solid #ddd;
}
#KIZI ul.modori a:visited {
 color:#555;
 border-bottom:3px solid #ddd;
}
#KIZI ul.modori li a:hover {
 color:#000;
 border-bottom:3px solid #888;
}
/*  */
#KIZI {

}
/*--------------------------------*/
/* 記事部分（右：サブのカラム） */
/*--------------------------------*/
#SUB {
 width:216px;
 /*border:1px dotted #e5e5e5;*/
 font-size:92%;
 margin:0;
 padding:1em 0 0 ;
 float:left;
}
/* 記事部分のリンク */
#SUB a {
 text-decoration:underline;
}
#SUB a:link {
 color:#2e9cc0;
}
#SUB a:visited {
 color:#9cc02e;
}
#SUB a:hover {
 color:#999;
 text-decoration:none;
}
#SUB .text {
 width:200px;
 margin:2px 0 1em 0.2em;
 padding:0.5em 0.4em 0.12em 0.4em;
 /*margin:2px 0 2em;*/
 /*padding:0.5em 0.5em 0.5em 1em;*/
 background:#fcfcfc;
 border-style:solid;
 border-width:2px 1px 1px 1px;
 border-color:#e8e8e8 #eee #eee #ccc; /* #ccc #eee #eee #ccc; */
/*
 border:1px solid #e5e5e5;
*/
 /*border-top:2px solid #888;*/
 /*width:91%;*/
}
/*----------*/
/* フッター */
/*----------*/
#FOOTER {
 font-size:74%;
 padding:1em 0.5em;
 text-align:right;
 color:#777;
 border-top:2px solid #e5e5e5;
 border-bottom:2px solid #666; /* 5px solid #888; */
 clear:both;
}
#FOOTER h2 {
 display:none;
}
#FOOTER a:link {
 color:#777;
 text-decoration:none;
}
#FOOTER a:visited {
 color:#777;
 text-decoration:none;
}
#FOOTER a:hover {
 color:#000;
 text-decoration:underline;
}
#FOOTER ul {
 list-style:none;
}
#FOOTER li {
 display:inline;
 margin:0 0.5em;
}
#FOOTER li a {
}
#FOOTER li address {
 display:inline;
}
#FOOTER img {
 margin:0 0.5em 0 0;
}
/*--------*/
/* その他 */
/*--------*/
#EXTEND {
 width: 1px;
 height: 1px;
 position: absolute;
 top: -9999px;
 left: -9999px;
}
/*--------*/
/* 見出し */
/*--------*/
#INDEX h1 {
/*
 font-size:378%;
*/
}
#HEADER h1 {
 margin:0;
 padding:0.21em 15px 0 15px;
 font:bold 378% "Century Gothic",Futura,Helvetica,Arial,sans-serif;
 letter-spacing:2.5pt;
 color:#fff;
}
#HEADER h2 {
 margin:0;
 padding:0 0 0 17px;
 font-size:70%;
 color:#eee;
}
#KIZI h2 {
 font:bold 128% "Century Gothic",Futura,Helvetica,Arial,sans-serif;
 margin:0 0 0 0.5em;
 padding:0.2em 1em 0.2em 0.5em;
 display:inline;
 background:#888;
 color:#fff;
 border-left:10px solid #b4de18;
 border-right:1px solid #666;
}
#SUB h2 {
 font:bold 128% "Century Gothic",Futura,Helvetica,Arial,sans-serif;
 margin:0 0 0 0.15em;
 padding:0.2em 1em 0.2em 0.5em;
/*
 margin:0 0 0.5em 0.15em;
 padding:0.3em 1em 0em 0.5em;
*/
 display:inline;
/*
 border:1px solid #e8e8e8;
*/
 background:#e8e8e8;
 color:#888;
 border-left:10px solid #c0c0c0;
 border-right:1px solid #ccc;
}
h3 {
 font:bold 118% "Century Gothic",Futura,Helvetica,Arial,sans-serif;
 margin:1em 0 0.4em -0.2em;
 padding-left:0.3em;
 border-left:7px solid #ccc;
}
h4 {
 font:bold 108% "Century Gothic",Futura,Helvetica,Arial,sans-serif;
 margin:1em 0 0.3em;
}
h5,h6 {
 margin:0.8em 0.5em 0.4em;
}
h6 {
 text-align:center;
}
/*----------------------*/
/* その他　必要に応じて */
/*----------------------*/
/* 仕切線 */
hr {
 display:none;
}
/* 画像リンクの枠線を消す */
img {
 border:none;
}
img.photo {
 border-style:solid;
 border-width:1px 2px 2px 1px;
 border-color:#999 #999 #999 #999;
 background-color:#fff;
 padding:0.2em;
}
/* 連絡先 */
address {
}
/* 強調 */
em {
/*
 font-weight:bold;
*/
 color:#333;
 /* background:#f6f6f6; */ /* #e8e8e8; */
 border-bottom:1px dotted #ccc;
}
/* 最も強い強調 */
strong {
 font-weight:bold;
 color:#c02e53;
 background:#e8e8e8;
}
/* 追加 */
ins {
 text-decoration:underline;
 border-bottom:1px dotted #999;
}
/* 削除 */
del {
 text-decoration:line-through;
}
/* 短い引用・出典 */
q,cite {
 border:1px solid #ddd;
 padding:0.1em;
}
/* 上付き・下付き文字 */
sup {
 font-size:84%;
 vertical-align:super;
}
sub {
 font-size:84%;
 vertical-align:sub;
}
/* 物理的タグ・使用は極力避ける */
tt    { font-family:monospace; } /* 等幅 */
b     { font-weight:bold; } /* 太字 */
i     { font-style:oblique; } /* 斜体 */
big   { font-size:132%; } /* 文字大 */
small { font-size:84%; } /* 文字小 */
/* フォーム */
input,textarea,select {
 background:#f0f0f0;
 color:#505050;
 border:none;
 margin:0.1em 0;
}
input#BUTTON {
 padding:0 0.5em;
 color:#fff;
 font-weight:bold;
 letter-spacing:1pt;
 background:#888;
}
/* 番号付きリスト */
#KIZI ol {
 list-style-position:outside;
 padding:5px;
 margin:0 1em 0 1.5em;
}
#KIZI ol li {
 padding:0;
}
/* 普通リスト */
#KIZI ul {
 list-style:outside disc;
 padding:5px;
 margin:0 0 1em 1.5em;
}
#KIZI li {
 padding:0;
}
/* 説明付きリスト */
#KIZI dl {
 list-style-position:inside;
 padding:5px;
}
#KIZI dt {
 font-weight:bold;
 margin:0.2em 0 0;
 padding:0 0.35em;
 border-left:4px solid #b4de18;
}
#KIZI dd {
 padding:0 0.35em;
 border-left:4px solid #e8e8e8;
}
/* 説明付き画像(小) */
#KIZI dl.img-box1 {
 margin:1em 0;
 background:#fcfcfc;
 border-style:solid;
 border-width:1px;
 border-color:#ccc #eee #eee #ccc;
/*
 border:1px dotted #e8e8e8;
*/
 overflow:auto;
}
#KIZI dl.img-box1 dt {
 width:110px;
 float:left;
 border:none;
}
#KIZI dl.img-box1 dd {
 margin-left:110px;
 padding:0 0.5em;
 border:none;
}
/* 説明付き画像(中) */
#KIZI dl.img-box2 {
 margin:1em 0;
 background:#fcfcfc;
 border-style:solid;
 border-width:1px;
 border-color:#ccc #eee #eee #ccc;
/*
 border:1px dotted #e8e8e8;
*/
 overflow:auto;
}
#KIZI dl.img-box2 dt {
 width:160px;
 float:left;
 border:none;
}
#KIZI dl.img-box2 dd {
 margin-left:160px;
 padding:0 0.5em;
 border:none;
}
/* 説明付き画像(大) */
#KIZI dl.img-box3 {
 margin:1em 0;
 background:#fcfcfc;
 border-style:solid;
 border-width:1px;
 border-color:#ccc #eee #eee #ccc;
/*
 border:1px dotted #e8e8e8;
*/
 overflow:auto;
}
#KIZI dl.img-box3 dt {
 width:210px;
 float:left;
 border:none;
}
#KIZI dl.img-box3 dd {
 margin-left:220px;
 padding:0 0.5em;
 border:none;
}
/* 枠付きボックス */
#KIZI .box {
 background:#fcfcfc; /* #fcffff; */
 border-style:solid;
 border-width:1px;
 border-color:#ccc #eee #eee #ccc;
/*
 border:1px solid #ccc;
*/
 padding:1em;
 margin:1em 0;
}
/* メールフォーム用ボックス */
#KIZI iframe#contact-box {
 width:460px;
 height:420px;
 background:#fcfcfc;
 border-style:solid;
 border-width:1px;
 border-color:#ccc #eee #eee #ccc;
/*
 border:1px solid #ccc;
*/
 padding:0px;
 margin:1em 0;
 overflow:visible;
}
#KIZI p.rss {
 margin:0;
 padding:0;
 width:55px;
 height:18px;
 text-decoration:none;
/*
 border-right:1px solid #666;
 border-bottom:1px solid #666;
*/
 overflow:hidden;
}
#KIZI p.next {
 margin:0 0 0 1em;
 padding:0;
 width:72px;
 height:16px;
 font-size:72%;
 color:#666;
 text-align:center;
 text-decoration:none;
 background:#f9f9f9;
 border-style:solid;
 border-width:1px;
 border-color:#ccc #666 #666 #ccc;
}
#KIZI .next a {
 text-decoration:none;
}
/* お知らせ小窓用ボックス */
#SUB iframe#topic-box {
 width:199px; /* 216px; */
 height:120px;
 border:0px solid #ccc;
 padding:0px;
 margin:0 0 0.35em 0;
 overflow:auto;
 font-size:60%;
}
/* 段落 */
p {
 margin:0 0 0.4em;
}
/* 引用 */
blockquote {
 border-left:3px solid #ddd;
 margin:0.5em 0 0.5em 1em;
 padding:5px;
}
/* 整形済みテキスト */
pre {
 background:#f3f3f3;
 color:#333;
 margin:0 0 2em 0; /* 0.5em; */
 padding:5px;
/*
 width:94.5%;
*/
/*
 border:1px dotted #666;
*/
 border-style:solid;
 border-width:1px;
 border-color:#333 #ccc #ccc #333;
 overflow:clip; /* scroll; */
 font-size:72%;
 white-space:-moz-pre-wrap; /* Mozilla */
 white-space:-pre-wrap;     /* Opera 4-6 */
 white-space:-o-pre-wrap;   /* Opera 7 */
 white-space:pre-wrap;      /* CSS3 */
 word-wrap:break-word;      /* IE 5.5+ */
}
/* URLの記載 */
.uri {
 margin:0 0; /* 0.4em; */
 font-size:96%;
 font-weight:bold;
}
/* floatを解除したいブロック要素自体にクラスを指定する */
/* float解除 */
/* ここから  */
.clearfix:after {
　content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {
 display:inline-table;
}
/* IE-macでは適応させない \*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display:block;
}
/* End hide from IE-mac */
/* ここまで             */
/* IE7での対応 */
/* ここから    */
.clearfix {
 zoom:1; /*for IE 5.5-7*/
}
/* End Patch from IE7 */
/* clearfix ここまで  */

/* テーブル装飾 */
table {
 width:460px;
 table-layout:fixed;
 border-collapse: collapse;
 border:1px solid #cccccc;
 font-size:72%; /* 84% */
 empty-cells:hide;
 margin:0 0 1em 0;
}
th {
 color: #333333; /* 文字の色 */
 background-color:#c8c8c8; /* 背景の色 */
 border:1px solid #666666;
 text-align:left;
 padding:0.3em;
}
th.r1 {
 width:150px;
}
th.r2 {
 width:220px;
}
th.r3 {
 width:90px;
}
td.c1 {
 color: #333333; /* 文字の色 */
 background-color:#fcfcfc; /* 背景の色 */
 border:1px solid #666666;
 text-align:left;
 padding:0.3em;
}
td.c2 {
 color: #333333; /* 文字の色 */
 background-color:#f6f6f6; /* 背景の色 */
 border:1px solid #666666;
 text-align:left;
 padding:0.3em;
}
