@charset "UTF-8";

/******************  ギャラリーページ設定 *******************/

/****************** 基本レイアウト：横写真のみのギャラリー *******************/
div#main h4{
  text-align: center;
  padding: 10px 0px 10px 0px;
  font-size: 100%;
}
div#gallery{
    position: relative;
    /* 位置基点 */
    height: 470px;
    border-top: 1px dotted;
}
div#gallery p{
  text-align: center;
  padding: 60px 0px 45px 0px;
}
div#gallerylist{
    overflow-x: scroll;
    overflow-y: hidden;
    width: 567px;
    height: 125px;
    border-top: 1px dotted;
}
div#gallerylist table.gallerylist{
  margin:20px 0px 20px 0px;
}

/********* 画像ポップアップコントロール：横写真のみのギャラリー *********/
div#gallerylist a span{
    display: none;
}
div#gallerylist a:hover{
    display: block;
    background-color: transparent;
}
div#gallerylist a img{
    /* サムネイル画像サイズ */
    width: 80px;
    margin: 0 5px 5px 5px;
}
div#gallerylist a:hover span{
    /* マウスオーバー出現画像場所指定 */
   display: block;
   position: absolute;
   top: 21px;
   left: 77px;
}
div#gallerylist a:hover span img{
    /* マウスオーバー出現画像サイズ */
    width: 400px;
}
/*************** 基本レイアウト：縦写真混在のギャラリー ****************/
div#main h4.length{
  text-align: center;
  padding: 5px 0px 5px 0px;
  font-size: 100%;
}
div#gallery_length{
    position: relative;
    /* 位置基点 */
    height: 630px;
    border-top: 1px dotted;
}
div#gallery_length p{
  text-align: center;
  height: 345px;
  padding: 100px 0px 0px 5px;
}
div#gallerylist_length{
    overflow-x: scroll;
    overflow-y: hidden;
    width: 567px;
    height: 135px;
    border-top: 1px dotted;
}
div#gallerylist_length table.gallerylist_length{
  margin:7px 0px 7px 0px;
}

/*********** 画像ポップアップコントロール：縦写真混在のギャラリー ************/
div#gallerylist_length a span{
    display: none;
}
div#gallerylist_length a:hover{
    display: block;
    background-color: transparent;
}
div#gallerylist_length a img{
    /* サムネイル横画像サイズ */
    width: 80px;
    margin: 0 7px 5px 7px;
}
div#gallerylist_length td.length a img{
    /* サムネイル縦画像サイズ */
    width: 60px;
    margin: 0 7px 5px 7px;
}
div#gallerylist_length a:hover span{
    /*** ポップアップ横画像場所指定 ***/
   display: block;
   position: absolute;
   top:  70px;
   left: 77px;
}
div#gallerylist_length td.length a:hover span{
    /*** ポップアップ縦画像場所指定 ***/
   display: block;
   position: absolute;
   top: 2px;
   left: 124px;
}
div#gallerylist_length a:hover span img{
    /**** マウスオーバー出現横画像サイズ ****/
    width: 400px;
}
div#gallerylist_length td.length a:hover span img{
    /**** マウスオーバー出現縦画像サイズ ****/
    width: 302px;
}

/****** EOF ******/