/*-------------------------------------------------------------- キャンペーンバナー・とっぱらコラムバナー
*/

.campaign,
.tcolumn {
  display: block;
  width: 544px;
  margin: 0 auto 16px;
}

.campaign img,
.tcolumn img {
  border: none;
  vertical-align: bottom;
}

/*-------------------------------------------------------------- ティーザームービー
*/

.teaser-movie {
  background: #fff;
  width: 544px;
  margin: 0 auto 16px;
  overflow: hidden;
}

.teaser1 {
  position: relative;
  background: url('images/teaser_movie1.jpg') no-repeat 0 52px;
  width: 544px;
  height: 276px;
  margin: 0 auto;
  overflow: hidden;
}

.teaser1 h3 {
  background: url('images/teaser1_header.gif') no-repeat;
  width: 544px;
  height: 52px;
  text-indent: -1000em;
  overflow: hidden;
}

.teaser1 a.highslide {
  position: absolute;
  left: 272px;
  top: 60px;
  display: block;
  width: 256px;
  height: 192px;
  text-indent: -1000em;
  overflow: hidden;
}

.teaser1 p {
  font-size: 81.8%;
  line-height: 1.5em;
  position: absolute;
  top: 196px;
  left: 16px;
  width: 240px;
}

/*-------------------------------------------------------------- とっぱらよろしくPOP
*/

.yoro-pop {
  background: #fff;
  width: 544px;
  margin: 0 auto;
  overflow: hidden;
}

.yoro-pop h3 {
  background: url('images/yoroshikupop_header.gif') no-repeat;
  width: 544px;
  height: 56px;
  text-indent: -1000em;
  overflow: hidden;
}

.yoro-pop-m {
  font-size: 90%;
  width: 528px;
  margin: 0 auto;
  overflow: hidden;
}

.yoro-pop-m p {
  margin: 8px;
}

.yoro-pop-m div {
  display: inline;
  width: 124px;
  margin: 0 4px;
  float: left;
  overflow: hidden;
}

.yoro-pop-m div p {
  width: 116px;
  margin: 0 4px;
  font-size: 80%;
  text-align: center;
}

.yoro-pop-f {
  background: url('images/yoroshikupop_footer.gif') no-repeat;
  width: 544px;
  height: 24px;
  overflow: hidden;
}

.yoro-pop img {
  border: none;
  vertical-align: bottom;
}

.yoro-pop .border {
  clear: both;
  background: url('images/border_01.gif') repeat-x 0 4px;
  width: 512px;
  height: 8px;
  margin: 0 8px 6px;
  overflow: hidden;
}

/*-------------------------------------------------------------- おまけ（コラム）
*/

#Column {
  background: #fff url('images/column_header.jpg') no-repeat;
  width: 544px;
  margin: 0 auto 0;
  overflow: hidden;
}

.clm-wrapper {
  background: url('images/column_list.jpg') no-repeat 360px 64px;
  zoom: 100%;
  width: 512px;
  margin: 104px 16px 0 16px;
}

.clm-wrapper:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

.clm-article {
  display: inline;
  width: 344px;
  margin: 0 0 0 0;
  padding: 0 0 16px 0;
  overflow: hidden;
  float: left;
}

.clm-article h3 {
  font-size: 100%;
  letter-spacing: -0.1em;
  margin: 0 0 32px 0;
  padding: 6px 0 0 0;
}

html>body .clm-article h3 {
  font-size: 100%;
  letter-spacing: -0.1em;
  line-height: 1.7em;
  margin: 0 0 32px 0;
  padding: 0;
}

.clm-article p {
  font-size: 90.9%;
  text-indent: 1em;
  margin: 16px 0 0 0;
}

.clm-list {
  display: inline;
  width: 136px;
  margin: 64px 8px 0 8px;
  padding: 16px 0 8px 0;
  overflow: hidden;
  float: right;
}

.clm-list li {
  background: url('images/border_01.gif') repeat-x left bottom;
  font-size: 81.8%;
  line-height: 1.5em;
  list-style: none;
  padding: 6px 0 2px 0;
}

.clm-list a {
  display: block;
  text-decoration: none;
}

.clm-footer {
  background: url('images/column_footer.gif') no-repeat left bottom;
  width: 544px;
  height: 24px;
  overflow: hidden;
}

.clm-article .quote {
  color: #4466bb;
  font-style: italic;
  text-indent: 0em;
}

.yoro-pop .border {
  clear: both;
  background: url('images/border_01.gif') repeat-x 0 4px;
  width: 512px;
  height: 8px;
  margin: 0 8px 6px;
  overflow: hidden;
}