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

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


/* ｈについて \*/

h1         {font-size: 15px; margin: 15px 0px 0px 0px;}
h2         {font-size:30px ; margin: 0px 0px 0px 0px;}
h3         {font-size: 15px; margin: 15px 0px 0px 0px;}
h3 a {text-decoration: none;}
/* 普通のリンク \*/

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;}


/* エリアの規定 \*/

#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: 12px;
}


#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 17px 0px 0px;
              letter-spacing: 10px;
              background: #bcd7b3;
              border: 1px solid #00f;

              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: #22a; 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: 400px; 
             height: 22px;
   
             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;

}



/* 右カラムだよ \*/

#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;
}