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

#linkArea {
  text-align: center;
}
#linkArea ul {
  text-align: center;
}
#linkArea li {
  float: left;
  margin-right: 10px;
  margin-left: 10px;
}
#mainImage{
  text-align: center;
  background-color: #FFF;
  padding: 5px;
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  width: 980px;
}

/* 画像リンクのロールオーバーアクション。0に近づくほど透明
=========================================================== */

a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

/* Dreamweaverのデザインビューでも表示されるclearfix（idに対してclass="clearfix"で適用）
=========================================================== */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/* IE6 */
* html .clearfix {
  zoom: 1;
}
/* IE7 */
*:first-child+html .clearfix {
  zoom: 1;
}
/* Dw表示用 */
.clearfix {
  overflow:hidden;
  clear: both;
}

/* トップにメイン画像も持ってきた場合 */

.topSection{
  margin-right: auto;
  margin-left: auto;
  width: 980px;
  clear: both;
  margin-bottom: 20px;
}

.topSection .topButton{
  text-align: center;
  margin-top: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #D48A7D;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #D48A7D;
  padding-top: 7px;
  padding-bottom: 5px;
  font-size: 12px;
}