@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;
}
iframe {
  frameborder: 0;
  scrolling: no;
  marginheight: 0;
  marginwidth: 0;
}
ul, ol ,dl,dt,dd{
  list-style-position: outside;
  list-style-type: none;
  display: block;
  overflow: hidden;
}

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;
}
a:link img,a:active img,a:visited img {opacity:1;filter:alpha(opacity=100);-ms-filter: "alpha(opacity=100)";}
a:hover img {opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha(opacity=80)";}
.clr {clear:both;}
.red {
  color: #F00;
  font-weight: bold;
}
.hide {
  text-indent: -9999px;
}
.eye-catch {
  border-radius: 10px;    /* CSS3草案 */
  -webkit-border-radius: 10px;  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  background-image: url(https://www.cd-generation.com/img/bg_eyecatch_p.png);
  background-repeat: repeat;
}

#wrapper {
  width: 1000px;
  margin:0 auto;
  background-image: url(https://www.cd-generation.com/img/bg_wrapper.gif);
  background-repeat: repeat-y;
  background-position: center top;
}
#site-header,#entry-header,#about,#detail,#member,#info ,#entry2{
  padding:0 120px;
  overflow: hidden;
}
#site-header {
  background-image: url(https://www.cd-generation.com/img/bg_header1.jpg);
  height: 200px;
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 80px;
}
#site-header hgroup {
  padding-left: 420px;
  padding-right: 40px;
}

#site-header .hide a {
  display: block;
  height: 115px;
}
#site-header h2 {
  display: none;
}
#entry-header {
  background-image: url(https://www.cd-generation.com/img/bg_header2.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  height: 420px;
}
#entry-header .box1 {
  float: left;
  width: 380px;
  padding:240px 15px 0;
}
#entry-header .box1 p {
  display: block;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  padding: 10px;
}
#entry-header .box1 p strong{
  color: #CA49AE;
  display: block;
  font-size: 16px;
  line-height: 30px;
  padding-top: 10px;
}
#entry-header .box2 {
  background-color: transparent;
  width: 380px;
  padding-left: 30px;
  float: left;
}

#entry-header .box2 h1 {
  display: block;
  width: 350px;
  background-image: url(https://www.cd-generation.com/img/bg_from1.gif);
  height: 50px;
  margin:0 auto;
}
#entry-header .box2 .form {
  background-image: url(https://www.cd-generation.com/img/bg_from2.gif);
  background-repeat: no-repeat;
  background-position: center top;
  height: 355px;
}
#entry-header .box2 .form iframe {
  height: 270px;
  width: 296px;
  margin:0 auto;
  display: block;
  margin-bottom: 5px;
}
#entry-header .box2 .form ul {
  display: block;
  width: 296px;
  margin:0 auto;
}
#about {
  margin-bottom: 10px;
}
#about section ,#info section{
  padding-top: 10px;
  padding-bottom: 10px;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-top-style: dotted;
  border-bottom-style: dotted;
  border-top-color: #C6C;
  border-bottom-color: #C6C;
  overflow: hidden;
}
#about h1 {
  display: none;
}
#about .base {
  background-image: url(https://www.cd-generation.com/img/bg_about.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  height: 300px;
  padding:75px 30px 0;
}
#about ul {
  width: 600px;
  margin-bottom: 10px;
}

#about ul li {
  display: block;
  height: 59px;
  width: 84px;
  float: left;
  margin-left: 15px;
  margin-bottom: 5px;
  background-image: url(https://www.cd-generation.com/img/pic_fanctions.png);
  background-repeat: no-repeat;
}
#about ul li dl {
  display: none;
}
#about .base p {
  line-height: 18px;
  display: block;
}
#about .pic01 {background-position: 1px 1px;}
#about .pic02 {background-position: -88px 1px;}
#about .pic03 {background-position: -176px 1px;}
#about .pic04 {background-position: -264px 1px;}
#about .pic05 {background-position: -351px 1px;}
#about .pic06 {background-position: -438px 1px;}
#about .pic07 {background-position: 1px -62px;}
#about .pic08 {background-position: -88px -62px;}
#about .pic09 {background-position: -176px -62px;}
#about .pic10 {background-position: -264px -62px;}
#about .pic11 {background-position: -351px -62px;}
#about .pic12 {background-position: -438px -62px;}

