@charset "Shift_JIS";
*+html body *{zoom:1;}
html,body,div,p,h1,h2,h3,h4,h5,h6,form,table,th,td,dl,dt,dd,ul,ol,li,img,address{margin:0;padding:0;}
ul>li{margin-left:30px;list-style:circle outside;zoom:nomal;line-height:160%;}
a img{border:0}
body{background-color:#cc6633;}

a:link {color:#8000ff;}
a:visited {color:#333366;} 
a:active {color:#4d4b3d;} 
a:hover {color:#cc6633;}

table{caption-side:top;border-collapse:collapse;border-spacing:0;width:900px;padding:0.5em 0.3em;margin:0px auto;border-width:0 5px;border-style:solid;border-color:#000000;background-color:#ffffff;zoom:normal;}
p{font-size:1em;line-height:160%;margin:0.5% 4%;}
p.photo{font-size:1em;line-height:160%;margin:1% auto;}
p.photo img{border:solid #000000 1px;float:left;padding:3px;}

dl{margin:1% 4%;}
dt{font-weight:bold;}
dd{line-height:160%;}
address{font-size:0.8em;color:#000000;font-weight:bold;font-style:normal;text-align:right;font-family:Arial,sans-serif;}

#select td{width:150px;text-align: center;border:3px solid #000000;font-family:Arial,sans-serif;font-weight:bold;background-color:#cc6633;}
#select td a{color:#000000;display:block;margin:1% 0;}
#select td a:hover{color:#ffffff;}
#top img{display:block;margin: 25px auto;text-align: center;}
#contents{padding:20px 35px;}
#contents div{min-height:400px;}
h2{border-left:12px solid #000000;padding-left:3px;margin-bottom:1em;}
p+h3{margin-top:1em;}
ul#ivent li{display:inline;}
ul.pindex li{list-style-type:none;}
ul.pindex a:hover img{-moz-opacity:0.5;opacity:0.5;filter: alpha(opacity=50);} 
#footer{}



/*---- ギャラリー ----*/
.gallery_body{margin:0 auto;padding:0;width:624px;height:480px;}

#gallery {
  width: 624px; /* サムネール画像と拡大画像を足した幅 */
  height: 432px;
  position: relative; /* 子要素の位置を absolute させるために指定 */
  background: #cccccc;
}
      #gallery a img {
        width: 48px; /* サムネール用に縮小 */
        height: 36px; /* サムネール用に縮小 */
        border: none;
        position: relative; /* z-index を指定するため */
        z-index: 3; /* 常に最前面のレイヤーへ表示 */
      }
  #gallery li {
    width: 48px;
    height: 36px;
    background: #fefefe url(check.png) top left no-repeat; /* マウスオーバーやクリック時に現れる背景画像 */
    z-index: 3; /* 常に最前面のレイヤーへ表示 */
    font-size: 0; /* IE 用に指定（http://cssbug.at.infoseek.co.jp/detail/winie/b100.html を参照） */
    line-height: 0; /* 同上 */
    vertical-align: bottom; /* 同上 */
    list-style:none outside;
    margin-left:0;
  }
    #gallery a {
      display: block;
      width: 48px;
      height: 36px;
      position:relative; /* z-index を指定するため */
      z-index: 3; /* 最前面のレイヤーへ表示 */
    }
    #gallery a:hover {
      width: 576px; /* マウスオーバーで画像拡大 */
      height: 432px; /* マウスオーバーで画像拡大 */
      padding-left: 48px; /* 左のサムネール分余白をとる */
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; /* レイヤー階層をひとつ下に落とす */
    }
     *+html body #gallery a:hover {
      width: 576px; /* マウスオーバーで画像拡大 */
      height: 432px; /* マウスオーバーで画像拡大 */
      padding-left: 48px; /* 左のサムネール分余白をとる */
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2; /* レイヤー階層をひとつ下に落とす */
    }

      #gallery a:hover img {
        width: 576px; /* マウスオーバーで画像拡大 */
        height: 432px; /* マウスオーバーで画像拡大 */
        position: relative; /* z-index を指定するため */
        z-index: 2; /* レイヤー階層をひとつ下に落とす */
      }
    #gallery a:active,
    #gallery a:focus {
      width: 576px;
      height: 432px;
      padding-left: 48px; /* 左のサムネール分余白をとる */
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; /* レイヤー階層を更にひとつ下に落とす */
    }
    *+html body #gallery a:active,
    *+html body #gallery a:focus {
      width: 576px;
      height: 432px;
      padding-left: 48px; /* 左のサムネール分余白をとる */
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1; /* レイヤー階層を更にひとつ下に落とす */
    }
      #gallery a:active img,
      #gallery a:focus img {
        width: 576px;
        height: 432px;
        position: relative; /* z-index を指定するため */
        z-index: 1; /* レイヤー階層を更にひとつ下に落とす */
      }
/*---- ギャラリー END ----*/