/* 全体の配置決定 \*/

body         {text-align: center; margin: 0px; padding: 0px; color: #000;}   


/* ｈについて \*/

h1         {font-size: 15px; margin: 15px 0px 0px 0px;}
h2         {font-family:cursive ; font-size:40px ; margin: 0px 0px 0px 0px;}
h3         {font-size: 15px; margin: 15px 0px 0px 0px;}
h4         {font-size: small; margin: 20px 0px 0px 0px; }
h5         {font-size: small; margin: 20px 0px 0px 0px; color: #666;}

/* 普通のリンク \*/

a          {color: #036; text-decoration: underline;}
a:visited  {color: #666; text-decoration: underline;}
a:hover    {color: #F90; text-decoration: none;}

/* 右寄せ \*/

.update1   {font-size: 12px; color: #333; margin: -30px 10px 0px 0px; text-align: right;}
.update    {font-size: 12px; color: #333; margin: 0px 10px 0px 0px; text-align: right;}
.b_top     {font-size: 12px; color: #333; margin: -14px 0px 30px 0px; text-align: right;}
.b_top a   {font-size: 12px; color: #933; margin: -14px 0px 36px 0px; text-align: right;}
.b_top visited   {font-size: 12px; color: #933; margin: -14px 0px 36px 0px; text-align: right;}


/* 本文テキストプロパティ・インデント有り \*/

.int1  {text-align: left; line-height: 140%; margin: 0px 0px 14px 0px; padding: 0px 0px 0px 14px;}
.int2  {text-align: left; line-height: 140%; margin: 0px 0px 14px 0px; padding: 0px 0px 0px 36px;}


/* 小さくオマケ（付則） \*/

.omake  {line-height: 120%; font-size: 12px; margin: 0px 0px 14px 0px; color: #666;}


/* 強調 \*/

.kyo      {font-weight: bold; font-size: 18px; letter-spacing: 1px; color: #333;}


/* NEW \*/
.new        {color: #c30; font-weight: bold; font-size: x-small;}

/* 画像の配置 \*/

.img_l {border-style: none; float: left; margin: 5px 10px 10px 0px; display: block; }

.img_l2 {border-style: none; float: left; padding: 5px 30px 0px 10px; display: block; }

.img_r {border-style: none; float: right; margin: 5px 0px 10px 10px; display: block; }


/* 進むと戻る \*/

.forward   {
            float:right;
            width: 90%;
            height: auto;
            text-align: right; 
            margin: 0px 10px 10px 0px; 
            padding: 0px 26px 0px 0px; 
            background: url(img/forward1.gif) no-repeat right;
}


.return    {
            clear: both;
            width: 80%;
            height: auto;
            text-align: left; 
            margin: 20px 0px 10px 10px; 
            padding: 0px 0px 0px 26px; 
            background: url(img/return1.gif) no-repeat left;
}


/* テーブルプロパティ \*/

table    {display: table}
tr       {display: table-row}
td       {display: table-cell}


/* テーブルの表示 \*/

.tbl1     {
           text-align: left;
           vertical-align: top;
           line-height: 130%;
           margin: 20px 20px 0px 20px;
           padding: 0px;
           display: table;
           border-bottom: 1px solid #999;
           border-right: 1px solid #999;
           width: 400px; 
           height: auto; 
}

.cel1     {
           background: #fff; 
           vertical-align: top; 
           border-top: 1px solid #999; 
           border-left: 1px solid #999;
           margin: 0px;
           padding: 1px 4px; 
           display: table-cell;
           width: 91px;
           height: auto;
}

.cel2     {
           text-align: right;
           background: #fff; 
           border: 3px solid #000;
           margin: 0px;
           padding: 1px 4px; 
           display: table-cell;
           width: 450px;
           height: auto;
}
.cel3     {
           text-align: left;
           background: #fff; 
           border: 3px solid #000;
           margin: 0px;
           padding: 1px 4px; 
           display: table-cell;
           width: 300px;
           height: auto;
}
/* テーブル（フォーム用） \*/

.tbl_f    {
           text-align: left;
           vertical-align: top;  
           line-height: 140%;
           letter-spacing: 1px; 
           padding: 2px 4px;
           margin: 20px;
           background: #ddb;
           display: block;
           width: 397px;
           height: auto;
}

.cel_f    {
           background: auto; 
           vertical-align: top; 
           margin: 0px; 
           padding: 1px 4px; 
           display: table-cell;
           width: 320px;
           height: auto;
}

.cel_f2   {
           background: auto; 
           vertical-align: top; 
           margin: 0px; 
           padding: 1px 4px; 
           display: table-cell;
           width: 71px;
           height: auto;
}

          
/* エリアの規定 \*/

#layout {
         background: #fff;
         vertical-align: top;
         width: 700px;
         height: auto;
         margin: 0px auto;
         text-align: left;
         border-right: 1px solid #333;
         border-left: 1px solid #333;
}


/* 見出しだよ（h1要素・通常隠す） \*/

#topbar { 
         position: absolute;
         text-align: center; 
         top: 20px;
         width: 700px;
         height: 16px;
         margin: 0px;
         visibility: hidden;
}


/* ヘッダだよ \*/

#header { 
         position: relative;
         text-align: left; 
         width: 700px;
         height: 55px;
         margin: 0px 0px 10px 0px;
         z-index: 1;
}

#header img {border-style: none;}


/* 誘導バナー（ヘッダの上に絶対配置） \*/

#catch { 
         position: absolute;
         text-align: right;
         color: #333;
         top: 10px; 
         width: 660px;
         height: 20px;
         margin: 15px 0px 0px 0px;
         z-index: 2;
}

#catch img {border-style: none;}


/* メニューバー \*/

#navbar      {  
              position: relative;
              width: 700px;
              height: 35px; 
              margin: 0px;
              background: #ddf;
              text-align: right;
              font-size: 14px;
}


#navbar ul   {margin: 3px 0px 2px 0px; padding: 0px; }

#navbar li   {
              float: left;
              width: 120px;
              height: 22px;
              text-align: center;
              list-style-type: none;
              margin: 3px 20px 0px 0px;
              letter-spacing: 1px;
              background: #fff;
              border: 1px solid #00f;
              border-left: 10px solid #aa5;
              display: block;
              overflow: hidden;
}

#navbar li a {
              color: #00f;
              text-decoration: none;
              height: 18px; 
              padding: 4px 0px 0px 0px;
              display: block;
}

#navbar li a, #navbar li a:link, #navbar li a:visited {color: #fff; text-decoration: none;}

#navbar li a:hover {color: #00f; text-decoration: none; background-color: #ffc;}

.navi a      {background: #060;}


/* トップ画像だよ \*/

#board {  
         position: relative;
         width: 700px;
         margin: 0px;
         border-top: 1px solid #333;
         border-bottom: 1px solid #333;
}


/* 左カラムだよ \*/

#column1      {  
               position: relative;
               float: left;
               width: 475px;
               height: auto; 
               line-height: 150%; 
               vertical-align: top;
               text-align: left;
               margin: 10px 0px;
               padding: 0px 10px 0px 10px;
}


#column1 ul   {
               list-style-image: url(img/li_mark1.gif);
               list-style-position: outside;
               margin: 0px 0px 10px 30px; 
               padding:  0px 0px 0px 0px; 
}

#column1 li {line-height: 120%; padding: 4px 0px;}


/* 左カラム見出しだよ \*/

#column1 h3 {
             position: relative; 
             clear: both;
             width: 435px; 
             height: 16px;
             vertical-align: top;
             border-left: 8px solid #933;
             border-bottom: 1px solid #933; 
             margin: 32px 0px 12px 0px; 
             padding: 0px 0px 2px 10px;
             letter-spacing: 1px;
             display: block;
}

#column1 h4 {
             position: relative; 
             width: 92%;
             height: 14px; 
             border-bottom: 1px solid #999;
             margin: 50px 0px 5px 14px; 
             padding: 0px 0px 2px 0px;
             display: block;
}

#wawoaishi { position: relative; 
             width: 400px;
             height: 70px; 
             margin: 10px 0px 14px 14px;
             background: url(img/h2_wa.gif) no-repeat ; 
             display: block;
}


/* リンクバナー画像 \*/

.banner     {margin: 24px 0px 10px 20px;}
.banner img {border: 1px solid #999;}


/* 回り込みを防止するブロック \*/

.box1       {clear: both; width: 100%; height: auto; margin: 0px; padding: 0px; display: block;}


/* 右カラムだよ \*/

#column2     {
              float:right;
              position:relative;
              width: 185px;
              height: auto;
              line-height: 120%;
              vertical-align: top;
              margin: 10px 0px;
              padding: 0px 5px; 
              border-left: 1px solid #999;
}



#column2 ul   {
               list-style-type: none; 
               list-style-image: url(img/li_mark2.gif);
               list-style-position: outside;
               margin: 0px 0px 25px 25px; 
               padding:  0px; 
}