#member {
}
.trimming {
  width: 80px;
  height: 80px;
  overflow: hidden;
  display: block;
  margin-left: auto;
  border: 1px solid #666;
  margin-right: auto;
  margin-bottom: 5px;
}
#member .trimming img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}
#member h1 {
  display: none;
}
#member ul li {
  display: block;
  width: 140px;
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
  background-image: url(https://www.cd-generation.com/img/bg_member_li.gif);
  background-repeat: no-repeat;
  background-position: center center;
  height: 165px;
  padding-top: 10px;
}
#member ul li dl {
  float: left;
  width: 140px;
  text-align: center;
}
#member ul li dl dd p {
  display: block;
  margin-bottom: 5px;
}
#member .btn:link,#member .btn:active,#member .btn:visited {
  display: block;
  height: 20px;
  width: 100px;
  margin:0 auto;
  text-indent: -9999px;
  background-image: url(https://www.cd-generation.com/img/btn_member.gif);
  background-repeat: no-repeat;
  background-position: center top;
}
#member .btn:hover {
  background-position: center bottom;
}

#detail {
  margin-bottom: 10px;
}
#detail .box1 {
  float: left;
  width: 380px;
  background-repeat: no-repeat;
  background-position: center top;
  height: 405px;
  border-radius: 10px;    /* CSS3草案 */
  -webkit-border-radius: 10px;  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
}
#detail .box1 h1 {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 22px;
  color: #C06;
  background-image: url(https://www.cd-generation.com/img/icon_arrow3.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}
#detail .box1 h2  {
  clear: both;
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #C06;
  background-image: url(https://www.cd-generation.com/img/icon_arrow3.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
}
#detail .box1 img {
  display: block;
  float: left;
  height: 133px;
  width: 100px;
  border: 3px solid #666;
  margin-right: 10px;
  margin-bottom: 10px;
}
#detail .box1 dl {
  line-height: 22px;
  margin-bottom: 10px;
}
#detail .box1 dl dt {
  float: left;
  width: 95px;
  font-weight: bold;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #666;
  background-image: url(https://www.cd-generation.com/img/icon_arrow2.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 15px;
  color: #FFF;
  height: 22px;
}
#detail .box1 dl dd {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #666;
  height: 22px;
}

#detail .box1 p {
  display: block;
  border-radius: 10px;    /* CSS3草案 */
  -webkit-border-radius: 10px;  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  border: 3px solid #691438;
  padding: 10px;
  background-color: #000;
  line-height: 18px;
  height: 200px;
  background-image: url(https://www.cd-generation.com/img/bg_comment.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
}

#info {
  margin-bottom: 10px;
}
#info .box1,#info .box2 {
  float: left;
  width: 380px;
  padding:0 15px;
  display: block;
}
#info .box1 dt ,#info .box2 dt{
  background-image: url(https://www.cd-generation.com/img/title_info.gif);
  background-repeat: no-repeat;
  height: 40px;
  line-height: 40px;
  padding-left: 100px;
  font-size: 10px;
  color: #FFF;
}
#info .box1 dd, #info .box2 dd {
  padding: 10px;
}

#info .box1 dt {
  background-position: 0px 0px;
}
#info .box1 dd p {
  display: block;
  background-image: url(https://www.cd-generation.com/img/mobile_logo.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 42px;
  line-height: 20px;
}

#info .box2 dt {
  background-position: 0px -40px;
}
#info .box2 dd p {
  display: block;
  margin-bottom: 10px;
}
#info .box2 dd ol li {
  display: block;
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 5px;
  background-image: url(https://www.cd-generation.com/img/icon_arrow1.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  text-indent: 12px;
}

#entry2 {
  background-image: url(https://www.cd-generation.com/img/bg_entry2.jpg);
  height: 420px;
  clear: both;
}
#entry2 .box1 {
  float: left;
  width: 380px;
  background-image: url(https://www.cd-generation.com/img/pic_entry2.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  height: 405px;
  border-radius: 10px;    /* CSS3草案 */
  -webkit-border-radius: 10px;  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
}

#detail .box2, #entry2 .box2 {
  background-color: transparent;
  width: 380px;
  padding-left: 30px;
  float: left;
}

#detail .box2 h1, #entry2 .box2 h1 {
  display: block;
  width: 350px;
  background-image: url(https://www.cd-generation.com/img/bg_from1.gif);
  height: 50px;
  margin:0 auto;
}
#detail .box2 .form, #entry2 .box2 .form {
  background-image: url(https://www.cd-generation.com/img/bg_from2.gif);
  background-repeat: no-repeat;
  background-position: center top;
  height: 355px;
}
#detail .box2 .form iframe, #entry2 .box2 .form iframe {
  height: 270px;
  width: 296px;
  margin:0 auto 5px;
  display: block;
}
#detail .box2 .form ul, #entry2 .box2 .form ul {
  display: block;
  width: 296px;
  margin:0 auto;
}

#site-footer {
  background-image: url(https://www.cd-generation.com/img/bg_footer.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 56px;
  text-align: center;
  line-height: 40px;
}