@charset "UTF-8";
/*
########################################################
	index
########################################################
*/
#headimage {
  margin-bottom: 5px;
}
#news  {
  clear: both;
  height: 25px;
  text-indent: -700em;
  background: url(../img/bar_news.gif) no-repeat;
}
dl.news  {
  height: 100px;
  overflow: auto;
  text-align: left;
  padding: 10px 0px;
  margin-bottom: 10px;
}
dl.news dt {
  float: left;
  clear: both;
  margin-left: 10px;
  margin-bottom: 10px;
}

dl.news dd {
  margin-left: 90px;
  margin-bottom: 10px;
}
#best  {
  height: 25px;
  text-indent: -700em;
  background: url(../img/bar_best.gif) no-repeat;
}
.catebanner {
  float: left;
  text-align: left;
  padding: 0px 0px 5px 0px;
}
.catebanner a img{
  border: solid 1px #cccccc;
}
.catebanner a:hover img{
  border: solid 1px #0099cc;
}
/*
########################################################
	アトラクティブとは？
########################################################
*/

/*
########################################################
	ご利用案内
########################################################
*/
#main dl.use dt {
  float: left;
}
#main dl.use dd {
  margin: 0px 0px 10px 120px;
}
/*
########################################################
	リンク
########################################################
*/
#main dl.link dt {
  float: left;
  clear: both;
}
#main dl.link dd {
  margin: 0px 0px 10px 220px;
}
/*
########################################################
	お問い合わせ
########################################################
*/
#main dl.contact dt {
  float: left;
  clear: both;
  font-size: 16px;
}

#main dl.contact dd {
  margin: 0px 0px 10px 200px;
}
/*
########################################################
	アイテムページ共通設定
########################################################
*/
#mainphoto {
  float: left;
  width: 300px;
  height: auto;
  margin-right: 10px;
  margin-bottom: 5px;
}
.subphoto {
  float: left;
  width: 300px;
  margin-right: 5px;
}

#iteminfo {
  float: left;
  width: 300px;
  height: 300px;
  text-align: center;
}

.info {
  text-align: left;
}

.info dt {
  float: left;
  clear: both;
  margin: 0px 0px 15px 0px;
}

.info dd {
  margin: 0px 0px 15px 60px;
}

#relation {
  clear: both;
  padding: 10px 0px;
}