#column2 li {line-height: 120%; padding: 4px 2px;}

#column2 img {margin: 3px 0px;}


/* 右カラム見出しだよ \*/


#column2 h3 {
             position: relative; 
             clear: both;
             width: 165px; 
             height: 20px; 
             border-left: 8px solid #995;
             border-bottom: 1px solid #995; 
             margin: 0px 0px 10px 0px; 
             padding: 0px 0px 0px 10px;
             letter-spacing: 1px;
             display: block;
}

#column2 p  {margin: 5px 0px 20px 10px; line-height: 150%;}


/* インフォメーション \*/

#info        { 
               clear: both;
               position: relative;
               width: 700px;
               height: auto;
               font-size: 12px; 
               line-height: 140%; 
               letter-spacing: 1px;
               text-align: right;
               vertical-align: top;
               border-top: 1px solid #666;
               padding: 10px 0px;

}

#info ul   {margin: 0px; padding: 0px;}

.inf       {list-style: none; text-align: left; margin: 0px;}

.inf li    {
            float: left;
            text-align: left;
            letter-spacing: 1px;
            padding: 0px 12px;
            border-right: 1px solid #333;
}


/* フッターだよ \*/

#footer      { 
               clear: both;
               position: relative;
               width: 680px;
               height: 30px;
               font-size: 10px; 
               line-height: 120%; 
               letter-spacing: 1px;
               text-align: left;
               vertical-align: top;
               border-top: 1px solid #666;
               margin: 0px 10px;
               padding: 10px 0px;
}