@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 {
  background: rgba(0, 0, 0, 0);
  border: 0 none;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
  word-break: break-all;
  word-wrap: break-word;
}
@font-face {
font-family: 'AC-Icon';
src:url('fonts/AC-Icon_-w29iu3.eot');
src:url('fonts/AC-Icon.eot') format('embedded-opentype'),
    url('fonts/AC-Icon_-w29iu3.ttf') format('truetype'),
    url('fonts/AC-Icon_-w29iu3.woff') format('woff'),
    url('fonts/AC-Icon_-w29iu3.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  background: rgba(0, 0, 0, 0);
  border: 0 none;
  display: block;
  margin: 0;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
}
body {
  font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,sans-serif;
  font-size: 12px;
  font-weight: normal;
}
nav ul, footer ul {
  list-style: outside none none;
}
blockquote::before, blockquote::after, q::before, q::after {
  content: none;
}
a {
  color: #666666;
  text-decoration: none;
  word-break: break-all;
  word-wrap: break-word;
}
ul, ol {
  list-style: outside none none;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
label, input[type="button"], input[type="submit"], button {
  cursor: pointer;
}
button, input, select, textarea {
  margin: 0;
}
h2 {
  font-size: 12px;
}
.clear {
  clear: both;
}
.clearfix {
  zoom:1;
}
.clearfix::after {
  clear: both;
  content: "";
  display: block;
}
.cleator-name a {
  color: #3c94cc;
  text-decoration: underline;
}
#header {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.98, rgba(0,0,0,.4)), color-stop(.00, rgba(69,69,69,.8)));
  background: linear-gradient(to bottom, rgba(69, 69, 69, .8) 0%, rgba(0, 0, 0, .4) 98%);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CC454545,EndColorStr=#66000000);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  min-height: 36px;
  min-width: 1078px;
  padding: 10px 0 0;
  position: relative;
  width: 100%;
  z-index: 10000;
}
#header .headerArea h1 img {
  height: 31px;
  width: 123px;
}
.hedLogin {
  padding: 8px 0 0;
}
#header .headerArea {
  margin: 0 auto;
  padding: 0 0 0 10px;
}
#header .headerArea::after {
  clear: both;
  content: "";
  display: block;
}
#header h1 {
  float: left;
}
.after h1 {
  margin-left: -3px;
}
.headerArea h1 a {
  display: block;
  height: 31px;
}
#header nav ul li {
  float: left;
}
#header .innerNav a {
  color: rgba(255, 255, 255, .8);
  display: block;
  font-weight: normal;
  line-height: 31px;
}
#header .innerNav a:hover {
  text-decoration: underline;
}
.loginForm {
  float: right;
  margin-right: 5px;
  overflow: visible;
}
#LoginIndexForm {
  margin-bottom: 15px;
}
#LoginIndexForm::after {
  clear: both;
  content: "";
  display: block;
}
.loginForm ul li {
  background: #ddd;
  border: medium none;
  border-radius: 4px;
  float: left;
  font-size: 95%;
  height: 22px;
  margin-left: 3px;
  position: relative;
  width: 202px;
}
.loginForm ul li label {
  display: none;
  left: 3px;
  position: absolute;
  top: 2px;
}
.loginForm input {
  background: #ddd;
  border: medium none;
  border-radius: 4px;
  font-size: 95%;
  height: 16px;
  padding: 2px 4px;
  position: relative;
}
.loginForm .mailForm {
  background-color: rgba(0, 0, 0, 0);
  width: 192px;
}
.loginForm .passForm {
  background-color: rgba(0, 0, 0, 0);
  width: 192px;
}
.loginForm div, .loginForm ul {
  float: left;
  position: relative;
}
.loginForm div p {
  float: left;
}
.login .btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 10px;
  height: 22px;
  line-height: 18px;
  padding: 2px 4px;
}
.loginForm .login {
  margin-left: 3px;
}
.loginForm div .checkBox {
  color: #ffffff;
  padding: 0;
  position: absolute;
  right: 0;
  top: 22px;
  width: 130px;
}
.loginForm div .checkBox label {
  font-size: 10px;
  margin-bottom: 0;
}
.loginForm div .checkBox input {
  display: inline;
  margin-right: 8px;
  padding-left: 10px;
  vertical-align: middle;
}
.acount {
  color: rgba(0, 0, 0, .06);
  display: block;
  font-size: 95px;
  height: 51px;
  line-height: 41px;
  margin-left: 10px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  white-space: nowrap;
  z-index: -1;
}
.acount-name {
  color: #ffe184;
}
.hedNavLink {
  display: block;
  float: left;
  margin: 5px 0 0 10px;
}
.hedNavLink li {
  display: block;
  float: left;
  margin-left: 20px;
}
.hedNavLink li a {
  color: #ddd;
  text-decoration: underline;
}
.hedNavLink li a:hover {
  opacity: .7;
}
.hedNavLink2 {
  display: block;
  float: left;
  margin: 5px 0 0 10px;
}
.hedNavLink2 li {
  display: block;
  float: left;
  margin-left: 20px;
}
.hedNavLink2 li a {
  color: #ddd;
  text-decoration: underline;
}
.hedNavLink2 li a:hover {
  opacity: .7;
}
#wrapper {
  background: #f6f6f6;
  margin: 0 auto;
  width: 100%;
}
#notice {
  cursor: pointer;
}
#noticeIcon {
  cursor: pointer;
}
#noticeIcon:hover {
  opacity: .8;
}
.noticeBlock {
  background: url(../img/bg_balloon.gif) no-repeat 417px -30px rgba(0, 0, 0, 0);
  -webkit-box-shadow: 1px 3px 3px rgba(0, 0, 0, .65);
  box-shadow: 1px 3px 3px rgba(0, 0, 0, .65);
  display: none;
  margin-top: 18px;
  position: absolute;
  right: -50px;
  top: 38px;
  width: 522px;
  z-index: 9999;
}
.noticeBlock ul {
  background: #ededed;
  max-height: 400px;
  overflow: auto;
}
.noticeBlock ul .done {
  padding: 20px;
  text-align: center;
}
.noticeBlock ul li {
  background: url(../img/bg_section.gif) repeat-x 0 0 rgba(0, 0, 0, 0);
  clear: both;
  line-height: 1.2;
  margin-right: 0;
  padding: 4px 11px 4px 14px;
}
.noticeBlock ul li:first-child {
  background: rgba(0, 0, 0, 0);
}
.noticeBlock .noticeDays {
  display: inline-block;
  font-size: 90%;
  margin-right: 5px;
  width: 150px;
}
.noticeBlock ul li div {
  display: inline-block;
  margin-right: 12px;
  padding-top: 5px;
  vertical-align: sub;
}
.noticeBlock .noticeTxt {
  display: inline-block;
  font-size: 90%;
  margin-top: 1px;
}
.noticeBlock .noticeTxt span {
  color: #ff0000;
  font-weight: bold;
}
.noticeBlock .btnOther a {
  background: #4b5254;
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding: 4px 0 5px;
  text-align: center;
}
#main {
  clear: both;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}
.topKv {
  background: url(../img/bg_topKV.jpg) no-repeat 0 0 rgba(0, 0, 0, 0);
  height: 450px;
  margin: 0 auto;
  position: relative;
  width: 1000px;
}
.topKvBox {
  background-color: rgba(0, 0, 0, .5);
  color: #000000;
  padding: 14px 14px 12px;
  position: absolute;
  right: 24px;
  top: 112px;
  width: 558px;
}
.topKvBox p {
  color: #ffffff;
  font-size: 150%;
  font-weight: bold;
  line-height: 1.4;
}
.topKvBox p strong {
  font-size: 170%;
}
.topKvBox p strong span {
  font-size: 126%;
  vertical-align: -1px;
}
.topKvBox p .kvTxt {
  line-height: 2;
}
.TopBtnRed {
  margin-top: 9px;
  overflow: hidden;
}
.TopBtnRed p {
  float: left;
  font-size: 117%;
}
.TopBtnRed p:first-child {
  margin-right: 9px;
}
.TopBtnRed p a {
  background: url(../img/btn_bgRed.png) no-repeat 0 0 rgba(0, 0, 0, 0);
  color: #ffffff;
  display: block;
  padding: 14px 0 13px;
  text-align: center;
  width: 274px;
}
.TopBtnRed p a:hover {
  background: url(../img/btn_bgRed_on.png) no-repeat 0 0 rgba(0, 0, 0, 0);
}
#topBlock01 {
  border-bottom: 1px solid #e3e3e3;
}
#topBlock02 {
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #ffffff;
}
#topBlock03 {
  border-top: 1px solid #ffffff;
}
.topBg01, .topBg02, .topBg03 {
  clear: both;
  margin: 0 auto;
  overflow: hidden;
  width: 1100px;
}
.topBg01 {
  background: url(../img/bg_top_01.gif) no-repeat 586px 0 rgba(0, 0, 0, 0);
  height: 503px;
  position: relative;
}
.topBox01 {
  left: 48px;
  position: absolute;
  top: 132px;
}
.topBox01 h2 {
  font-size: 205%;
  font-weight: bold;
  padding-bottom: 10px;
}
.topBox01 h2 span {
  color: #2890bb;
  font-size: 177%;
  padding: 0 0 0 5px;
  vertical-align: -4px;
}
.topBox01 p {
  font-size: 135%;
  font-weight: bold;
  line-height: 1.9;
}
.topBg02 {
  background: url(../img/bg_top_02.gif) no-repeat 27px 67px rgba(0, 0, 0, 0);
  height: 605px;
  position: relative;
}
.topBox02 {
  position: absolute;
  right: 51px;
  text-align: right;
  top: 241px;
}
.topBox02 h2, .topBox03 h2 {
  font-size: 205%;
  font-weight: bold;
  line-height: 1.4;
  margin-right: 3px;
  padding-bottom: 8px;
}
.topBox02 p, .topBox03 p {
  font-size: 135%;
  font-weight: bold;
  line-height: 1.9;
  margin-right: 3px;
}
.topBox02 .TopBtnBlk {
  float: right;
  margin-top: 28px;
}
.topBox02 .TopBtnBlk a, .topBox03 .TopBtnBlk a {
  background: url(../img/btn_bgBlk.png) no-repeat 0 0 rgba(0, 0, 0, 0);
  color: #ffffff;
  display: block;
  font-size: 100%;
  padding: 8px 0;
  text-align: center;
  width: 303px;
}
.topBox02 .TopBtnBlk a:hover, .topBox03 .TopBtnBlk a:hover {
  background: url(../img/btn_bgBlk_on.png) no-repeat 0 0 rgba(0, 0, 0, 0);
}
.topBg03 {
  background: url(../img/bg_top_03.gif) no-repeat 47px 42px rgba(0, 0, 0, 0);
  height: 494px;
  margin-bottom: 100px;
  position: relative;
}
.topBox03 {
  left: 45px;
  position: absolute;
  top: 207px;
}
.topBox03 .TopBtnBlk {
  margin-top: 28px;
}
.kiyaku2 {
  margin: 30px auto;
  width: 1000px;
}
.kiyaku h2, .kiyaku2 h2 {
  line-height: 70px;
}
.kiyaku h3, .kiyaku2 h3 {
  font-size: 17px;
  line-height: 50px;
}
.kiyaku h4, .kiyaku2 h4 {
  line-height: 30px;
}
#header_tease {
  background: url(../img/bg_silver_tease.png) repeat-x 0 0 rgba(0, 0, 0, 0);
  height: 350px;
  width: 100%;
}
.headerAreatease {
  height: 350px;
  margin: 0 auto;
  width: 1000px;
}
.topBghelp {
  height: 480px;
  position: relative;
}
.topBghelp .Parea {
  margin: 0 auto;
  width: 1000px;
}
.topBghelp .Parea h2 {
  font-size: 35px;
  font-weight: bold;
  line-height: 1.4em;
  padding: 20px 0 0;
  text-align: left;
}
.topBghelp ul {
  height: 370px;
  margin: 0 auto;
  padding: 20px 0 0;
  width: 100%;
}
.topBghelp ul li {
  background: #ffffff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  display: block;
  float: left;
  height: 350px;
  margin: 0 2%;
  position: relative;
  width: 27%;
}
.topBghelp ul li img {
  display: block;
  height: 200px;
  left: 35px;
  position: absolute;
  top: 10px;
  width: 200px;
}
.PageTopArea {
  margin: 0 auto;
  overflow: hidden;
  text-align: right;
  width: 1000px;
}
.PageTopArea p a {
  display: block;
  height: 26px;
}
.PageTopArea p a img {
  vertical-align: bottom;
}
.hedNavRit {
  position: absolute;
  right: 10px;
  top: 10px;
}
.hedNavRit .noticeLink, .hedNavRit .editingLink {
  float: left;
}
#loginTopNav {
  float: right;
  margin: 0 80px 0 0;
}
#loginTopNav .shownav {
  display: none;
}
#loginTopNav .navArea {
  margin: 0 auto;
}
#loginTopNav ul .treeNav {
  float: left;
  padding-right: 40px;
  position: relative;
}
#loginTopNav ul li .btnLink {
  color: #ddd;
  display: block;
  font-weight: normal;
  height: 35px;
  line-height: 27px;
}
#loginTopNav ul li .btnLink::before {
  content: "";
  float: left;
  height: 16px;
  margin: 5px 3px 0 0;
  width: 16px;
}
#loginTopNav ul li .btnLink::after {
  clear: both;
  content: "";
  display: block;
}
.btnLink.hcompe::before {
  background: url(../img/ico-compe.png) no-repeat 0 0 rgba(0, 0, 0, 0);
}
.btnLink.hsong::before {
  background: url(../img/ico-songs.png) no-repeat 0 0 rgba(0, 0, 0, 0);
}
.btnLink.haccount::before {
  background: url(../img/ico-account.png) no-repeat 0 0 rgba(0, 0, 0, 0);
}
#loginTopNav ul li .btnLink:hover {
  opacity: .7;
}
.subNaviArea {
  background: url(../img/bg_section.gif) repeat-x 0 bottom rgba(0, 0, 0, 0);
  height: 35px;
  margin: 20px auto 0;
  padding: 0 0 20px;
  position: relative;
  width: 100%;
}
.subNaviArea .searchProjects {
  border: 1px solid #3e4345;
  height: 25px;
  padding: 2px 5px;
  position: absolute;
  right: 29px;
  top: 5px;
  width: 394px;
}
.searchSubmit {
  background: url(../img/btn_search.png) no-repeat 0 0 #999999;
  border: 1px solid #000000;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  height: 31px;
  position: absolute;
  right: 0;
  top: 5px;
  width: 31px;
}
.sortButton {
  background: #f6f6f6;
  color: #666666;
  font-size: 11px;
  padding: 4px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 42px;
}
.innerNav {
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  display: block;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 35px;
  z-index: 999;
}
.innerNav li {
  clear: both;
  margin-right: 0;
  width: 170px;
}
.innerNav li:first-child {
  background: rgba(0, 0, 0, 0);
}
.innerNav li a {
  background: rgba(60, 60, 60, .8);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  color: #ffffff;
  display: block;
  font-size: 96%;
  padding: 9px 0 6px 18px;
}
.innerNav li a:hover {
  background: rgba(70,70,70,.8);
}
.innerNav li {
  clear: both;
  margin-right: 0;
}
.sortMenu {
  background: #f6f6f6;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
  display: none;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 70px;
  z-index: 995;
}
.sortMenu li {
  border-top: 1px solid #e3e3e3;
  clear: both;
  display: block;
  height: 25px;
  line-height: 25px;
  margin: 0;
  padding: 10px 7px;
  text-align: left;
  vertical-align: bottom;
  width: 200px;
}
.sortMenu .first {
  border-top: none;
}
.sortMenu li:hover {
  background: rgba(0, 0, 255, .05);
}
.subNaviArea h1 {
  left: 40px;
  position: absolute;
  top: 5px;
}
#content {
  clear: both;
  margin: 0 auto;
  position: relative;
  width: 1078px;
}
.newProjects {
  margin: 2px 0 57px;
}
.newProjects section {
  background: url(../img/bg_section.gif) repeat-x 0 bottom rgba(0, 0, 0, 0);
  clear: both;
  overflow: hidden;
  padding: 10px 0 15px;
}
.prjTit {
  float: left;
  max-width: 157px;
}
.prjTit p {
  font-size: 92%;
  padding-right: 5px;
}
.prjTit span {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.8em;
}
.prjTit div {
  margin-top: 3px;
}
.prjSumbnail {
  float: left;
  height: 90px;
  margin: 7px 17px 0 10px;
  overflow: hidden;
  width: 90px;
}
.prjSumbnail img {
  height: 100%;
}
.prjContent {
  float: left;
  overflow: hidden;
  padding-top: 1px;
  width: 570px;
}
.prjContent h2 {
  color: #e60000;
  font-size: 130%;
  font-weight: bold;
}
.prjContent ul {
  clear: both;
  margin: 2px 0;
  overflow: hidden;
}
.prjContent ul li {
  color: #2890bb;
  float: left;
  font-size: 110%;
  font-weight: bold;
  margin-right: 32px;
}
.prjContent02 {
  float: left;
  overflow: hidden;
  padding-right: 10px;
  padding-top: 1px;
  width: 438px;
}
.prjContent02 h2 {
  color: #e60000;
  font-size: 130%;
  font-weight: bold;
}
.prjContent02 a {
  text-decoration: underline;
}
.prjContent02 ul {
  clear: both;
  margin: 2px 0;
  overflow: hidden;
}
.prjContent02 ul li {
  color: #2890bb;
  float: left;
  font-size: 110%;
  font-weight: bold;
  margin-right: 32px;
}
.prjContentinfo {
  border-left: 1px solid #dedede;
  float: left;
  margin: 12px 25px 0 0;
  overflow: hidden;
  padding-left: 13px;
  width: 250px;
}
.prjContentinfo p {
  font-size: 12px;
  font-weight: bold;
  line-height: 2.2em;
}
.prjContentinfo p span {
  color: #2890bb;
}

