@charset "Shift_JIS";




/*ギャラリー全体のコンテナー*/
#stage {
    position: relative;
    width: 340px;
    height: 320px;
    margin: 0 auto;
    overflow: hidden;
}
/*全サムネイルのコンテナー*/
#thumbs {
    position: absolute;
    width: 350px;   
    top: 255px;
    left: 10px;
}
/*サムネイルのマウスオーバーでポインターを手のひらに*/
#thumbs label img {
    cursor: pointer;
}
/*全表示写真のコンテナー*/
#photos {
    position:absolute;
    top:2px;
    left:30px;
    width:1920px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
/*表示写真をphotosの中に横並びで一列に並べる*/
#photo1, #photo2, #photo3, #photo4, #photo5, #photo6 {
    position:relative;
    float:left;
}
/*ラジオボタンを非表示に*/
#r1, #r2, #r3, #r4, #r5, #r6 {
    display: none;
}
/*チェックされたサムネイルに相当する写真が画面中央になるようにphotosを移動*/
#r1:checked ~ #photos {
    left:30px;
}
#r2:checked ~ #photos {
    left:-290px;
}
#r3:checked ~ #photos {
    left:-610px; 
}
#r4:checked ~ #photos {
    left:-930px;
}
#r5:checked ~ #photos {
    left:-1250px;
}
#r6:checked ~ #photos {
    left:-1570px;
}
/*スクリーン左右のカバー*/
#cover_left,#cover_right {
    position:absolute;
    top:0;
    width:30px;
    height:350px;
    background-color:#FFF;
}
#cover_left {
    left:0;
    z-index:100;
}
#cover_right {
    left:340px;
    z-index:101;    
}