@charset "UTF-8";
/* CSS Document */

/* ========================
	compare_container style
======================== */

div#compare_container {
  width: 720px;
  padding: 20px 0 35px 0;
  position: relative;
}

div#compare_container ul#img_list {
  width: 490px;
  margin: 0 -10px 0 0;
  overflow: hidden;
  _zoom: 1;
  float: left;
}

div#compare_container ul#img_list li {
  width: 230px;
  padding: 0 0 10px 0;
  margin: 0 10px 0 0;
  float: left;
}

div#compare_container ul#img_list li dl {
  width: 230px;
  padding: 15px 0;
}

div#compare_container ul#img_list li a {
  color: #333333;
  text-decoration: none;
}

div#compare_container ul#img_list li dl dt {
  width: 200px;
  padding: 15px 0 0 0;
  margin: 0 0 0 15px;
  position: relative;
  text-align: center;
  background-color: #ffffff;
}

div#compare_container ul#img_list li dl dt img {
  height: 210px;
}

div#compare_container ul#img_list li dl dd {
  width: 200px;
  padding: 15px 0;
  margin: 0 0 0 15px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  background-color: #ffffff;
}

dl.tale01 {
  background: transparent url(../img/compare/back01.gif) repeat top left;
}

dl.tale02 {
  background: transparent url(../img/compare/back02.gif) repeat top left;
}

dl.tale03 {
  background: transparent url(../img/compare/back03.gif) repeat top left;
}

dl.tale04 {
  background: transparent url(../img/compare/back04.gif) repeat top left;
}

dl.tale05 {
  background: transparent url(../img/compare/back05.gif) repeat top left;
}

dl.tale06 {
  background: transparent url(../img/compare/back06.gif) repeat top left;
}

div#compare_container ul#text_list {
  width: 220px;
  float: right;
  font-size: 20px;
}

div#compare_container ul#text_list li {
  width: 220px;
  line-height: 2em;
  background: transparent url(../img/common/arrow_icon.png) no-repeat left center;
}

div#compare_container ul#text_list li a {
  width: 205px;
  margin: 0 0 0 15px;
  display: block;
}