/*---entryBtn----*/

.entryBtn {
  background: #2890bb;
  border: 1px solid #2890bb;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .7) inset, 0 1px 1px #ffffff;
  box-shadow: 0 1px 1px rgba(255, 255, 255, .7) inset, 0 1px 1px #ffffff;
  display: block;
  float: right;
  height: 59px;
  margin: 20px 0 0;
  overflow: hidden;
  position: relative;
  width: 75px;
}
.entryBtn span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
  top: 20px;
  width: 100%;
}

.entryBtn-jasrac {
  background: #C0C0C0;
  border: 1px solid #C0C0C0;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .7) inset, 0 1px 1px #ffffff;
  box-shadow: 0 1px 1px rgba(255, 255, 255, .7) inset, 0 1px 1px #ffffff;
  display: block;
  float: right;
  height: 59px;
  margin: 20px 0 0;
  overflow: hidden;
  position: relative;
  width: 75px;
}
.entryBtn-jasrac span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
  top: 20px;
  width: 100%;
}

.entryBtn02 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.90, #337FAB), color-stop(.53, #036CA2), color-stop(.51, #3A85AF), color-stop(.07, #3881AA));
  background: linear-gradient(to bottom, #3881AA 7%, #3A85AF 51%, #036CA2 53%, #337FAB 90%);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff3881AA,EndColorStr=#ff337FAB);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow:inset 0px 0px 3px rgba(0,0,0,.1),1px 1px 3px rgba(0,0,0,.5);
  box-shadow:inset 0px 0px 3px rgba(0,0,0,.1),1px 1px 3px rgba(0,0,0,.5);
  display: block;
  height: 35px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 235px;
}
.entryBtn02 span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #222222;
  text-shadow: 0 -1px 0 #222222;
  top: 10px;
  width: 100%;
}


.choiceBtn {
  background: #008080;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  float: right;
  height: 59px;
  margin: 20px 0 0;
  overflow: hidden;
  position: relative;
  width: 75px;
}
.choiceBtn span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #222222;
  text-shadow: 0 -1px 0 #222222;
  top: 20px;
  width: 100%;
}
.finBtn {
  background: #3e4345;
  border: 1px solid #3e4345;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .7) inset, 0 1px 1px #ffffff;
  box-shadow: 0 1px 1px rgba(255, 255, 255, .7) inset, 0 1px 1px #ffffff;
  display: block;
  float: right;
  height: 34px;
  margin: 30px 0 0;
  overflow: hidden;
  position: relative;
  width: 75px;
}
.finBtn span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #222222;
  text-shadow: 0 -1px 0 #222222;
  top: 10px;
  width: 100%;
}
.delBtn {
  background: #cecece;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  float: right;
  height: 59px;
  margin: 20px 0 0;
  overflow: hidden;
  position: relative;
  width: 75px;
}
.delBtn span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #999999;
  text-shadow: 0 -1px 0 #999999;
  top: 20px;
  width: 100%;
}
.workDetailArea {
  position: relative;
  width: 100%;
  margin-top:10px;
}

/*---workDetailttl----*/

.workDetailttl {
  margin-bottom: 10px;
  width: 650px;
}
.workDetailArea .nothumb:before{
  background: url(../img/speaker.png) no-repeat 50% 50% #202020;
  border-radius:25px;
  content:"";
  display:block;
  height:50px;
  width:50px;
  float:left;
}
.workDetailttl .thumb {
  padding: 0 5px;
  float: left;
  height: 44px;
  overflow: hidden;
  width: 44px;
}
.workDetailttl .thumb img { height: 44px;}

.workDetailttl > h1 {
  padding-top:15px;
  line-height: 28px;
  text-indent: 10px;
  font-weight:normal;
}
.workDetailttl span {
  color: #202020;
  display: block;
  font-size: 18px;
  font-weight: bold;
  min-height: 44px;
  margin: 0 0 0 62px;
  padding: 12px 0 0;
}

.aw-box {
    position: absolute;
    right: 250px;
    top: 10px;
    width: 170px;
}
.add-whach-list{
  display:block;
  padding:5px;
  background:#333;
  -webkit-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  box-shadow: 1px 1px 3px rgba(0,0,0,.5);
  width:160px;
  text-align:center;
  color:#fff;
}
.add-whach-list:hover{
  background:#555;
}

.conf-box{
  position:absolute;
  width:300px;
  top:-50px;
  display:none;
  left:250px;
  height:280px;
  background:rgba(0,0,0,.9);
  color:#fff;
  z-index:100;
  border-radius:5px;
  text-align:center;
  box-shadow:1px 1px 5px rgba(0,0,0,.5);
  -webkit-box-shadow:1px 1px 5px rgba(0,0,0,.5);
}

.conf-box2{
  position:absolute;
  width:300px;
  top:-50px;
  display:none;
  left:-250px;
  height:250px;
  background:rgba(0,0,0,.9);
  color:#fff;
  z-index:100;
  -webkit-border-radius:5px;
  border-radius:5px;
  text-align:center;
  -webkit-box-shadow:1px 1px 5px rgba(0,0,0,.5);
  box-shadow:1px 1px 5px rgba(0,0,0,.5);
}
.conf-text{
  padding:80px 5px;
}
.conf-box .conf-text{
  margin:10px 5px;
}
.conf-bt{
  display:block;
  float:left;
  width:100px;
  margin-left:30px;
  padding:5px 0;
  color:#fff;
  background:#000;
  border:solid 1px #333;
  -webkit-border-radius:5px;
  border-radius:5px;
}
.conf-bt-bt1{
  display:block;
  width:90%;
  margin:3px auto;
  padding:5px 0;
  color:#fff;
  background:#222;
  border:solid 1px #333;
  -webkit-border-radius:5px;
  border-radius:5px;
}
.conf-bt-bt1:hover{
  background:#333;
}
.conf-box .conf-bt.bt2{
  float:none;
  margin:0 auto;

}
.conf-bt:hover{
  background:#444;
}
.permissionMessage {
  background: #e60000;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  height: 22px;
  margin: 0;
  width: 826px;
}
.permissionMessage span {
  color: #ffffff;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 0 0;
  text-align: center;
  width: 100%;
}
/*---workProg----*/

.workDetailArea .workProg,
.workDetailArea .workProg2,
.workDetailArea .workProg3 {
  display: block;
  position: absolute;
  right: 0;
  top: 45px;
  width: 235px;
}
.workDetailArea .workProg li,
.workDetailArea .workProg2 li,
.workDetailArea .workProg3 li{
  background:rgba(0,0,0,.2);
  -webkit-border-radius:25px;
  border-radius:25px;
  color: #ffffff;
  display: block;
  float:left;
  font-weight: bold;
  height:50px;
  line-height:50px;
  margin: 0 15px;
  text-align: center;
  width:50px;
}
.workDetailArea .workProg li:after,
.workDetailArea .workProg2 li:after,
.workDetailArea .workProg3 li:after{
  content:"666";
  font-family:"AC-Icon";
  display:block;
  color:rgba(0,0,0,.2);
  font-size:1.5em;
  margin-right:-26px;
  float:right;
}
.workDetailArea .workProg li:nth-child(1),
.workDetailArea .workProg2 li:nth-child(2),
.workDetailArea .workProg3 li:nth-child(3){
  background:#9e0038;
}
.workDetailArea .workProg li:nth-last-child(1),
.workDetailArea .workProg2 li:nth-last-child(1),
.workDetailArea .workProg3 li:nth-last-child(1){
  margin-right:0;
}
.workDetailArea .workProg li:nth-last-child(1):after,
.workDetailArea .workProg2 li:nth-last-child(1):after,
.workDetailArea .workProg3 li:nth-last-child(1):after{
  content:"";
  display:none;
}

.workInfoLeft {
  background:#f3f1ed;
  -webkit-box-shadow:1px 2px 2px rgba(0,0,0,.5);
  box-shadow:1px 2px 2px rgba(0,0,0,.5);
  float: left;
  width: 826px;
}
.workInfoLeft:before,
.ProposeInfoLeft:before{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6aa8c8), color-stop(.50, #609DBC), color-stop(.00, #a6c8d9));
  background: linear-gradient(to bottom, #a6c8d9 0%, #609DBC 50%, #6aa8c8 100%);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffa6c8d9,EndColorStr=#ff6aa8c8);
  content:"";
  display:block;
  height:5px;
  margin-bottom:10px;
  width:100%;
}
.workInfoLeft > section{
  margin:10px;
  clear:both;
}



.workInfo {
  margin: 48px auto;
  position: relative;
  width: 100%;
}
.workInfo01{
  left: 62px;
  position: absolute;
  top: -35px;
}
.workInfo01 p {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.98, #609DBC), color-stop(.51, #4285A8), color-stop(.48, #4E8CAD), color-stop(.00, #6099B7));
  background: linear-gradient(to bottom, #6099B7 0%, #4E8CAD 48%, #4285A8 51%, #609DBC 98%);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff6099B7,EndColorStr=#ff609DBC);
  border-color: #9DC0D3 #9DC0D3 rgba(0,0,0,0);
  border-style: solid;
  border-width: 1px 1px 2px;
  -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, .1) inset;
  box-shadow: 1px 1px 0 rgba(255, 255, 255, .1) inset;
  color: #fff;
  display:block;
  height: 34px;
  line-height:34px;
  text-align: center;
  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 200, .2);
  text-shadow: 1px 1px 1px rgba(0, 0, 200, .2);
  width: 132px;
}
.workInfo02,
.workInfo03,
.workInfo04 {
  background: #3e4345;
  display: block;
  height: 34px;
  position: absolute;
  top: -34px;
  width: 132px;
}
.workInfo02 p,
.workInfo03 p,
.workInfo04 p {
  color: #ffffff;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
  width: 100%;
}
.workInfo02{ left: 204px;}
.workInfo03 { left: 343px;}
.workInfo04 { left: 482px;}



.InfTab {
  display: block;
  height: 35px;
  margin: 0;
  padding: 0;
  left: 62px;
  position: absolute;
  top: -35px;
}
.InfTab-li {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3C3C3C), color-stop(.50, #373737), color-stop(.48, #3C3C3C), color-stop(.00, #535353));
  background: linear-gradient(to bottom, #535353 0%, #3C3C3C 48%, #373737 50%, #3C3C3C 100%);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff535353,EndColorStr=#ff3C3C3C);
  border: solid 1px #939393;
  border-bottom:none;
  color: #fff;
  display:block;
  float:left;
  height: 28px;
  line-height:28px;
  margin:6px 0 0 -1px;
  text-align: center;
  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 200, .2);
  text-shadow: 1px 1px 1px rgba(0, 0, 200, .2);
  position:relative;
  width: 132px;
  z-index:1;
}
.InfTab-li a{
  color:#fff;
}
.InfTab-li.act {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.98, #609DBC), color-stop(.51, #4285A8), color-stop(.48, #4E8CAD), color-stop(.00, #6099B7));
  background: linear-gradient(to bottom, #6099B7 0%, #4E8CAD 48%, #4285A8 51%, #609DBC 98%);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff6099B7,EndColorStr=#ff609DBC);
  border: solid 1px #9DC0D3;
  border-bottom:none;
  color: #fff;
  display:block;
  height: 36px;
  height: 34px\9;
  margin-top:0;
  line-height:36px;
  position:relative;
  text-align: center;
  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 200, .2);
  text-shadow: 1px 1px 1px rgba(0, 0, 200, .2);
  width: 132px;
  z-index:10;
}


/*  #detailde-infomation .workInfottl  */
#detailde-infomation .workInfottl {
  border-bottom: 2px solid #202020;
  font-size: 18px;
  font-weight:bold;
  padding-bottom:5px;
}
#detailde-infomation .workInfottl:before{
  background:url(../img/ico_note.png) no-repeat;
  content:"";
  display:block;
  height:23px;
  margin-right:10px;
  float:left;
  width:19px;
}
#detailde-infomation .workInfottl:after{
  content:"detailed information";
  color:#023d56;
  font-size:12px;
  font-weight:normal;
  margin-left:10px;
}


.wi-top{
  float: left;
  width: 40%;
  margin-top:10px;
  margin-right:2%;
}
.wi-mid{
  float: left;
  margin-top:10px;
  width: 58%;
}

