﻿/* エリア設定
--------------------------------------------------------- */
div#album {
  position: relative;
  width: 725px;
  height: 500px;
  margin: 0 auto 1em;
  background: #efefef;
  border: 1px #fafaff solid;
background: url('./images/album.gif');
}
div#album ul {
  position: absolute;
  top: 5px;
  left: 0px;
  width: 180px;
  height: 60px;
}
div#album ul li {
  float: left;
  margin: 2px 2px 2px 1px;
}

/* 挙動設定
--------------------------------------------------------- */
/* サムネイル画像設定 */
div#album ul li a,
div#album ul li a:visited {
  display: block;
  width: 69px;
  height: 52px;
  border: 2px #fafaff solid;
  z-index: 50;
  outline: none;
}
  div#album ul li a:hover {
  border: 2px #0066ff solid;
  outline: none;
}
  div#album ul li a:active,
  div#album ul li a:focus {
  border: 2px #232379 solid;
  outline: none;
}

/* メイン画像設定 */
div#album ul li a em,
div#album ul li a span {
  display: none;
}
div#album ul li a:active em,
div#album ul li a:focus em {
  position: absolute;
  top:5px;
  left: 240px;
  _left:200px;
  display: block;
  width: 425px;
  border: 0px #e4ddee solid;
  z-index: 50;
}

/* タイトル設定 */
div#album ul li a:hover span {
  position: absolute;
  top:340px;
  left:250px;
_left:0px;
  display: block;
  width: 400px;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  color: #444449;
  z-index: 100;
}



