@charset "utf-8";

body {
  margin: 0;
  padding: 0;
  color: #FFF;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 12px;
  line-height: 1.4em;
  background-color: #000;
  background-image: url(https://bakerracinekarate.com/img/bg.gif);
  background-repeat: repeat-x;
}
iframe {
  frameborder: 0;
  scrolling: no;
  marginheight: 0;
  marginwidth: 0;
}
h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
}
a img {border: none;}
a:link,a:visited,a:active {
  color: #F36;
  text-decoration: none;
}
a:hover {
  color: #F36;
  text-decoration: underline;
}
.clr {clear:both;}
.red {
  color: #F00;
  font-weight: bold;
}
#wrapper {
  width: 822px;
  margin:0 auto;
  border: 1px solid #FC6;
  padding: 10px;
}
header {
  background-image: url(https://bakerracinekarate.com/img/bg_header.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 484px;
  padding-top: 20px;
  margin-bottom: 10px;
}
header h1 {
  display: block;
  height: 90px;
  text-indent: -9999px;
  background-image: url(https://bakerracinekarate.com/img/title.gif);
  background-repeat: no-repeat;
  width: 800px;
  margin-top: 0px;
  margin-left: 345px;
  margin-bottom: 0px;
  margin-right: 35px;
}
header .info {
  width: 302px;
  margin-left: 15px;
  font-size: 14px;
  line-height: normal;
  margin-top: 92px;
  border: 1px solid #666;
  border-radius: 10px;    /* CSS3草案 */
  -webkit-border-radius: 10px;  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;  /* Firefox用 */
  background-image: url(https://bakerracinekarate.com/img/info_bg.png);
  background-repeat: repeat;
  padding:10px 10px 0;
  float: left;
}
header .info p {
  margin-bottom: 10px;
}
header .entry {
  display: block;
  float: left;
  width: 450px;
  height: 360px;
  margin-left: 20px;
  background-image: url(https://bakerracinekarate.com/img/header_entry_bg.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
header .entry h2 {
  display: block;
  line-height: 35px;
  height: 30px;
  text-indent: -9999px;
  background-image: url(https://bakerracinekarate.com/img/header_entry_title.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-bottom: 5px;
}
header .entry p {
  font-size: 10px;
  width: 296px;
  display: block;
  margin:0 auto;
}

header .entry iframe,#profile .entry iframe,#new .entry iframe {
  display: block;
  margin:0 auto;
  width: 296px;
}
header .entry ul {
  list-style-position: inside;
  list-style-type: none;
  display: block;
  width: 296px;
  margin:0 auto;
  font-size: 10px;
  line-height: 13px;
}
#Content article {
  margin-bottom: 10px;
}

#howto h1,#profile h1,#intro h2,#voice h3,#new section h4 {
  display: block;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  text-align: left;
  text-indent: 220px;
  color: #FFD700;
  background-repeat: no-repeat;
  background-image: url(https://bakerracinekarate.com/img/h_title.gif);
  margin-bottom: 10px;
}
#howto h1 {background-position: 5px 0px;}
#howto ol {
  list-style-position: inside;
  list-style-type: none;
  overflow: hidden;
  display: block;
}
#howto ol li {
  display: block;
  float: left;
  margin:0 5px;
}
#howto ol li dl {
  display: block;
  width: 190px;
  float: left;
  background-image: url(https://bakerracinekarate.com/img/step_bg.gif);
  background-repeat: no-repeat;
  padding-top: 150px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 5px;
  background-color: #64002A;
}
#howto ol .step1 dl {background-position: 0px 0px;}
#howto ol .step2 dl {background-position: -190px 0px;}
#howto ol .step3 dl {background-position: -380px 0px;}
#howto ol .step4 dl {background-position: -570px 0px;}
#howto ol dl dt {
  display: none;
}
#howto ol dl dd {
  display: block;
  font-size: 10px;
  line-height: normal;
  background-color: #000;
  padding: 5px;
}

