@charset "UTF-8";
/* CSS Document */
div#outline-substance {
  /*--- ul#substance-tab ---*/
  /*--- ul#substance-tab ---*/
  /*--- #substance-tabContents ---*/
  /*--- タブここまでhttp://www.magical-remix.co.jp/magicalog/magicalog-demo/jquery-tab/ ---*/
}
div#outline-substance ul#substance-tab {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  /*---- li ----*/
}
div#outline-substance ul#substance-tab:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}
div#outline-substance ul#substance-tab li {
  float: left;
  text-align: center;
  /*--- a ---*/
  /*--- &#tab-rel0{ ---*/
  /*--- #rel-1 ---*/
}
div#outline-substance ul#substance-tab li a {
  display: block;
  text-decoration: none;
  text-indent: -99999px;
  overflow: hidden;
}
div#outline-substance ul#substance-tab li#tab-rel0 {
  width: 124px;
  height: 47px;
}
div#outline-substance ul#substance-tab li#tab-rel0 a {
  width: 124px;
  height: 47px;
  background: url(../image/tab_puyopuyo.jpg) 0 10px no-repeat;
}
div#outline-substance ul#substance-tab li#tab-rel0 a:hover {
  background: url(../image/tab_puyopuyo.jpg) 0 -37px no-repeat;
}
div#outline-substance ul#substance-tab li#tab-rel0.selected a {
  background: url(../image/tab_puyopuyo.jpg) 0 -84px no-repeat;
}
div#outline-substance ul#substance-tab li#tab-rel1 {
  width: 174px;
  height: 47px;
}
div#outline-substance ul#substance-tab li#tab-rel1 a {
  width: 174px;
  height: 47px;
  background: url(../image/tab_mix.jpg) 0 10px no-repeat;
}
div#outline-substance ul#substance-tab li#tab-rel1 a:hover {
  background: url(../image/tab_mix.jpg) 0 -37px no-repeat;
}
div#outline-substance ul#substance-tab li#tab-rel1.selected a {
  background: url(../image/tab_mix.jpg) 0 -84px no-repeat;
}
div#outline-substance ul#substance-tab li#tab-rel2 {
  width: 164px;
  height: 47px;
}
div#outline-substance ul#substance-tab li#tab-rel2 a {
  width: 164px;
  height: 47px;
  background: url(../image/tab_teto.jpg) 0 10px no-repeat;
}
div#outline-substance ul#substance-tab li#tab-rel2 a:hover {
  background: url(../image/tab_teto.jpg) 0 -37px no-repeat;
}
div#outline-substance ul#substance-tab li#tab-rel2.selected a {
  background: url(../image/tab_teto.jpg) 0 -84px no-repeat;
}
div#outline-substance #substance-tabContents {
  /*		clear: both;*/
  overflow: hidden;
  width: 550px;
  /*外側は570px*/
  /*		height: 1000px;*/
  padding: 10px;
  background-image: url(../image/bg_tab.gif);
  background-repeat: repeat;
}
div#outline-substance #substance-tabContents ul li {
  padding-bottom: 20px;
}
div#outline-substance #substance-tabContents ul li p {
  font-weight: bold;
  padding-bottom: 0.5em;
}
div#outline-substance #substance-tabContents ul li dl {
  width: 550px;
  padding-bottom: 10px;
}
div#outline-substance #substance-tabContents ul li dl dt {
  float: left;
  width: 320px;
}
div#outline-substance #substance-tabContents ul li dl dd {
  float: left;
  width: 220px;
  padding-left: 10px;
  text-align: left;
  font-weight: 400;
}
div#outline-substance #substance-tabContents ul li dl.imgTwo dt {
  width: 550px;
  /*							padding-top: 20px;*/
}
div#outline-substance #substance-tabContents ul li dl.imgTwo dt img {
  width: 270px;
}
div#outline-substance #substance-tabContents ul li dl.imgTwo dt img:nth-child(even) {
  padding-left: 10px;
}
div#outline-substance #substance-tabContents ul li dl.imgTwo dd {
  width: 550px;
  padding-left: 0px;
}
div#outline-substance #substance-tabContents ul li dl:after {
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  line-height: 0;
  visibility: hidden;
}
div#outline-substance .tabContents {
  display: none;
}

/*---div#outline-substance---*/