/* 各サムネイル画像読込み設定
--------------------------------------------------------- */
/*2007 */
a#photo07001 {background:url(images/2007/2007001_tm.jpg);}
a#photo07002 {background:url(images/2007/2007002_tm.jpg);}
a#photo07003 {background:url(images/2007/2007003_tm.jpg);}
a#photo07004 {background:url(images/2007/2007004_tm.jpg);}
a#photo07005 {background:url(images/2007/2007005_tm.jpg);}
a#photo07006 {background:url(images/2007/2007006_tm.jpg);}
a#photo07007 {background:url(images/2007/2007007_tm.jpg);}
a#photo07008 {background:url(images/2007/2007008_tm.jpg);}
a#photo07009 {background:url(images/2007/2007009_tm.jpg);}
a#photo07010 {background:url(images/2007/2007010_tm.jpg);}
/*2008 */
a#photo08001 {background:url(images/2008/2008001_tm.jpg);}
a#photo08002 {background:url(images/2008/2008002_tm.jpg);}
a#photo08003 {background:url(images/2008/2008003_tm.jpg);}
a#photo08004 {background:url(images/2008/2008004_tm.jpg);}
a#photo08005 {background:url(images/2008/2008005_tm.jpg);}
a#photo08006 {background:url(images/2008/2008006_tm.jpg);}
a#photo08007 {background:url(images/2008/2008007_tm.jpg);}
a#photo08008 {background:url(images/2008/2008008_tm.jpg);}
a#photo08009 {background:url(images/2008/2008009_tm.jpg);}
a#photo08010 {background:url(images/2008/2008010_tm.jpg);}
/*2009 */
a#photo09001 {background:url(images/2009/2009001_tm.jpg);}
a#photo09002 {background:url(images/2009/2009002_tm.jpg);}
a#photo09003 {background:url(images/2009/2009003_tm.jpg);}
a#photo09004 {background:url(images/2009/2009004_tm.jpg);}
a#photo09005 {background:url(images/2009/2009005_tm.jpg);}
a#photo09006 {background:url(images/2009/2009006_tm.jpg);}
a#photo09007 {background:url(images/2009/2009007_tm.jpg);}
/*2010 */
a#photo10001 {background:url(images/2010/2010001_tm.jpg);}
a#photo10002 {background:url(images/2010/2010002_tm.jpg);}
a#photo10003 {background:url(images/2010/2010003_tm.jpg);}
a#photo10004 {background:url(images/2010/2010004_tm.jpg);}
a#photo10005 {background:url(images/2010/2010005_tm.jpg);}
/*2011 */
a#photo11001 {background:url(images/2011/2011001_tm.jpg);}
a#photo11002 {background:url(images/2011/2011002_tm.jpg);}
a#photo11003 {background:url(images/2011/2011003_tm.jpg);}
a#photo11004 {background:url(images/2011/2011004_tm.jpg);}
a#photo11005 {background:url(images/2011/2011005_tm.jpg);}
a#photo11006 {background:url(images/2011/2011006_tm.jpg);}
a#photo11007 {background:url(images/2011/2011007_tm.jpg);}
a#photo11008 {background:url(images/2011/2011008_tm.jpg);}
a#photo11009 {background:url(images/2011/2011009_tm.jpg);}
a#photo11010 {background:url(images/2011/2011010_tm.jpg);}
a#photo11011 {background:url(images/2011/2011011_tm.jpg);}
/*2012 */
a#photo12001 {background:url(images/2012/2012001_tm.jpg);}
a#photo12002 {background:url(images/2012/2012002_tm.jpg);}
a#photo12003 {background:url(images/2012/2012003_tm.jpg);}
a#photo12004 {background:url(images/2012/2012004_tm.jpg);}
a#photo12005 {background:url(images/2012/2012005_tm.jpg);}
a#photo12006 {background:url(images/2012/2012006_tm.jpg);}
a#photo12007 {background:url(images/2012/2012007_tm.jpg);}
a#photo12008 {background:url(images/2012/2012008_tm.jpg);}
a#photo12009 {background:url(images/2012/2012009_tm.jpg);}
a#photo12010 {background:url(images/2012/2012010_tm.jpg);}
a#photo12011 {background:url(images/2012/2012011_tm.jpg);}
a#photo12012 {background:url(images/2012/2012012_tm.jpg);}
a#photo12013 {background:url(images/2012/2012013_tm.jpg);}
a#photo12014 {background:url(images/2012/2012014_tm.jpg);}
a#photo12015 {background:url(images/2012/2012015_tm.jpg);}
a#photo12016 {background:url(images/2012/2012016_tm.jpg);}
a#photo12017 {background:url(images/2012/2012017_tm.jpg);}
a#photo12018 {background:url(images/2012/2012018_tm.jpg);}
a#photo12019 {background:url(images/2012/2012019_tm.jpg);}
a#photo12020 {background:url(images/2012/2012020_tm.jpg);}
/*2013 */
a#photo13001 {background:url(images/2013/2013001_tm.jpg);}
a#photo13002 {background:url(images/2013/2013002_tm.jpg);}
a#photo13003 {background:url(images/2013/2013003_tm.jpg);}
a#photo13004 {background:url(images/2013/2013004_tm.jpg);}
a#photo13005 {background:url(images/2013/2013005_tm.jpg);}
a#photo13006 {background:url(images/2013/2013006_tm.jpg);}
a#photo13007 {background:url(images/2013/2013007_tm.jpg);}
a#photo13008 {background:url(images/2013/2013008_tm.jpg);}
a#photo13009 {background:url(images/2013/2013009_tm.jpg);}
a#photo13010 {background:url(images/2013/2013010_tm.jpg);}
a#photo13011 {background:url(images/2013/2013011_tm.jpg);}
a#photo13012 {background:url(images/2013/2013012_tm.jpg);}
a#photo13013 {background:url(images/2013/2013013_tm.jpg);}
a#photo13014 {background:url(images/2013/2013014_tm.jpg);}
a#photo13015 {background:url(images/2013/2013015_tm.jpg);}
a#photo13016 {background:url(images/2013/2013016_tm.jpg);}
a#photo13017 {background:url(images/2013/2013017_tm.jpg);}
a#photo13018 {background:url(images/2013/2013018_tm.jpg);}
a#photo13019 {background:url(images/2013/2013019_tm.jpg);}
a#photo13020 {background:url(images/2013/2013020_tm.jpg);}
a#photo13021 {background:url(images/2013/2013021_tm.jpg);}
a#photo13022 {background:url(images/2013/2013022_tm.jpg);}
/*2014 */
a#photo14001 {background:url(images/2014/2014001_tm.jpg);}
a#photo14002 {background:url(images/2014/2014002_tm.jpg);}
a#photo14003 {background:url(images/2014/2014003_tm.jpg);}
a#photo14004 {background:url(images/2014/2014004_tm.jpg);}
a#photo14005 {background:url(images/2014/2014005_tm.jpg);}
a#photo14006 {background:url(images/2014/2014006_tm.jpg);}
a#photo14007 {background:url(images/2014/2014007_tm.jpg);}
a#photo14008 {background:url(images/2014/2014008_tm.jpg);}
a#photo14009 {background:url(images/2014/2014009_tm.jpg);}
a#photo14010 {background:url(images/2014/2014010_tm.jpg);}
a#photo14011 {background:url(images/2014/2014011_tm.jpg);}
/*2015 */
a#photo15001 {background:url(images/2015/2015001_tm.jpg);}
a#photo15002 {background:url(images/2015/2015002_tm.jpg);}
a#photo15003 {background:url(images/2015/2015003_tm.jpg);}
a#photo15004 {background:url(images/2015/2015004_tm.jpg);}
a#photo15005 {background:url(images/2015/2015005_tm.jpg);}
a#photo15006 {background:url(images/2015/2015006_tm.jpg);}
a#photo15007 {background:url(images/2015/2015007_tm.jpg);}
a#photo15008 {background:url(images/2015/2015008_tm.jpg);}
a#photo15009 {background:url(images/2015/2015009_tm.jpg);}
a#photo15010 {background:url(images/2015/2015010_tm.jpg);}
a#photo15011 {background:url(images/2015/2015011_tm.jpg);}
a#photo15012 {background:url(images/2015/2015012_tm.jpg);}
a#photo15013 {background:url(images/2015/2015013_tm.jpg);}
a#photo15014 {background:url(images/2015/2015014_tm.jpg);}
a#photo15015 {background:url(images/2015/2015015_tm.jpg);}
/*2016 */
a#photo16001 {background:url(images/2016/2016001_tm.jpg);}
a#photo16002 {background:url(images/2016/2016002_tm.jpg);}
a#photo16003 {background:url(images/2016/2016003_tm.jpg);}
a#photo16004 {background:url(images/2016/2016004_tm.jpg);}
a#photo16005 {background:url(images/2016/2016005_tm.jpg);}
a#photo16006 {background:url(images/2016/2016006_tm.jpg);}
a#photo16007 {background:url(images/2016/2016007_tm.jpg);}
a#photo16008 {background:url(images/2016/2016008_tm.jpg);}
a#photo16009 {background:url(images/2016/2016009_tm.jpg);}
/*2017 */
a#photo17001 {background:url(images/2017/2017001_tm.jpg);}
a#photo17002 {background:url(images/2017/2017002_tm.jpg);}
a#photo17003 {background:url(images/2017/2017003_tm.jpg);}
a#photo17004 {background:url(images/2017/2017004_tm.jpg);}
a#photo17005 {background:url(images/2017/2017005_tm.jpg);}
a#photo17006 {background:url(images/2017/2017006_tm.jpg);}
a#photo17007 {background:url(images/2017/2017007_tm.jpg);}
a#photo17008 {background:url(images/2017/2017008_tm.jpg);}
a#photo17009 {background:url(images/2017/2017009_tm.jpg);}
a#photo17010 {background:url(images/2017/2017010_tm.jpg);}
a#photo17011 {background:url(images/2017/2017011_tm.jpg);}
/*2018 */
a#photo18001 {background:url(images/2018/2018001_tm.jpg);}
a#photo18002 {background:url(images/2018/2018002_tm.jpg);}
a#photo18003 {background:url(images/2018/2018003_tm.jpg);}
a#photo18004 {background:url(images/2018/2018004_tm.jpg);}
a#photo18005 {background:url(images/2018/2018005_tm.jpg);}
/*2019 */

















