@charset "Shift_JIS";

#tam *{
  margin: 0;
  padding: 0;
}

body{
  font-size: small;
  color: #000;
 font-family:Helvetica, sans-serif;
}


a img{border: none;}


#tam .container{
  width: 845px;
  margin: 20px auto 0 auto;
  overflow: hidden;
}

#tam .sidebar{
  width: 225px;
  float: right;
  margin-bottom: 40px;
}

#tam .main{
  float:right;
  width:100%;
  margin-left: -245px;
  margin-bottom: 40px;
}

#tam .main .contents{
  margin-left: 245px;
}

#tam .footer{
  text-align: right;
  clear: both;
  width: 845px;
  margin-bottom: 20px;
  position: relative;
  height: 25px;
}

#tam .footer .copyright{
  font-size: 90%;
  position:absolute;
right: 30px;
top: 10px;
}

#tam .footer im{
position:absolute;
right: 0;
top: 0;
}




/* コンテンツ */

#tam .main .contents img{
  margin-bottom: 30px;
}


#tam .main .contents h2{
  font-size: 1.1em;
  margin-bottom: 10px;
}

#tam .main .contents p{
  margin-bottom: 20px;
  line-height: 170%;
}



#tam h2.title{
 background: url("../img/logo.gif") no-repeat top left;
 margin-bottom: 40px;
}
#tam h2.title a{
 background: url("../img/logo.gif") no-repeat top left;
 width: 183px;
 height: 154px;
 display: block;
}
#tam h2.title a:hover{ background: url("../img/logo_on.gif") no-repeat top left;}
#tam h2.title span{ display: none;}


#tam .sidebar p{margin-bottom: 4px;}
#tam .sidebar p span{ display: none;}

/* NEXT */
#tam .sidebar p.next{ background: url("../img/next.gif") no-repeat top left;}
#tam .sidebar p.next a{
  background: url("../img/next.gif") no-repeat top left;
  width: 183px;
  height: 18px;
  display: block;
}
#tam .sidebar p.next a:hover{ background: url("../img/next_on.gif") no-repeat top left;}

/* BACK */
#tam .sidebar p.back{ background: url("../img/back.gif") no-repeat top left;}
#tam .sidebar p.back a{
  background: url("../img/back.gif") no-repeat top left;
  width: 183px;
  height: 18px;
  display: block;
}
#tam .sidebar p.back a:hover{ background: url("../img/back_on.gif") no-repeat top left;}

/* PLAY  */
#tam .sidebar #autoButton p.play{ background: url("../img/play.gif") no-repeat top left;}
#tam .sidebar #autoButton p.play a{
  background: url("../img/play.gif") no-repeat top left;
  width: 183px;
  height: 18px;
  display: block;
}
#tam .sidebar p#autoButton a:hover{ background: url("../img/play_on.gif") no-repeat top left;}


/* STOP */
#tam .sidebar #autoButton p.play{ background: url("../img/stop.gif") no-repeat top left;}
#tam .sidebar #autoButton p.play a{
  background: url("../img/stop.gif") no-repeat top left;
  width: 183px;
  height: 18px;
  display: block;
}
#tam .sidebar #autoButton p.play a:hover{ background: url("../img/stop_on.gif") no-repeat top left;}



/* BUY NOW */
#tam .sidebar p.buynow{
  background: url("../img/buynow.gif") no-repeat top left;
  margin-bottom: 20px;
}
#tam .sidebar p.buynow a{
  background: url("../img/buynow.gif") no-repeat top left;
  width: 129px;
  height: 26px;
  display: block;
}
#tam .sidebar p.buynow a:hover{ background: url("../img/buynow_on.gif") no-repeat top left;}


/* DICTIONARY */
#tam .sidebar p.dictionary{
  background: url("../img/dictionary.gif") no-repeat top left;
  margin-bottom: 20px;
}
#tam .sidebar p.dictionary a{
  background: url("../img/dictionary.gif") no-repeat top left;
  width: 183px;
  height: 84px;
  display: block;
}
#tam .sidebar p.dictionary a:hover{ background: url("../img/dictionary_on.gif") no-repeat top left;}



#tam .controller{
  margin-bottom: 40px;
}

#tam .controller p.count{
  margin-left: 4px;
  line-height: 170%;
}

#tam .controller p.count span{
  display: inline;
}

#tam .sidebar p.baynow{
  margin-bottom: 20px;
}