#profile h1 {background-position: 5px -35px;}
#profile .case .detail {
  height: 310px;
  width: 450px;
  float: left;
  background-image: url(https://bakerracinekarate.com/img/arrow.gif);
  background-repeat: no-repeat;
  background-position: right center;
}
#profile .case .detail img {
  display: block;
  float: left;
  border: 1px solid #999;
  margin-bottom: 5px;
}
#profile .case .detail dl {
  display: block;
  float: left;
  width: 280px;
  overflow: hidden;
  margin-bottom: 5px;
  margin-left: 10px;
}
#profile .case .detail dl dt {
  display: block;
  float: left;
  width: 65px;
  height: 31px;
  line-height: 21px;
  padding: 5px;
  font-weight: bold;
  border-bottom: 1px solid #FC0;
  color: #FFD700;
}
#profile .case .detail dl dd {
  display: block;
  line-height: 21px;
  height: 31px;
  width: 205px;
  padding: 5px;
  float: left;
  border-bottom: 1px dotted #FC0;
}
#profile .case .detail p {
  display: block;
  float: none;
  clear: both;
  width: 402px;
  padding: 10px;
  border: 1px solid #C90;
  border-radius: 5px;    /* CSS3草案 */
  -webkit-border-radius: 5px;  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;  /* Firefox用 */
  font-size: 14px;
  line-height: 20px;
  background-color: #5E003F;
  height: 102px;
  margin-bottom: 5px;
}
#profile .case .detail em {
  display: block;
  font-size: 10px;
  line-height: 14px;
  font-style: normal;
}

#profile .case .entry {
  width: 300px;
  float: left;
  margin-left: 10px;
}
#profile .entry strong {
  display: block;
  background-image: url(https://bakerracinekarate.com/img/profile_entry_title.gif);
  background-repeat: no-repeat;
  background-position: center center;
  height: 40px;
  text-indent: -9999px;
}

#intro h2 {background-position: 5px -70px;}
#intro ul,#intro ol {
  display: block;
  overflow: hidden;
  list-style-position: inside;
  list-style-type: none;
}
#intro ul dl {
  display: block;
  float: left;
  width: 150px;
  margin-left: 5px;
  margin-right: 5px;
  background-image: url(https://bakerracinekarate.com/img/intro_member_bg.gif);
  background-repeat: no-repeat;
  height: 175px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-right: 9px;
  padding-bottom: 5px;
  padding-left: 9px;
  border: 1px solid #C90;
  border-radius: 5px;    /* CSS3草案 */
  -webkit-border-radius: 5px;  /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;  /* Firefox用 */

}
#intro dt {
  text-align: center;
  margin-bottom: 5px;
}
#intro dt img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5px;
  border: 1px solid #666;
}

#voice h3 {background-position: 5px -105px;}
#voice ul {
  display: block;
  overflow: hidden;
  list-style-position: inside;
  list-style-type: none;
  padding-right: 5px;
}
#voice ul li {
  display: block;
  float: left;
  border: 1px solid #C90;
  width: 382px;
  margin-bottom: 10px;
  margin-right: 5px;
  margin-left: 10px;
  background-image: url(https://bakerracinekarate.com/img/voice_bg.gif);
  background-repeat: repeat-y;
}
#voice ul li img {
  display: block;
  height: 120px;
  width: 120px;
  float: left;
  padding: 10px;
}
#voice dl {
  display: block;
  float: left;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
  width: 260px;
}
#voice dt,#voice dd {
  display: block;
}
#voice dt {
  font-weight: bold;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FF0;
  margin-bottom: 5px;
}

#new {
  overflow:hidden;
}

#new section h4 {background-position: 5px -140px;}
#new section .case,#profile .case {
  background-image: url(https://bakerracinekarate.com/img/new_bg.gif);
  background-repeat: no-repeat;
  background-position: center center;
  height: 350px;
  width: 790px;
  margin:0 auto;
  padding: 15px;
}
#new .entry {
  width: 300px;
  float: left;
}
#new .entry strong {
  display: block;
  background-image: url(https://bakerracinekarate.com/img/header_entry_title.gif);
  background-repeat: no-repeat;
  background-position: center center;
  height: 40px;
  text-indent: -9999px;
}
#new .info {
  float: left;
  width: 450px;
  height: 310px;
  margin-left: 10px;
}
#new .info strong {
  display: block;
  font-size: 18px;
  line-height: 40px;
  height: 40px;
  color: #FFD700;
}
#new .info p {
  display: block;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 10px;
}

#new .info ul {
  display: block;
  margin-bottom: 10px;
  list-style-position: inside;
  list-style-type: none;
  padding: 10px;
  border: 3px dotted #F69;
}

#Content footer {
  line-height: 30px;
  height: 30px;
  text-align: center;
}
#Content footer a {
  color: #FFF;
}