.workInfoSample .InfoName {
  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
  border-radius: 2px;
  float: left;
  text-align: center;
  width: 27%;
  padding:10px;
}
.workInfoSample .InfoName::before {
  content: "\37";
  font-family: "AC-Icon";
  font-size: 1.3em;
  margin-right: 10px;
  opacity: 0.2;
}
.workInfoSample .workInfotbl{
  width:100%;
}
.workInfotbl tr {
  height: 34px;
}
.workInfotbl li{
  border-bottom:dotted 1px rgba(0,0,0,.5);
  padding: 3px 0;
}
.Detail-work li:before{
  color:#B6AC9A;
}
.workInfotbl li:after{
  clear:both;
  content:"";
  display:block;
}
.workInfotbl .InfoName {
  background: rgba(0, 0, 0, .1);
  -webkit-border-radius:2px;
  border-radius:2px;
  float:left;
  text-align:center;
  width:27%;
  }
.workInfotbl .InfoDetail {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  color:#005a7c;
  float:left;
  padding:0 5px ;
  width:73%;
}
.workInfotbl .hide-reward-txt {
  color:#000;
}
.Detail-Date .InfoName{
  font-weight:bold;
  margin-top:5px;

}
.workSchedule {
  height: 20px;
  margin: 16px 0 0;
}
.wi-topr .InfoDetail{
  color: #005a7c;
}
.workSchedule_end .InfoDetail {
  color: #9C142A;
  font-weight: bold;
  font-size:1.6em;
}
.workSchedule_end .InfoDetail b {
  font-size:2.2em;
  margin:0 5px;
  line-height:1em;
}
.Detail-Date{
  padding:20px;
}
.wi-left{
  padding-left:10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.wi-mid .workInfotbl{
  margin:5px 0 10px 70px;
}
.wi-mid h3{
  border-bottom: 1px solid #333;
  line-height: 15px;
  text-indent: 3px;
}
.InfoImage img{
  width:100%;
}
.InfoClient {
  background: rgba(0, 0, 0, .05);
  display:table;
  height:80px;
  margin-bottom:3px;
  position:relative;
  width:100%;
}
.workSchedule{
  height:80px;
}
.InfoClient .InfoName{
  background:#202020;
  color:#fff;
  left:0;
  padding:0 5px;
  position:absolute;
  top:0;
}
.InfoClient .InfoDetail{
  display:table-cell;
  padding-left:5px;
  text-align:center;
  vertical-align:middle;
}
.InfoClient .InfoImage{
  display:table-cell;
  margin-top:10px;
  padding:10px;
  text-align:center;
  width:60px;
  vertical-align:middle;
}
.InfoClient .InfoImage > img {
  display:block;
  width: 60px;
}

.workSchedule li {
  color: #333333;
  float: left;
  font-size: 14px;
  font-weight: bold;
  margin: 0 35px 0 0;
}
.workSchedule li span {
  color: #2890bb;
  font-weight: bold;
}
#detailde-text .workInfottl {
  background: #292929;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-weight: normal;
  line-height: 22px;
  margin:0;
  padding-right: 5px;
  padding-top: 4px;
  position: relative;
  text-align: center;
  width: 140px;
  height:22px;
}
#detailde-text .workInfottl:after {
  display:block;
  content:"";
  width:0;
  height:0;
  border-top: solid 24px rgba(0,0,0,0);
  border-left: solid 10px #292929;
  border-bottom:none;
  border-right:none;
  right:-10px;
  top:3px;
  position:absolute;
}
.detailText {
  background:rgba(255,255,255,.7);
  border:solid 1px #292929;
  line-height: 1.8em;
  padding:10px;
}
.btnArea{
  width:486px;
  margin: 5px auto 15px;
}



.detailEntrybtn01,
.detailEntrybtn01dummy,
.detailEntrybtn02,
.detailEntrybtn03 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1E1E1E), color-stop(.52, #0A0A0A), color-stop(.49, #292929), color-stop(.00, #292929));
  background: linear-gradient(to bottom, #292929 0%, #292929 49%, #0A0A0A 52%, #1E1E1E 100%);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff292929,EndColorStr=#ff1E1E1E);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow:inset 0px 0px 3px rgba(0,0,0,.1),1px 1px 3px rgba(0,0,0,.5);
  box-shadow:inset 0px 0px 3px rgba(0,0,0,.1),1px 1px 3px rgba(0,0,0,.5);
  display: block;
  float: left;
  height: 40px;
  margin: 0px 24px 0 0;
  text-decoration: none;
  overflow: hidden;
  width: 226px;
}

.detailEntrybtn02 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.90, #337FAB), color-stop(.53, #036CA2), color-stop(.51, #3A85AF), color-stop(.07, #3881AA));
  background: linear-gradient(to bottom, #3881AA 7%, #3A85AF 51%, #036CA2 53%, #337FAB 90%);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff3881AA,EndColorStr=#ff337FAB);

}
.detailEntrybtn01 span,
.detailEntrybtn01dummy span,
.detailEntrybtn02 span,
.detailEntrybtn03 span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding-top: 12px;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #222222;
  text-shadow: 0 -1px 0 #222222;
  width: 100%;
}



/*--------------------- workInfoRight ---------------------*/

.workInfoRight {
  border-left: 1px solid #dedede;
  margin: 3px 0 0 auto;
  width: 233px;
}
.workInfoRight .Infodtl {
  font-size: 22px;
  font-weight: bold;
  padding: 20px 0 0 20px;
}
.workInfoRight .workProgst {
  margin: 15px 0 0 20px;
  width: 233px;
}
.workInfoRight .workProgst .staon {
  background-color: #2890bb;
  border-bottom: 1px solid #f6f6f6;
  height: 35px;
  margin: 0;
  width: 210px;
}
.workInfoRight .workProgst .staoff {
  background: url(../img/pro_arrow_pc.png) no-repeat 100px -1px #7ed9ff;
  border-bottom: 1px solid #f6f6f6;
  height: 35px;
  margin: 0;
  width: 210px;
}
.workInfoRight .workProgst .staoff2 {
  background: none repeat scroll 0 0 #7ed9ff;
  border-bottom: 1px solid #f6f6f6;
  height: 35px;
  margin: 0;
  width: 210px;
}
.workInfoRight .workProgst .staoff span,
.workInfoRight .workProgst .staon span,
.workInfoRight .workProgst .staoff2 span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding: 8px 0 0;
  text-align: center;
}
.workInfoRight .workAdv {
  background: url(../img/bg_section.gif) repeat-x 0 bottom rgba(0, 0, 0, 0);
  font-weight: bold;
  margin: 15px 0 0 20px;
  padding-bottom: 20px;
  text-align: left;
  width: 210px;
}
.workInfoRight .workAdv span {
  color: #e60000;
}
.workInfoRight .hide-reward-txt {
  color:#000;
}
.workCost {
  margin: 19px 0 0 20px;
}
.workCost dt {
  color: rgba(0, 0, 0, .4);
  font-weight: bold;
  line-height:1em
}
.workCost dd {
  color: #2890bb;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
}
.workCost dd.etc {
  color: #2890bb;
  font-size: 12px;
  font-weight: normal;
}
.workCost dd strong {
  font-size: 24px;
}
.workCost .Propose {
  background: url(../img/bg_section.gif) repeat-x 0 top rgba(0, 0, 0, 0);
  padding: 27px 0 0;
}
.workCost .ProposeCld {
  margin: 0;
}
.workCost .ProposeGcld {
  color: #333333;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
}
.workCost .morePropose {
  background: url(../img/bg_section.gif) repeat-x 0 bottom rgba(0, 0, 0, 0);
  font-size: 14px;
  padding: 18px 0 20px;
  text-align: right;
}






.ProposeInfo {
  background: url(../img/bg_section.gif) repeat-x 0 top rgba(0, 0, 0, 0);
  margin: 48px auto;
  position: relative;
  width: 100%;
}
.ProposeInfoLeft {
  float: left;
  width: 764px;

}
.ProposeInfo01 {
  background: #3e4345;
  display: block;
  height: 34px;
  left: 62px;
  position: absolute;
  top: -34px;
  width: 132px;
}
.ProposeInfo01 p {
  color: #ffffff;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
  width: 100%;
}
.ProposeInfo02 {
  background: #f6f6f6;
  border-color: #dedede #dedede #f6f6f6;
  border-style: solid;
  border-width: 1px 1px 2px;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  display: block;
  height: 34px;
  left: 202px;
  position: absolute;
  top: -35px;
  width: 132px;
}
.ProposeInfo02 p {
  color: #333333;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #ffffff;
  text-shadow: 0 -1px 0 #ffffff;
  width: 100%;
}
.ProposeInfo02-applied {
  background: #3e4345;
  display: block;
  height: 34px;
  left: 202px;
  position: absolute;
  top: -34px;
  width: 132px;
}
.ProposeInfo02-applied p {
  color: #ffffff;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
  width: 100%;
}
.ProposeInfo03 {
  background: #3e4345;
  display: block;
  height: 34px;
  left: 345px;
  position: absolute;
  top: -34px;
  width: 132px;
}
.ProposeInfo03 p {
  color: #ffffff;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
  width: 100%;
}
.ProposeInfo04 {
  background: #3e4345;
  display: block;
  height: 34px;
  left: 482px;
  position: absolute;
  top: -34px;
  width: 132px;
}
.ProposeInfo04 p {
  color: #ffffff;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
  width: 100%;
}
.ProposeInfo04-applied {
  background: #f6f6f6;
  border-color: #dedede #dedede #f6f6f6;
  border-style: solid;
  border-width: 1px 1px 2px;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  display: block;
  height: 34px;
  left: 482px;
  position: absolute;
  top: -35px;
  width: 132px;
}
.ProposeInfo04-applied p {
  color: #333333;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #ffffff;
  text-shadow: 0 -1px 0 #ffffff;
  width: 100%;
}
.ProposeDetail {
  margin: 55px 0 0;
  width: 100%;
}
.ProposeDetail li {
  float: left;
  height: 200px;
  margin: 0 19px 35px 0;
  position: relative;
  width: 133px;
}




.choose {
  background: #e60000;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
  color: #ffffff;
  font-weight: bold;
  height: 22px;
  left: 3px;
  line-height: 22px;
  position: absolute;
  text-align: center;
  top: 3px;
  width: 45px;
}
.ProposePlay {
  height: 133px;
  width: 133px;
}





.rating {
  height: 12px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 80px;
}
.rating .zerobg {
  background: url(../img/rate_zero.png) no-repeat 0 0 rgba(0, 0, 0, 0);
  height: 12px;
  margin: 0;
  padding: 0;
  width: 80px;
}
.rating .onebg {
  background: url(../img/rate_one.png) no-repeat 0 0 rgba(0, 0, 0, 0);
  height: 12px;
  margin: 0;
  padding: 0;
  width: 80px;
}
.rating .twobg {
  background: url(../img/rate_two.png) no-repeat 0 0 rgba(0, 0, 0, 0);
  height: 12px;
  margin: 0;
  padding: 0;
  width: 80px;
}
.rating .threebg {
  background: url(../img/rate_three.png) no-repeat 0 0 rgba(0, 0, 0, 0);
  height: 12px;
  margin: 0;
  padding: 0;
  width: 80px;
}
.rating .fourbg {
  background: url(../img/rate_four.png) no-repeat 0 0 rgba(0, 0, 0, 0);
  height: 12px;
  margin: 0;
  padding: 0;
  width: 80px;
}
.rating .fivebg {
  background: url(../img/rate_five.png) no-repeat 0 0 rgba(0, 0, 0, 0);
  height: 12px;
  margin: 0;
  padding: 0;
  width: 80px;
}
.rating .starone {
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  text-indent: -999999px;
  top: 0;
  width: 17px;
}
.rating .startwo {
  display: block;
  height: 12px;
  left: 17px;
  position: absolute;
  text-indent: -999999px;
  top: 0;
  width: 17px;
}
.rating .starthree {
  display: block;
  height: 12px;
  left: 33px;
  position: absolute;
  text-indent: -999999px;
  top: 0;
  width: 17px;
}
.rating .starfour {
  display: block;
  height: 12px;
  left: 50px;
  position: absolute;
  text-indent: -999999px;
  top: 0;
  width: 17px;
}
.rating .starfive {
  display: block;
  height: 12px;
  left: 66px;
  position: absolute;
  text-indent: -999999px;
  top: 0;
  width: 16px;
}




.ProposeShow {
  background: #ffffff;
  display: block;
  height: 26px;
  margin: 5px auto 0;
  text-align: center;
  width: 113px;
}
.ProposeShow span {
  color: #333333;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0 0;
  text-align: center;
}
.ProposeDetail li .date {
  font-size: 11px;
  margin: 8px auto 0;
  text-align: center;
  width: 100%;
}
.pAlart {
  color: #e60000;
  font-size: 24px;
  font-weight: bold;
  margin: 15px 0 0;
}
.pAlartbtnArea {
  height: 35px;
  margin: 15px 0 -30px;
  padding: 4px 0;
  position: relative;
  width: 100%;
}
.pAlartdtl {
  background: #2890bb;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  height: 35px;
  left: 172px;
  padding: 4px 0;
  position: absolute;
  top: 0;
  width: 200px;
}
.pAlartdtl02 {
  background: #2890bb;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  height: 35px;
  left: 392px;
  padding: 4px 0;
  position: absolute;
  top: 0;
  width: 200px;
}
.pAlartdtl span, .pAlartdtl02 span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
  width: 100%;
}
.proposeDel {
  background: rgba(0, 0, 0, 0);
  margin: 15px 0 0;
  padding: 0;
  width: 100%;
}
.proposeDel .thumb {
  float: left;
  height: 90px;
  margin-right: 10px;
  width: 90px;
}
.proposeDel .info {
  float: left;
  width: 640px;
}
.proposeDel .info h2 {
  color: #e60000;
  font-weight: bold;
  margin-right: 10px;
}
.proposeDel .info ul {
  color: #2890bb;
  font-weight: bold;
}
.proposeDel .info ul li {
  color: #2890bb;
  float: left;
  font-weight: bold;
  margin-right: 30px;
}
#PrjSwin {
  background: #f6f6f6;
  margin: 0 auto;
  padding-bottom: 25px;
  width: 100%;
}
#PrjSwin .ttl {
  background: #3e4345;
  box-shadow: 1px 4px 5px rgba(0, 0, 0, .15);
  color: #ffffff;
  font-weight: bold;
  height: 41px;
  line-height: 41px;
  text-align: center;
  width: 100%;
}
.proposeDtlwin {
  background: rgba(0, 0, 0, 0);
  display: block;
  margin: 15px;
  padding: 0;
}
.proposeDtlwin .thumb {
  float: left;
  height: 90px;
  margin-right: 10px;
  overflow: hidden;
  width: 90px;
}
.proposeDtlwin .thumb img {
  height: 90px;
  width: 90px;
}
.proposeDtlwin .info {
  float: left;
  width: 327px;
}
.proposeDtlwin .info h2 {
  color: #e60000;
  font-weight: bold;
  margin-right: 10px;
}
.proposeDtlwin .info ul {
  color: #2890bb;
  font-weight: bold;
}
.proposeDtlwin .info ul li {
  color: #2890bb;
  float: left;
  font-weight: bold;
  margin-right: 30px;
}
.proposeDtlwin .cname {
  color: #000000;
  font-size: 120%;
  font-weight: bold;
  margin: 0 0 15px;
}
.proposeDtlwin strong {
  color: #000000;
  font-size: 110%;
  font-weight: bold;
  padding: 15px 0 0;
}
.proposeDtlwin .InfoName {
  background: url(../img/bg_section.gif) repeat-x 0 bottom #c4c4c4;
  display: inline-block;
  padding: 10px;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #cfcfcf;
  text-shadow: 0 -1px 0 #cfcfcf;
  width: 153px;
}
.proposeDtlwin .InfoName a {
  color: #ffffff;
}

