#wrapprrrrr {
    width: 560px;
    height: 310px;
    display: block;
    background-color: #DDD;
    padding: 10px;
  }
  
  #wrapp #wrapp_img {
    float: left;
    width: 560px;
    height: 310px;
    overflow: hidden;
    position: relative;
    z-index: 5;
    /*border: solid 1px #F00;*/
    background: url(images/bgwatch.png) no-repeat;
  }
    
  #wrapp #wrapp_img img {
    position: absolute;
    top: 0; left: 0px;
    z-index: 2;
    }

  #wrapp ul {
    width: 190px;
    position: absolute;
    left: 0; top: 0;
    z-index: 5;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0px;
    padding: 0px;
    }
  #wrapp ul li {
    margin: 0px;
    padding: 0px;
    height: 51px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    boorder : solid 1px #000;
  }
  #wrapp ul li a {
    width: 183px;
    height: 31px;
    display: block;
    padding: 10px
    }
    
  #wrapp ul li a:hover {
    background: url(images/home_cover_arrow2.gif) 0 -3px no-repeat;
    }
    
  #wrapp ul li .name { font-size: 12px; text-transform: uppercase; }
  #wrapp ul li p {font-size: 10px;  }
  
  #wrapp ul li.selected {
    position: relative;
    width: 271px;
    height: 53px;
    background: url(images/home_cover_arrow2.gif) 0 -3px no-repeat;
    }
    
  #wrapp div.nagare_details {
    display: block;
    width: 280px;
    height: 300px;
    display: none;
    position: absolute;
    left: 260px;
    z-index: 6;
    }
  #wrapp div.nagare_details h1 {
    display: block;
    font-size: 30px;
    color: #BBB;
    }
  #wrapp div.nagare_details p {
    margin-top: 20px;
    font-size: 14px;
    line-height: 140%;
    }