
html, body {height: 100%;
overflow-y: hidden;

}  /*高さ100%に指定*/
body {
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 800px;  /*中央配置するボックスの横幅*/
  min-height: 700px;  /*中央配置するボックス縦幅*/

background-image:url(image/VisualImage/yukke00_bg.jpg);
}




#wrapper0{

background-attachment:fixed;  
background-repeat:no-repeat;
background-position: center; 
width: 800px;
height: 800px;
margin: 0 auto;
position: relative;
overflow: auto;
}

#head{
background-color:;
width: 800px;
position:fixed; top: 20px;
height: 40px;

}

#menu{
background-color:;
width: 800px;
position: fixed; top: 40px;
height: 25px;


}



#navi li {
overflow: hidden;
float: right;
width: 100px;
height: 25px;
margin: 0 2px;
 background-repeat: no-repeat;

}


}


#container{}












.opacity{ 
background:#000000;}


#thumbsWrapper{
font-size:small;
color: #808080;
background-color:#000000;

width: 650px;

margin: 130px 0 0 0;

float: center;
padding: 30px 50px;
font-family: 'verdana',  sans-serif;
}

.r-float{
float: right;

}

#content{
   
   top:0px;
   height:458px;
   width:645px;
   left:0px;
   background-color:#000;
   overflow-y:scroll;
   display:none;  
float:center;
}
#content img{
    float:left;
    margin:2px;
    cursor:pointer;
    opacity:0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}






.infobar{
    background-color:#222;
    width:650px;
    height:28px;
    line-height:28px;

    position:fixed;

    z-index:999999999;
    text-align:center;
    color:#ddd;
    -moz-border-radius:10px 10px 0px 0px;
    -webkit-border-top-left-radius:10px;
    -webkit-border-top-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    text-shadow:0px 0px 1px #ccc;
float: center;
}


span#description{
    text-shadow:1px 1px 1px #000;
    display:none;
}
span#loading{
    display:none;
    padding-right: 30px;
    background:transparent url(SlidingPanelPhotowallGallery/loading.gif) no-repeat center right;
}





#panel{
    background-color:#000;
    width:100%;
    position:fixed;
    bottom:0px;
    left:0px;
    right:0px;
    height:0px;
    text-align:center; 
}
#panel img{
    cursor:pointer;
    position:relative;
    border:1px solid #000;
    -moz-box-shadow:0px 0px 10px #111;
    -webkit-box-shadow:0px 0px 10px #111;
    box-shadow:0px 0px 10px #111;
    display:none;
}

#wrapper{
    position:relative;
    margin:40px auto 0px auto;
}
a#next,
a#prev{
    width:40px;
    height:40px;
    position:fixed;
    cursor:pointer;
    outline:none;
    display:none;
    background:#aaa url(SlidingPanelPhotowallGallery/nav.png) no-repeat top left;
}
a#next:hover, a#prev:hover{
    background-color:#fff;
}
a#next{
    right:0px;
    top:50%;
    margin-top:-20px;
    background-position: 0px 0px;
}
a#prev{
    left:0px;
    top:50%;
    margin-top:-20px;
    background-position: 0px -40px;
}























#side{
font-size:small;
color: #808080;

background-color:#000000;
position: fixed;
width: 200px;
height: 350px;
padding: 5px;
margin: 130px 40px 70px 70px; 
font-family: 'verdana',  sans-serif;

}