@charset "UTF-8";

/* attractions.css
----------------------------------------------------------*/
#contents {
  width: 944px;
  margin: 0 auto;
  padding: 0px 10px 40px 10px;
  background-image: url(../../images/00bg_contents.png);
  background-position: center top;
  background-repeat: repeat-y;
}

#contents h1{
  width:944px;
  padding:0;
  margin-bottom:14px;
}

#contents h1 img{
  vertical-align:top;
}

/*--------------------------------------------------------*/
#attContainer{
  width: 915px;
  margin:0 auto 100px auto;
  background-image: url(../images/00bg_line_y.gif);
  background-position: left top;
  background-repeat: repeat-y;
}

#attContainer dl{
  float:left;
  width:288px;
  padding:5px 9px 12px 8px;
  background-image: url(../images/00bg_line_x.gif);
  background-position: left bottom;
  background-repeat: repeat-x;
}

#attContainer dt {
  padding-bottom:5px;
}

#attContainer dt img{
  margin-right:3px;
  vertical-align:top;
}

#attContainer dd img{
  margin-bottom:6px;
  vertical-align:top;
}

#attContainer dd p{
  line-height:1.3em;
  padding:0 2px;
}

/*--------------------------------------------------------*/
#attDetail{
  width: 944px;
  margin:0 auto;
  padding-bottom:5px;
  background-image: url(../images/00bg_detailpg.gif);
  background-position: left top;
  background-repeat: repeat-y;
}

#attDetail p#returnTop{
  clear:both;
  padding:60px 0 0 20px;
}

#attDetail p#returnTop a{
  background-image: url(../images/00icon_prev.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left:20px;
}

/*------------------------------------------
左カラム(#main)は各ページ毎のCSSで対応
-------------------------------------------*/

#attDetail #main span#attIcon{
  display:block;
  padding-bottom:4px;
}

#attDetail #main span#attIcon img{
  vertical-align:top;
}

/* 右カラム */
#attDetail #sub{
  float:right;
  width:288px;
  padding-right:16px;
}
#attDetail #sub ul#attSideBnr{
  width:288px;
}

#attDetail #sub ul#attSideBnr li{
  padding-bottom:10px;
}

#attDetail #sub ul#attSideBnr li img{
  vertical-align:top;
}