.QInfo {
  background: url(../img/bg_section.gif) repeat-x 0 top rgba(0, 0, 0, 0);
  margin: 48px auto;
  position: relative;
  width: 100%;
}
.QInfoLeft {
  float: left;
  margin-top: 3px;
  width: 764px;
}
.QInfo01 {
  background: #3e4345;
  display: block;
  height: 34px;
  left: 62px;
  position: absolute;
  top: -34px;
  width: 132px;
}
.QInfo01 p {
  color: #ffffff;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
  width: 100%;
}
.QInfo02 {
  background: #3e4345;
  display: block;
  height: 34px;
  left: 204px;
  position: absolute;
  top: -34px;
  width: 132px;
}
.QInfo02 p {
  color: #ffffff;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
  width: 100%;
}
.QInfo03 {
  background: #f6f6f6;
  border-color: #dedede #dedede #f6f6f6;
  border-style: solid;
  border-width: 1px 1px 2px;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  display: block;
  height: 34px;
  left: 346px;
  position: absolute;
  top: -35px;
  width: 132px;
}
.QInfo03 p {
  color: #333333;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #ffffff;
  text-shadow: 0 -1px 0 #ffffff;
  width: 100%;
}
.QInfo04 {
  background: #3e4345;
  display: block;
  height: 34px;
  left: 490px;
  position: absolute;
  top: -34px;
  width: 132px;
}
.QInfo04 p {
  color: #ffffff;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
  width: 100%;
}
.Qttl {
  font-size: 22px;
  font-weight: bold;
  margin: 18px 0 0;
}
.Qsend {
  display: block;
  height: 19px;
  margin: 18px 10px 0;
  max-width: 688px;
  overflow-y: hidden;
  padding: 8px;
  width: 688px;
}
.QBtAClose,
.Qsendbtn {
  background: #3e4345;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #ffffff;
  display: block;
  float: left;
  font-weight: bold;
  height: 40px;
  margin-left: 80px;
  width: 150px;
}
.QBtAClose span, .Qsendbtn span {
  display: block;
  font-size: 18px;
  padding: 8px 0 0;
  text-align: center;
}
.Qsendbtndummy {
  background: #eee;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #222222;
  display: block;
  float: left;
  font-weight: bold;
  height: 40px;
  margin-left: 80px;
  width: 150px;
}
.Qsendbtndummy span {
  display: block;
  font-size: 18px;
  padding: 8px 0 0;
  text-align: center;
}
.Rsend {
  display: block;
  height: 19px;
  margin: 18px 10px 0;
  max-width: 688px;
  overflow-y: hidden;
  padding: 8px;
  width: 688px;
}
.Rsendbtn {
  background: #3e4345;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #ffffff;
  display: block;
  font-weight: bold;
  height: 40px;
  margin: 18px auto 0;
  width: 300px;
}
.Rsendbtn span {
  display: block;
  font-size: 18px;
  padding: 8px 0 0;
  text-align: center;
}
.Dsend {
  display: block;
  height: 19px;
  margin: 18px 10px 0;
  max-width: 688px;
  overflow-y: hidden;
  padding: 8px;
  width: 688px;
}
.DBtAClose, .Dsendbtn {
  background: #3e4345;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #ffffff;
  display: block;
  float: left;
  font-weight: bold;
  height: 40px;
  margin-left: 80px;
  width: 150px;
}
.DBtAClose span, .Dsendbtn span {
  display: block;
  font-size: 18px;
  padding: 8px 0 0;
  text-align: center;
}
.Dsendbtndummy {
    background: #ccc;
   -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #222;
    display: block;
    float: left;
    font-weight: bold;
    height: 40px;
    margin-left: 80px;
    width: 150px;
}

.Dsendbtndummy span {
  display: block;
  font-size: 18px;
  padding: 8px 0 0;
  text-align: center;
}
.message-balloon-creater {
  background: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
  float: left;
  margin: 10px 0 0;
  padding: 10px;
  position: relative;
  width: 75%;
}
.message-balloon-creater::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #fff transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  content: "";
  display: block;
  left: -9px;
  position: absolute;
  top: 20px;
  width: 0;
  z-index: 1;
}
.message-balloon-creater::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent #ccc transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  content: "";
  display: block;
  left: -10px;
  position: absolute;
  top: 20px;
  width: 0;
}
.message-balloon-client {
  background: none repeat scroll 0 0 #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
  float: left;
  margin: 10px 0 0 70px;
  padding: 10px;
  position: relative;
  width: 75%;
}
.message-balloon-client::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent transparent transparent #fff;
  border-image: none;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  content: "";
  display: block;
  position: absolute;
  right: -9px;
  top: 20px;
  width: 0;
  z-index: 1;
}
.message-balloon-client::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent transparent transparent #ccc;
  border-image: none;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  content: "";
  display: block;
  position: absolute;
  right: -10px;
  top: 20px;
  width: 0;
}
.RevisionAdd {
  background: #ffffff;
  display: block;
  height: 26px;
  margin: 5px auto 0;
  text-align: center;
  width: 113px;
}
.RevisionAdd span {
  color: #333333;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0 0;
  text-align: center;
}
.thumb img {
  display: inline-block;
  height: 44px;
  vertical-align: middle;
  width: 44px;
}
.nouhin[type="file"] {
  padding: 10px 0;
}
.Qconv {
  background: url(../img/bg_section.gif) repeat-x 0 top rgba(0, 0, 0, 0);
  margin: 18px 0 0;
  width: 744px;
  padding-top:1px;
}

.Qconv li {
  background: url(../img/bg_section.gif) repeat-x 0 bottom rgba(0, 0, 0, 0);
  display: block;
  min-height: 71px;
  padding: 10px 0 15px;
  width: 100%;
}
.Qconv li:nth-child(2n) {
  background-color: #e4e4e4;
}
.Qconv li .assort {
  float: left;
  height: 71px;
  margin: 0 0 0 10px;
}
.Qconv li .assort div {
  margin: 0 auto;
  overflow: hidden;
  width: 44px;
}
.Qconv li .assort div img {
  display: block;
  height: 44px;
  margin: 0 auto 10px;
}
.Qconv li .assort span {
  background: none repeat scroll 0 0 #3e4345;
  color: #ffffff;
  display: block;
  font-size: 8px;
  height: 17px;
  text-align: center;
  width: 61px;
}
.Qconv li .conv {
  margin: 0 0 0 81px;
  min-height: 71px;
  width: 640px;
}
.Qconv li .conv .name {
  color: #999999;
  margin: 0 0 10px;
}
.Qconv li .conv .name strong {
  color: #2890bb;
}
.DInfo {
  background: url(../img/bg_section.gif) repeat-x 0 top rgba(0, 0, 0, 0);
  margin: 48px auto;
  position: relative;
  width: 100%;
}
.DInfoLeft {
  float: left;
  margin-top: 3px;
  width: 764px;
}
.DInfo01 {
  background: #3e4345;
  display: block;
  height: 34px;
  left: 62px;
  position: absolute;
  top: -34px;
  width: 132px;
}
.DInfo01 p {
  color: #ffffff;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
  width: 100%;
}
.DInfo02 {
  background: #f6f6f6;
  border-color: #dedede #dedede #f6f6f6;
  border-style: solid;
  border-width: 1px 1px 2px;
  -webkit-box-shadow: 0 1px 0 0 #ffffff inset;
  box-shadow: 0 1px 0 0 #ffffff inset;
  display: block;
  height: 34px;
  left: 204px;
  position: absolute;
  top: -34px;
  width: 132px;
}
.DInfo02 p {
  color: #333333;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #ffffff;
  text-shadow: 0 -1px 0 #ffffff;
  width: 100%;
}
.DInfo03 {
  background: #3e4345;
  display: block;
  height: 34px;
  left: 346px;
  position: absolute;
  top: -35px;
  width: 132px;
}
.DInfo03 p {
  color: #ffffff;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
  width: 100%;
}
.DInfo04 {
  background: #3e4345;
  display: block;
  height: 34px;
  left: 490px;
  position: absolute;
  top: -34px;
  width: 132px;
}
.DInfo04 p {
  color: #ffffff;
  font-weight: bold;
  margin: 9px 0 0;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
  width: 100%;
}
.conv .InfoName {
  background: url(../img/bg_section.gif) repeat-x 0 bottom #c4c4c4;
  padding: 10px;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #cfcfcf;
  text-shadow: 0 -1px 0 #cfcfcf;
  width: 153px;
}
.conv .InfoName a {
  color: #ffffff;
}
.newProject {
  margin: 20px;
  width: 1000px;
}
.newProjectttl {
  font-size: 30px;
  font-weight: bold;
}

.Pprog01,
.Pprog02,
.Pprog03 {
  height: 35px;
  margin: 20px 0 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size:100%;
}
.Pprog01 { background-image: url(../img/bg_regnavi01.png);}
.Pprog02 { background-image: url(../img/bg_regnavi02.png);}
.Pprog03 { background-image: url(../img/bg_regnavi03.png);}

.Pprog01 li,
.Pprog02 li,
.Pprog03 li {
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  padding: 1% 0 0;
  text-align: center;
  width: 32%;
}

