body {margin: 0;}

div.gallery td.l{text-align:center;}
div.gallery td.c{text-align:center;}
div.gallery td.r{text-align:center;}


div.gallery table td {
    max-width: 320px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    text-align: center;
    width:30%;
}
div.gallery table td img{
   width:93%;
}
div.gallery table tr{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/*
スマホ用CSS
______________________________________________*/
@media screen and (max-width: 1000px) {
div.gallery table tbody tr{
   text-align:center;
}
div.gallery table tr{
    flex-wrap: wrap;
}
div.gallery table td {
    max-width: 320px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    text-align: center;
    width: 100%;
}
}
#lbOverlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

#lbCenter, #lbBottomContainer {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
background: #fff url(../img/loading.gif) no-repeat center;
}

#lbImage {
border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}

#lbPrevLink {
left: 0;
}

#lbPrevLink:hover {
background: transparent url(../img/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
right: 0;
}

#lbNextLink:hover {
background: transparent url(../img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 5px solid #fff;
border-top-style: none;
}

#lbCloseLink {
display: block;
float: right;
width: 66px;
height: 30px;
background: transparent url(../img/closelabel.gif) no-repeat center;
margin: 5px 0;
}

#rightbox{
width:81px;
float: right;
}
#leftbox{
width:490px;
float: left;
margin-right: 10px;

}

#lbCaption{
width:505px;
float: left;
color: #444;
border-bottom: 1px solid #067BCA;
font-size: 13px;
line-height: 22px;
padding:0 0px 0 25px;
background-image: url(../img/photo-icon.gif);
background-repeat: no-repeat;
}



#lbAbout{
width:530px;
float: none;
clear: both;
padding-top: 5px;
line-height: 19px;
font-size: 12px;

}
#lbpicture{
width:81px;
height: 60px;
background-image: url(../img/nibb-photo-logo.jpg);
background-repeat: no-repeat;
clear: both;
}



#lbCaption {
font-weight: bold;
}

/* PageBute */
#co-block .pagebute{
margin: 10px 0 0 0px;
text-align: right;
font-size: 100%;
}
#co-block .pagebute span{
margin: 0px;
padding:0;
}
#co-block .pagebute a {
padding: 4px 8px;
color: #73A7C5;
background: #fff;
border:1px solid #ccc;
}
#co-block .pagebute span.current_page{
padding: 4px 8px;
color: #ffffff;
background: #3387CC;
border:1px solid #ccc;
}
#co-block .pagebute a.link_before {
padding: 4px 8px;
color:#73A7C5;
background-color: #fff;
border:1px solid #ccc;
}
#co-block .pagebute a.link_next {
padding: 4px 8px;
color:#73A7C5;
background-color: #fff;
border:1px solid #ccc;
}
.pagebute a.link_page {
padding: 4px 8px;
color: #73A7C5;
background: #FFF;
border:1px solid #ccc;
}
#co-block .pagebute a:hover {
padding: 4px 8px;
color: #fff;
text-decoration: none;
background: #73A7C5;
}

/*
スマホ用CSS
______________________________________________*/
@media screen and (max-width: 650px) {
div.gallery table tr {
    justify-content: space-around;
}
}