@charset "UTF-8";

.bookstage {
    width : auto;
    height : auto;
    margin: 0px;
    text-align: center;
    }
    .pagestage {
    width : 700px;
    height : auto;
    margin: 0px;
    text-align: left;
    float: left; 
    /*border: 1px solid #aaa;*/
    }
    .page {
    width : auto;
    height : auto;
    margin: 15px 0px 0px 0px;
    text-align: left;
    float: left; 
    }
    .text {
    width : 700px;
    height : auto;
    margin: 15px 0px 0px 0px;
    text-align: left;
    float: left; 
    }
    
    .list {
    width : 700px;
    height : auto;
    margin: 0px 0px 0px 0px;
    text-align: left;
    float: left; 
    }
    
    .list ul {margin-top:10px; font-size:12px; list-style: none; }
    .list ul li {width: 80px; margin-right:20px; margin-top:0px; float:left;}
    .bookstage img{
    padding: 0px ;
    margin: 0px ;
    border :1px solid #ccc;
    box-shadow: 2px 2px 5px #999; /*CSS3*/
    -moz-box-shadow: 2px 2px 5px #999; /* Firefox用*/
    -webkit-box-shadow: 2px 2px 5px #999; /* Google Chrome, Safari用*/
    }
    
    .pagestage img{
    padding: 0px ;
    margin: 3px ;
    border :1px solid #ccc;
    box-shadow: 2px 2px 5px #999; /*CSS3*/
    -moz-box-shadow: 2px 2px 5px #999; /* Firefox用*/
    -webkit-box-shadow: 2px 2px 5px #999; /* Google Chrome, Safari用*/
    }
    
     .coverimg img{
    padding: 0px ;
    margin: 0px ;
    border : 1px solid #aaa;
    box-shadow: 2px 2px 3px #999; /*CSS3*/
    -moz-box-shadow: 2px 2px 3px #999; /* Firefox用*/
    -webkit-box-shadow: 2px 2px 3px #999; /* Google Chrome, Safari用*/
    }
    
     .sampleimg img{
    padding: 0px ;
    margin: 0px ;
    border : 1px solid #aaa;
    box-shadow: 2px 2px 3px #999; /*CSS3*/
    -moz-box-shadow: 2px 2px 3px #999; /* Firefox用*/
    -webkit-box-shadow: 2px 2px 3px #999; /* Google Chrome, Safari用*/
    }