@charset "UTF-8";

/* top-text
-----------------------------------------*/
#photo {
  width: 870px;
  margin: 30px 30px 0 30px;
  text-align: left;
}
#top {
  height: 52px;
  position: relative;
}
#top h1 {
  display: block;
  height: 49px;
  width: 267px;
  background: url(../../img/logo2.png) 
  0  no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9999px;
}
#top h2 {
  display: block;
  height: 40px;
  width: 200px;
  background: url(../../img/teladd.png) 
  0  no-repeat;
  position: absolute;
  top: 0;
  right: 2px;
  text-indent: -9999px;
}
#head {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 870px;
  margin-bottom: 20px;
}
#head h3 {
  background: url(../../img/arrow.gif) 
  0 3px no-repeat;
  padding-left: 18px;
  margin: 10px 0 9px 0;
  width: 500px;
  font-size: 129%;
  font-weight: bolder;
  color: #333;
  float: left;
}
#head p {
  float: right;
  text-align: right;
  width: 340px;
  margin-top: 8px;
}
#head span.price {
  font-size:159%;
  font-weight:bolder;
  color:red;
  margin: 0 7px 0 5px;
}
#head span.no {
  font-size:159%;
  font-weight:bolder;
  color: #5ec21b;
}
/* photo
-----------------------------------------*/
#waku {
  width: 870px;
  height: 395px;
  position: relative;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}
/* main-photo
-----------------------------------------*/
#main {
  padding: 7px;
  border: 1px solid #ccc;
  position: absolute;
}
#arrow {
  position: absolute;
  top:170px;
  left:500px;
}
/* thumbnail-photo
-----------------------------------------*/
#thumbnail {
  position: absolute;
  top: -4px;
  right: -5px;
}
#thumbnail div {
  border: 1px solid #ddd;
  padding: 1px;
  margin: 3px 5px;
  width: 70px;
  height: 54px;
}
/* bottom-text
-----------------------------------------*/
#kantan {
  position: relative;
  margin-bottom: 15px;
}
#kantan a {
  background: url(../../img/kantan.png) no-repeat;
  display: block;
  width: 268px;
  height: 50px;
  text-indent: -9999px;
}
#kantan a:hover {
  background: url(../../img/kantan.png) no-repeat 0 -50px;
}
#copy {
  border-top: 1px solid #ccc;
  text-align: center;
  padding: 5px 0;
  position: relative;
}
#copy p {
  font-size: 85%;
  color: #999;
}
#bottomtext {
  position: absolute;
  top:5px;right:0;
  display:block;
  width:580px;
  height:70px;
}