.Launch {
  margin: 20px auto;
  width: 640px;
}
.Launch li {
  background: url(../img/bg_section.gif) repeat-x 0 bottom rgba(0, 0, 0, 0);
  padding: 30px 0;
}
.Launch li .ttl {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.Launch li .Projecttitle {
  border: 1px solid #cecece;
  display: block;
  height: 22px;
  margin: 10px 0 0;
  padding: 3px;
  width: 509px;
}
.Launch li .alart {
  display: block;
  margin: 8px 0 0;
  padding: 3px 0 0;
  width: 590px;
}
.val {
  display: block;
  margin: 20px 0 -18px;
  width: 100%;
}
.val li {
  background: rgba(0, 0, 0, 0);
  float: left;
  margin: 0 60px 0 0;
  padding: 2px 0;
}
.val li input[type="checkbox"] {
  background: #ffffff;
  border: 1px solid #666666;
  float: left;
  margin: 2px 4px 0 0;
  vertical-align: middle;
}
.combo {
  float: left;
  margin: 20px 0 0;
  width: 257px;
}
.ScrollArea {
  height: 238px;
  margin: 0;
  overflow-y: auto;
  padding: 0;
}
.combottl {
  background: #3e4345;
  color: #ffffff;
  font-weight: bold;
  height: 28px;
  padding-top: 8px;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
  width: 100%;
}
.combocld {
  background: #e4e4e4;
  border-bottom: 1px solid #ffffff;
  color: #333333;
  display: block;
  height: 27px;
  padding-top: 8px;
  text-align: center;
  width: 100%;
}
.combo .check {
  background: #cccccc;
}
.arrow {
  float: left;
  margin: 0;
  padding: 0;
  width: 126px;
}
.arrow img {
  display: block;
  height: 43px;
  margin: 111px auto 0;
  padding: 0;
  width: 25px;
}
.checkbtn {
  float: left;
  margin: 0;
  padding: 0;
  width: 126px;
}
.add {
  background: #ffffff;
  border: 1px solid #cecece;
  display: block;
  height: 22px;
  margin: 111px auto 0;
  padding: 8px 0 0;
  text-align: center;
  width: 56px;
}
.del {
  background: #ffffff;
  border: 1px solid #cecece;
  display: block;
  height: 22px;
  margin: 10px auto 0;
  padding: 8px 0 0;
  text-align: center;
  width: 56px;
}
.newProjectbtnbx {
  height: 40px;
  margin: 20px auto 0;
  position: relative;
  width: 475px;
}
.newProjectbtnbx .nextstep {
  background: #3e4345;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 226px;
}
.newProjectbtnbx .nextstepdummy {
  background: #ddd;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #888;
  display: inline-block;
  font-weight: bold;
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 226px;
}
.newProjectbtnbx .cancel {
  background: #ffffff;
  border: 1px solid #cecece;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #333333;
  display: inline-block;
  font-weight: bold;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  width: 226px;
}
.newProjectbtnbx .delete {
  background: #ffffff;
  border: 1px solid #cecece;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #333333;
  display: inline-block;
  font-weight: bold;
  height: 32px;
  position: absolute;
  right: -250px;
  top: 0;
  width: 226px;
}
.newProjectbtnbx .nextstep span,
.newProjectbtnbx .nextstepdummy span,
.newProjectbtnbx .cancel span,
.newProjectbtnbx .delete span {
  display: block;
  padding-top: 8px;
  text-align: center;
  width: 100%;
}
.Projectabout {
  display: block;
  height: 148px;
  margin: 20px 0 0;
  min-height: 148px;
  padding: 3px;
  width: 637px;
}
.url {
  height: 40px;
  padding: 3px;
  width: 530px;
}
.feearea {
  margin: 20px 0 0;
}
.fee {
  margin-right: 8px;
  width: 187px;
}
.year, .month, .day {
  border: 1px solid #cecece;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-right: 14px;
  padding: 4px;
}
.newProject a {
  cursor: pointer;
}
.cornerttl {
  font-size: 30px;
  font-weight: bold;
  margin: 20px 0 0;
  text-align: left;
}
.noticebody {
  margin: 20px auto;
  width: 100%;
}
.noticebody li {
  background: url(../img/bg_section.gif) repeat-x 0 bottom rgba(0, 0, 0, 0);
  padding: 11px 0;
  width: 100%;
}
.noticebody .done {
  background-color: #e0e0e0;
  padding: 11px 0;
  width: 100%;
}
.noticebody li .new {
  background: #e60000;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  float: left;
  height: 27px;
  margin: 0 11px 0 0;
  width: 30px;
}
.noticebody li .new span {
  color: #ffffff;
  display: block;
  font-size: 10px;
  font-weight: bold;
  padding: 6px 0 0;
  text-align: center;
  width: 100%;
}
.notnew {
  background: rgba(0, 0, 0, 0);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  float: left;
  height: 27px;
  margin: 0 11px 0 0;
  width: 30px;
}
.noticebody .date {
  float: left;
  font-size: 10px;
  height: 27px;
  line-height: 1.4em;
  margin: 0 16px 0 0;
  overflow: hidden;
  width: 68px;
}
.noticebody .status {
  background: #e60000;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  float: left;
  height: 27px;
  margin: 0 16px 0 0;
  overflow: hidden;
  width: 92px;
}
.noticebody .status-none {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  float: left;
  height: 27px;
  margin: 0 16px 0 0;
  overflow: hidden;
  width: 92px;
}
.noticebody .status span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
.noticebody .ttl {
  color: #e60000;
  float: left;
  font-weight: bold;
  height: 27px;
  line-height: 14px;
  margin: 0 19px 0 0;
  overflow: hidden;
  padding: 0;
  width: 186px;
}
.noticebody .dtl {
  color: #333333;
  float: left;
  height: 27px;
  line-height: 14px;
  margin: 0 23px 0 0;
  overflow: hidden;
  padding: 0;
  width: 403px;
}
.noticebody .from {
  color: #333333;
  float: left;
  height: 27px;
  line-height: 14px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 129px;
}
.noticeInfo {
  border: medium none;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 20px 0 0;
  width: 100%;
}
.noticeInfo tr {
  height: 34px;
}
.noticeInfo .dtl {
  padding: 10px;
  vertical-align: middle;
}
.noticeInfo .InfoName {
  background: url(../img/bg_section.gif) repeat-x 0 bottom #e4e4e4;
  height: 34px;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #ffffff;
  text-shadow: 0 -1px 0 #ffffff;
  vertical-align: middle;
  width: 153px;
}
.noticeInfo .InfoDetail {
  padding: 10px 0;
}


.brating {
  height: 49px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 322px;
}
.brating .bzerobg,
.brating .onebg,
.brating .twobg,
.brating .threebg,
.brating .fourbg,
.brating .fivebg {
  background: url(../img/brate_zero.png) no-repeat 0 0 rgba(0, 0, 0, 0);
  height: 49px;
  margin: 0;
  padding: 0;
  width: 322px;
}
.brating .bzerobg { background: url(../img/brate_zero.png) no-repeat;}
.brating .onebg   { background: url(../img/brate_one.png) no-repeat;}
.brating .twobg   { background: url(../img/brate_two.png) no-repeat;}
.brating .threebg { background: url(../img/brate_three.png) no-repeat;}
.brating .fourbg  { background: url(../img/brate_four.png) no-repeat;}
.brating .fivebg  { background: url(../img/brate_five.png) no-repeat;}



.bstarone,
.bstartwo,
.bstarthree,
.bstarfour,
.bstarfive {
  display: block;
  height: 49px;
  left: 0;
  position: absolute;
  text-indent: -999999px;
  top: 0;
  width: 65px;
}
.bstartwo  { left: 65px;}
.bstarthree{ left: 130px;}
.bstarfour { left: 195px;}
.bstarfive { left: 260px;}


.hyouka {
  font-size: 150%;
  font-weight: bold;
  margin: 20px;
  text-align: center;
}

.cusregnavi01,
.cusregnavi02,
.cusregnavi03 {
  height: 35px;
  margin: 20px 0 0;
  width: 100%;
  background-size:100%;
  background-repeat: no-repeat;
}
.cusregnavi01 { background-image: url(../img/bg_regnavi01.png);}
.cusregnavi02 { background-image: url(../img/bg_regnavi02.png);}
.cusregnavi03 { background-image: url(../img/bg_regnavi03.png);}

.cusregnavi01 li,
.cusregnavi02 li,
.cusregnavi03 li {
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  padding: 1% 0 0;
  text-align: center;
  width: 32%;
}

.addtitle {
  display: table;
  margin: 25px auto 0;
  max-width: 800px;
  padding: 0 1%;
  width: 100%;
}
.addtitle h1 {
  display: table-cell;
  white-space: nowrap;
}
.addtitle div {
  display: table-cell;
  margin: 1% 0 0 5px;
  width: 95%;
}
.addtitle div hr {
  border: 1px solid #aaa;
  margin: 1% 0 0 5px;
  width: 98%;
}

.cusreg {
  border: medium none;
  border-spacing: 0 4px;
  margin: 5px auto 0;
  width: 640px;
}
.cusreg td {
  padding: 25px 0;
  vertical-align: middle;
}
.cusreg .cusregttl {
  background-color: #eeeeee;
  font-weight: bold;
  text-align: center;
  width: 160px;
}
.cusreg .cusregdtl {
  padding: 0 20px;
}
.cusregdtl .thumb {
  overflow: hidden;
  width: 90px;
}
.cusregdtl .thumb img {
  height: 90px;
  width: 90px;
}
.cusconfirm {
  margin: 0 12px 2px 0;
}
.jimreg {
  color: #333333;
  margin: 10px 0 0;
}
.cusconfirmtext {
  margin: 6px 0 0;
  padding: 4px;
  width: 300px;
}
.cusregdtl .ttl {
  font-size: 16px;
  font-weight: bold;
  margin: 30px 0 0;
}
textarea.prof {
  height: 180px;
  margin: 10px 0;
  max-height: 270px;
  max-width: 400px;
  padding: 4px;
  width: 400px;
}
.keireki {
  margin: 10px 0 0;
}
.addbtn {
  background: #3e4345;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  height: 35px;
  margin: 15px 0 10px;
  width: 237px;
}
.addbtn span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding: 8px 0 0;
  text-align: center;
}
.addbtn2 {
  background: #3e4345;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  height: 35px;
  margin: 15px 0;
  width: 237px;
}
.addbtn2 span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding: 8px 0 0;
  text-align: center;
}
.delbtn {
  background: #3e4345;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  height: 35px;
  margin: 10px 0 40px;
  width: 237px;
}
.delbtn span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding: 8px 0 0;
  text-align: center;
}
.hist {
  height: 24px;
  padding: 0 7px;
  width: 258px;
}
.address {
  padding: 8px;
  width: 410px;
}
.name {
  margin: 8px;
  padding: 8px;
  width: 118px;
}
.postnum {
  padding: 8px;
  width: 300px;
}
.confirmbtn {
  background: #3e4345;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  height: 35px;
  margin: 15px auto 40px;
  width: 300px;
}
.confirmbtn span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding: 8px 0 0;
  text-align: center;
}
.confirmbtndummy {
  background: #eee;
  border-radius: 2px;
  display: block;
  height: 35px;
  margin: 15px auto 40px;
  width: 300px;
}
.confirmbtndummy span {
  color: #777;
  display: block;
  font-weight: bold;
  padding: 8px 0 0;
  text-align: center;
}
.editProfilebtnbx {
  height: 40px;
  margin: 20px auto 0;
  position: relative;
  width: 475px;
}
.confirmbtn2 {
  background: #3e4345;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #ffffff;
  font-weight: bold;
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 226px;
}
.editProfilebtnbx .cancel {
  background: #ffffff;
  border: 1px solid #cecece;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #333333;
  font-weight: bold;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  width: 226px;
}
.confirmbtn2 span, .editProfilebtnbx .cancel span {
  display: block;
  padding-top: 8px;
  text-align: center;
  width: 100%;
}
.billconfirm {
  background: url(../img/bg_section.gif) repeat-x 0 bottom rgba(0, 0, 0, 0);
  margin: 0 auto;
  padding: 17px 0;
  width: 640px;
}
.billconfirm02 {
  margin: 0 auto;
  padding: 17px 0;
  width: 640px;
}
.billleft {
  border-right: 1px solid #dedede;
  float: left;
  margin: 20px 0 0;
  width: 208px;
}
.billttl {
  background: url(../img/bg_section.gif) repeat-x 0 bottom rgba(0, 0, 0, 0);
  font-size: 16px;
  font-weight: bold;
  margin: 0 20px 15px 0;
  padding: 0 0 8px;
}
.billunderttl {
  background: url(../img/bg_section.gif) repeat-x 0 bottom rgba(0, 0, 0, 0);
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 15px;
  padding: 0 0 8px;
}
.billleft p {
  font-weight: bold;
}
.billleft span {
  color: #51a4c7;
  display: block;
  font-weight: bold;
  margin: 5px 0 20px;
}
.billright {
  float: left;
  margin: 20px 0 0;
  padding: 0 0 0 20px;
  width: 410px;
}
.billright .thumb {
  float: left;
  margin-right: 20px;
  overflow: hidden;
  width: 133px;
}
.billright .thumb img {
  display: block;
  float: left;
  height: 133px;
  width: auto;
}
.billright p {
  margin: 10px 0 0;
}
.billright span {
  color: #51a4c7;
  display: block;
  font-weight: bold;
  margin: 5px 0 20px;
}
.billunder {
  margin: 25px auto 90px;
  width: 640px;
}
.billunder .billdtl {
  font-size: 16px;
  margin: 10px auto 0;
  width: 640px;
}
.billunder .billdtl span {
  color: #51a4c7;
  float: right;
  font-weight: bold;
  text-align: right;
}
.mumanage {
  border-spacing: 0;
  margin: 0 auto 50px;
  width: 1000px;
}
.mumanage tr {
  background: #f6f6f6;
  min-height: 50px;
  text-align: center;
  vertical-align: middle;
}
.mumanage .midashi {
  background: #3e4345;
  border-collapse: collapse;
  border-spacing: 0;
}
.mumanage th {
  background: #3e4345;
  border-color: #555555 #333333 #333333 #555555;
  border-style: solid;
  border-width: 1px;
  color: #ffffff;
  font-size: 11px;
  height: 35px;
  text-align: center;
  vertical-align: middle;
}
.mumanage td {
  background: #f6f6f6;
  border-color: #ffffff #dedede #dedede #ffffff;
  border-style: solid;
  border-width: 1px;
  font-size: 10px;
  min-height: 50px;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
}
.mleft {
  border-left: 1px solid #dedede;
  width: 20%;
}
.mleft a {
  font-size: 11px;
}

.mumanage .name { width: 12%; font-size: 11px; }
.mumanage .date { width: 8%;}
.mumanage .dtl  { width: 20%;}
.mumanage .gid  { width: 12%;}
.mumanage .gleft{ width: 12%; border-left: 1px solid #dedede;}
.mumanage .gdtl { width: 50%; text-align: left; padding: 0 10px;}
.mumanage .gman { width: 26%;}

footer {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000), color-stop(.00, #232627));
  background: linear-gradient(#232627, #000);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff232627,EndColorStr=#ff000000);
  clear: both;
  overflow: hidden;
  padding: 18px 0 19px;
  width: 100%;
}
.footerArea {
  margin: 0 auto;
  width: 1000px;
}
.footerIcn {
  margin: -1px 0 -1px 2px;
}
.footerNav {
  margin-left: 2px;
}
.footerNav a:hover, .footerInfo a:hover {
  color: #ccc;
  text-decoration: underline;
}
.footerNav dl {
  float: left;
  margin-right: 44px;
  margin-top: 3px;
}
.footerNav .musicIcn {
  margin-right: 0;
}
.footerNav dl dt {
  color: #ffffff;
  font-weight: bold;
  height: 21px;
  margin-bottom: 8px;
  padding-top: 1px;
}

.footerNav .creationIcn dt { background: url(../img/icn_creation.gif) no-repeat 0 3px; padding-left: 22px;}
.footerNav .creationIcn dd { padding-left: 22px;}

.footerNav .managementIcn dt { background: url(../img/icn_management.gif) no-repeat 0 2px; padding-left: 24px;}
.footerNav .managementIcn dd { padding-left: 24px;}

.footerNav .groupeIcn dt { background: url(../img/icn_groupe.gif) no-repeat 0 1px; padding-left: 22px;}
.footerNav .groupeIcn dd { padding-left: 22px;}

.footerNav .settingIcn dt { background: url(../img/icn_setting.gif) no-repeat 0 2px; padding-left: 21px;}
.footerNav .settingIcn dd { padding-left: 21px;}

.footerNav .musicIcn dt { background: url(../img/icn_music.gif) no-repeat 0 0; padding-left: 26px;}
.footerNav .musicIcn dd { padding-left: 26px;}

.footerNav dl dd { padding-bottom: 7px;}
.footerNav dl dd a {
  color: #ffffff;
  font-size: 92%;
}
.footerNav dl dd a:hover {
  text-decoration: underline;
}
.footerInfo {
  background: url(../img/bg_footerInfo_line.gif) repeat-y 0 0;
  float: right;
  margin: 0 -25px 0 0;
  padding: 9px 0 0 45px;
  width: 216px;
}
.footerInfo ul li {
  float: left;
  margin: 0 7px 5px 0;
}
.footerInfo ul .footerNavL { width: 115px;}

.footerInfo ul li a {
  color: #ffffff;
  font-size: 92%;
}
.footerInfo ul li a:hover {
  padding-bottom: 2px;
  text-decoration: underline;
}

#badge {
  font-size: 80%;
  left: 2px;
  position: absolute;
  top: -10px;
}
#loading {
  background: none repeat scroll 0 0 #f6f6f6;
  padding: 20px;
  text-align: center;
}


#page-loading {
  padding: 20px;
  text-align: center;
}
#page-loading td {
  height: 100px;
  text-align: center;
}

#loading-genre0,
#loading-genre1,
#loading-genre2 {
  margin-top: 100px;
  text-align: center;
}

#suggestionDetail.modal {
  width: 492px;
}
.music_tag_form {
  margin: 10px auto;
}
.tag-cloud {
  margin: 3px 5px 0 0;
}
.loginPage {
  background-clip: padding-box;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, .3);
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
  margin: 100px 0;
  outline: medium none;
}
.loginPage form { padding: 40px 0 10px;}
.modal-header {
  background-color: #f3f3f5;
  border-radius: 6px;
}
.alert { margin: 5px 10px;}
.empty { color: #ff0000;}
.required-item { color: #ff0000;}
.username {
  float: right;
  font-size: 1.3em;
  padding: 14px 30px 0 0;
}
.username .icon {
  float: left;
  height: 16px;
  overflow: hidden;
  position: relative;
  top: 4px;
  width: 16px;
}
.username .icon img { width: 16px;}
.username a {
  color: #ffffff;
  float: right;
  padding-left: 6px;
  text-decoration: underline;
}
#UserBt { display: none;}
.fortext { display: none;}
.more {
  color: #000000;
  float: right;
  line-height: 16px;
  margin-top: 5px;
  text-decoration: underline;
}
.more::before {
  background: url(../img/arrow_bk.png) repeat 0 0 / 15px 15px rgba(0, 0, 0, 0);
  content: "";
  float: left;
  height: 15px;
  text-decoration: none;
  width: 15px;
}
.more::after {
  clear: both;
  content: "";
  display: block;
}
.contentname,
.subcontentname {
  border-bottom: 1px dotted #333;
  font-weight: bold;
  position: relative;
}
#left-content > section,
#right-content > section {
  margin-bottom: 15px;
}
#open-auditions {
  margin-bottom: 15px;
}
#cleators, #record {
  background-image: none;
}
.pickup-prj-box {
  margin-bottom: 10px;
}
#composition-list,
#auditions-list {
  clear: both;
}
#composition-compe::after,
#open-auditions::after,
#cleators::after {
  clear: both;
  content: "";
  display: block;
}
.prjList,
.cleator-li {
  background: #fff;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #fff;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
  box-shadow: 1px 1px 5px rgba(0,0,0,.5);
  margin: 5px;
  padding: 5px;
}
.cleator-li:first-child {
  border-top: medium none;
}
.pickup-prj-box .prjBannerImg{
  width:290px;
  height:120px;
}
#composition-list .prjTit,
#auditions-list .prjTit {
  font-size: 10px;
  height: 80px;
}
#composition-list .prjSumbnail {
  height: auto;
  margin: 0;
  text-align: center;
}
#composition-list .prjSumbImg {
  height: 60px;
  width: 60px;
}
#composition-list .prjContent02,
#auditions-list .prjContent02 {
  font-size: 12px;
  padding: 0;
  width: 50%;
}
#composition-list .prjContent02 h2,
#auditions-list .prjContent02 h2 {
  font-size: 110%;
  margin: 0;
}
#composition-list .prjContent02 p,
#auditions-list .prjContent02 p {
  line-height: 14px;
  margin: 0;
}
#composition-list .prjContent02 ul,
#auditions-list .prjContent02 ul {
  padding-left: 0;
}
#composition-list .prjContent02 li,
#auditions-list .prjContent02 li {
  float: none;
  font-size: 10px;
  line-height: 11px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#composition-list .prjContentinfo,
