@charset "Shift_Jis";
body{
color:#333;
font-family:Verdana,Chicago,osaka,"ＭＳ Ｐゴシック",sans-serif;
line-height:150%;
font-size:90%;
background-image:url(uma.jpg);
background-position:0px 100%;
background-repeat:no-repeat;
background-attachment:fixed;
}

p{
margin:1.5em 20px;
padding:5;
}

table{
font-family:Verdana,Chicago,osaka,"ＭＳ Ｐゴシック",sans-serif;
font-size:100%; 
}

.bar
{
FONT-SIZE: 13px;
COLOR: black;
font-weight : bold;
FONT-FAMILY: Verdana, Arial, serif;
TEXT-DECORATION: none
}


div.hyou {
text-align:center;  /* IE用 */
margin-left:auto;   /* その他のブラウザ用 */
margin-right:auto;  /* その他のブラウザ用 */
}

div.box  { position: relative; width: 90%;
           height: auto;padding: 10px; background: #ccccpp; 
           border: 1px solid #002; font-size:100%; color: #804000 }
div.box1  { position: relative; width: 90%;
           height: auto;padding: 10px; background: #ccccpp; 
           border: non solid #002; font-size:100%; color: #000 }


a:link   {color:#0066cc;}                  /* リンク色 */
a:visited{color:#0066cc;}                  /* 既読リンク色 */
a:hover  {color:#c90;                   /* カーソルがリンクの上に来た時の色 */
          text-decoration:underline;}   /* カーソルがリンクの上に来たとき下線を出す */

a{text-decoration: none;                /* リンクの下線を消す */
  font-weight : bold;}                  /* 文字を太くする */

/***** h1要素の設定 ******/
h1{                             /* daimeの設定 */
margin:4px 20px 2px 20px;       /* マージン */
padding:3px 6px;                /* パディング */
font-size:120%;                 /* 文字サイズ */
color:#fff;                     /* 文字色 */
background-color:#cc9966;          /* 背景色 */
border-bottom:solid 3px #996666;   /* 下罫線 */
border-right :solid 5px #996666;   /* 右罫線 */
}
   
h2{
margin:4px 20px 2px 20px;
padding:3px 6px;
font-size: 130%;
color:#fff;
background-image   :url(../img/h2_1.gif);
background-position:100% 0;
font-weight:bold;
}

h3{
margin:2em 20px 1em;
padding:0;
border-bottom:4px solid #813700;
font-size:130%;
}

h4{
margin:2em 20px 1em;
padding:0;
border-bottom:2px solid #f5deb3;
font-size:120%;
}

h5{
margin:2em 20px 1em;
padding:0;
border-bottom:1px solid #ffb6c1;
font-size:110%;
}

h6{
margin:2em 20px 1em;
padding:0;
font-size:100%;
}

/***** インデックス（index.html）の設定 ******/
#index{                          /* indexの設定 */
   background-position:0 100%;   /* 背景画像の位置 */
   }

h1#title{                 /* サイト名 */
   margin-bottom:25px;    /* 下マージン */
   padding:0;             /* パディング */
   font-size:200%;        /* 文字サイズ */
   color:#6A1000;            /* 文字色 */
   font-weight:lighter;   /* 文字を細くする */
   background:none;      /* 背景色を消す */
   border:none;           /* 罫線を消す */
   }

h1#title1{                 /* サイト名 */
   margin-bottom:15px;    /* 下マージン */
   padding:0;             /* パディング */
   font-size:180%;        /* 文字サイズ */
   color:#6A1000;            /* 文字色 */
   font-weight:lighter;   /* 文字を細くする */
   background:none;      /* 背景色を消す */
   border:none;           /* 罫線を消す */
   }

#enter{              /* enter部分 */
   font-size:140%;   /* 文字サイズ */
   }

/***** メニュー（menu.html）の設定 ******/
#menu{                           /* メニューの設定 */
   background-position:0 100%;   /* 背景画像の位置 */
　　　}

#menu table{      /* menu.htmlのテーブル */
   width:100%;    /* 幅 */
   height:90%;   /* 高さ */
   }
#menu td{                   /* menu.htmlのセル */
   font-size:180%;          /* 文字サイズ */
   line-height:140%;        /* 行間 */
   vertical-align:bottom;   /* 下揃え */
   }

#menu ul{       /* メニュー01 */
   margin:0;    /* マージン */
   padding:0;   /* パディング */
   }
#menu li{             /* メニュー02 */
   margin:0;          /* マージン */
   padding:0;         /* パディング */
   list-style:none;   /* リストスタイル */
   }

div#DISP{
padding: 0px;
margin-left: 0px;
text-align: left;
font-weight : bold;
width: 100%;
}

div#DISP a:link{
font-size: 13px;
color: #fff;
background-color: #cc9966;
padding-top: 1px;
padding-right: 10px;
padding-bottom: 1px;
padding-left: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #efefef;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #efefef;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #777777;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #777777;
text-decoration: none;
margin: 0px;
}

div#DISP a:visited{
font-size: 13px;
color: #fff;
background-color: #cc9966;
padding-top: 1px;
padding-right: 10px;
padding-bottom: 1px;
padding-left: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #efefef;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #efefef;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #777777;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #777777;
text-decoration: none;
margin: 0px;
}

div#DISP a:hover{
font-size: 13px;
color: #000;
background-color: #ffffe0;
padding-top: 1px;
padding-right: 10px;
padding-bottom: 1px;
padding-left: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #777777;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #777777;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #efefef;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #efefef;
text-decoration: none;
margin: 0px;
}