@charset"utf-8";

* { margin: 0; padding: 0; }




.screen-shot-frame {
  position: absolute; 
}




.ss-rightframe-bottom {
  width: 440px;
  float: left;
}
.ss-rightframe-bottom div {
  float:left;
}
h1.ss-title {
  padding:10px 15px 20px;
}
h1 img{
  height: 80px;
}


div#thumb {
}

ul.thumb-frame {
  position:relative;
}
ul.thumb-frame {
  margin-left: 10px;
  padding-left: 3px;
}
ul.thumb-frame li {
  float: left;
  list-style: none;
}
ul.thumb-frame img {
  margin-top: 3px;
  z-index: 3;
  cursor: pointer;
}
li.thumb-selected {
  position:absolute;
  left: 0px;
}
li.thumb-selected img {
  border: 3px solid red;
  margin: 0;
  cursor: auto;
  z-index: 9;
}
.next img, .pre img{
  text-decoration: none;
  margin-top: 3px;
  border: 0;
}

#main-tw {
  width:900px;
  margin-bottom:20px;
  text-align: left;
}

#main {
  width: 898px;
  height:500px;
  margin-top:20px;
  padding-bottom:15px;
  margin-bottom:15px;
  border: 1px solid #AAA;
  -moz-border-radius: 5px;
  text-align: left;
}
#ss-leftframe {
  background: url(/products/tapcal/images_common/screenshot_bg.png);
  -moz-border-radius: 5px;
  width: 380px;
  height: 475px;
  margin-left:   20px;
  margin-top:    20px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  float: left;
}


.screen-shot-frame li {
  background: none;
  width:380px;
  height: 550px;
  text-align: center;
  float: left;
  list-style: none;
}
.screen-shot-frame img {
  margin: 10px 0 0 1px;
  border:1px solid #FFF;
  position: relative;
}
#ss-leftframe-header {
  background: none;
  height: 18px;
}
#ss-leftframe-main {
  background: none;
  height: 445px;
}
#ss-leftframe-bottom {
  background: none;
  height: 18px;
}
div.ss-msg {
  height:278px;
  padding:5px 15px;
  font-size:12px;
  line-height:1.8em;
  overflow:auto;
}
.ss-rightframe {
  -moz-border-radius: 5px;
  width: 440px;
  margin-left: 10px;
  padding: 10px;
  float: right;
  margin: 5px 15px;
  background: #FFF;
}