#auditions-list .prjContentinfo {
  border: medium none;
  margin: 0;
  padding: 0;
  text-align: center;
}
#composition-list .prjContentinfo span,
#auditions-list .prjContentinfo span {
  font-size: 30px;
  line-height: 40px;
  margin: 3px;
}
#composition-list .prjContentinfo p,
#auditions-list .prjContentinfo p {
  font-size: 10px;
  margin: 0;
}
#composition-list .finBtn {
  display: none;
  width: 10%;
}
#auditions-list .prjSumbnail {
  height: 80px;
  margin: 0;
  text-align: center;
}
#open-auditions .prjSumbnail {
  width: 30%;
}
#composition-compe #composition-list,
#open-auditions #auditions-list {
  clear: both;
  width: 100%;
}
#composition-compe .prjTit,
#open-auditions .prjTit {
  width: 17%;
}
#composition-compe .prjSumbnail {
  width: 15%;
}
#composition-compe .prjContentinfo,
#open-auditions .prjContentinfo {
  width: 18%;
}
#open-auditions #auditions-list .prjSumbImg {
  height: 60px;
  margin-top: 10px;
  width: 145px;
}

#compeList #composition-list,
#auditionsList #auditions-list {
  clear: both;
  width: 100%;
}
#compeList .prjTit,
#auditionsList .prjTit {
  width: 13%;
}
#compeList .prjSumbnail {
  width: 9%;
}
#compeList .prjContent02,
#auditionsList .prjContent02 {
  width: 63%;
}
#compeList .prjContentinfo,
#auditionsList .prjContentinfo {
  width: 15%;
}
#auditionsList .prjSumbnail {
  width: 22%;
}
#auditionsList .prjSumbImg {
  height: 74px;
}

.subcontentname {
  background-color: #ddd;
  border: none;
  text-indent: 10px;
}
#introduct h2 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 15px;
  word-break: break-all;
  word-wrap: break-word;
}
#introduct h2 span {
  color: #2890bb;
}
#introduct p {
  font-size: 14px;
}
#toRegister {
  margin: 10px 0;
  padding: 0;
  width: 100%;
}
#toRegister li {
  float: left;
  list-style-type: none;
  width: 50%;
}
.toRegisterBtn {
  background-color: #555;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  width: 150px;
}
#status {
  margin-bottom: 20px;
}
#status-list {
  margin: 10px 0 0;
  padding: 0;
  width: 100%;
}
.status-li {
  background-color: #eeeeee;
  float: left;
  margin-left: 2px;
  padding: 10px 0;
  text-align: center;
  width: 93px;
}
.status-li:first-child {
  margin-left: 0;
}
.status-name {
  font-size: 12px;
  margin-top: 0;
}
.total {
  color: #2890bb;
  font-size: 25px;
  font-weight: bold;
}
#status-list .labels {
  font-size: 12px;
  margin-left: 5px;
}
.cleator-li {
  padding: 2px 0;
}
.cleator-rank,
.cleator-sumb,
.cleator-name,
.cleator-genre {
  float: left;
  font-size: 13px;
}
.cleator-sumb {
  display: block;
  text-align: center;
  width: 15%;
}
.cleator-details {
  float: left;
  width: 85%;
}
.cleator-details::after {
  clear: both;
  content: "";
  display: block;
}
.sumbImg {
  height: 50px;
  width: 50px;
}
.cleator-rank {
  height: 54px;
  line-height: 54px;
  width: 10%;
}
#cleators-t-list .cleator-name {
  color: #2890bb;
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
#cleators-t-list .cleator-title {
  color: #555;
  font-size: 12px;
  width: 100%;
}
#cleators-t-list .cleator-genre {
  color: #888;
  font-size: 10px;
  font-weight: bold;
  width: 100%;
}
#cleators-t-list .labels {
  color: #aaa;
  float: left;
  font-weight: normal;
}
.cleator-genre {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cleator-demo,
.cleator-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
#topics .contentname {
  color: #999;
  font-size: 14px;
  font-weight: normal;
  margin: 5px 5px 5px 20px;
}
.cleator-introduction {
  clear: both;
  color: #555;
  height: 40px;
  line-height: 20px;
  margin-right: 5px;
  overflow: hidden;
  position: relative;
}
#cleators-list .cleator-data {
  float: left;
  width: 885px;
}
#cleators-list .cleator-sumb {
  display: block;
  width: 70px;
}
.sumbImg {
  margin: 5px;
}
#cleators-list .cleator-name {
  display: block;
  height: auto;
  line-height: 16px;
  max-width: 200px;
}
#cleators-list .cleator-demo {
  max-width: 100px;
}
#cleators-list .cleator-title {
  color: #999;
}
#cleators-list .cleator-genre {
  margin-top: 0;
}
#cleators-list .cleator-name {
  color: #3c94cc;
  margin-right: 10px;
  width: auto;
}
#cleators-list .cleator-genre {
  color: #999;
  font-weight: bold;
  height: 17px;
  width: auto;
}
#cleators-list .cleator-select {
  height: 30px;
  vertical-align: middle;
}
.cleator-genre {
  line-height: 17px;
}
.cleator-genre .gt {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.99, #adadad), color-stop(.00, #bfbfbf), color-stop(.00, #bfbfbf));
  background: linear-gradient(to bottom, #bfbfbf 0%, #bfbfbf 0%, #adadad 99%);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffbfbfbf,EndColorStr=#ffadadad);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  display: block;
  float: left;
  font-size: 8px;
  height: 17px;
  line-height: 17px;
  margin-left: 3px;
  padding: 0 4px;
}
.cleator-demo {
  color: #5d5094;
  float: right;
}
#turnBox {
  margin: 10px auto;
  width: 300px;
}
.pNum.act {
  color: #3c94cc;
}
.pNum:hover, .bef:hover, .nxt:hover {
  background-color: #e7f0f6;
}
.pNum, .bef, .nxt {
  background-color: #efefef;
  display: block;
  float: left;
  margin: 3px;
  padding: 0 8px;
}
.show {
  max-height: none !important;
}
.view {
  background: #f6f6f6;
  border-bottom: 2px solid #9bc9e4;
  color: #9bc9e7;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  height: 37px;
  left: 0;
  line-height: 40px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.view::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(0, 0, 0, 0) #9bc9e7 #9bc9e7 rgba(0, 0, 0, 0);
  border-image: none;
  border-style: solid;
  border-width: 5px;
  bottom: 0;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 0;
  width: 0;
}
#rrr {
  border-bottom: 3px solid #999999;
}
#rrr .cap {
  color: #999;
  display: inline;
  margin-right: 5px;
  width: auto;
}
#rrr form {
  margin-bottom: 0;
}
.rrr-ul {
  background-color: #eee;
  padding: 2px 0;
  text-align: right;
  width: 100%;
}
.rrr-li {
  display: inline;
  margin-left: 20px;
}
.rrr-li label {
  color: #666;
  display: inline;
  margin: 0;
}
.rrr-li select {
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  margin-bottom: 0;
  margin-right: 2px;
  padding: 1px;
}
#pannav {
  margin-bottom: 10px;
}
#UserBt {
  display: none;
}
#LoginRemember {
  margin: 0 5px 2px 0;
  padding:0;
}
.checkBox label {
  display: inline;
}
#closeBt {
  display: none;
}
#pannav a {
  text-decoration: underline;
}
.topBox02 span, .topBox03 span {
  display: block;
}
.InfTab {
  display: block;
  height: 35px;
  margin: 0;
  padding: 0;
  left: 62px;
  position: absolute;
  top: -35px;
}
.InfTab-li {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3C3C3C), color-stop(.50, #373737), color-stop(.48, #3C3C3C), color-stop(.00, #535353));
  background: linear-gradient(to bottom, #535353 0%, #3C3C3C 48%, #373737 50%, #3C3C3C 100%);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff535353,EndColorStr=#ff3C3C3C);
  border: solid 1px #939393;
  border-bottom:none;
  color: #fff;
  display:block;
  float:left;
  height: 28px;
  line-height:28px;
  margin:6px 0 0 -1px;
  text-align: center;
  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 200, .2);
  text-shadow: 1px 1px 1px rgba(0, 0, 200, .2);
  position:relative;
  width: 132px;
  z-index:1;
}
.InfTab-li a{
  color:#fff;
}
.InfTab-li.act {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.98, #609DBC), color-stop(.51, #4285A8), color-stop(.48, #4E8CAD), color-stop(.00, #6099B7));
  background: linear-gradient(to bottom, #6099B7 0%, #4E8CAD 48%, #4285A8 51%, #609DBC 98%);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff6099B7,EndColorStr=#ff609DBC);
  border: solid 1px #9DC0D3;
  border-bottom:none;
  color: #fff;
  display:block;
  height: 36px;
  height: 34px\9;
  margin-top:0;
  line-height:36px;
  position:relative;
  text-align: center;
  -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 200, .2);
  text-shadow: 1px 1px 1px rgba(0, 0, 200, .2);
  width: 132px;
  z-index:10;
}

#detailde-infomation .workInfottl {
  border-bottom: 2px solid #202020;
  font-size: 18px;
  font-weight:bold;
  padding-bottom:5px;
}
#detailde-infomation .workInfottl:before{
  background:url(../img/ico_note.png) no-repeat;
  content:"";
  display:block;
  height:23px;
  margin-right:10px;
  float:left;
  width:19px;
}
#detailde-infomation .workInfottl:after{
  content:"";
  color:#023d56;
  font-size:12px;
  font-weight:normal;
  margin-left:10px;
}
.wi-top{
  float: left;
  width: 40%;
  margin-top:10px;
  margin-right:2%;
}
.wi-mid{
  float: left;
  margin-top:10px;
  width: 58%;
}

.selectCreatorbtnbx {
  background: #3e4345;
  border-radius: 2px;
  display: block;
  height: 35px;
  margin: 15px 0 10px;
  width: 237px;
}
.selectCreatorbtnbx span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding: 8px 0 0;
  text-align: center;
}
#copyright {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #232627), color-stop(.00, #000));
  background: linear-gradient(#000, #232627);
  background: #000\9;

  color: white;
  text-align: center;
}

.content-title {
  font-size: 20px;
}
.keep-timeline {
  text-align: center;
}

#conf-box {
  background: rgba(0, 0, 0, .9);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  color: #fff;
  display: none;
  height: 250px;
  left: 50%;
  margin-left: -150px;
  position: absolute;
  top: -200px;
  width: 300px;
  z-index: 100;
}
.conf-text {
  margin: 90px 5px;
}
.conf-bt {
  background: #000;
  border: 1px solid #333;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: block;
  float: left;
  margin-left: 30px;
  padding: 5px 0;
  width: 100px;
}
.conf-bt:hover {
  background: #444;
}
.bt-area {
  padding: 10px 0;
}
.time-line-wrapper .content-title {
  background: #ccc;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
#content > .content-title {
  border-bottom: 2px solid;
  font-size: 20px;
  margin-bottom: 10px;
}
.keep-timeline {
  text-align: center;
}

#conf-box {
  background: rgba(0, 0, 0, .9);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  color: #fff;
  display: none;
  height: 250px;
  left: 50%;
  margin-left: -150px;
  position: absolute;
  top: -200px;
  width: 300px;
  z-index: 100;
}
.conf-text {
  margin: 90px 5px;
}
.conf-bt {
  background: #000;
  border: 1px solid #333;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: block;
  float: left;
  margin-left: 30px;
  padding: 5px 0;
  width: 100px;
}
.conf-bt:hover {
  background: #444;
}
.conf-text {
  margin: 90px 5px;
}

