@charset "UTF-8";
/*! パーツモジュール */
.cl, .wrap, .content-btm, .sub-ttl.type02, .p-scu, .p-scu dl, .radio-box02, .search-btn.cheacker, .responsible-list01, .responsible-list01 .inr > dl, .tbl01 > table > tbody .delivery-date td > div, .select-btn ul, .detail01, .orders-received ul, .request-com, .request-com dl, .order-check, .order-check dl, .order-mana-ttl .order-mana-inr, .order-mana-ttl .order-mana-inr .order-mana-num, .order-mana-ttl .order-mana-inr .order-mana-num dl, .cheker, .cheker-list, .cheker-list ul, .order-status, .order-status .radio-box02, .com-staff-detail, .checker-man-detail, .translators-man-detail, .csv-output, .responsible-delivery, .setting-mail-btm, .checker-setting, #calendar-cnt, .radio-box ul, #trans-config-balloon ul, .setting-mail-attach,.cnt-detail-sub,.comment-insert-wrap { display: inline-block; min-height: 1%; display: block; *zoom: 1; }
.cl:after, .wrap:after, .content-btm:after, .sub-ttl.type02:after, .p-scu:after, .p-scu dl:after, .radio-box02:after, .search-btn.cheacker:after, .responsible-list01:after, .responsible-list01 .inr > dl:after, .tbl01 > table > tbody .delivery-date td > div:after, .select-btn ul:after, .detail01:after, .orders-received ul:after, .request-com:after, .request-com dl:after, .order-check:after, .order-check dl:after, .order-mana-ttl .order-mana-inr:after, .order-mana-ttl .order-mana-inr .order-mana-num:after, .order-mana-ttl .order-mana-inr .order-mana-num dl:after, .cheker:after, .cheker-list:after, .cheker-list ul:after, .order-status:after, .order-status .radio-box02:after, .com-staff-detail:after, .checker-man-detail:after, .translators-man-detail:after, .csv-output:after, .responsible-delivery:after, .setting-mail-btm:after, .checker-setting:after, #calendar-cnt:after, .radio-box ul:after, #trans-config-balloon ul:after, .setting-mail-attach:after,.cnt-detail-sub:after,.comment-insert-wrap:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
* html .cl, * html .wrap, * html .content-btm, * html .sub-ttl.type02, * html .p-scu, * html .p-scu dl, .p-scu * html dl, * html .radio-box02, * html .search-btn.cheacker, * html .responsible-list01, * html .responsible-list01 .inr > dl, .responsible-list01 * html .inr > dl, * html .tbl01 > table > tbody .delivery-date td > div, .tbl01 > table > tbody .delivery-date * html td > div, * html .select-btn ul, .select-btn * html ul, * html .detail01, * html .orders-received ul, .orders-received * html ul, * html .request-com, * html .request-com dl, .request-com * html dl, * html .order-check, * html .order-check dl, .order-check * html dl, * html .order-mana-ttl .order-mana-inr, .order-mana-ttl * html .order-mana-inr, * html .order-mana-ttl .order-mana-inr .order-mana-num, .order-mana-ttl .order-mana-inr * html .order-mana-num, * html .order-mana-ttl .order-mana-inr .order-mana-num dl, .order-mana-ttl .order-mana-inr .order-mana-num * html dl, * html .cheker, * html .cheker-list, * html .cheker-list ul, .cheker-list * html ul, * html .order-status, * html .order-status .radio-box02, .order-status * html .radio-box02, * html .com-staff-detail, * html .checker-man-detail, * html .translators-man-detail, * html .csv-output, * html .responsible-delivery, * html .setting-mail-btm, * html .checker-setting, * html #calendar-cnt, * html .radio-box ul, * html #trans-config-balloon ul, * html .setting-mail-attach,* html .cnt-detail-sub,* html .comment-insert-wrap { height: 1%; }

/*----------------------------------
content
----------------------------------*/
.content { margin: 0 auto; padding: 0 70px 0 10px; min-height: -moz-calc(100% - 41px); min-height: -webkit-calc(100% - 41px); min-height: calc(100% - 41px); box-sizing: border-box; }

.content.fix { width: 500px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 0; min-height: 0; }
 
/*----------------------------------
.wrap
----------------------------------*/
.wrap { padding: 0 20px; box-sizing: border-box; margin: 0 auto; }

.content-wrap01 { box-sizing: border-box; margin-top: 5px; }

