@charset "utf-8";
abbr, address, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, object, ol, p, pre, q, samp, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    word-break: normal;
}
#t-left-content {
    margin-right: 0;
    width: 628px;
}
#t-right-content {
    width: 450px;
}
#introduct p{
  line-height: 1.8em;
}


/*How To ページ*/
.howto-headBt a b {
    display: block;
    font-size: 50px;
    margin-bottom: -50px;
}
.howto-linkBt{
  font-size: 30px;
}
.howto-headtext ul{
  margin-top:10px;
}
.howto-headtext ul li{
  font-size:21px;
  font-weight:bold;
  line-height:2em;
}
/*コンペページ*/
.workInfotbl .InfoName{
    width:34%;
    font-size:.9em;
}
.workInfotbl .InfoDetail{
  width:66%;
}
#detailde-text .workInfottl{
  width:180px;
}
.workDetailArea .workProg li, .workDetailArea .workProg2 li, .workDetailArea .workProg3 li{
  font-size:10px;
}
@media only screen and (min-device-width: 320px)
    and (max-device-width: 1080px){
.howto-headBt a{
  font-size:16px;
}
.howto-headBt a b {
    font-size: 25px;
    margin-bottom:-25px;
}
.howto-linkBt{
  font-size:20px;
}
.howto-title, #howto-client .howto-title{
  font-size:22px;
  margin:40px auto;
}
.howto-title b{
  font-size:inherit;
}
.howto-title:after{
  margin-top:10px;
}
#t-left-content {
    margin-right: 0;
    width: 100%;
}
#t-right-content {
    width: 100%;
}
    }
    
/*howtoページ*/

.step-text{
text-align: center;
}

/*mysonglist*/
#creator-music-list .detail-bt,
#creator-music-list .revision-bt,
#creator-music-list .select-bt,
#creator-music-list .dl-bt,
#creator-music-list .cancel-bt,
#creator-music-list .update-bt{
font-size: 9px;
}

/*mypage*/
.ico-kakuyaku-pr{
font-size: 9px;
}

/*information*/
.noticebody li .new{
width:40px;
font-size:9px;
}

.noticebody .dtl{
width: 393px;
}
.conf-box {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  color: #fff;
  display: none;
  left: 50px;
  padding-bottom: 20px;
  position: absolute;
  text-align: center;
  top: -170px;
  width: 300px;
  z-index: 100;
}
.conf-box2 {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
  border-radius: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  color: #fff;
  display: none;
  left: 250px;
  padding-bottom: 100px;
  position: absolute;
  text-align: center;
  top: -170px;
  width: 300px;
  z-index: 100;
}