.conf-bt-cancel {
  background: #000;
  border: 1px solid #333;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: block;
  float: left;
  margin-left: 30px;
  margin-top: -30px;
  padding: 5px 0;
  width: 100px;
}
.conf-bt-cancel:hover {
  background: #444;
}
.conf-bt-edit {
  background: #000;
  border: 1px solid #333;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: block;
  float: left;
  margin-left: 30px;
  margin-top: -30px;
  padding: 5px 0;
  width: 100px;
}
.conf-bt-delete {
  background: #000;
  border: 1px solid #333;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: block;
  float: left;
  margin-left: 30px;
  margin-top: -30px;
  padding: 5px 0;
  width: 100px;
}
.conf-bt-add {
  background: #000;
  border: 1px solid #333;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: block;
  float: left;
  margin-left: 30px;
  margin-top: -30px;
  padding: 5px 0;
  width: 100px;
}
.info-text-box {
  background: #eee;
  border: 3px solid #999;
  margin: 20px auto;
  padding: 10px;
}
.infoAnchor {
  color: #5c8cb1;
}
#orderform .orderTitle {
  margin-top: 10px;
}
#orderform .Projectabout, #orderform .feearea {
  margin-top: 0;
}
.amountInput {
  margin: 5px 0 0;
}
.time-line-wrapper {
  border-top: 3px solid #ccc;
  padding: 5px 0 15px;
}
.thumb {
  float: left;
  padding-top: 15px;
  text-align: center;
  width: 15%;
}
.bt-box {
  padding: 10px 0;
  position: relative;
  margin: 0 auto;
  width: 750px;
}
.message-text {
  background: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
  float: left;
  margin: 10px;
  padding: 10px;
  position: relative;
  width: 80%;
}
.delivery-text {
  float: left;
  margin: 10px;
  padding: 10px;
  position: relative;
  width: 75%;
}
.delivery-thumb {
  width: 50%;
}
.orderTitle::before {
  content: "■";
}
#orderContents {
  border-right: 1px solid #ccc;
  float: left;
  margin-bottom: 10px;
  margin-right: 30px;
  padding-right: 30px;
  width: 70%;
}
#orderContents .orderTitle {
  display: inline;
  font-weight: bold;
  margin-top: 10px;
  width: auto;
}
#orderContents .orderTitle::after {
  content: "：";
}
#orderStatus {
  float: left;
  width: 20%;
}
#orderStatus .orderTitle {
  font-weight: bold;
  width: auto;
}
#orderStatus .orderTitle::before {
  content: "■";
}
#orderStatus .statusIcon {
  background: #b2cf3e;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px;
  width: 200px;
}
#orderStatus li {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.on {
  font-size: 30px;
}
.ClientProposedPrice {
  color: #208dc3;
}
.CreatorProposedPrice {
  color: #d04255;
}
.order-comment {
  display: block;
  height: 148px;
  margin: 0;
  max-height: 148px;
  max-width: 637px;
  min-height: 148px;
  padding: 3px;
  width: 637px;
}
#order-commit {
  background: #f00;
  color: #fff;
}
.user {
  color: #999;
  float: left;
  font-weight: bold;
  width: auto;
}
.delivery-user {
  clear: both;
  color: #208dc3;
  font-weight: bold;
  width: auto;
}
.delivery-message {
  background: url(../img/bg_section.gif) repeat-x 0 top rgba(0, 0, 0, 0);
  margin: 18px 0 0;
  width: 744px;
}
.delivery-message li {
  background: url(../img/bg_section.gif) repeat-x 0 bottom rgba(0, 0, 0, 0);
  display: block;
  min-height: 71px;
  padding: 10px 0 15px;
  width: 100%;
}
.delivery-time {
  color: #999;
  float: left;
  font-weight: bold;
  margin-left: 0;
  width: auto;
}
.delivery-text-area {
  clear: both;
  padding-top: 10px;
}
.delivery-file {
  color: #208dc3;
  text-decoration: underline;
}
.time {
  color: #999;
  float: left;
  font-weight: bold;
  margin-left: 15px;
  width: auto;
}
.text-area {
  clear: both;
}
#ResponsForm {
  background: #eee;
  border: 1px solid #ccc;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: none;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 10px;
}
#ResponsForm h2 {
  background: #bbb;
  color: #fff;
  font-size: 16px;
  margin: 15px 0;
  padding: 5px 0;
  text-indent: 5px;
  width: 100%;
}
#ResponsForm .orderTitle {
  font-weight: normal;
}
.rsp-comment {
  float: left;
  width: 70%;
}
.rsp-amount {
  display: none;
  float: left;
  width: 30%;
}
.rsp-status {
  margin-bottom: 10px;
}
.confirmBox .conf-text {
  margin: 40px 0;
}
.confirmBox .conf-bt {
  background: #000;
  border: 1px solid #333;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: block;
  float: left;
  margin-left: 30px;
  padding: 5px 0;
  width: 100px;
}
.confirmBox .kiyaku-form {
  width: 100%;
}
.num-con {
  font-size: 20px;
  font-weight: bold;
}
.conf-text {
  margin: 90px 5px;
}
.conf-text2 {
  color: #f00;
  font-weight: bold;
  text-align: center;
}
.confirmBox {
  background: rgba(0, 0, 0, .9);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  color: #fff;
  display: none;
  height: 250px;
  left: 50%;
  margin-left: -150px;
  margin-top: -150px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 300px;
  z-index: 100;
}
#confirmBoxWrapper {
  background: rgba(0, 0, 0, .5);
  display: none;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.tab-title {
  background: #ccc;
  -webkit-box-shadow: 2px -2px 2px rgba(0, 0, 0, .1);
  box-shadow: 2px -2px 2px rgba(0, 0, 0, .1);
  color: #fff;
  left: 20px;
  padding: 5px;
  position: absolute;
  text-align: center;
  top: -32px;
  width: 150px;
}
.tab-title2 {
  background: #ccc;
  -webkit-box-shadow: 2px -2px 2px rgba(0, 0, 0, .1);
  box-shadow: 2px -2px 2px rgba(0, 0, 0, .1);
  color: #fff;
  left: 190px;
  padding: 5px;
  position: absolute;
  text-align: center;
  top: -32px;
  width: 150px;
}
.active {
  background: #777;
}
.tabArea {
  border-top: 3px solid #777;
  -webkit-box-shadow: 2px -2px 2px rgba(0, 0, 0, .1);
  box-shadow: 2px -2px 2px rgba(0, 0, 0, .1);
  margin-top: 50px;
  padding: 5px 0 15px;
  position: relative;
}
#message-content, #nouhin-content {
  display: none;
}
#message-content.showView, #nouhin-content.showView {
  display: block;
}
.close-message {
  text-align: center;
}
.txt1 {
  font-size: 30px;
}
.txt2 {
  background: #eee;
  color: #208dc3;
  display: block;
  font-size: 20px;
  margin: 10px auto;
  padding: 10px;
  text-align: center;
  text-decoration: underline;
  width: auto;
}

#kiyaku-view,
#policy-view,
#kiyaku-view2 {
  background: rgba(0, 0, 0, .5);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000;
}
.kiyaku {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #333;
  border-image: none;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border-style: solid;
  border-width: 30px 30px 30px;
  background-color: #333;
  height: 313px;
  left: 50%;
  margin: 0 auto;
  top: 0;
  width: 653px !important;
}
.kiyaku-body {
  background: none repeat scroll 0 0 #fff;
  overflow: scroll;
  overflow-x: hidden;
  height: 250px;
  width: 640px !important;
  padding: 1%;
}
.kiyaku-form {
  margin: 0 auto;
  width: 640px;
}
#kiyaku_check {
  margin-right: 5px;
}
input[type="checkbox"] {
  vertical-align: middle;
}
.kiyaku-bt, .policy-bt, .kiyaku-bt2 {
  color: #3c94cc;
  text-decoration: underline;
}
.close-bt-box {
  margin: 20px auto 0;
  width: 640px;
}
.close-bt {
  background: #000;
  border: 2px solid #333;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(255, 255, 255, .2);
  box-shadow: 0 0 5px rgba(255, 255, 255, .2);
  color: #fff;
  display: block;
  margin: 0 auto;
  padding: 12px;
  text-align: center;
  width: 300px;
}
.close-bt:hover {
  background: #222;
}
.myContent {
  background: #fff;
  border: 2px solid #ccc8c2;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
  float: left;
  height: 370px;
  margin: 10px 5px;
  width: 525px;
}
.desk-title {
  background: #ccc8c2;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  color: #444;
  padding: 5px;
}
.desk-title::before {
  color: #eeece6;
  content: "■";
  margin-right: 5px;
}
.pj-list {
  margin: 10px auto;
  width: 95%;
}
.pj-list th {
  border-bottom: 1px solid #333;
  font-size: 10px;
  text-align: left;
}
.pj-list td {
  border-bottom: 1px dotted #333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 0;
}
.pj-status {
  width: 12%;
}
#CreatorCommpe .pj-name,
#officeCommpe .pj-name,
#desk-commpe-run .pj-name {
  width: 43%;
}
#CreatorCommpe .pj-ico,
#officeCommpe .pj-ico,
#desk-commpe-run .pj-ico {
  width: 10%;
}
.pj-name {
  width: 53%;
}
.pjAnchor {
  color: #5c8cb1;
  text-decoration: underline;
}
.pj-limit {
  width: 12%;
}
.pj-massage {
  color: #7dace7;
  font-size: 10px;
  text-align: right;
  width: 23%;
}
#desk-schedule {
  background: rgba(0, 0, 0, 0);
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#desk-schedule .desk-title {
  background: rgba(0, 0, 0, 0);
}
#desk-schedule span {
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #999;
  margin: 0 0 0 2px;
  padding: 0;
}
#desk-schedule .sun span,
.cd-day.sun {
  color: #ff6e6e;
}
#desk-schedule .sat span,
.cd-day.sat {
  color: #3ca2c8;
}
.cd-month {
  color: #555;
  margin: 0 auto;
  width: 364px;
}
.calendar {
  background: #fff;
  border: 1px solid #eee;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, .5);
  height: 100%;
  margin: 0 auto;
  overflow: auto;
  padding: 0;
  position: relative;
}
.calendar th {
  border: 1px solid #eee;
  color: #777;
  line-height: 13px;
}
.calendar td {
  border: 1px solid #eee;
  height: 48px;
  width: 48px;
}
.cdDate .text-area {
  font-size: 12px;
  line-height: 10px;
  text-align: center;
}
.point {
  cursor: pointer;
  height: 24px;
  margin: 0 12px;
  position: relative;
}
.point::after {
  clear: both;
  content: "";
  display: block;
}
.point.cm1b > img {
  float: left;
}
.cm1a {
  color: #690;
  position: relative;
}
.HoverHtml {
  background: rgba(0, 0, 0, .8);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  bottom: 30px;
  display: block;
  left: -50px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  text-align: left;
  width: 400px;
  z-index: 99999;
}
.HoverHtml::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(0, 0, 0, .8) transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 5px;
  bottom: -10px;
  content: "";
  display: block;
  height: 0;
  left: 68px;
  position: absolute;
  width: 0;
}
.HoverHtml header {
  color: #999;
  line-height: 20px;
}
.HoverHtml li {
  line-height: 15px;
  margin-bottom: 5px;
}
.cm1b {
  color: #fff;
}
.myContent .more {
  margin-right: 10px;
}
#desk-search {
  border-color: #efefef;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#desk-search .bt-area {
  margin: 0 auto;
}
#desk-search .desk-title {
  background: #efefef;
}
#desk-info {
  background: #fff;
  border: 1px solid #ccc8c2;
  clear: both;
  margin: 5px;
}
#desk-info .desk-title {
  background: rgba(0, 0, 0, 0);
  border-bottom: 2px solid #ccc;
  margin: 0 10px;
}
#infoList {
  margin: 10px;
}
.infoLi {
  margin-bottom: 10px;
}
.infoAnchor {
  color: #5c8cb1;
  text-decoration: underline;
}
.bt-area {
  margin-top: 30px;
}
.desk-bt {
  background: #eee;
  border: 1px solid #bbb;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: block;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  width: 200px;
}
.desk-bt:hover {
  background: #ddd;
}
.mssage-txt::before {
  content: "●";
}
.musicdesk-info .content-title {
  font-size: 12px;
}
.musicdesk-info .content-title::before {
  content: "■";
}
.attention {
  color: #999;
  font-size: 11px;
}
.attention b {
  color: #5c8cb1;
}
.musicdesk-info .status {
  width: 17%;
}
.musicdesk-info .pj-name {
  width: 40%;
}
.musicdesk-info .pj-lastUpdated {
  width: 17%;
}
.musicdesk-info .pj-status {
  color: #f00;
}
.musicdesk-info {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px 10px 0;
  padding: 5px;
}
.music-table {
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px;
  padding: 5px;
}
.mt-list {
  float: left;
  margin-left: 10px;
  text-align: center;
  width: 225px;
}
#ClientMusicDesk .bt-area {
  clear: both;
  margin-top: 0;
}
.musicdesk-info .pj-list {
  margin: 0 auto;
}
.num {
  color: #84bc2c;
  font-size: 25px;
  margin-left: 10px;
}
.conf-box {
  background: rgba(0, 0, 0, .9);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  color: #fff;
  display: none;
  height: 250px;
  left: -250px;
  position: absolute;
  text-align: center;
  top: -200px;
  width: 300px;
  z-index: 100;
}
.conf-text {
  margin: 80px 5px;
}
.conf-bt {
  background: #000;
  border: 1px solid #333;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  display: block;
  float: left;
  margin-left: 30px;
  padding: 5px 0;
  width: 100px;
}
.conf-bt:hover {
  background: #444;
}
#ClientGroup .pj-groupName {
  width: 80%;
}
#ClientGroup .pj-order {
  position: relative;
  width: 20%;
}
#ClientGroup .th-order-bt::after {
  display: none;
}
#officeGroup .pj-groupName {
  width: 80%;
}
#officeGroup .pj-order {
  position: relative;
  width: 20%;
}
#officeGroup .th-order-bt::after {
  display: none;
}
.order-bt {
  background: #eee;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: block;
  font-size: 10px;
  padding: 2px 0;
  text-align: center;
  width: 100%;
}
.order-bt:hover {
  background: #ddd;
}
#ClientMusicDesk .bt-area {
  margin-top: 20px;
}
#profile .prof {
  color: #5c8cb1;
  margin-top: 10px;
}
#profile .label {
  background: rgba(0, 0, 0, 0);
  color: #999;
  font-weight: normal;
  -webkit-text-shadow: none;
  text-shadow: none;
}
#comment {
  margin-top: 20px;
  padding: 10px;
}
.fs90 {
  font-size: 90%;
}
.prereq {
  color: #ff007f;
  margin: 0 6px;
  padding: 2px;
}
.ico-kakuyaku-pr {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.99, #7f5483), color-stop(.00, #a286ba));
  background: linear-gradient(to bottom, #a286ba 0%, #7f5483 99%);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffa286ba,EndColorStr=#ff7f5483);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
  color: #fff;
  display: block;
  font-size: 10px;
  font-weight: normal;
  line-height: 10px;
  padding: 3px;
  text-align: center;
  width: 40px;
}
.ico-close-pr {
  background: linear-gradient(to bottom, #e6bb4e 0%, #e6bb4e 0%, #e6a64e 99%);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
  color: #fff;
  display: block;
  font-size: 10px;
  font-weight: normal;
  line-height: 10px;
  padding: 3px;
  text-align: center;
  width: 40px;
}

#desk-search .prof-introduction {
  height: 120px;
  overflow: auto;
}
#record .InfoName {
  background: url(../img/bg_section.gif) repeat-x 0 bottom #c4c4c4;
  display: inline-block;
  padding: 10px;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #cfcfcf;
  text-shadow: 0 -1px 0 #cfcfcf;
  width: 153px;
}
#record .InfoName a {
  color: #ffffff;
}