.content-wrap02 { box-sizing: border-box;  border: #d6d6d6 1px solid; margin: 32px -60px 0 0; }
.content-wrap02 .content-wrap02-inr { padding: 30px 15px; }

.content-btm { padding: 16px; }
.content-btm p { float: left; }
.content-btm ul { float: right; letter-spacing: -.40em; }
.content-btm ul li { margin-left: 8px; display: inline-block; vertical-align: middle; letter-spacing: normal; float: left; }

.content-wrap01-inr02 { display: block; padding: 16px; }


/*改修160221*/
.cnt-list { margin-top: 5px; border: #d6d6d6 1px solid; }
.cnt-list .cnt-title { position: relative; display: table; width: 100%; padding: 1px; table-layout: fixed; box-sizing: border-box; }
.cnt-list .cnt-title > p,.cnt-title h2,.cnt-title .cnt-date { display: table-cell; vertical-align: middle; box-sizing: border-box; }
.cnt-list .cnt-title > p { position: relative; width: 80px; padding-right: 15px; color: #fff; text-align: center; cursor: pointer; }
.cnt-list .cnt-title > p:before { content: " "; position: absolute; top: 50%; right: 7px; width: 0; height: 0; border: 4px solid transparent; border-top: 4px solid #fff; }
.cnt-list .cnt-title h2 { font-weight:bold; font-size: 116.7%; width: -moz-calc(100% - 300px); width: -webkit-calc(100% - 300px); width: calc(100% - 300px); background: #f9f9f9; }
.cnt-list .cnt-title h2 span { margin-left: 15px; color: #a0a0a0; font-size: 71.4%; }
.cnt-list .cnt-title h2 a { display: block; padding: 2px 10px; }
.cnt-list .cnt-title h2 a:hover { color: #009ed6; }
.cnt-list .cnt-title .cnt-date { width: 220px; padding: 5px 10px 5px 0; letter-spacing: -.40em; font-size: 91.7%; text-align: right; background: #f9f9f9; }
.cnt-list .cnt-title .cnt-date p { display: inline-block; vertical-align: middle; letter-spacing: normal; }
.cnt-list .cnt-title p.secretary { margin-left: 10px; padding: 5px; text-align: center; color: #fff; line-height: 1; background: #ffd8db; }
.cnt-list .cnt-title p.active { background: #f0606a; }
.cnt-list .cnt-title p.status1 { background: #38d6bd; } /*アサイン*/
.cnt-list .cnt-title p.status2 { background: #ffc073; } /*制作中*/
.cnt-list .cnt-title p.status3 { background: #009ed6; } /*納品済み*/
.cnt-list .cnt-title p.status4 { background: #f0606a; } /*事務済み*/
.cnt-list .cnt-title p.status99 { background: #b1b1b1; } /*ドロップ*/

.cnt-list.search { min-width: 960px; }
.cnt-list.search .cnt-title h2 { position: relative; width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); text-align: left; }
.cnt-list.search .cnt-title > p.trans-slt-btn { display: table-cell; vertical-align: middle; padding-right: 0; height: 30px; background: #d9534f; }
.cnt-list.search .cnt-title > p.trans-slt-btn:before { display: none; }
.cnt-list.search .cnt-title > p.trans-slt-btn a { display: block; color: #fff; }

.cnt-list.search .cnt-title a + p { position: absolute; top: 3px; right: 10px; color: #007dc5; }

.order-ttl .status1 { background: #38d6bd; } /*新規*/
.status2 { background: #ffc073; } /*制作中*/
.status3 { background: #009ed6; } /*納品*/

.cnt-list .status-ch { display: none; padding: 5px; letter-spacing: -.40em; }
.cnt-list .status-ch select,.status-ch input { display: inline-block; vertical-align: top; letter-spacing: normal; height: 30px; padding: 0 5px; }
.cnt-list .status-ch select { box-sizing: border-box; }
.cnt-list .status-ch input { margin-left: 5px; border: none; background: #d9534f; color: #fff; font-weight: bold; cursor: pointer; }

.cnt-list .cnt-detail { padding-bottom: 1px; display: table; border-collapse: separate; border-spacing: 1px 0; width: 100%; table-layout: fixed; }
.cnt-list .cnt-detail dl { display: table-cell; vertical-align: top; width: -moz-calc(100% / 7); width: -webkit-calc(100% / 7); width: calc(100% / 7); border: 1px solid #ededed; box-sizing: border-box; }
.cnt-list .cnt-detail dt,.cnt-detail dd { box-sizing: border-box; }
.cnt-list .cnt-detail dt { padding: 2px 5px; background: #ededed; }
.cnt-list .cnt-detail dd { display: block; word-wrap: break-word; padding: 5px; }
.cnt-list .cnt-detail dd span { margin-left: 5px; color: #a0a0a0; font-size: 83.3%; }
.cnt-list .cnt-detail a:hover { color: #009ed6; }

.cnt-list .cnt-detail-sub { margin: -1px 0 0 -1px; padding: 0 1px 1px; }
.cnt-list .cnt-detail-sub p,.cnt-detail-sub dl { float: left; margin-top: 1px; }
.cnt-list .cnt-detail-sub p { width: 80px; height: 25px; margin-left: 1px; line-height: 25px; text-align: center; color: #fff; background: #009ed6; }
.cnt-list .cnt-detail-sub dl { display: table; height: 25px; margin-left: 1px; border: 1px solid #ededed; box-sizing: border-box; }
.cnt-list .cnt-detail-sub dt,.cnt-detail-sub dd { display: table-cell; vertical-align: middle; text-align: center; }
.cnt-list .cnt-detail-sub dt { /*width: 80px;*/padding: 0 10px; background: #ededed; }
.cnt-list .cnt-detail-sub dd { /*width: 100px;*/padding: 0 10px; }
.cnt-list .cnt-detail-sub .col-full { width: 100%; }
.cnt-list .cnt-detail-sub .col-full dd { width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); padding: 2px 5px; text-align: left; box-sizing: border-box; }
.cnt-list .cnt-detail-sub a:hover { color: #009ed6; }

.pager + .cnt-list { margin-top: 10px; }

@media only screen and (max-width: 1500px) {
  .cnt-list .cnt-detail-sub p { width: 9.6%; width: -moz-calc((100% - 90.4%) - 1px); width: -webkit-calc((100% - 90.4%) - 1px); width: calc((100% - 90.4%) - 1px); }
  .cnt-list .cnt-detail-sub dl { width: -moz-calc(100% / 2 - 1px); width: -webkit-calc(100% / 2 - 1px); width: calc(100% / 2 - 1px); }
  .cnt-list .cnt-detail-sub dt { width: 80px; }
  .cnt-list .cnt-detail-sub dd { text-align: left; }
  .cnt-list .cnt-detail-sub .col-full dt { width: 80px; }
  .cnt-list .cnt-detail-sub .col-full dd { width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px); width: calc(100% - 80px); }
}


/*改修160222 START*/
.cnt-scrl-list { margin-top: 10px; }
.cnt-scrl-list table { width: 100%; border: solid #d6d6d6; border-width: 1px 1px 0 0; }



.cnt-scrl-list table .disabled_user td { background:#dcdcdc; }


.cnt-scrl-list th,.cnt-scrl-list td { text-align: center; border: solid #d6d6d6; border-width: 0 0 1px 1px; }
.cnt-scrl-list th { padding: 5px; white-space: nowrap; background: #ededed; }
.cnt-scrl-list td { padding: 5px; }
.cnt-scrl-list td span { display: block; color: #a0a0a0; font-size: 83.3%; }
.cnt-scrl-list td a { color: #009ed6; }
.cnt-scrl-list td a:hover { text-decoration: underline; }

.cnt-scrl-list.order td:nth-child(3),.cnt-scrl-list.order td:nth-child(4),.cnt-scrl-list.order td:nth-child(5),.cnt-scrl-list.order td:nth-child(6),.cnt-scrl-list.order td:nth-child(7),.cnt-scrl-list.order td:nth-child(8),.cnt-scrl-list.order td:nth-child(15) { text-align: left; }
.cnt-scrl-list.trans td:nth-child(2),.cnt-scrl-list.trans td:nth-child(7),.cnt-scrl-list.trans td:nth-child(8),.cnt-scrl-list.trans td:nth-child(11) { text-align: left; }
.cnt-scrl-list.checker td:nth-child(2),.cnt-scrl-list.checker td:nth-child(4),.cnt-scrl-list.checker td:nth-child(8),.cnt-scrl-list.checker td:nth-child(9) { text-align: left; }
.cnt-scrl-list.client td:nth-child(2),.cnt-scrl-list.client td:nth-child(4),.cnt-scrl-list.client td:nth-child(6),.cnt-scrl-list.client td:nth-child(7) { text-align: left; }
.cnt-scrl-list.staff td:nth-child(2),.cnt-scrl-list.staff td:nth-child(4),.cnt-scrl-list.staff td:nth-child(5) { text-align: left; }
.cnt-scrl-list.trans-order td:nth-child(2),.cnt-scrl-list.trans-order td:nth-child(3),.cnt-scrl-list.trans-order td:nth-child(4),.cnt-scrl-list.trans-order td:nth-child(6) { text-align: left; }

.cnt-scrl-list.in-status td:nth-child(3),.cnt-scrl-list.in-status td:nth-child(4),.cnt-scrl-list.in-status td:nth-child(5),.cnt-scrl-list.in-status td:nth-child(7) { text-align: left; }
.cnt-scrl-list.in-status td:nth-child(6) { text-align: center; }

.cnt-scrl-list.history td:nth-child(2),.cnt-scrl-list.history td:nth-child(3).cnt-scrl-list.history td:nth-child(4).cnt-scrl-list.history td:nth-child(7) { text-align: left; }

.cnt-scrl-list .status-col { position: relative; padding: 1px; min-width: 80px; }
.cnt-scrl-list .status-ch { display: none; position: absolute; top: 50%; left: 100%; margin-top: -20px; padding-left: 5px; }
.cnt-scrl-list .status-ch > div { position: relative; width: 210px; padding: 5px 0; letter-spacing: -.40em; box-sizing: border-box; background: rgba(0,0,0,.7); }
.cnt-scrl-list .status-ch > div:before { content: " "; position: absolute; top: 50%; left: -8px; width: 0; height: 0; margin-top: -4px; border: 4px solid transparent; border-right: 4px solid rgba(0,0,0,.7); }
.cnt-scrl-list .status-ch select,.cnt-scrl-list .status-ch input { display: inline-block; vertical-align: top; letter-spacing: normal; height: 30px; padding: 0 5px; }
.cnt-scrl-list .status-ch select { box-sizing: border-box; }
.cnt-scrl-list .status-ch input { margin-left: 5px; border: none; background: #d9534f; color: #fff; font-weight: bold; cursor: pointer; }
.cnt-scrl-list .status-name { display: table; width: 100%;}
.cnt-scrl-list .status-name p { position: relative; display: table-cell; width: 100%; height: 100%; padding-right: 15px; color: #fff; text-align: center; vertical-align: middle; box-sizing: border-box; cursor: pointer; }
.cnt-scrl-list .status-name p:before { content: " "; position: absolute; top: 50%; right: 7px; width: 0; height: 0; margin-top: -2px; border: 4px solid transparent; border-top: 4px solid #fff; }
.cnt-scrl-list.trans-order .status-name p { padding-right: 0; cursor: default; }
.cnt-scrl-list.trans-order .status-name p:before { display: none; }

.cnt-scrl-list .status-name .status0 { background: #009ed6; } /*未受注*/
.cnt-scrl-list .status-name .status1 { background: #ffc073; } /*アサイン*/
.cnt-scrl-list .status-name .status2 { background: #f0606a; } /*制作中*/
.cnt-scrl-list .status-name .status3 { background: #38d6bd; } /*納品済み*/
.cnt-scrl-list .status-name .status4 { background: #b1b1b1; } /*事務済み*/
.cnt-scrl-list .status-name .status99 { color: #424242; } /*ドロップ*/
.cnt-scrl-list .status-name .status99:before { border-top-color: #424242; } /*ドロップ*/

.cnt-scrl-list .arr-status01 { background: #f0606a; color: #fff; } /*未手配*/
.cnt-scrl-list .arr-status02 { background: #38d6bd; color: #fff; } /*打診済*/
.cnt-scrl-list .arr-status03 { background: #ededed; } /*手配済*/
.cnt-scrl-list .arr-status04 { background: #b1b1b1; color: #fff; } /*納品済*/
.cnt-scrl-list .arr-status05 { background: #fff; } /*報告済*/

.cnt-scrl-list.history { margin-top: 20px; padding: 0 20px; }
/*改修160222 END*/

/*----------------------------------
title
----------------------------------*/
.page-ttl { position: relative; height: 36px; line-height: 33px; }
.page-ttl h1 { color: #fff; }
.page-ttl h1 { float: left; font-size: 142.85714%; font-weight: bold; }
.page-ttl span { margin-top: 5px; margin-left: 10px; font-size: 70%; }
.page-ttl a { color: #fff; }

.page-ttl.type01 { background: #D71920; }

.page-ttl.type02 { background: #007dc5; }

.sub-ttl { background: #0f5a84; }
.sub-ttl h2 { color: #fff; padding: 8px 16px 10px; font-size: 114.28571%; }

.sub-ttl.type02 { position: relative; padding-right: 60px; }
.sub-ttl.type02 h2 { float: left; }
.sub-ttl.type02 ul { margin-top: 12px; float: right; }
.sub-ttl.type02 ul li { float: left; margin-left: 10px; color: #fff; }
.sub-ttl.type02 ul li:first-child { margin-left: 0; }

/*----------------------------------
button
----------------------------------*/
.sign-btn { margin: 0 auto; }
.sign-btn input { position: relative; width: 180px; border: none; background: #d9534f url(../images/ico-signin.png) 71% 50% no-repeat; background-size: 16px auto; padding-right: 26px; color: #fff; height: 40px; line-height: -10px; font-weight: bold; font-size: 100%; }

.btn01 { margin: 0 auto; }
.btn01 a { display: inline-block; padding: 5px 10px; border: 1px solid #d6d6d6; background: #fff; }
.btn01 a:hover { text-decoration: none; box-shadow: inset 0 0 3px #d6d6d6; }

.btn02,.delbtn2 { display: inline-block; }
.btn02 a,.delbtn2 span { display: block; padding: 5px 15px; color: #424242; background: #e6e6e6; font-weight: bold; text-decoration: none; letter-spacing: normal; }

.btn-page-back { display: inline-block; }
.btn-page-back a { display: block; height: 40px; line-height: 40px; padding: 0 15px; color: #fff; background: #007dc5; font-weight: bold; }

.arrangement-btn { border: 1px solid #fff; }
.arrangement-btn a { display: block; color: #fff; text-align: center; padding: 2px 15px 4px; }
.arrangement-btn a span { display: inline-block; padding-right: 30px; background: url(../images/ico-arrangement.png) 100% 50% no-repeat; background-size: 20px auto; }

.scu-btn { width: 180px; }
.scu-btn input { width: 100%; background: #ffc073; border: none; color: #fff; height: 40px; font-weight: bold; }

.submit-btn { width: 100px; }
.submit-btn input { width: 100%; border: none; height: 40px; line-height: 40px; background: #d9534f; color: #fff; font-weight: bold; }

p.mail-btn { display: table; float: right; }
p.mail-btn a { display: table-cell; vertical-align: middle; border: none; height: 40px; padding: 0 15px; background: #007dc5; }

.del-btn02 { width: 100px; }
.del-btn02 input { width: 100%; background: #e6e6e6; height: 40px; line-height: 40px; border: none; font-weight: bold; }

.trans-list-btn { display: inline-block; font-size: 92.9%; margin-top: 20px; line-height: 1; }
.trans-list-btn a { position: relative; display: block; padding: 10px 30px 10px 15px; color: #fff; background: #0f5a84; font-weight: bold; text-decoration: none; }
.trans-list-btn a:before { content: " "; position: absolute; top :50%; right: 15px; width: 0; height: 0; margin-top: -2px; border: 4px solid transparent; border-top: 6px solid #fff; }
.trans-list-btn.open a:before { border-top: 6px solid transparent; border-bottom: 6px solid #fff; margin-top: -9px; }

.btn-notification { float: left; height: 32px; margin-left: 10px; line-height: 32px; text-align: center; }
.btn-notification a { display: block; padding: 0 15px; color: #fff; background: #007dc5; }

.draft-saved { display: inline-block; }
.draft-saved a { display: block; height: 32px; line-height: 32px; padding: 0 15px; color: #fff; background: #007dc5; font-weight: bold; letter-spacing: normal; }

.draft-lead { display: inline-block; }
.draft-lead a { display: block; height: 32px; line-height: 32px; padding: 0 15px; color: #fff; background: #d9534f; font-weight: bold; letter-spacing: normal; }

.btn-history { position:relative !important; display: inline-block; right: 0 !important; top: 0 !important; font-size: 100% !important; overflow: hidden; }
.btn-history a { display: block; height: 32px; line-height: 32px; padding: 0 15px; color: #fff; background: #007dc5; font-weight: bold; letter-spacing: normal; }
.btn-history li { float: left; margin-left: 10px; }
.btn-history li:first-child { margin-left: 0; }

.btn-related { position: absolute; top: inherit !important; bottom: 6px; font-size: 100% !important; }
.btn-related a { display: block; height: 32px; line-height: 32px; padding: 0 15px; color: #fff; background: #007dc5; font-weight: bold; letter-spacing: normal; }

.comment-insert { position: relative !important; top: inherit !important; right: inherit !important; display: inline-block; font-size: 100% !important; float: right; margin-top: 5px; }
.comment-insert a { display: block; height: 32px; line-height: 32px; padding: 0 15px; color: #fff; background: #007dc5; font-weight: bold; letter-spacing: normal; }

/*----------------------------------
p-scu
----------------------------------*/
.p-scu { margin-bottom: 32px; }
.p-scu p:first-child { float: left; }
.p-scu dl { float: left; }
.p-scu dl dt, .p-scu dl dd { float: left; }
.p-scu p:first-child, .p-scu dl { margin-right: 5px; }
.p-scu p.scu-btn { float: right; }

/*----------------------------------
radio
----------------------------------*/
.radio-box { background: #eeeeee; }
.radio-box ul { display: table; width: 100%; table-layout: fixed; }
.radio-box ul li { display: table-cell; text-align: center; width: 100px; }
.radio-box ul li label { display: block; padding: 4px 0 6px; box-sizing: border-box; width: 100%; color: #f03f4c; cursor: pointer; }
.radio-box ul li input[type="radio"]:checked + label { position: relative; background: #f03f4c; color: #fff; }
.radio-box ul li input[type="radio"]:checked + label:before { content: " "; position: absolute; top: 100%; left: 0; }
.radio-box ul li input { display: none; }
.radio-box ul.type01 { width: 300px; }
.radio-box ul.type01 li input[type="radio"]:checked + label:before { border: 50px solid transparent; border-top: 10px solid #f03f4c; }
.radio-box ul.type02 { width: 500px; }
.radio-box ul.type02 li input[type="radio"]:checked + label:before { border: 50px solid transparent; border-top: 10px solid #f03f4c; }
.radio-box ul.type03 { width: 440px; }
.radio-box ul.type03 li input[type="radio"]:checked + label:before { border: 55px solid transparent; border-top: 10px solid #f03f4c; }
.radio-box ul.type04 { width: 300px; }
.radio-box ul.type04 li input[type="radio"]:checked + label:before { border: 75px solid transparent; border-top: 10px solid #f03f4c; }
.radio-box ul.dbl-column { width: 200px; }

.radio-box.type02 { background: #eeeeee; }
.radio-box.type02 ul li label { color: #4383c4; }
.radio-box.type02 ul li input[type="radio"]:checked + label { position: relative; background: #4383c4; color: #fff; }
.radio-box.type02 ul.type01 { width: 300px; }
.radio-box.type02 ul.type01 li input[type="radio"]:checked + label:before { border: 50px solid transparent; border-top: 10px solid #4383c4; }
.radio-box.type02 ul.type02 { width: 500px; }
.radio-box.type02 ul.type02 li input[type="radio"]:checked + label:before { border: 50px solid transparent; border-top: 10px solid #4383c4; }
.radio-box.type02 ul.type03 { width: 440px; }
.radio-box.type02 ul.type03 li input[type="radio"]:checked + label:before { border: 55px solid transparent; border-top: 10px solid #4383c4; }

.radio-box02 > p { float: left; }
.radio-box02 .arrangement-btn { position: absolute; top: 26px; right: 16px; }
.radio-box02 ul { display: table; width: 100%; table-layout: fixed; }
.radio-box02 ul li { display: table-cell; text-align: center; }
.radio-box02 ul li input { display: none; }
.radio-box02 ul li label { display: block; padding: 10px 0; box-sizing: border-box; width: 100%; cursor: pointer; background: #f5f5f5; }
.radio-box02 ul li input[type="radio"]:checked + label,.radio-box02 ul li input[type="checkbox"]:checked + label { position: relative; background: #f03f4c; color: #fff; }
.radio-box02 ul.type01 { width: 400px; }
.radio-box02 ul.type02 { width: 300px; }
.radio-box02 ul.type03 { width: 80px; }
.radio-box02 ul.type04 { width: 200px; }
.radio-box02 ul.type05 { width: 100%; }

/*----------------------------------
check
----------------------------------*/
.checkbox-btn { position: absolute; top: 0; right: 0; }
.checkbox-btn div input { display: none; }
.checkbox-btn div label { position: relative; display: block; width: 40px; box-sizing: border-box; height: 40px; cursor: pointer; background: #d6d6d6; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; }
.checkbox-btn div label:before { content: " "; top: 10px; left: 12px; position: absolute; z-index: 5; width: 16px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(135deg); }
.checkbox-btn div input:checked + label, .checkbox-btn div label:hover { background: #47ce5f; }

/*----------------------------------
side-icon
----------------------------------*/
.side-ico { top: 146px; display: table; position: fixed; right: 0; height: 100%; z-index: 10; box-sizing: border-box; transition: all .4s; -ms-transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.side-ico ul { /*--display: table-cell;
vertical-align: middle;--*/ }
.side-ico ul li { text-align: center; font-size: 85.71429%; }
.side-ico ul li a { width: 60px; height: 70px; display: table-cell; vertical-align: middle; color: #fff; }
.side-ico ul li a p { margin-top: 4px; font-size: 116.7%; }
.side-ico ul li:nth-child(odd) { background: #4383c4; }
.side-ico ul li:nth-child(even) { background: #3974b0; }
.side-ico ul li:first-child { margin-top: 0; }
.side-ico ul li img { max-width: 30px; }

/*----------------------------------
responsible-list
----------------------------------*/
.responsible-list01 { letter-spacing: -.40em; }
.responsible-list01 .inr > dl { display: inline-block; vertical-align: top; margin-top: 16px; width: 25%; box-sizing: border-box; padding-right: 8px; }
.responsible-list01 .inr > dl dt, .responsible-list01 .inr > dl dd { letter-spacing: normal; }
.responsible-list01 .inr > dl dt { float: left; margin-right: 2%; width: 40%; padding: 0 0 2px; background: #ededed; text-align: center; font-size: 92.85714%; }
.responsible-list01 .inr > dl dd { overflow: hidden; margin-top: -0.1em; width: 58%; }

.responsible-detail dt { float: left; margin-right: 10px; width: 75px; padding: 0 0 2px; background: #ededed; text-align: center; }
.responsible-detail dd { overflow: hidden; }

.responsible-list01.type02 dl { width: 50%; }

/*----------------------------------
table
----------------------------------*/
.tbl01 > table { width: 100%; table-layout: fixed; }
.tbl01 > table > tbody > tr > th, .tbl01 > table > tbody > tr > td { vertical-align: top; }
.tbl01 > table > tbody > tr > th { position: relative; width: 150px; padding: 32px 5px 5px 5px; font-size: 71.42857%; line-height: 1.8; }
.tbl01 > table > tbody > tr > th > span { display: block; font-size: 160%; line-height: 1.2; }
.tbl01 > table > tbody > tr > .no-cap { font-size: 116%; }
.tbl01 > table > tbody > tr > th .checkbox-btn { position: relative; }
.tbl01 > table > tbody > tr > th .checkbox-btn div, .tbl01 > table > tbody > tr > th .checkbox-btn span { display: inline-block; vertical-align: middle; font-size: 140%; margin-right: 10px; }
.tbl01 > table > tbody > tr > td { position: relative; padding: 30px 8px 4px; }
.tbl01 > table > tbody > tr > td > p,.tbl01 > table > tbody > tr > td td p { position: absolute; right: 8px; top: 4px; background: #c51015; color: #fff; font-size: 85.71429%; }
.tbl01 > table > tbody > tr > td p strong { padding: 4px 6px; position: relative; display: block; }
.tbl01 > table > tbody > tr > td p strong:before { content: " "; border: 6px; border-color: #c51015 transparent transparent transparent; border-style: solid; position: absolute; top: 100%; left: 10px; }
.tbl01 > table > tbody > tr > td span { display: inline-block; width: 100%; position: relative; top: -0.15em; letter-spacing: -.40em; }
.tbl01 > table > tbody > tr > td span:before { content: " "; position: absolute; bottom: 0; left: 0; width: 0%; height: 1px; background: #007dc5; transition: 0.4s; }
.tbl01 > table > tbody > tr > td span input[type="text"], .tbl01 > table > tbody > tr > td span input[type="password"] { width: 100%; padding: 4px 8px; box-sizing: border-box; border-width: 0 0 1px 0; border-style: solid; border-color: #d6d6d6; }
.tbl01 > table > tbody > tr > td span select { margin-top: 0; padding: 8px; box-sizing: border-box; letter-spacing: normal; }
.tbl01 > table > tbody .rank select { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif; }
.tbl01 > table > tbody > tr > td .input[type="checkbox"] { border: 1px solid #d6d6d6; }
.tbl01 > table > tbody > tr > td .in-for:before { width: 100%; height: 1px; background: #08ae9e; }
.tbl01 > table > tbody > tr > td textarea { border: 1px solid #e6e6e6; width: 100%; box-sizing: border-box; padding: 8px; transition: .8s; }
.tbl01 > table > tbody > tr > td textarea:focus { border: 1px solid #08ae9e; }
.tbl01 > table > tbody > tr > td .at-text { color: #ff0000; }
.tbl01 > table > tbody .text-sel th, .tbl01 > table > tbody .text-sel td { vertical-align: middle; }
.tbl01 > table > tbody .text-sel td { padding-top: 18px; }
.tbl01 > table > tbody .text-sel select { width: 30%; padding: 4px; box-sizing: border-box; }
.tbl01 > table > tbody .text-cell > th, .tbl01 > table > tbody .text-cell > td { vertical-align: top; padding: 42px 5px 16px 5px; }
.tbl01 > table > tbody .time-cell > td span { width: 50%; margin-right: 10px; }
.tbl01 > table > tbody .tbl-project-cell > th { padding-top: 32px; }
.tbl01 > table > tbody .tbl-project-cell tr + tr td { padding-top: 36px; }
.tbl01 > table > tbody .tbl-project-cell tr th, .tbl01 > table > tbody .tbl-project-cell tr td { vertical-align: bottom; }
.tbl01 > table > tbody .tbl-client-cell td > p { top: -4px; left: 0; right: inherit; }
.tbl01 > table > tbody .tbl-client-cell td { padding-top: 36px; }
.tbl01 > table > tbody .tbl-client-cell td span p { display: inline-block; vertical-align: middle; letter-spacing: normal; }
.tbl01 > table > tbody .tbl-client-cell td span .client-name { width: -moz-calc(100% - 136px); width: -webkit-calc(100% - 136px); width: calc(100% - 136px); text-align: left; }
.tbl01 > table > tbody .tbl-client-cell td span .client-name + p { margin-left: 10px; }
.tbl01 > table > tbody .ico-cell > td span { display: inline-block; width: 100%; position: relative; }
.tbl01 > table > tbody .ico-cell > td .in-for:before { width: calc( 100% - 45px); width: -webit-calc( 100% - 45px); height: 1px; background: #08ae9e; }
.tbl01 > table > tbody .ico-cell > td input[type="text"] { width: calc( 100% - 45px); width: -webit-calc( 100% - 45px); box-sizing: border-box; padding: 4px 8px; }
.tbl01 > table > tbody .ico-cell img { display: inline-block; width: 30px; margin-left: 10px; height: auto; vertical-align: bottom; }
.tbl01 > table > tbody .ico-file > td .fileUploder span { display: inline-block; width: calc( 100% - 45px); width: -webit-calc( 100% - 45px); position: relative; }
.tbl01 > table > tbody .ico-file > td .fileFrame span { width: auto; letter-spacing: normal; }
.tbl01 > table > tbody .ico-file > td .fileFrame { padding-right: 45px; }
.tbl01 > table > tbody .delivery-date td > div dl { display: table; table-layout: fixed; width: 48%; float: left; }
.tbl01 > table > tbody .delivery-date td > div dl dt, .tbl01 > table > tbody .delivery-date td > div dl dd { display: table-cell; }
.tbl01 > table > tbody .delivery-date td > div dl dt { width: 60px; }
.tbl01 > table > tbody .delivery-date td > div dl dd { box-sizing: border-box; padding: 8px; }
.tbl01 > table > tbody .delivery-date td > div dl dd span { width: calc( 100% - 40px); width: -webkit-calc( 100% - 40px); }
.tbl01 > table > tbody .delivery-date td > div dl dd span input[type="text"] { width: 100%; box-sizing: border-box; padding: 8px; }
.tbl01 > table > tbody .delivery-date td > div dl dd img { width: 30px; height: auto; margin-left: 5px; vertical-align: bottom; }
.tbl01 > table > tbody .delivery-date td > div dl:nth-child(2) { float: right; }
.tbl01 > table > tbody .err-f { position: relative; }
.tbl01 > table > tbody .err-f input { background: #fed2d1; }
.tbl01 > table > tbody .tbl-check th, .tbl01 > table > tbody .tbl-check td { vertical-align: top; }
.tbl01 > table > tbody .tbl-check ul { letter-spacing: -.40em; margin-top: -10px; }
.tbl01 > table > tbody .tbl-check ul li { width: 100px; margin: 1px 0 0 0; display: inline-block; letter-spacing: normal; vertical-align: top; }
.tbl01 > table > tbody .tbl-check ul li label { position: relative; padding-left: 20px; }
.tbl01 > table > tbody .tbl-check ul li label input { position: absolute; left: 0; top: 0.3em; border: 1px solid #d6d6d6; }
.tbl01 > table > tbody .tbl-projects tbody > tr:first-child p { top: -27px; }
.tbl01 > table > tbody .tbl-projects td { padding-right: 0; }
.tbl01 > table > tbody .tbl-projects p { right: 0; }

.tbl01 > table > tbody .related-cell span input[type=text] { width: 88%; }

/*改修20160221 START*/
.tbl01 > table > tbody .tbl-check dt { margin-bottom: 10px; font-weight: bold; }
/*改修20160221 END*/

.tbl-projects { width: 100%; }
.tbl-projects th { width: 30px; text-align: right; }
.tbl-projects th, .tbl-projects td { vertical-align: top; padding: 5px; box-sizing: border-box; }

.tbl02 table { width: 100%; margin: 0 auto; }
.tbl02 table th { width: 150px; padding: 5px; font-size: 71.42857%; }
.tbl02 table th span { display: block; font-size: 160%; }
.tbl02 table td { padding: 5px; position: relative; }
.tbl02 table td p { position: absolute; right: 8px; top: -20px; background: #c51015; color: #fff; font-size: 85.71429%; }
.tbl02 table td p strong { padding: 4px 6px; position: relative; display: block; }
.tbl02 table td p strong:before { content: " "; border: 6px; border-color: #c51015 transparent transparent transparent; border-style: solid; position: absolute; top: 98%; left: 10px; }
.tbl02 table td span { display: inline-block; width: 100%; position: relative; }
.tbl02 table td span:before { content: " "; position: absolute; bottom: 0; left: 0; width: 0%; height: 1px; background: #007dc5; transition: 0.4s; }
.tbl02 table td span input[type="text"] { width: 100%; padding: 8px; box-sizing: border-box; border-width: 0 0 1px 0; border-style: solid; border-color: #d6d6d6; }
.tbl02 table td .in-for:before { width: 100%; height: 1px; background: #08ae9e; }
.tbl02 table .err-f input { background: #fed2d1; }

/*----------------------------------
message
----------------------------------*/
.message-ico-wrap { position: absolute; top: 0; right: 0; }
.message-ico-wrap .message-ico { background: #0f5a84; position: relative; }
.message-ico-wrap .message-ico p { position: relative; display: inline-block; }
.message-ico-wrap .message-ico p span { display: inline-block; text-align: center; position: absolute; top: -12px; right: -12px; color: #fff; line-height: 24px; background: #4383c4; width: 24px; height: 24px; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; }
.message-ico-wrap .message-ico .message-box { display: none; position: absolute; top: -140%; left: -50px; }
.message-ico-wrap .message-ico .message-box .message-box-inr { width: 230px; position: relative; padding: 10px; display: inline-block; background: #ED0E11; }
.message-ico-wrap .message-ico .message-box .message-box-inr:before { content: " "; position: absolute; top: 100%; border-width: 8px 8px 8px 8px; border-style: solid; border-color: #ED0E11 transparent transparent transparent; }

/*----------------------------------
select
----------------------------------*/
.select-btn ul li { width: 200px; float: left; }
.select-btn ul li select { width: 100%; padding: 8px; }
.select-btn ul li:nth-child(2) { margin-left: 16px; }

/*----------------------------------
ico-man,ico-woman
----------------------------------*/
.ico-man, .ico-woman { padding-left: 0; line-height: 1.5; }
.ico-man dt, .ico-woman dt { font-weight: bold; font-size: 116%; }
.ico-man dd, .ico-woman dd { font-size: 85.71429%; }

/*----------------------------------
detail
----------------------------------*/
.detail01 .detail-l { float: left; width: 48%; }
.detail01 .detail-r { float: right; width: 48%; }
.detail01 .detail-c { width: 48%; margin: 0 auto; }

/*----------------------------------
order-list
----------------------------------*/
.order-list { letter-spacing: -.40em; }
.order-list li { display: inline-block; letter-spacing: normal; vertical-align: top; padding: 0 8px 2px; background: #434343; color: #fff; margin-left: 10px; border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; }
.order-list li:first-child { margin-left: 0; }
.order-list .arrangement { background: #ED0E11; }

.in-production { margin-top: 16px; letter-spacing: -.40em; font-size: 85.71429%; }
.in-production p { display: inline-block; vertical-align: top; letter-spacing: normal; margin-left: 16px; }
.in-production p:first-child { position: relative; margin-left: 0; padding-left: 14px; color: #ff9900; font-weight: bold; }
.in-production p:first-child:before { content: " "; position: absolute; top: 50%; margin-top: -5px; left: 0; height: 10px; width: 10px; background: #ff9900; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; }

.project { margin-top: 16px; }
.project h2 { font-size: 114.28571%; font-weight: bold; }
.project dl { letter-spacing: -.40em; font-size: 85.71429%; }
.project dl dt, .project dl dd { display: inline-block; letter-spacing: normal; vertical-align: top; }
.project dl dt { margin-right: 16px; }

.orders-received { position: absolute; top: -6px; right: 0; margin-top: 16px; font-size: 85.71429%; }
.orders-received ul { position: relative; padding: 0 16px 0 68px; }
.orders-received ul li { float: left; margin-left: 16px; }
.orders-received ul li:first-child { margin-left: 0; }

.orders-received.arrangement ul:before { content: "要手配"; position: absolute; padding-bottom: 2px; left: 0; width: 60px; color: #fff; font-weight: bold; background: #cf2a37; text-align: center; }

/*----------------------------------
order
----------------------------------*/
.order-ttl { background: #f9f9f9; position: relative; }
.order-ttl > a { display: block; }
.order-ttl > a:hover { text-decoration: none; }
.order-ttl h2 { display: table; width: 60%; }
.order-ttl h2 span { display: table-cell; vertical-align: middle; line-height: 1.5; }
.order-ttl h2 span:first-child { width: 70px; font-weight: bold; text-align: center; color: #fff; }
.order-ttl h2 span:first-child + span { padding: 12px 16px; font-size: 114.28571%; font-weight: bold; }

.order-ttl .status1 { background: #38d6bd; } /*新規*/
.status2 { background: #ffc073; } /*制作中*/
.status3 { background: #009ed6; } /*納品*/



.order-ttl.type02 { position: relative; }
.order-ttl.type02 .orders-received { right: 50px; }

.order-detail01 { padding: 16px; }

.request-com { padding-bottom: 8px; border-bottom: 1px solid #eeeeee; }
.request-com dl { float: left; }
.request-com dl dt, .request-com dl dd { float: left; }
.request-com dl dt { font-weight: bold; margin-right: 16px; }
.request-com p { float: right; }
.request-com p a { display: inline-block; padding-left: 26px; background: url(../images/ico-appended.png) 0 70% no-repeat; background-size: 20px auto; }

.order-check { margin-top: 16px; }
.order-check dl { float: left; margin-right: 16px; }
.order-check dl dt, .order-check dl dd { float: left; }
.order-check dl dt { width: 120px; padding-bottom: 3px; text-align: center; color: #fff; background: #f1949b; margin-right: 16px; }
.order-check .active dt { background: #f0606a; }

.order-mana-ttl { position: relative; background: #eeeeee; padding: 5px 15px; }
.order-mana-ttl .order-mana-inr .order-mana-num { float: left; margin-top: 10px; }
.order-mana-ttl .order-mana-inr .order-mana-num dl { float: left; }
.order-mana-ttl .order-mana-inr .order-mana-num dl dt, .order-mana-ttl .order-mana-inr .order-mana-num dl dd { float: left; }

/*20160221改修 START*/
.order-mana-ttl .order-mana-inr .order-mana-num dl dd { width: 120px; }
.order-mana-ttl ul { float: right; width: 400px; text-align: right; }
.order-mana-ttl li { float: left; width: 50%; }
/*20160221改修 END*/

.job-num span { display: inline-block; width: 100%; position: relative; top: -0.15em; }
.job-num span:before { content: " "; position: absolute; bottom: 0; left: 0; width: 0%; height: 1px; background: #007dc5; transition: all 0.4s; -ms-transition: all 0.4s; }
.job-num span input[type="text"] { width: 100%; padding: 4px 8px; box-sizing: border-box; border-width: 0 0 1px 0; border-style: solid; border-color: #d6d6d6; background: none; }
.job-num .in-for:before { width: 100%; height: 1px; background: #08ae9e; }

.cheker { padding: 5px 15px; background: #0f5a84; color: #fff; }
.cheker h2 { float: left; font-weight: bold; font-size: 116.7%; }
.cheker p:nth-child(2) { float: right; }

#translator-icon-list { padding: 10px 15px;  }
.cheker-list > ul { float: left; width: -ms-calc(100% - 60px); width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: calc(100% - 60px); margin: -10px 0 0 0; }
.cheker-list > ul > li { position: relative; width: -moz-calc((100% - 20px) / 4); width: -webkit-calc((100% - 20px) / 4); width: calc((100% - 20px) / 4); float: left; border: 1px solid #eee; margin: 10px 0 0 5px; box-sizing: border-box; }
.cheker-list > ul > li:nth-child(4n + 1) { margin-left: 0; }
.cheker-list > ul > li > a { display: table; width: 100%; table-layout: fixed; }
.cheker-list > ul > li > a:hover { text-decoration: none; }
.cheker-list > ul > li p, .cheker-list > ul > li dl { display: table-cell; width: 18px; height: 66px; vertical-align: middle; }
.cheker-list > ul > li p:first-child { text-align: center; color: #fff; }
.cheker-list > ul > li p:last-child { width: 100%; line-height: 1.2; padding: 0 50px 0 10px; font-weight: bold; box-sizing: border-box; }
.cheker-list > ul > li .label-t { background: #d54a00; }
.cheker-list > ul > li .label-c { background: #499475; }
.cheker-list > ul > li .label-i { background: #5082C7; }
.cheker-list .checker-ballon { float: right; display: table; width: 50px; text-align: center; }
.cheker-list .checker-ballon a { display: table-cell; vertical-align: middle; height: 62px; background: #487ca3; }
.cheker-list .checker-ballon a img { width: 40px; height: auto; }
.cheker-list .trans-submenu { display: none; position: absolute; top: 100%; right: 0; z-index: 10; width: 50%; }
.cheker-list .trans-submenu li { border-top: 1px solid #4d4d4d; }
.cheker-list .trans-submenu li:first-child { border-top: none; }
.cheker-list .trans-submenu a { display: block; padding: 10px; color: #fff; background: rgba(0,0,0,.8); }
.cheker-list .trans-submenu a:hover { text-decoration: none; background: #0f5a84; }
.cheker-list span { position: absolute; top: 0; right: 0; display: inline-block; padding: 2px; color: #fff; font-size: 83.3%; line-height: 1; background: #0f5a84; }
.cheker-list > ul > li:before { content: " "; position:absolute; top: 50%; right: 10px; display: block; width: 28px; height: 28px; margin-top: -14px; box-sizing: border-box; cursor: pointer; background: #d6d6d6; border-radius: 50%; }
.cheker-list > ul > li:after { content: " "; top: 50%; right: 17px; position: absolute; z-index: 5; width: 12px; height: 4px; margin-top: -4px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(135deg); }
.cheker-list .check-on:before { background: #47ce5f; }

.cheker-list input { display: none; }
.cheker-list label { position: relative; display: block; width: 40px; height: 40px; margin: 0 auto; box-sizing: border-box; cursor: pointer; background: #d6d6d6; border-radius: 50%; }
.cheker-list input:checked + label { background: #47ce5f none repeat scroll 0% 0%; }
.cheker-list label::before { content: " "; top: 10px; left: 12px; position: absolute; z-index: 5; width: 16px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(135deg); }

.mail-cheker-list > ul { float: none; width: 100%; margin: -5px 0 0 0; }
.mail-cheker-list > ul > li { position: relative; width: 32%; float: left; border: 1px solid #eee; margin: 5px 0 0 2%; box-sizing: border-box; }
.mail-cheker-list > ul > li:nth-child(3n+1) { margin-left: 0; }
.mail-cheker-list > ul > li:before,.mail-cheker-list > ul > li:after { display: none; }


.order-status { padding: 5px 15px; background: #dcdcdc; position: relative; letter-spacing: -.40em; line-height: 1; }
.order-status h2,.order-status .radio-box02 { display: inline-block; vertical-align: middle; letter-spacing: normal; }
.order-status h2 { font-weight: bold; font-size: 114.28571%; line-height: 1.4; }
.order-status h2 span { display: block; text-align: center; font-weight: normal; font-size: 71.4286%; }
.order-status .radio-box02 { margin-left: 20px; }
.order-status .radio-box02 ul { float: left; margin-left: 10px; }
.order-status .radio-box02 ul:first-child { margin-left: 0; }

/*----------------------------------
com-staff
----------------------------------*/
.com-staff-detail > dl { box-sizing: border-box; width: 25%; float: left; }
.com-staff-detail .responsible-list01 { float: left; width: 75%; }
.com-staff-detail .responsible-list01 dl { width: 33.3334%; margin-top: 0; }
.com-staff-detail .responsible-list01 dl:last-child { width: 100%; margin-top: 16px; display: block; }
.com-staff-detail .responsible-list01 dl:last-child dt { width: 13%; margin-right: 0.7%; }
.com-staff-detail .responsible-list01 dl:last-child dd { width: 85%; }

.com-reg-top .reg-num { font-weight: bold; }
.com-reg-top .select-btn { margin: 16px 0; }

/*----------------------------------
checker
----------------------------------*/
.checker-man-detail .checker-man-l { box-sizing: border-box; width: 25%; float: left; }
.checker-man-detail .checker-man-l dl, .checker-man-detail .checker-man-l dl { margin-top: 16px; font-size: 92.8571%; }
.checker-man-detail .checker-man-l dl dt, .checker-man-detail .checker-man-l dl dt { float: left; margin-right: 10px; width: 75px; padding: 0 0 2px; background: #ededed; text-align: center; }
.checker-man-detail .checker-man-l dl dd, .checker-man-detail .checker-man-l dl dd { overflow: hidden; }
.checker-man-detail .checker-man-l dl:first-child { margin-top: 0; font-size: 100%; }
.checker-man-detail .checker-man-l dl:first-child dt { float: none; margin-right: 0; width: auto; padding: 0; background: none; text-align: left; font-size: 116%; }
.checker-man-detail .checker-man-r { float: left; width: 75%; }
.checker-man-detail .checker-man-r dl { width: 33.3334%; letter-spacing: normal; }
.checker-man-detail .checker-man-r .inr > dl dt { width: 40%; }
.checker-man-detail .checker-man-r .inr > dl dd { width: 54%; word-wrap: break-word; }
.checker-man-detail .checker-man-r .inr > .w-full { width: 100%; }
.checker-man-detail .checker-man-r .inr > .w-full dt { width: 13%; margin-right: 0.7%; }
.checker-man-detail .checker-man-r .inr > .w-full dd { width: 60%; }
.checker-man-detail .checker-man-r .inr > .w-two { width: 66.6668%; }
.checker-man-detail .checker-man-r .inr > .w-two dt { width: 19.6%; margin-right: 1.2%; }

/*----------------------------------
translators
----------------------------------*/
.translators-man-detail .translators-man-l { box-sizing: border-box; width: 25%; float: left; }
.translators-man-detail .translators-man-l .ico-woman + dl, .translators-man-detail .translators-man-l .ico-man + dl { margin-top: 16px; font-size: 92.8571%; }
.translators-man-detail .translators-man-l .ico-woman + dl dt, .translators-man-detail .translators-man-l .ico-man + dl dt { float: left; margin-right: 10px; width: 75px; padding: 0 0 2px; background: #ededed; text-align: center; }
.translators-man-detail .translators-man-l .ico-woman + dl dd, .translators-man-detail .translators-man-l .ico-man + dl dd { overflow: hidden; }
.translators-man-detail .translators-man-r { float: left; width: 75%; }
.translators-man-detail .translators-man-r dl { margin-top: 0; width: 33.3334%; }
.translators-man-detail .translators-man-r dl:last-child { width: 100%; margin-top: 16px; }

/*----------------------------------
csv-output
----------------------------------*/
.csv-output { margin-top: 32px; border-width: 1px 1px 0 0; border-style: solid; border-color: #d6d6d6; box-shadow: 0 0 2px #d6d6d6; }
.csv-output li { width: 25%; float: left; border-width: 0 0 1px 1px; border-style: solid; border-color: #d6d6d6; box-sizing: border-box; text-align: center; }
.csv-output li input { display: none; }
.csv-output li label { display: block; padding: 10px 0 14px; }
.csv-output li label:hover { cursor: pointer; }
.csv-output li input:checked + label, .csv-output li label:hover { background: #007dc5; color: #fff; }

/*----------------------------------
reminder
----------------------------------*/
.content-wrap02-inr.reset { padding: 50px 60px; }
.reset-btm p { margin-top: 5px; }
.reset .content-btm { margin-top: 60px; padding: 0; }
.reset .tbl02 table th,.reset .tbl02 table td { padding: 0; }
.reset .tbl02 p:first-child { margin-bottom: 60px; }
.reset .error-msg { text-align: center; }
.reset .error-msg span { display: block; margin-bottom: 30px; padding: 10px; background: #fed2d1; color: #ff0000; border: 2px solid #c51015; }

/*----------------------------------
csvUpload
----------------------------------*/
.content.upload { width: 860px; }
.content.upload .content-wrap02-inr { padding: 30px; }
.content.upload .radio-box02 { margin-top: 30px; }
.content.upload .fileUploder span { width: 93%; width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); }
.content.upload .fileUploder .btn { margin-left: 5px; }
.content.upload table { margin-top: 40px; }
.content.upload th { vertical-align: top; }
.content.upload .content-btm { margin-top: 60px; padding: 0; }
.content.upload .reset-btm p { margin-top: 0; }
.content.upload .delbtn2 span { width: auto; }



/*----------------------------------
mail-setting
----------------------------------*/
.mail-client p { font-weight: bold; font-size: 114.28571%; }
.mail-client span { display: block; color: #a0a0a0; font-size: 71.4%; }

.responsible-delivery { margin-top: -16px; }
.responsible-delivery dl { margin-top: 16px; float: left; margin-right: 32px; }

.setting-mail-btm { margin: 20px -60px 20px 0; }
.setting-mail-btm > p { float: left; }
.setting-mail-btm div { float: right; }

.setting-mail-attach { margin-bottom: 60px; }
.setting-mail-attach dl { float: right; display: table; width: 485px; margin-top: 30px; }
.setting-mail-attach dl dt, .setting-mail-btm dl dd { vertical-align: top; display: table-cell; }
.setting-mail-attach dl dt { width: 50px; padding-top: 5px; font-size: 114.28571%; font-weight: bold; }
.setting-mail-attach dl dd { margin-top: 10px; }
.setting-mail-attach dl dt + dd { margin-top: 0; }
.setting-mail-attach .fileUploder span { display: inline-block; width: 400px; position: relative; }
.setting-mail-attach .fileUploder span:before { content: " "; position: absolute; bottom: 0; left: 0; width: 0%; height: 1px; background: #007dc5; transition: all 0.4s; -ms-transition: all 0.4s; }
.setting-mail-attach .fileUploder span input[type="text"] { width: 100%; padding: 8px; box-sizing: border-box; border-width: 0 0 1px 0; border-style: solid; color: #424242; border-color: #d6d6d6; }
.setting-mail-attach .fileUploder .in-for:before { width: 100%; height: 1px; background: #08ae9e; }
.setting-mail-attach .fileUploder img { margin-left: 10px; vertical-align: bottom; width: 30px; height: auto; }

.setting-mail .content-wrap02 { margin-top: 5px; }
.setting-mail .content-wrap02:first-child { margin-top: 30px; }

.setting-mail .content-wrap02-inr > textarea { width: 100%; height: 30em; box-sizing: border-box; padding: 16px; border: 1px solid #d6d6d6; }
.setting-mail .content-wrap02-inr > textarea:focus { border: 1px solid #08ae9e; }
.setting-mail .content-wrap02-inr > span { display: inline-block; width: 100%; position: relative; }
.setting-mail .content-wrap02-inr > span:before { content: " "; position: absolute; bottom: 0; left: 0; width: 0%; height: 1px; background: #007dc5; transition: 0.4s; }
.setting-mail .content-wrap02-inr > span input[type=text] { width: 100%; padding: 4px 8px; box-sizing: border-box; border-width: 0 0 1px 0; border-style: solid; border-color: #d6d6d6; }
.setting-mail .content-wrap02-inr .in-for:before { width: 100%; height: 1px; background: #08ae9e; }
.setting-mail .content-wrap02-inr { position: relative; }
.setting-mail .content-wrap02-inr > p { position: absolute; left: 8px; top: 0; background: #c51015; color: #fff; font-size: 85.71429%; }
.setting-mail .content-wrap02-inr > p strong { padding: 4px 6px; position: relative; display: block; }
.setting-mail .content-wrap02-inr > p strong:before { content: " "; border: 6px; border-color: #c51015 transparent transparent transparent; border-style: solid; position: absolute; top: 100%; left: 10px; }

.setting-mail .cheker-list > ul { width: 100%; }
.setting-mail .cheker-list > ul > li { position: relative; width: -moz-calc((100% - 20px) / 4); width: -webkit-calc((100% - 20px) / 4); width: calc((100% - 20px) / 4); }
.setting-mail .radio-box02 { margin-left: 0; }

.setting-mail .btn-draft { float: right;}
.setting-mail .btn-draft li { float: left; margin-left: 10px; }
.setting-mail .btn-draft li:first-child { margin-left: 0; }

.setting-mail-btm + p { margin: 0 -60px 20px 0; text-align: center; }
.setting-mail-btm + p strong { display: inline-block; width: 100%; padding: 10px; background: #fed2d1; color: #ff0000; border: 2px solid #c51015; box-sizing: border-box; }

/*----------------------------------
checkerSetting
----------------------------------*/
.checker-setting { position: relative; text-align: left; }
.checker-setting .responsible-list01 dl { width: 33.3334%; }
.checker-setting .responsible-list01 dl dt { width: 100px; }
.checker-setting .trans-slt-btn { position: absolute; top: 0; right: 0; width: 10%; height: 34px; margin-left: 5%; line-height: 34px; background: #d9534f; text-align: center; color: #fff; font-weight: bold; }
.checker-setting .trans-slt-btn a { display: block; color: #fff; text-decoration: none; }

.project-detail { margin: 8px 0 0 0; }

/*----------------------------------
commentList
----------------------------------*/
.comment-list { position: relative; margin-top: 10px; padding-top: 10px; border-top: 1px dotted #d6d6d6; font-size: 91.7%; }
textarea + .comment-list { margin-top: 15px; padding-top: 0; border-top: none; }
.comment-list dt { font-weight: bold; color: #009ed6; }
.comment-list .comment-delete { position: absolute; top: 50%; right: 0; }
.comment-list .comment-delete a img { width: 12px !important; height: auto; }

/*----------------------------------
file
----------------------------------*/
.fileUploder { position: relative; width: 100%; }
.fileUploder .btn { display: inline-block; width: 30px; height: 27px; background: url(../images/ico-upload.png); background-size: cover; border: none; vertical-align: bottom; margin-left: 5px; }
.fileUploder input[type="text"] { background: #edecec; }
.fileUploder .uploader { position: absolute; top: 0; right: 0; z-index: 99; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; }
.fileFrame { margin-top: 5px; padding-right: 35px; text-align: right; }
.fileFrame .delbtn2 { margin-left: 10px; }

/*----------------------------------
pager
----------------------------------*/
.pager { margin-top: 30px; text-align: left; letter-spacing: -.40em; }
.pager li { display: inline-block; vertical-align: top; letter-spacing: normal; margin: 0 1px; text-align: center; }
.pager li a { display: block; background: #ededed; color: #424242; width: 34px; padding: 7px 0 10px; line-height: 1; }
.pager li a:hover { background: #009ed6; color: #fff; }
.pager .active a { background: #009ed6; color: #fff; }

/*----------------------------------
modal
----------------------------------*/
.cnt-fix { overflow: hidden; }
.modal-wrap { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; width: 80%; height: 80%; margin: auto; }
.modal-offset { position: relative; width: 100%; height: 100%; padding-bottom: 30px; box-sizing: border-box; background: #fff; }
.modal-offset .del-btn { position: absolute; top: -30px; right: 0; }
.modal-cnt { width: 100%; height: 100%; overflow: auto; }
#modal-bg { display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,.6); }
#modal-arrow li { position: absolute; top: 50%; margin-top: -13px; }
#modal-arrow .arrow-l { left: 10px; }
#modal-arrow .arrow-r { right: 10px; }

.active,.active + #modal-bg { display: block; }

/*----------------------------------
modalChip
----------------------------------*/
.modal-wrap.chip { display: none; width: 400px; height: 150px; text-align: center; background: #fff; }
.modal-wrap.chip .chip-inner { display: table-cell; width: 400px; height: 150px; vertical-align: middle; }
.modal-wrap.chip .chip-inner p:first-child { font-size: 133.3%; font-weight: bold; }
.modal-wrap.chip .chip-back { display: inline-block; width: 150px; height: 30px; margin-top: 30px; text-align: center; line-height: 30px; }
.modal-wrap.chip .chip-back a { display: block; color: #fff; background: #007dc5; }
.modal-wrap.chip .modal-offset { padding-bottom: 0; }
.modal-wrap.chip .main { display: table; width: 100%; table-layout: fixed; }
.modal-wrap.chip .main p { display: table-cell; text-align: center; vertical-align: middle; height: 114px; line-height: 2; }

/*----------------------------------
modalMailSubmit
----------------------------------*/
.modal-wrap.mail-submit { width: 800px; height: 600px; }
.modal-wrap.mail-submit .main { padding: 0 20px 20px; box-sizing: border-box; }
.modal-wrap.mail-submit .main p { display: block; height: auto; font-weight: bold; margin: 20px 0; }
.modal-wrap.mail-submit .main dl { text-align: left; border-top: 1px solid #d6d6d6; padding: 10px 0; }
.modal-wrap.mail-submit .main dl:first-child { border-top: none; }
.modal-wrap.mail-submit .main dt { font-weight: bold; }
.modal-wrap.mail-submit .main .confirm-btn { letter-spacing: -.40em; text-align: center; margin-top: 40px; }
.modal-wrap.mail-submit .main .confirm-btn li { display: inline-block; letter-spacing: normal; vertical-align: top; margin: 0 10px; }

/*----------------------------------
modalDelete
----------------------------------*/
.modal-wrap.delete { height: 170px; }
.modal-wrap.delete .main p,.modal-wrap.delete .confirm-btn { display: block; }
.modal-wrap.delete .main p { height: auto; margin-top: 20px; }
.modal-wrap.delete .confirm-btn { letter-spacing: -.40em; text-align: center; margin-top: 20px; }
.modal-wrap.delete .confirm-btn li { display: inline-block; vertical-align: top; letter-spacing: normal; margin: 0 10px; }


/*----------------------------------
clientSelect
----------------------------------*/
.client-select { width: 800px; height: 580px; }
.client-select .content { padding-top: 20px; }
.client-select .client-list { margin-top: 30px; }
.client-select .client-list li { margin-top: 20px; letter-spacing: -.40em; border-bottom: 1px solid #d6d6d6; }
.client-select .client-list li:first-child { margin-top: 0; }
.client-select .client-list li a { display: block; padding-bottom: 5px; }
.client-select .client-list p { display: inline-block; vertical-align: bottom; letter-spacing: normal; }
.client-select .client-list p:first-child { width: 85%; font-weight: bold; line-height: 1.5; text-align: left; }
.client-select .client-list p:first-child span { display: block; font-weight: normal; }
.client-select .client-list p:last-child { width: 10%; height: 34px; margin-left: 5%; line-height: 34px; background: #d9534f; text-align: center; color: #fff; font-weight: bold; }
.search-field { letter-spacing: -.40em; text-align: left; }
.search-field p { display: inline-block; vertical-align: middle; letter-spacing: normal; }
.search-field p:last-child { position: relative; width: 30%; }
.search-field input[type=search] { width: 100%; padding: 7px 30px 7px 20px; border: 1px solid #e6e6e6; text-align: left; box-sizing: border-box; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.search-field input[type=submit] { position: absolute; top: 50%; right: 10px; width: 14px; height: 23px; margin-top: -11px; border: none; background: url(../images/ico-search.png) no-repeat; background-size: cover; }

.client-select02 { width: 1100px; height: 580px; }
.client-select02 .content { padding: 20px; }
.client-select02 table { table-layout: fixed; }
.client-select02 table td { word-break: break-all; }
.client-select02 table th:nth-child(1) { width: 6%; }
.client-select02 table th:nth-child(3) { width: 7%; }
.client-select02 table th:nth-child(5) { width: 10%; }
.client-select02 table th:nth-child(8) { width: 7%; }
.client-select02 table .cl-select { display: block; height: 30px; line-height: 30px; color: #fff; text-decoration: none; background: #d9534f; }

/*----------------------------------
calendar
----------------------------------*/
.calendar { width: 500px; height: 650px; }
.calendar .modal-cnt { overflow: hidden; }
#calendar-wrap { padding: 20px 0 0; }
#calendar-wrap > p:first-child { color: #cf2a37; }
#calendar-wrap .chk-style { margin: 15px 0; padding: 0 10px; letter-spacing: -.40em; }
#calendar-wrap .chk-style li { position: relative; display: inline-block; width: calc((100% - 6px) / 3); text-align: left; color: #fff; font-weight: bold; line-height: 1.4; letter-spacing: normal; vertical-align: top; margin-left: 2px; }
#calendar-wrap .chk-style li:first-child { margin-left: 0; }
#calendar-wrap .chk-style li:nth-child(1) { background: #38d6bd; }
#calendar-wrap .chk-style li:nth-child(2) { background: #ffb85f; }
#calendar-wrap .chk-style li:nth-child(3) { background: #a1a1a1; }
#calendar-wrap ul + p + p { margin-top: 30px; padding-right: 20px; text-align: right; color: #a0a0a0; }
#calendar-cnt { width: 900px; height: 320px; margin: 20px 0 0; }
#calendar-cnt table { float: left; width: 400px; margin-left: 50px; border: solid #d6d6d6; border-width: 1px 1px 0 0; box-shadow: 0px 0px 2px #d6d6d6; text-align: center; line-height: 1; table-layout: fixed; background :#fff; }
#calendar-cnt table caption { padding: 1.2em 0; color: #fff; font-weight: bold; background: #0f5a84; }
#calendar-cnt th,#calendar-cnt td { border: solid #d6d6d6; border-width: 0 0 1px 1px; padding: 1em 0.8em; }
#calendar-cnt th:first-child,#calendar-cnt td:first-child { color: #d71920; }
#calendar-cnt th:last-child,#calendar-cnt td:last-child { color: #007dc5; }
#calendar-cnt td { cursor: pointer; }
#calendar-cnt .run { background: #38d6bd; color: #fff; font-weight: bold; }
#calendar-cnt .half { background: #ffb85f; color: #fff; font-weight: bold; }
#calendar-cnt .no-run { background: #a1a1a1; color: #fff; font-weight: bold; }
#calendar-cnt.calendar-out table { position: relative; }
#calendar-cnt.calendar-out table:before { content: " "; position: absolute; top: 0; left: 0; width: -webkit-calc(100% + 2px); width: -moz-calc(100% + 2px); width: calc(100% + 2px); height: -webkit-calc(100% + 2px); height: -moz-calc(100% + 2px); height: calc(100% + 2px); background: rgba(255,255,255,.7); }
#calendar-wrap p.chk-style { display: inline-block; padding: 5px 15px; color: #fff; font-weight: bold; background: #007dc5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#calendar-wrap .chk-style label { margin-right: 0; }
.calendar #modal-arrow .arrow-r,.calendar #modal-arrow .arrow-l { top: 36.5%; }
#calendar-wrap li input + label { display: table-cell; vertical-align: middle; width: 100%; height: 45px; padding-left: 35px; line-height: 1.4; box-sizing: border-box; }
#calendar-wrap li input + label:before { left: 10px; }
#calendar-wrap li input:checked + label:after { left: 15px; background: #007dc5; }
#calendar-wrap li p { display: table; width: 100%; vertical-align: middle; }
#calendar-wrap .chk-all { display: inline-block; position: relative; }
#calendar-wrap .chk-all a { display: block; padding: 10px 20px 10px 40px; color: #fff; font-weight: bold; background: #007dc5; }

#calendar-wrap .admin-ex {
  letter-spacing: -.40em;
  text-align: center;
}
#calendar-wrap .admin-ex li {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  margin-left: 20px;
}
#calendar-wrap .admin-ex li:first-child {
  margin-left: 0;
}
#calendar-wrap .admin-ex li:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
/*#calendar-wrap .admin-ex li:nth-child(1):before {
  boeder: 1px solid #d6d6d6;
  background: #ff0000;
}*/
#calendar-wrap .admin-ex li:nth-child(1):before {
  background: #38d6bd;
}
#calendar-wrap .admin-ex li:nth-child(2):before {
  background: #ffb85f;
}
#calendar-wrap .admin-ex li:nth-child(3):before {
  background: #a1a1a1;
}
#calendar-wrap .admin-ex + .chk-style label:before,
#calendar-wrap .admin-ex + .chk-style input:checked + label:after {
  display: none;
}
#calendar-wrap .admin-ex + .chk-style label {
  padding-left: 0;
  text-align: center;
}

#calendar-wrap .chk-all:after {
  content: " ";
  position: absolute;
  top: 50%;
  box-sizing: border-box;
  display: block;
  left: 15px;
  width: 16px;
  height: 8px;
  margin-top: -6px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#calendar-wrap .pj-over {
  margin-top: 30px;
  padding-right: 10px;
  text-align: right;
  color: #a0a0a0;
}

.admin-calendar { height: 570px; }
/*.admin-calendar #calendar-wrap > p:first-child,
.admin-calendar #calendar-cnt + p,
.admin-calendar #calendar-wrap .chk-style,
.admin-calendar #calendar-wrap .chk-all,
.admin-calendar #calendar-wrap .chk-all + p { display: none; }*/

/*----------------------------------
loader
----------------------------------*/
#loader { display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; margin: auto; width: 30px; height: 30px; border-radius: 50%; border: 8px solid #38d6bd; border-right-color: transparent; animation: spin 1s linear infinite; }
@keyframes spin {
  0% { transform: rotate(0deg);   opacity: 0.2; }
  50% { transform: rotate(180deg); opacity: 1.0; }
  100% { transform: rotate(360deg); opacity: 0.2; }
}
#calendar-cnt.calendar-out #loader { display: block; }


/*----------------------------------
transMenu
----------------------------------*/
.trans-menu { width: 720px; margin: 0 auto; }
.trans-menu ul { margin-top: 30px; letter-spacing: -.40em; text-align: center; }
.trans-menu li { display: inline-block; vertical-align: top; letter-spacing: normal; margin: 60px 20px 0; font-weight: bold; font-size: 114.3%; line-height: 1.3; }
.trans-menu li a { display: block; width: 200px; padding-top: 110px; text-align: center; background-position: 50% 0; background-repeat: no-repeat; background-size: 100px auto; }
.trans-menu li span { display: block; margin-top: 5px; font-weight: normal; font-size: 75.0%; }
.trans-menu .trans-menu01 a { background-image: url(../images/ico-trans-menu01.png); }
.trans-menu .trans-menu02 a { background-image: url(../images/ico-trans-menu02.png); }
.trans-menu .trans-menu03 a { background-image: url(../images/ico-trans-menu03.png); }
.trans-menu .trans-menu04 a { background-image: url(../images/ico-trans-menu04.png); }
.trans-menu .trans-menu05 a { background-image: url(../images/ico-trans-menu05.png); }
.trans-menu .trans-menu06 a { background-image: url(../images/ico-trans-menu06.png); }

/*----------------------------------
search
----------------------------------*/
.search-btn { position: relative; }
.search-btn input[type="search"] { width: 180px; box-sizing: border-box; padding: 7px 5px; border: 1px solid #E6E6E6; border-radius: 16px; }
.search-btn.cheacker { margin: 10px 0; }
.search-btn.cheacker p { float: left; margin-right: 10px; }
.search-btn.cheacker .del-btn { top: 2px; right: 0; position: absolute; }
.search-btn.cheacker .del-btn input { width: auto; padding: 0; border: none; border-radius: 0; }
.search-btn.cheacker + div label { padding: 5px 0; }
.trans-select-tab { margin-top: 30px; }
.search-btn.list-search { margin-right: 60px; }

/*----------------------------------
transConfig
----------------------------------*/
#trans-config { position: relative; text-align: right; margin-right: -60px; }
#trans-config .head-narrow { position: relative; }
#trans-config .head-narrow:before { content: " "; position: absolute; top: 50%; right: 7px; width: 0; height: 0; border: 4px solid transparent; border-top: 4px solid #fff; }
#trans-config .head-narrow input { display: inline-block; width: 100px; height: 30px; padding-right: 10px; font-weight: bold; color: #fff; line-height: 30px; text-align: center; border: none; line-height: 1; background: #007dc5; box-sizing: border-box; }

#trans-config .head-free {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  margin-right: 20px;
}
#trans-config .head-free p {
  float: none;
  margin-right: 0;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  font-weight: bold;
  font-size: 116.7%;
}
#trans-config .head-free input:first-child {
  width: 270px;
  padding: 6px 8px;
  box-sizing: border-box;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #d6d6d6;
}
#trans-config .head-free > input {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 30px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  border: none;
  line-height: 30px;
  background: #d6d6d6;
  box-sizing: border-box;
}
#trans-config .head-free span {
  display: inline-block;
  width: 270px;
  position: relative;
  top: -0.15em;
  letter-spacing: -.40em;
}
#trans-config .head-free span:before {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background: #007dc5;
  transition: 0.4s;
}
#trans-config .head-free .in-for:before {
  width: 100%; height: 1px; background: #08ae9e;
}

#trans-config-balloon { display: none; position: absolute; top: 100%; right: 0; z-index: 998; width: 500px; margin-top: 15px; padding: 20px; text-align: left; box-sizing: border-box; background: rgba(0,0,0,.7); }
#trans-config-balloon:before { content: " "; position: absolute; top: -20px; right: 8px; border: 10px solid transparent; border-bottom: 10px solid rgba(0,0,0,.7) }
#trans-config-balloon .trans-input p { float: none; margin: 0; color: #fff; }
#trans-config-balloon ul { margin-bottom: 20px; color: #fff; }
#trans-config-balloon li { float: left; margin-right: 15px; }
#trans-config-balloon li:last-child { margin-left: 0; }
#trans-config-balloon dl { width: 100%; margin-top: 15px; letter-spacing: -.40em; }
#trans-config-balloon dt,#trans-config-balloon dd { display: inline-block; vertical-align: middle; letter-spacing: normal; }
#trans-config-balloon dt { width: 36%; color: #fff; }
#trans-config-balloon dd { width: 64%; }
#trans-config-balloon select { width: 100%; padding: 8px; }
#trans-config-balloon textarea { width: 100%; padding: 8px; box-sizing: border-box; }
#trans-config-balloon input[type=checkbox] { position: relative; top: 0.1em; margin-right: 5px; }
#trans-config-balloon input[type=text] { width: 100%; padding: 4px 8px; text-align: left; color: #fff; border: solid #fff; border-width: 0 0 1px 0; box-sizing: border-box; background: transparent; }
#trans-config-balloon .config-date { margin-top: 20px; color: #fff; }
#trans-config-balloon .config-date dt { width: 15%; }
#trans-config-balloon .config-date dd { width: 82%; margin-left: 10px; }
#trans-config-balloon .config-date input { width: 34%; color: #fff; font-size: 100%; }
#trans-config-balloon .config-date img { width: 20px; height: auto; margin-left: 5px; }

#trans-config-balloon .language dt,#trans-config-balloon .language dd { vertical-align: top; }
#trans-config-balloon .language dd { margin-top: -10px; }
#trans-config-balloon .language p { width: 100%; margin: 0; letter-spacing: -.40em; }
#trans-config-balloon .language p:last-child { margin-top: 10px; }
#trans-config-balloon .language span,#trans-config-balloon .language input { display: inline-block; vertical-align: bottom; letter-spacing: normal; }
#trans-config-balloon .language span:first-child { width: 30%; color: #fff; }
#trans-config-balloon .language span:last-child { width: 70%; }
#trans-config-balloon .language input { width: 100%; display: inline-block; }

#trans-config-balloon .yen-hour dt,#trans-config-balloon .yen-hour dd { vertical-align: top; }
#trans-config-balloon .yen-hour p { width: 100%; margin: 0; letter-spacing: -.40em; }
#trans-config-balloon .yen-hour p:last-child { margin-top: 10px; }
#trans-config-balloon .yen-hour span,#trans-config-balloon .yen-hour input { display: inline-block; vertical-align: bottom; letter-spacing: normal; }
#trans-config-balloon .yen-hour span:first-child { width: 30%; color: #fff; }
#trans-config-balloon .yen-hour span:last-child { width: 70%; }
#trans-config-balloon .yen-hour input { width: 100%; display: inline-block; }
#trans-config-balloon #config-submit { float: none; margin: 40px 0 0 0; display: block; }
#trans-config-balloon #config-submit input { width: 100%; border: none; height: 40px; background: #d9534f; color: #fff; font-weight: bold; }

.trans-list-index { text-align: right; }
.trans-list-index > p + div { display: none; margin-top: 10px; }
.trans-list-index .content-wrap02-inr { margin-top: 10px; text-align: left; }

/*----------------------------------
input
----------------------------------*/
input,select { font-size: 100%; }
textarea { font-size: 98%; }
input,textarea,select { font-family: "メイリオ", Meiryo, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", sans-serif; }
input,textarea,select { outline: none; }

/*----------------------------------
datePicker
----------------------------------*/
.date-pic { position: relative; z-index: 999999; }

/*----------------------------------
translatorNoData
----------------------------------*/
.no-data { text-align: center; font-size: 160%; font-weight: bold; }
.no-data { padding: 10px; background: #f2faff; color: #009ed6; border: 2px solid #009ed6; }

/*----------------------------------
required
----------------------------------*/
.required span { position: relative; }
.required span:before { content: " "; position: absolute; top: 6px; left: -10px; display: block; width: 6px; height: 6px; background: #c51015; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

/*----------------------------------
noInput
----------------------------------*/
.no-input td { border-bottom: 1px solid #d6d6d6; }
.no-input tr table tr td { border-bottom: none; }
.no-input th { padding-top: 25px !important; }
.no-input tr table tr:first-child th,.no-input tr table tr:first-child td { padding-top: 0 !important; }
.no-input tr table tr:last-child th,.no-input tr table tr:last-child td { padding-top: 20px !important; }
.tbl01 > .no-input > tbody .tbl-client-cell td,.tbl01 > .no-input > tbody > tr > td { padding-top: 25px; }

/*----------------------------------
langCh
----------------------------------*/
.lang-ch .lang-group-name { font-weight: bold; letter-spacing: -.40em; }
.lang-ch .lang-group-name p { display: inline-block; letter-spacing: normal; vertical-align: middle; }
.lang-ch .lang-group-name p:first-child { font-size: 120%; }
.lang-ch .lang-group-name p + p { height: 30px; margin-left: 20px; font-weight: bold; line-height: 30px; text-align: center; background: #007dc5; box-sizing: border-box; }
.lang-ch .lang-group-name p + p a { position: relative; display: block; padding: 0 25px 0 15px; color: #fff; text-decoration: none; }
.lang-ch .lang-group-name p + p a:before { content: " "; position: absolute; top: 50%; right: 7px; width: 0; height: 0; margin-top: -2px; border: 4px solid transparent; border-top: 4px solid #fff; }
.lang-ch .lang-group-name + ul { margin-top: 10px !important; margin-left: -2px; }
.lang-ch .lang-group-name + ul li { margin: 2px 0 0 2px !important; padding: 5px 0; text-align: center; background: #eee; }
.lang-ch .lang-input { margin-top: 10px; padding: 15px 20px 20px; display: none; border: 2px solid #eee; }
.lang-ch .lang-input ul { margin-top: 0 !important; }
.lang-ch .lang-input li { width: 120px !important; }

/*----------------------------------
checkbox
----------------------------------*/
.chk-style input[type=radio],
.chk-style input[type=checkbox] {
  display: inline-block;
  margin-right: 6px;
}
.chk-style input[type=radio] + label,
.chk-style input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  margin-right: 15px;
  line-height: 30px;
  cursor: pointer;
}
 
@media (min-width: 1px) {
  .chk-style input[type=radio],
  .chk-style input[type=checkbox] {
    display: none;
    margin: 0;
  }
  .chk-style input[type=radio] + label,
  .chk-style input[type=checkbox] + label {
    padding: 0 0 0 25px;
  }
  .chk-style input[type=radio] + label:before,
  .chk-style input[type=checkbox] + label:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    box-shadow: 0 0 5px #e0e0e0 inset;
    background: #fafafa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  .chk-style input[type=radio] + label:before {
    border: 1px solid #d1d1d1;
    border-radius: 30px;
  }
  .chk-style input[type=checkbox] + label:before {
    border: 1px solid #d1d1d1;
  }
  .chk-style input[type=radio]:checked + label:after,
  .chk-style input[type=checkbox]:checked + label:after {
    content: " ";
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    display: block;
  }
  .chk-style input[type=radio]:checked + label:after {
    left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #d71920;
    border-radius: 8px;
  }
  .chk-style input[type=checkbox]:checked + label:after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #d71920;
    border-bottom: 3px solid #d71920;
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

.schedule-search {
	margin-top: 10px;
	letter-spacing: -.40em;
}
.schedule-search p,.schedule-search input {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}
.schedule-search input[type=text] {
	width: 150px;
	padding: 7px 8px 3px;
	box-sizing: border-box;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #d6d6d6;
}
.schedule-search input[type=submit] {
	width: 100px;
	margin-left: 20px;
	padding: 0;
	border: none;
	height: 30px;
	background: #d9534f;
	color: #fff;
	font-weight: bold;
}
.schedule-search span {
	margin: 0 10px;
}
.schedule-search img {
	display: inline-block;
	width: 30px;
	margin: 0 0 0 10px;
	height: auto;
}
.schedule-search-err {
	text-align: right;
	color: #ff0000;
}
.schedule-search-tbl {
	width: 100%;
	margin-top: 10px;
	table-layout: fixed;
}
.schedule-search-tbl th:nth-child(1) {
	width: 20%;
}
.schedule-search-tbl th:nth-child(2) {
	width: 40%;
}
.schedule-search-tbl td:nth-child(1) {
	text-align: center;
}
.schedule-search-tbl td:nth-child(2),.schedule-search-tbl td:nth-child(3) {
	text-align: left;
}
.common span {
  position: relative;
}
.common span:after {
    content: " ";
    position: absolute;
    top: 6px;
    right: 10px;
    display: block;
    width: 6px;
    height: 6px;
    background: #007dc5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.cnt-scrl-list td span.all_delete {
    display: inline;
    padding: 5px;
    font-size: 12px;
}

.cnt-scrl-list td span.all_delete input {
    border: none;
    padding: 5px;
    background-color: #d9534f;
    color: #fff;
}

.cnt-scrl-list .disabled_user  form {
    display: inline-block
}
.cnt-scrl-list .disabled_user a {
    color: #424242;
    pointer-events: none;
}

.cnt-scrl-list .disabled_user a:hover {
    text-decoration: none;
}

.config-flag dd {
    margin-top: 20px
}