body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,
blockquote,table,caption,
tbody,tfoot,thead,th,td{
    margin:0;
    padding:0;
}
ol,ul{
    list-style:none;
}
img {
    border-style: none;
}


/*−−−−−−−−−−ベーシック−−−−−−−−−−*/
body {
    background: #ffffff;
    text-align: center;
    line-height: 1.4;
    font-size: 97%;
    color: #666666;
    height: 100%;
}   
html {
    overflow-y:scroll;
　  height: 100%; 
}  
h1,h2,h3,h4,h5,h6,p,ul,dl{
    font-size: 97%;
}
address {   
    font-style: normal;
    font-weight: normal;
    text-align: right;
    font-size: 85%;
    color: #999999;   
}   
.right{
　　float: right;
}
.left{
　　float: left;
}
.clear{
　　clear: both;
}


/*−−−−−−−−−−リンク−−−−−−−−−−*/

a:link {
  color: #666666;
  text-decoration: none;
}
a:visited {
  color: #666666;
  text-decoration: none;
}
a:hover {
  color: #ffffff;
  text-decoration: none;
}
a:active {
  color: #ffffff;
}


/*−−−−−−−−−−コンテナ−−−−−−−−−−*/

html,   body,   div#top { 
  height:100%;
}
body > div#top {
   height: auto;
   min-height: 100%;
  }
div#contents {
   padding-bottom:50px;/* フッターの高さと同じ値にする */
}



#footer {
  position:relative;
  margin-top:-50px;
　height: 50px;
}


/*−−−−−−−−−−トップ−−−−−−−−−−*/

div.base {
  position: relative;
  margin: 40px 0px 50px 0px;　　　　　　　/* 文字の位置をずらす距離を指定する基準のボックスにする */
}
div.insidefrog {
  position: absolute;　　　　　　/* 本来表示される位置から外れて、自由な位置に表示させる */
  top: 250px;　　　　　　　　　　　 /* class=base画像の上から30ピクセルの位置に表示させる */
  left: 30px;　　　　　　　　　　　 /* class=base画像の左から50ピクセルの位置に表示させる */
  width: 800px;　　　　　　　　　 /* 表示幅を130ピクセルに指定する */
} 


/*−−−−−−−−−−ページング−−−−−−−−−−*/

.paging {
  overflow: auto;
    
}
.paging ul {

}
.paging ul li {
  display: inline;
}
.paging ul li a {
  background-color:transparent;
  margin: 10px 0px 50px 0px;
  padding: 0px 15px 0px 15px;
  display: block;
  float: left;
  width: 120px;
  height: 26px;
  font-size: 105%;
  font-weight: 800;
}



.paging2 {
  overflow: auto;
}
.paging2 ul {
  margin: 30px 0px 0px 0px;
}
.paging2 ul li {
  display: inline;
}
.paging2 ul li a {
  background-color:#ffffff;
  display: block;
  float: left;
  width: 152px;
  height: 26px;
  font-size: 115%;
}
.paging2 ul li a:hover{
  background-color:#f5f5f5;
  color: #dcdcdc;
}



.centered {
  position: relative;
  overflow: hidden;
}
.centered ul {
  position: relative;
  left: 50%;
  float: left;
}
.centered ul li {
  position: relative;
  left: -50%;
  float: left;
}


/*−−−−−−−−−−−−−アルバム−−−−−−−−−−−−−*/  
/* エリア設定
--------------------------------------------------------- */
div#album {
  position: relative;
  width: 760px;
  height: 620px;
  margin-right: auto;
  margin-left: auto;
  background: url(img/gallery.jpg) no-repeat 310px 250px;
  background-color:#efefef;
}
div#album ul {
  position: absolute;
  top: 30px;
  left:70px;
  width: 700px;
  height: 50px;
  background: url(img/bg_title.gif) no-repeat 0 187px;
}
div#album ul li {
  float: left;
  margin: 0;
}

/* 挙動設定
--------------------------------------------------------- */
/* サムネイル画像設定 */
div#album ul li a,
div#album ul li a:visited {
  display: block;
  width: 40px;
  height: 40px;
  border: 2px #FFFFFF solid;
  z-index: 50;
  outline: none;
}
  div#album ul li a:hover {
  border: 2px #c7c7c7 solid;
  outline: none;
}
  div#album ul li a:active,
  div#album ul li a:focus {
  border: 2px #666666 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: 100px;
  left: 85px;
  display: block;
  width: auto;
  z-index: 50;
}

/* タイトル設定 */
div#album ul li a:hover span {
  position: absolute;
  top: 62px;
  left: 215px;
  display: block;
  width: 200px;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  color: #808080;
  z-index: 100;
}

/* 各サムネイル画像読込み設定
--------------------------------------------------------- */
a#photo01 {background:url(img/inyoureyes22.jpg);}
a#photo02 {background:url(img/ribon22.jpg);}
a#photo03 {background:url(img/yokogao22.jpg);}
a#photo04 {background:url(img/spring22.jpg);}
a#photo05 {background:url(img/natsugirl22l.jpg);}
a#photo06 {background:url(img/natsugirl22r.jpg);}
a#photo07 {background:url(img/bambina22.jpg);}
a#photo08 {background:url(img/thousandlove22.jpg);}
a#photo09 {background:url(img/barano22.jpg);}
a#photo10 {background:url(img/manazasi22.jpg);}
a#photo11 {background:url(img/rokugatsu22.jpg);}
a#photo12 {background:url(img/noir22.jpg);}
a#photo13 {background:url(img/chocolat22.jpg);}
a#photo14 {background:url(img/akihime22.jpg);}



/*−−−−−−−−−−エトセトラ−−−−−−−−−−*/

.layered {
  background-color:#efefef;
  width: 660px;
  height: auto;
  margin: 0px 0px 3px 0px;
  padding: 15px 50px 15px 50px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

#layered2 {
  background: url(img/hello.jpg) no-repeat 590px 248px;
  background-color:#efefef;
  width: 760px;
  height: 550px;
  margin-right: auto;
  margin-left: auto;
}

.under {
  text-decoration: underline;
}

.through {
  text-decoration: line-through;
}

.color {
  background-color: #efefef;
  width: 152px;
  height: 26px;
}
p { text-indent:1em; }
.indent { text-indent:4em; }