/*2015/04/10*/
#search-area label {
  display: block;
  float: left;
  line-height: 30px;
  margin-bottom: 0;
  margin-right: 10px;
}
.content-title {
  font-size: 20px;
}
.keep-timeline {
  text-align: center;
}
.conf-text {
  margin: 90px 5px;
}
.fp {
  float: left;
  margin-right: 10px;
  padding: 5px 10px;
}
.fpli {
  float: left;
  position: relative;
}
.fpli textarea {
  background-color: transparent;
  height: 20px;
  margin: 0;
  position: relative;
  z-index: 10;
}
.example {
  color: #ccc;
  left: 5px;
  line-height: 30px;
  position: absolute;
  z-index: 5;
}
#select-genre1, #select-genre2 {
  float: left;
  margin-right: 20px;
}
#search-area {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 5px 10px;
}
#search-area form {
  margin: 0;
}
.desk-bt {
  background: none repeat scroll 0 0 #eee;
  border: 1px solid #bbb;
  border-radius: 5px;
  display: block;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  width: 200px;
}
#serch-area-submit {
  background: none repeat scroll 0 0 #555;
  border: medium none;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  float: left;
  margin: 5px auto 0;
  padding: 5px 0;
  text-align: center;
  width: 60px;
}
.bt-area {
  background: none repeat scroll 0 0 #fff;
  clear: both;
  padding: 10px 0;
}
.music-list {
  border-spacing: 0;
  margin: 0 auto 50px;
  width: 1000px;
}
.music-list tr {
  background: none repeat scroll 0 0 #f6f6f6;
  min-height: 50px;
  text-align: center;
  vertical-align: middle;
}
.music-list th {
  background: none repeat scroll 0 0 #3e4345;
  border-color: #555555 #333333 #333333 #555555;
  border-style: solid;
  border-width: 1px;
  color: #ffffff;
  font-size: 11px;
  height: 35px;
  line-height: 12px;
  text-align: center;
  vertical-align: middle;
}
.sort {
  color: inherit;
  display: block;
}
.music-list .sort::before {
  color: #999;
  content: "▼";
  font-size: 10px;
  margin-right: 3px;
}
.music-list td {
  background: none repeat scroll 0 0 #f6f6f6;
  border-color: #ffffff #dedede #dedede #ffffff;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
  font-size: 10px;
  min-height: 50px;
  padding: 3px 0;
  text-align: center;
  vertical-align: middle;
}
.music-list .name {
  font-size: 11px;
}
.music-list .title {
  min-height: 32px;
  position: relative;
  text-align: left;
  text-indent: 5px;
  min-width: 150px;
}
.music_list_link {
  text-decoration: underline;
}
.music_list_c_link {
  color: #5c8cb1;
  text-decoration: underline;
}
.order-bt {
  background: none repeat scroll 0 0 #eee;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: block;
  font-size: 9px;
  height: 26px;
  line-height: 12px;
  margin: 0 auto;
  padding: 2px 0;
  text-align: center;
  width: 40px;
}
.order-bt:hover {
  background: none repeat scroll 0 0 #ddd;
}
.play {
  width: 5%;
}
.play-ico {
  border: 3px solid #ccc;
  border-radius: 40px;
  color: #ccc;
  display: block;
  font-size: 9px;
  height: 20px;
  margin: 0 auto;
  position: relative;
  width: 20px;
}
.play-ico::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent transparent transparent #aaa;
  border-image: none;
  border-style: solid;
  border-width: 5px 5px 5px 10px;
  content: "";
  display: block;
  margin-left: 6px;
  margin-top: 5px;
  width: 1px;
}
.play-ico.on::before {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color #aaa;
  border-image: none;
  border-style: none double;
  border-width: medium 9px;
  content: "";
  display: block;
  height: 11px;
  margin: 4px 0 2px 6px;
  width: 3px;
}
.pj-order {
  position: relative;
  width: 4%;
}
#creator-music-list .name {
  width: 7%;
}
#creator-music-list .bpm {
  width: 5%;
}
#creator-music-list .genre {
  width: 6%;
}
#creator-music-list .point, #creator-music-passed-list .point {
  width: 7%;
}
#creator-music-list .limit {
  width: 8%;
}
#creator-music-list .words, #creator-music-passed-list .words {
  width: 15%;
}
#creator-music-list .pj-edit {
  width: 5%;
}
#creator-music-list .charge {
  width: 6%;
}
#creator-music-list .demo, #creator-music-passed-list .demo {
  width: 5%;
}
#creator-music-list .history, #creator-music-passed-list .history {
  padding-left: 5px;
  text-align: left;
  width: 40%;
}
#creator-music-list .details, #creator-music-passed-list .details {
  width: 5%;
}
.demo-bt {
  background: none repeat scroll 0 0 #ddd;
  border-radius: 30px;
  color: #fff;
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  width: 30px;
}
.demo-on {
  background: none repeat scroll 0 0 #ffc21f;
}
.order-ico::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent transparent transparent #fff;
  border-image: none;
  border-style: solid;
  border-width: 5px;
  content: "";
  display: block;
  height: 0;
  margin-top: -5px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
}
.order-ico {
  background: none repeat scroll 0 0 #ff0000;
  border-radius: 10px;
  color: #fff;
  padding: 0 15px 0 5px;
  position: relative;
  width: auto;
}
.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: 10px;
  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: 110px;
  position: absolute;
  text-align: center;
  top: -170px;
  width: 300px;
  z-index: 100;
}
.music-edit-label {
  background: none repeat scroll 0 0 #bbb;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  padding: 5px;
  width: 10%;
}
.m-detaile-li td {
  border-bottom: 2px solid #ccc;
}
#music-detaile {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ccc #ccc -moz-use-text-color;
  border-image: none;
  border-style: solid solid none;
  border-width: 2px 2px medium;
}
.d-music-content {
  padding: 5px;
}
.d-music-content .date {
  display: block;
  float: left;
  width: 100px;
}
.d-music-content .amount {
  display: block;
  float: left;
  width: 100px;
}
.d-music-content .client {
  display: block;
  float: left;
  width: 100px;
}
.d-music-content .status {
  display: block;
  float: left;
  width: 70px;
}
.lireki-li {
  background: none repeat scroll 0 0 #eee;
  margin-bottom: 2px;
}
.lireki-li:nth-child(1) {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  margin-bottom: 2px;
}
.subcontentname {
  font-weight: normal;
}
.a-text {
  color: #18a0c2;
  text-decoration: underline;
}
.a-edit-text {
  color: #444;
  margin-left: 15px;
  text-decoration: underline;
}
.buy {
  background: none repeat scroll 0 0 #ddd;
  line-height: 30px;
}
.buy:hover {
  background: none repeat scroll 0 0 #ccc;
}
.point {
  line-height: 10px;
}
.edit-bt {
  color: #18a0c2;
  line-height: 32px;
  text-decoration: underline;
}
.ico-demo {
  background: none repeat scroll 0 0 #c0bbd9;
}
.okini-ico {
  display: block;
  line-height: 10px;
  width: 70px;
}
.okini-ico span {
  color: #ddd;
}
.n1 > .star1, .n2 > .star1, .n2 > .star2, .n3 > .star1, .n3 > .star2, .n3 > .star3, .n4 > .star1, .n4 > .star2, .n4 > .star3, .n4 > .star4, .n5 > .star1, .n5 > .star2, .n5 > .star3, .n5 > .star4, .n5 > .star5 {
  color: #555;
}
.fee {
  margin: 5px 0 0 10px;
}
.prjList span[class^="ico"] {
  font-size: 10px;
  line-height: 10px;
}

/*ウォッチリスト締切：*/

.text-area >div{
display:inline;
}

.watchlist-close:before,
.suggest-close:before,
.deliver-close:before,
.request-start:before,
.audition-start:before,
.audition-close:before,
.vote-start:before,
.vote-close:before{
font-family:"AC-Icon";
font-size:10px;
}

.request-start:before{
content:"\33";
color:#000;
}

.watchlist-close:before,
.suggest-close:before{
content:"\32";
color:#000;
}

/*納品*/
.deliver-close:before{
content:"\31";
color:#c00;
}

/*audition*/
.audition-start:before{
content:"\33";
color:#5400ff;
}

.audition-close:before{
content:"\32";
color:#5400ff;
}

.vote-start:before{
content:"\33";
color:#ba00ff;
}

.vote-close:before{
content:"\32";
color:#ba00ff;
}

.cdDate .text-area{
padding: 0 6px;
}

.aw-box .conf-box{
  top:-10px;
  left:-100px;
  height:auto;
}

.gt {
    margin: 0 3px;
}

/*
suggestions
*/

#creator-music-list .play, #creator-music-passed-list .play{
  width: 4%;
}
#creator-music-list .song-name {
    width: 20%;
}
#creator-music-list .creator-name {
    width: 10%;
}
#creator-music-list .coment{
  text-align:left;
}
#creator-music-list .detail,
#creator-music-list .download,
#creator-music-list .sentei{
  width:45px;
}
#creator-music-list .order{
  width:70px;
}
#creator-music-list .title, , #creator-music-passed-list .title {
  width:150px;
}
#creator-music-list td, #creator-music-passed-list td{
    border-right: none;
    border-left: none;
}
#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 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #525252), color-stop(0.00, #707070));
    background: linear-gradient(#707070, #525252);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff525252,EndColorStr=#ff707070);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    margin: 3px;
    min-width: 0;
    padding: 1px 3px;
    position: relative;
    text-align: center;
}
#creator-music-list .select-bt{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.98, #609DBC), color-stop(.51, #4285A8), color-stop(.48, #4E8CAD), color-stop(.00, #6099B7));
  background: linear-gradient(to bottom, #6099B7 0%, #4E8CAD 48%, #4285A8 51%, #609DBC 98%);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff6099B7,EndColorStr=#ff4285A8);
}
#creator-music-list .detail-bt:hover,
#creator-music-list .revision-bt:hover,
#creator-music-list .select-bt:hover,
#creator-music-list .dl-bt:hover {
  opacity:.8;
}
#creator-music-list .msg-alert{
  position:absolute;
  left:-3px;
  top:-3px;
  background:#f00;
  color:#fff;
  height:15px;
  min-width:13px;
  text-align:center;
  overflow:hidden;
  padding:0 1px;
  height:15px;
  line-height:15px;
  -webkit-border-radius:20px;
  border-radius:20px;
  font-size:10px;
}
#creator-music-list .title > a{
    text-decoration:underline;
    color:#5c8cb1;
}
#creator-music-passed-list .select-bt{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.98, #609DBC), color-stop(.51, #4285A8), color-stop(.48, #4E8CAD), color-stop(.00, #6099B7));
    background: linear-gradient(to bottom, #6099B7 0%, #4E8CAD 48%, #4285A8 51%, #609DBC 98%);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff6099B7,EndColorStr=#ff4285A8);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 11px;
    margin: 3px;
    min-width: 0;
    padding: 1px 3px;
    position: relative;
    text-align: center;
}

.conf-box2 .conf-text{
    margin:10px 5px;
}

.confirmbtn{
position:relative;
z-index:100;
}

#request_complete {
float: none;
margin: 0 auto;
}

.request_complete_box {
background: rgba(0, 100, 200, 0.2);
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 10px;
padding: 15px;
}

a#mysong_update_link {
    text-decoration:underline;
    color:#5c8cb1;
}
.change-language li span {
    color: #ddd;
}
#header nav.head-regist {
    float: right;
    margin-right: 10px;
}
.deliverBtn {
  background: #008000;
  border: 1px solid #2890bb;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, .7) inset, 0 1px 1px #ffffff;
  box-shadow: 0 1px 1px rgba(255, 255, 255, .7) inset, 0 1px 1px #ffffff;
  display: block;
  float: right;
  height: 59px;
  margin: 20px 0 0;
  overflow: hidden;
  position: relative;
  width: 75px;
}
.deliverBtn span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
  top: 20px;
  width: 100%;
}
.completeBtn {
  background: #FF0000;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  float: right;
  height: 59px;
  margin: 20px 0 0;
  overflow: hidden;
  position: relative;
  width: 75px;
}
.completeBtn span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #999999;
  text-shadow: 0 -1px 0 #999999;
  top: 20px;
  width: 100%;
}
.recruitmentBtn {
  background: #0000FF;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: block;
  float: right;
  height: 59px;
  margin: 20px 0 0;
  overflow: hidden;
  position: relative;
  width: 75px;
}
.recruitmentBtn span {
  color: #ffffff;
  display: block;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-align: center;
  -webkit-text-shadow: 0 -1px 0 #999999;
  text-shadow: 0 -1px 0 #999999;
  top: 20px;
  width: 100%;
}
.prjList-clearfix-compe_mosaic > span {
    display: table-cell;
    background: rgba(0,0,0,.5);
    border: solid 1px;
    padding: 3px;
    font-size: .9em;
    width: 80%;
    margin: 5px auto;
    color: #fff;
    height: 26px;
    line-height: 1.3em;
    vertical-align: middle;
    text-align: center;
}
.prjList-clearfix-compe_mosaic:before, .prjList-clearfix-compe_mosaic:after {
    content: "";
    width: 10%;
    display: table-cell;
}
.prjList-clearfix-compe_mosaic{
  background-image: url(../img/mosaic_compe_list_data.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 57px;
  border-collapse:separate;
  border-spacing: 0 5px;
  display:table;
  height:57px;
  margin-top:3px;
  padding: 0;
  width:100%;
}
.prjList.compe_mosaic {
    background: rgba(255,255,255,.1);
}
#compeList {
    margin: 0 auto;
    max-width: 800px;
}
.workInfoSample .ReferenceFile {
  cursor: pointer;
}

#dialog-bg {
  display: none;
  z-index:99;
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color:rgba(0,0,0,0.75);
}
.conf-box1 {
    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;
    padding-bottom: 10px;
    position: absolute;
    text-align: center;
    width: 300px;
    z-index: 100;
}
#dialog {
    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;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -100px;
    padding: 5px 5px 0 5px;
    width: 320px;
    height: 200px;
    z-index: 100;
}
.hidden {
    display: none;
}
.dialog-text {
    margin: 25px 25px 25px 35px;
}
.dialog-footer {
    margin-top: 30px;
}
.dialog-footer a {
    text-align: center;
    cursor: pointer;
}
.close-bt-s{
  display:block;
  width:100px;
  margin: 50px auto 0;
  padding:5px 0;
  color:#fff;
  background:#000;
  border:solid 1px #333;
  -webkit-border-radius:5px;
  border-radius:5px;
}
.close-bt-s:hover{
  background:#444;
}
.purchase-timeline-textarea {
    width: 80%;
}
.purchase-delivery-textarea {
    width: 80%;
}
#nouhin-content {
    width: 80%;
    margin: 20px 50px 0;
}
#nouhin-content .title {
    font-size: 16px;
    margin-left: 8px;
}
#nouhin-content .note {
    width: 80%;
    background:#ccc;
    padding:10px;
}
#nouhin-content .kiyaku-form{
    margin: 0;
    width: 80%;
}
#nouhin-content .kiyaku-form p{
    margin:10px auto;
    text-align:center;
    font-weight:bold;
}
#nouhin-content .bt-box{
    margin: 0;
    width: 80%;
}
#nouhin-content .bt-box a{
    float: none;
    display: block;
    margin: 0 auto;
}
.conf-text3 {
  color: #aaa;
  width: 80%;
  margin: 0 auto;
}
.prjList-clearfix-compe_mosaic > span {
    display: table-cell;
    background: rgba(0,0,0,.5);
    border: solid 1px;
    padding: 3px;
    font-size: .9em;
    width: 80%;
    margin: 5px auto;
    color: #fff;
    height: 26px;
    line-height: 1.3em;
    vertical-align: middle;
    text-align: center;
}
.prjList-clearfix-compe_mosaic:before, .prjList-clearfix-compe_mosaic:after {
    content: "";
    width: 10%;
    display: table-cell;
}
.prjList-clearfix-compe_mosaic{
  background-image: url(../img/mosaic_compe_list_data.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: auto 57px;
  border-collapse:separate;
  border-spacing: 0 5px;
  display:table;
  height:57px;
  margin-top:3px;
  padding: 0;
  width:100%;
}
.prjList.compe_mosaic {
    background: rgba(255,255,255,.1);
}
#compeList {
    margin: 0 auto;
    max-width: 800px;
}
#mysong_activity_ratio{
    margin: -25px 40px 0px;
    text-align: right;
    font-size: 16px;
}
#mysong_activity_ratio .upload_count{
    color: #0000FF;
}
#mysong_activity_ratio .upload_count_max{
    color: #FF0000;
}
.workCost p.caution {
    color: #ff0000;
    font-size: 11px;
    margin-bottom: 10px;
}
.workCost p.caution a {
    color: #ff0000;
    text-decoration: underline;
}
.addcreator-caution {
    max-width: 720px;
    margin: 0 auto;
/*    color: #ff6666;*/
    font-size: 14px;
    font-weight: bold;
}
p.warning {
    color: #ff0000;
    font-weight: bold;
}
.error-message {
    font-weight: bold;
    color: #ff0000;
}
.audhome {
    text-align: center;
}
.supply-bt {
    color: #3c94cc;
    text-decoration: underline;
}
.supply-area {
    margin: 10px auto;
}