@charset "UTF-8";
@import "main.css";


hr{
margin: 0;
padding: 0;
width: 0;
height: 0;
clear: both;
visibility: hidden;
}
a:hover{
color: orange;
}
.navi, .photo{
clear: both;
list-style: none;
}

.navi{
width: 20em;
margin-right: auto;
margin-left: auto;
padding-top: 24px;
text-align: center;
font-size: 90%;
}
.navi li{
float: left;
width: 2em;
text-align: center;
}
#photo00 .p00 a,
#photo01 .p01 a,
#photo02 .p02 a,
#photo03 .p03 a,
#photo04 .p04 a,
#photo05 .p05 a,
#photo06 .p06 a,
#photo07 .p07 a,
#photo08 .p08 a,
#photo09 .p09 a,
#photo10 .p10 a,
#photo11 .p11 a,
#photo12 .p12 a,
#photo13 .p13 a,
#photo14 .p14 a,
#photo15 .p15 a,
#photo16 .p16 a,
#photo17 .p17 a,
#photo18 .p18 a,
#photo19 .p19 a,
#photo20 .p20 a,
#photo21 .p21 a,
#photo22 .p22 a,
#photo23 .p23 a{
color: #999;
text-decoration: underline;
}
.p00,
.p01,
.next{
clear: both;
}
.p00,
.prev,
.next{
width: 100% !important;
float: none;
text-align: center;
}


.photo{
width: 480px;
margin: 30px auto 50px 50px;
}
.photo li{
float: left;
width: 160px;
margin-bottom: 5px;
}
#photo00 .photo li{
width: 240px;
}
.photo li div{
padding: 0 3px;
text-align: center;
vertical-align: bottom;
}
#photo00 .photo li div{
padding: 0 20px 0 20px;
}
.photo li a img.tate{
margin-top: 0;
}
.photo li a img{
border: 2px #fff solid;
vertical-align: bottom;
margin-top: 51px;
}
#photo00 .photo li a img{
margin-top: 12px;
}
.photo li a:hover img{
border-color: orange;
}
.photo li a:hover{
text-decoration: none;
}