body {margin: 0;}
#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/video-icon.gif);
background-repeat: no-repeat;
}

#lbAbout{
width:530px;
float: left;
clear: both;
padding-top: 5px;
line-height: 19px;
font-size: 12px;
height:auto;
}
#lbpicture{
width:81px;
height: 60px;
background-image: url(../img/nibb-video-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;
}





/*ビデオギャラリー aboutcss 上書き*/
div.gallery-v{
width:100%;
overflow:hidden;
padding:20px 0px;
clear:both;
}
div.gallery-v div.thum-box{
position:relative;
background-color:#000;
text-align:center;
display: block;
width:100%;
margin:0 auto;
}
div.gallery-v div.thum-box img{
border:solid 2px #000;
    margin: 0 auto;
}
div.gallery-v div.thum-box span{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

div.gallery-v div.thum-box span img:hover{
border:none;
margin:0px;
   margin: 0 auto;
}
div.gallery-v div.thum-box span a{
opacity:0.5;
}
div.gallery-v div.thum-box span a:hover{
opacity:0.8;
}

div.gallery-v div.gallery-box{
margin-bottom:20px;
overflow:hidden;
}
div.gallery-v div.v-left{
width:45%;
overflow:hidden;
margin:0px;
padding:0px;
float:left;
text-align:left;
}
div.gallery-v div.v-right{
width:45%;
overflow:hidden;
margin:0px;
padding:0px;
float:right;
text-align:right;
}
div.gallery-v div.v-left p,div.gallery-v div.v-right p{
margin:5px 0px;
text-align:left;
padding-left:0px;
background-image:url(../videogallery/img/video-icon-bg.gif);
background-repeat:no-repeat;
width: 99%;
padding-left:1%;
margin: 7vw auto;
margin-top: 1vw;
}
div.gallery-v div.v-left a,div.gallery-v div.v-right a{
font-size:120%;
}
/*
スマホ用CSS
______________________________________________*/
@media screen and (max-width: 1000px) {
div.gallery-v div.v-left{
width:100%;
overflow:hidden;
margin:0px;
padding:0px;
float:left;
text-align:left;
}
div.gallery-v div.v-right{
width:100%;
overflow:hidden;
margin:0px;
padding:0px;
float:right;
text-align:right;
}
}
