.container1 {
    background-color: hsla(145, 30%, 28%,  1.0);
    background-image: url(../image/hairline128.png);
    background-position: 0% 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-size: 128px 64px;
}

.photopage {
    
    background: hsl(210, 5%, 8%);
/*    background-color: hsla(60, 2%, 38%,  1.0);
    background-image: url(../image/hairline128.png);
    background-position: 0% 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    */
}

.photocontainer2 {
    float:none;
    height:auto;
    width:80%;
    min-width:800px;
    max-width:960px;
    border-top: 1px solid rgba(0,0,25,0.1);
}

.sidebar1-photo {
    float: left;
    text-align:left;
    width:20%;
}


/* ~~ 写真集のリストのスタイル付け ~~ */

.photolist {
    float: left;
    margin: 0px 4px 1em 5px;
    padding: 7px 0px 0px 0px;

    font-size: 95%;
    line-height: 2em;

/*    background-color: #222529;
    background-color: rgba(0,0,10,0.5);
    background-image: url(../image/jupiter256g.png);
    background-position: 0% 0%;
    background-repeat: repeat;
    background-attachment: fixed;
*/
    border-top: 1px solid rgb(20,20,30);
    border-left: 1px solid rgb(30,30,40);
    border-right: 1px solid rgb(120,120,120);
    border-bottom: 1px solid rgb(150,150,150);

    -webkit-box-shadow: inset 0px 0px 5px 2px rgb(30, 30, 30);
    -moz-box-shadow: inset 0px 0px 5px rgb(30, 30, 30);
    box-shadow: inset 0px 0px 5px rgb(30, 30, 30);

    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 6px 6px 6px 6px;
}

.photolist img, .photolist img:visited {
    margin: 0 6px 0px 6px;
    border: solid 5px #FFF;

    -webkit-box-shadow: 1px 2px 5px rgb(10, 10, 20);
    -moz-box-shadow: 1px 2px 5px rgb(10, 10, 20);
    box-shadow: 1px 2px 5px rgb(10, 10, 20);

    opacity:0.8; /* 未加工の写真だと色が強すぎるので、少し透過させている*/
}

.photolist img:hover {
    margin: 0 5px 0px 7px;
}

/* 写真集の本文スタイル付け。幅については見直し必要  */
.content-photo {
    width:632px;
    float: left;
    text-align: left;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    padding: 10px 0;
    line-height: 1.8em;
    text-shadow: -1px -1px 1px rgba(45,45,60,0.9);
    background: hsla(210, 10%, 5%, 0.95);
/*    background-color: rgb(55,54,60);
    background-color: hsla(193, 0%, 55%, 1);
    background-image: url(../image/hairline240h.png);
    background-position: 0% 0%;
    background-repeat: repeat;
    background-attachment: scroll;
*/
    border: 1px solid rgb(115,110,105);
    -webkit-box-shadow: 1px 1px 5px 2px rgba(30, 35, 60,0.3);
    -moz-box-shadow: 1px 1px 5px 2px rgba(30, 30, 50, 0.3);
    box-shadow: 1px 1px 5px 2px rgba(30, 35, 50, 0.5);

    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;

}

.content-photo img {
    -webkit-box-shadow: inset 0px 2px 5px 1px rgba(20,20,40,0.8);
    -moz-box-shadow: inset 0px 2px 5px 1px rgba(20,20,40,0.8);
    box-shadow: inset 0px 2px 5px 1px rgba(20,20,40,0.8);

    border-top: 1px solid #BBB;    border-bottom: 1px solid #F9F9F9;
    border-left: 1px solid #999;    border-right: 1px solid #DDD;

    border-top: 1px solid rgba(40,40,50,0.45);
    border-left: 1px solid rgba(40,40,120,0.35);
    border-right: 1px solid rgba(240,240,250,0.25);
    border-bottom: 1px solid rgba(200,200,200,0.45);
}

.content-photo p, .content-photo p a, .content-photo p a:visited {
    color: #FFF;
}