/*
 * @Domain css
 * @Date : 2018-01-19
*/

.contents-wrap .intro-subscript {width: 800px}
.contents-wrap .domain_info{font-size:14px;}
.webhosting-wrap .webhosting-content {overflow: hidden}
.webhosting-wrap .webhosting-content li {float: left; width: 276px; height: 418px; margin-right: 4px; border: 1px solid #efefef; background-color: #fbfbfb}
.webhosting-wrap .webhosting-content .long-desc {height: 462px}
.webhosting-wrap .webhosting-content li:last-of-type {margin-right: 0}
.webhosting-wrap .webhosting-content dt {margin-bottom: 30px; text-align: center; font-size: 16px; color: #222; line-height:16px; letter-spacing:-.25px}
.webhosting-wrap .webhosting-content dd {position: relative; padding: 0 14px 4px 24px; line-height: 24px; word-break: keep-all}
.webhosting-wrap .webhosting-content dd::before {content: 'ㆍ'; position: absolute; left: 14px;}
.webhosting-wrap .webhosting-content .indent {padding-left: 34px}
.webhosting-wrap .webhosting-content .indent::before {content: '-'; left: 24px}
.webhosting-wrap .webhosting-content [class^="content-img"] {height: 100px; margin: 30px auto; background-image:url("../../images/crebiz/webhosting/web-clip.png"); background-repeat:no-repeat; background-size:640px}
.webhosting-wrap .webhosting-content .content-img01 {width: 100px; background-position: 0 -186px}
.webhosting-wrap .webhosting-content .content-img02 {width: 100px; background-position: -104px -186px}
.webhosting-wrap .webhosting-content .content-img03 {width: 100px; background-position: -208px -186px}
.webhosting-wrap .webhosting-content .content-img04 {width: 100px; background-position: -312px -186px}
.webhosting-wrap .webhosting-content .content-img05 {width: 100px; background-position: -416px -186px}
.webhosting-wrap .webhosting-content .content-img06 {width: 100px; background-position: -520px -186px}
.webhosting-wrap .webhosting-content .content-img07 {width: 100px; background-position: 0 -290px}
.webhosting-wrap .webhosting-content .content-img08 {width: 100px; background-position: -104px -290px}
.webhosting-wrap .webhosting-content .content-img09 {width: 100px; background-position: -208px -290px}
.domain_text dd .btns{padding: 4px 24px 4px 24px;margin-top:14px;}
.webhosting-wrap .domain_bg li{ background:#fff !important; min-height:210px !important;}
.webhosting-wrap .warning {padding-left:24px}
.webhosting-wrap .warning li {position:relative; margin-bottom:5px}
.webhosting-wrap .warning li::before {position:absolute; top:0; left:-24px;}
.webhosting-wrap .warning .num01::before {content:'01.'}
.webhosting-wrap .warning .num02::before {content:'02.'}
.webhosting-wrap .warning .num03::before {content:'03.'}
.webhosting-wrap .warning .num04::before {content:'04.'}
.webhosting-wrap .warning .num05::before {content:'05.'}
.webhosting-wrap .warning .num06::before {content:'06.'}
.webhosting-wrap .warning .num07::before {content:'07.'}
.webhosting-wrap .warning .num08::before {content:'08.'}
.webhosting-wrap .warning .indent {padding-left:8px}
.webhosting-wrap .warning .indent::before {content:'-'; position:absolute; top:0; left:-4px}
.domain_info span,.welcome-text span{color:#00adbb;}
.webhosting-wrap .webhosting-table {margin-top: 30px}
.webhosting-wrap .webhosting-table th {padding-left: 0; text-align: center}
.webhosting-wrap .webhosting-table td {line-height: 24px; padding: 17px 0 17px 14px}

.webhosting-wrap .webspec-table {margin-top: 10px; margin-bottom: 20px}
.webhosting-wrap .webspec-table th {padding-left: 0; text-align: center; border-right: 1px solid #e9e9e9;}
.webhosting-wrap .webspec-table td.first {font-weight: 600; background-color: #fbfbfb; line-height: 24px;}
.webhosting-wrap .webspec-table td {padding: 0; line-height: 24px; padding: 12.5px 0; text-align: center; border-right: 1px solid #e9e9e9}
.webhosting-wrap .webspec-table th:last-of-type,
.webhosting-wrap .webspec-table td:last-of-type {border-right: 0}
.webhosting-wrap .webspec-table .spec-box {display: inline-block; overflow: hidden; padding: 20px 0; text-align: center}
.webhosting-wrap .webspec-table [class^=spec-img] {float: left; height: 32px; background-image:url("../../images/crebiz/webhosting/web-clip.png"); background-repeat:no-repeat; background-size:640px; text-indent: -9999em}
.webhosting-wrap .webspec-table .spec-img01 {width: 157px; background-position: 0 -72px; margin-right: 40px}
.webhosting-wrap .webspec-table .spec-img02 {width: 112px; background-position: -161px -72px; margin-right: 40px}
.webhosting-wrap .webspec-table .spec-img03 {width: 140px; background-position: -276px -72px}
.webhosting-wrap .webspec-table .btns {padding: 7px 24px; line-height: 16px}
.webhosting-wrap .webspec-common {text-align: right}
.webhosting-wrap .remargin {margin-top: 20px; margin-bottom: 0}
.webhosting-wrap .webhosting-basic {line-height: 24px}

.webhosting-wrap .web-systembox {position: relative; overflow: hidden; width: 840px; margin-top: 30px; padding: 30px 0; border: 1px solid #efefef; background-color: #fbfbfb}
.webhosting-wrap .web-systembox [class^="web-system"] {float: left}
.webhosting-wrap [class^="web-system"] .web-text {margin-top: 30px; text-align: center}
.webhosting-wrap [class^="web-system"] .web-img {height: 151px; background-image:url("../../images/crebiz/webhosting/web-clip.png"); background-repeat:no-repeat; background-size:640px; text-indent: -9999em}
.webhosting-wrap .web-system01 {margin-left: 75px}
.webhosting-wrap .web-system01 .web-img {width:159px; background-position: 0 -394px}
.webhosting-wrap .web-system02 .web-img {width:122px; background-position: -163px -394px}
.webhosting-wrap .web-system03 .web-img {width:157px; background-position: -289px -394px}
.webhosting-wrap .web-systembox .arrow-next {float: left; margin: 83px 9px 0}
.webhosting-wrap .web-systembox .arrow-next .web-text {margin-top: 10px}
.webhosting-wrap .arrow-next .arrow-img {width: 108px; height: 24px; background-image:url("../../images/crebiz/webhosting/web-clip.png"); background-repeat:no-repeat; background-size:640px; background-position: 0 -549px; text-indent: -9999em}
.domain_img {padding-bottom:22px;}
.webhosting-wrap .web-process {overflow:hidden; display:table; width:840px; margin:20px auto; padding: 30px 0px 30px 67px; background-color: #fbfbfb; border: 1px solid #efefef; box-sizing: border-box}
.webhosting-wrap .level5 {padding: 20px;}
.webhosting-wrap .web-process .process-list {position:relative; display:table-cell; width: 20%; }
.webhosting-wrap .web-process .process-list::after {content:''; position:absolute; top:22px; right:24px; width:23px; height:32px; background-image:url("../../images/crebiz/common/process-next.png"); background-repeat:no-repeat}
.webhosting-wrap .web-process .process-list:last-child::after {content:none}
.webhosting-wrap .web-process .process-text {color:#222; font-weight: 400; text-align:left}
.webhosting-wrap .web-process [class^="process-img"] {width:76px; height:76px; margin:0 auto 21px;}
.webhosting-wrap .web-process .process-img01 {background-position: -0 -106px}
.webhosting-wrap .web-process .process-img02 {background-position: -80px -106px}
.webhosting-wrap .web-process .process-img03 {background-position: -160px -106px}
.webhosting-wrap .web-process .process-img04 {background-position: -240px -106px}
.webhosting-wrap .web-process .process-img05 {background-position: -320px -106px}
.webhosting-wrap .web-process .process-img06 {background-position: -400px -106px}
.webhosting-wrap .content-text dd{position: relative; padding: 0 14px 4px 24px;line-height:24px;word-break: keep-all;}
.webhosting-wrap .domain_text dd{line-height:24px;text-align:center;}
.webhosting-wrap .content-text dd::before {content: '·';position: absolute;left:12px;}

.webhosting-wrap .mailservice-container {position: relative; overflow: hidden; width: 840px; margin-top: 30px; padding: 30px 0; border: 1px solid #efefef; background-color: #fbfbfb; text-align: center}
.webhosting-wrap .mailservice-box {display: inline-block; margin: 20px 0; text-align: center}
.webhosting-wrap .mailservice-box [class^="mailservice"] {display: inline-block;}
.webhosting-wrap .mailservice-box [class^="mailservice"] .mail-img {width: 68px; height: 68px; margin: 0 11px; background-image:url("../../images/crebiz/webhosting/web-clip.png"); background-size:640px; background-repeat:no-repeat}
.webhosting-wrap .mailservice-box .mailservice01 .mail-img {background-position: 0 0}
.webhosting-wrap .mailservice-box .mailservice02 .mail-img {background-position: -72px 0}
.webhosting-wrap .mailservice-box .mailservice03 .mail-img {background-position: -144px 0}
.webhosting-wrap .mailservice-box .mailservice04 .mail-img {background-position: -216px 0}
.webhosting-wrap .mailservice-box .mailservice05 .mail-img {background-position: -288px 0}
.webhosting-wrap .mailservice-box .mailservice06 .mail-img {background-position: -360px 0}
.webhosting-wrap .mailservice-box .mailservice07 .mail-img {background-position: -432px 0}
.webhosting-wrap .mailservice-box [class^="mailservice"] .mail-text {margin-top: 13px}

.webhosting-wrap .content-point{overflow: hidden; margin-right: -10px}
.webhosting-wrap .content-point li {float: left; width: 376px; min-height: 250px; margin-right: 10px; margin-bottom: 10px; padding: 0 14px; background: #fbfbfb; border: 1px solid #efefef; }
.webhosting-wrap .content-domain_boxt li{float: left;width: 406px;min-height: 166px;margin-right: 10px;margin-bottom: 10px;padding: 0 4px;background: #fbfbfb;border: 1px solid #efefef;}
.webhosting-wrap .escrow_box li{min-height:180px;}
.webhosting-wrap .content-point .point-header {width: 100%; margin-top: 30px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; font-size: 20px; font-weight: 600; color: #00adbb; text-align: center;}

.webhosting-wrap .service-type {overflow: hidden; margin-right: -10px}
.webhosting-wrap .service-type li {float: left; width: 386px; min-height: 215px; margin-right: 10px; margin-bottom: 10px; padding: 0 14px; border: 1px solid #efefef; text-align: center}

.webhosting-wrap .service-type .service-header {width: 100%; margin-top: 30px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; font-size: 20px; font-weight: 600; color: #222; text-align: center;}
.webhosting-wrap .service-type .highlight {padding: 14px 0; font-size: 16px; color: #00adbb; font-weight: 600}
.webhosting-wrap .service-type .btns {padding: 5px 26px}

.webhosting-wrap .bycase {position: relative; padding-left: 14px}
.webhosting-wrap .bycase::before {content:'ㆍ'; position:absolute; left:0}

.webhosting-wrap .wrap-welcome {width: 840px; margin-top: 50px; padding: 30px 0; background-color: #fbfbfb; border: 1px solid #efefef; text-align: center}
.webhosting-wrap .welcome-text {padding-bottom: 15px}
.webhosting-wrap .wrap-welcome .btns {min-width: 148px; padding: 7px 10px; font-size: 16px; font-weight: 600;}
.manual_sep{padding-left:11px;}

.domain-wrap .domain-content {overflow: hidden}
.domain-wrap .domain-content li {float: left; width: 276px; height: 324px; margin-right: 4px; border: 1px solid #efefef; background-color: #fbfbfb}
.domain-wrap .domain-content .long-desc {height: 462px}
.domain-wrap .domain-content li:last-of-type {margin-right: 0}
.domain-wrap .domain-content dt {margin-bottom: 30px; text-align: center; font-size: 16px; color: #222; line-height:16px; letter-spacing:-.25px}
.domain-wrap .domain-content dd {position: relative; padding: 0 14px 4px 24px; line-height: 24px; word-break: keep-all}
.domain-wrap .domain-content dd::before {content: 'ㆍ'; position: absolute; left: 14px;}
.domain-wrap .domain-content .service-img01 {width: 77px; height: 100px; margin: 30px auto; background: url("../../images/crebiz/domain/brand/brand-service01.png"); background-repeat:no-repeat;}
.domain-wrap .domain-content .service-img02 {width: 93px; height: 100px; margin: 30px auto; background: url("../../images/crebiz/domain/brand/brand-service02.png"); background-repeat:no-repeat;}
.domain-wrap .domain-content .service-img03 {width: 98px; height: 100px; margin: 30px auto; background: url("../../images/crebiz/domain/brand/brand-service03.png"); background-repeat:no-repeat;}

.domain-wrap .content-value {overflow: hidden; margin-right: -10px}
.domain-wrap .content-value li {position: relative; float: left; width: 386px; min-height: 570px; margin-right: 10px; margin-bottom: 10px; padding: 0 14px; background: #fbfbfb; border: 1px solid #efefef; }
.domain-wrap .content-value .value-group {padding-top: 14px; padding-bottom: 14px; border-top: 1px solid #efefef}
.domain-wrap .content-value .value-group:last-child {position: absolute; bottom: 0;}
.domain-wrap .content-value .value-header {width: 100%; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #e9e9e9; font-size: 20px; font-weight: 600; text-align: center;}
.domain-wrap .content-value .value-header+p {padding-bottom: 14px}
.domain-wrap .content-value .value-subheader {padding-bottom: 14px; font-size: 16px; font-weight: 600;}
.domain-wrap .content-value .desc {position: relative; padding-left: 8px; line-height: 24px; margin-bottom: 4px; word-break: keep-all;}
.domain-wrap .content-value .desc:before {content: '·'; position: absolute; left: 0}
.domain-wrap .content-value .ref {position: relative; padding-left: 14px; line-height: 24px; margin-bottom: 4px; word-break: keep-all;}
.domain-wrap .content-value .ref:before {content: '※'; position: absolute; left: 0}
.domain-wrap .brand-process {overflow:hidden; display:table; width:840px; margin:20px auto; padding:20px 0; background-color: #fbfbfb; border: 1px solid #efefef; border-radius: 2px}
.domain-wrap .brand-process .process-list {position:relative; display:table-cell; width:20%}
.domain-wrap .brand-process .process-list::after {content:''; position:absolute; top:22px; right:-12px; width:23px; height:32px; background-image:url("../../images/crebiz/common/process-next.png"); background-repeat:no-repeat}
.domain-wrap .brand-process .process-list:last-child::after {content:none}
.domain-wrap .brand-process .process-list [class^="process-img"] {width:76px; height:76px; margin:0 auto 21px; background-repeat: no-repeat}
.domain-wrap .brand-process .process-img01 {background-image: url("../../images/crebiz/domain/brand/brand-process01.png")}
.domain-wrap .brand-process .process-img02 {background-image: url("../../images/crebiz/domain/brand/brand-process02.png")}
.domain-wrap .brand-process .process-img03 {background-image: url("../../images/crebiz/domain/brand/brand-process03.png")}
.domain-wrap .brand-process .process-img04 {background-image: url("../../images/crebiz/domain/brand/brand-process04.png")}
.domain-wrap .brand-process .process-img05 {background-image: url("../../images/crebiz/domain/brand/brand-process05.png")}
.domain-wrap .brand-process .process-text {font-size: 14px; color:#222; font-weight: 400; text-align:center}
.domain-wrap .brandlist-box {width: 100%; margin-top: 24px; border: 1px solid #efefef; background-color: #fbfbfb}
.domain-wrap .brandlist-box .brand-list {overflow: hidden; margin: 30px 30px 0 30px}
.domain-wrap .brandlist-box .brand-list li {float: left; margin-right: 43px}
.domain-wrap .brandlist-box .brand-list li:nth-child(5n) {margin-right: 0}
.domain-wrap .brandlist-box .brand-list [class^="brand-logo"] {width: 122px; height: 49px; margin-bottom: 20px; background-image: url("../../images/crebiz/domain/brand/logo-compact.png"); background-repeat:no-repeat; background-size: 630px; text-indent: -9999em}
.domain-wrap .brandlist-box .brand-list .brand-logo1 {background-position: -2px -2px}
.domain-wrap .brandlist-box .brand-list .brand-logo2 {background-position: -128px -2px}
.domain-wrap .brandlist-box .brand-list .brand-logo3 {background-position: -254px -2px}
.domain-wrap .brandlist-box .brand-list .brand-logo4 {background-position: -380px -2px}
.domain-wrap .brandlist-box .brand-list .brand-logo5 {background-position: -506px -2px}
.domain-wrap .brandlist-box .brand-list .brand-logo6 {background-position: -2px -53px}
.domain-wrap .brandlist-box .brand-list .brand-logo7 {background-position: -128px -53px}
.domain-wrap .brandlist-box .brand-list .brand-logo8 {background-position: -254px -53px}
.domain-wrap .brandlist-box .brand-list .brand-logo9 {background-position: -380px -53px}
.domain-wrap .brandlist-box .brand-list .brand-logo10 {background-position: -506px -53px}
.domain-wrap .brandlist-box .brand-list .brand-logo11 {background-position: -2px -106px}
.domain-wrap .brandlist-box .brand-list .brand-logo12 {background-position: -128px -106px}
.domain-wrap .brandlist-box .brand-list .brand-logo13 {background-position: -254px -106px}
.domain-wrap .brandlist-box .brand-list .brand-logo14 {background-position: -380px -106px}
.domain-wrap .brandlist-box .brand-list .brand-logo15 {background-position: -506px -106px}
.domain-wrap .brandlist-box .brand-list .brand-logo16 {background-position: -2px -159px}
.domain-wrap .brandlist-box .brand-list .brand-logo17 {background-position: -128px -159px}
.domain-wrap .brandlist-box .brand-list .brand-logo18 {background-position: -254px -159px}
.domain-wrap .brandlist-box .brand-list .brand-logo19 {background-position: -380px -159px}
.domain-wrap .brandlist-box .brand-list .brand-logo20 {background-position: -506px -159px}
.domain-wrap .brandlist-box .brand-list .brand-logo21 {background-position: -2px -212px}
.domain-wrap .brandlist-box .brand-list .brand-logo22 {background-position: -128px -212px}
.domain-wrap .brandlist-box .brand-list .brand-logo23 {background-position: -254px -212px}
.domain-wrap .brandlist-box .brand-list .brand-logo24 {background-position: -380px -212px}
.domain-wrap .brandlist-box .brand-list .brand-logo25 {background-position: -506px -212px}
.domain-wrap .brandlist-box .brand-list .brand-logo26 {background-position: -2px -265px}
.domain-wrap .brandlist-box .brand-list .brand-logo27 {background-position: -128px -265px}
.domain-wrap .brandlist-box .brand-list .brand-logo28 {background-position: -254px -265px}
.domain-wrap .brandlist-box .brand-list .brand-logo29 {background-position: -380px -265px}
.domain-wrap .brandlist-box .brand-list .brand-logo30 {background-position: -506px -265px}
.domain-wrap .brandlist-box .brand-list .brand-logo31 {background-position: -2px -318px}
.domain-wrap .brandlist-box .brand-list .brand-logo32 {background-position: -128px -318px}
.domain-wrap .brandlist-box .brand-list .brand-logo33 {background-position: -254px -318px}
.domain-wrap .brandlist-box .brand-list .brand-logo34 {background-position: -380px -318px}
.domain-wrap .brandlist-box .brand-list .brand-logo35 {background-position: -506px -318px}
.domain-wrap .warning {padding-left: 24px}
.domain-wrap .warning li {position: relative; margin-bottom: 5px}
.domain-wrap .warning li::before {content: attr(data-num); position: absolute; top:0; left:-24px;}