@charset "utf-8";
/* ------------------------------------------------------
common
------------------------------------------------------ */
/**
*** vcommon/common/css/common.css OverWrite
**/
/*** header ***/
.l-header--popup .lc-logo {
  width: 1200px;
}

/* ------------------------------------------------------
contents
------------------------------------------------------ */
.l-content {
  margin-bottom: 100px;
}

.l-content .l-content-main {
    margin-bottom: 90px;
}

/* title */
.l-content h1.mainTtl {
    width: 1200px;
    height: 45px;
    margin: 0;
    padding: 25px 0 0 30px;
    background: url(/maker/misumi/el/service/box/help/img/title_bg.png) no-repeat 0 0;
    font-size: 25px;
    font-weight: bold;
    line-height: 1em;
}

.l-content h2.categryTtl {
    width: 1190px;
    height: 46px;
    margin: 30px 0 20px;
    padding: 5px;
    border-top: #88ccf0 3px solid;
    background-color: #edf7fd;
    line-height: 1.9;
    font-size: 25px;
    font-weight: bold;
}

.l-content h2.categryTtl .catIcon {
    padding-left: 65px;
    overflow: hidden;
    display: block;
}
.l-content h2.categryTtl .cat01 {
    background: url(/maker/misumi/el/service/box/help/img/icon_cat01.png) no-repeat 0 0;
}
.l-content h2.categryTtl .cat02 {
    background: url(/maker/misumi/el/service/box/help/img/icon_cat02.png) no-repeat 0 0;
}
.l-content h2.categryTtl .cat03 {
    background: url(/maker/misumi/el/service/box/help/img/icon_cat03.png) no-repeat 0 0;
}
.l-content h2.categryTtl .cat04 {
    background: url(/maker/misumi/el/service/box/help/img/icon_cat04.png) no-repeat 0 0;
}
.l-content h2.categryTtl .cat05 {
    background: url(/maker/misumi/el/service/box/help/img/icon_cat05.png) no-repeat 0 0;
}

.l-content .categoryTxt {
    margin-bottom: 30px;
}

.l-content h3.stepTtl {
    width: 1200px;
    border-top: #88ccf0 2px solid;
    font-size: 18px;
    line-height: 2;
    margin-bottom: 20px;
}


.l-content .pic-center {
    text-align: center;
    margin-bottom: 50px;
}
.l-content .pic-left {
    margin-bottom: 50px;
}
.l-content .pic-right {
    text-align: right;
    margin-bottom: 50px;
}

.l-content .content-txt {
    margin-bottom: 50px;
}

/* navi */
.l-content .catNaviBox .cat01 {
	width: 1200px;
    margin: 0 auto 50px;
}
.l-content .catNaviBox .cat01 li {
    position: relative;
    float: left;
    width: 150px;
    height: 72px;
    padding-left: 60px;
    background: url(/maker/misumi/el/service/box/help/img/navi_arrow.png) no-repeat 20px 10px;
}
.l-content .catNaviBox .cat01 .btn01,
.l-content .catNaviBox .cat01 .btn01_on {
    width: 150px;
    background-image: none;
    padding-left: 0;
}
.l-content .catNaviBox .cat01 li span,
.l-content .catNaviBox .cat01 li span a {
    display: block;
    position: relative;
    width: 150px;
    height: 72px;
    background: url(/maker/misumi/el/service/box/help/img/sprite_catnavi01.png) no-repeat 0 0;
	text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
}

.l-content .catNaviBox li a:hover {
	cursor: pointer;
}

.l-content .catNaviBox .cat01 .btn01 a {
    background-position: 0 0;
}

.l-content .catNaviBox .cat01 .btn02 a {
    background-position: -150px 0;
}

.l-content .catNaviBox .cat01 .btn03 a {
    background-position: -300px 0;
}

.l-content .catNaviBox .cat01 .btn04 a {
    background-position: -450px 0;
}

.l-content .catNaviBox .cat01 .btn05 a {
    background-position: -600px 0;
}

.l-content .catNaviBox .cat01 .btn06 a {
    background-position: -750px 0;
}

/*hover*/
.l-content .catNaviBox .cat01 .btn01 a:hover {
    background-position: 0 -144px;
}

.l-content .catNaviBox .cat01 .btn02 a:hover {
    background-position: -150px -144px;
}

.l-content .catNaviBox .cat01 .btn03 a:hover{
    background-position: -300px -144px;
}

.l-content .catNaviBox .cat01 .btn04 a:hover {
    background-position: -450px -144px;
}

.l-content .catNaviBox .cat01 .btn05 a:hover {
    background-position: -600px -144px;
}

.l-content .catNaviBox .cat01 .btn06 a:hover {
    background-position: -750px -144px;
}

/*on*/
.l-content .catNaviBox .cat01 .btn01_on span {
    background-position: 0 -72px;
}

.l-content .catNaviBox .cat01 .btn02_on span {
    background-position: -150px -72px;
}

.l-content .catNaviBox .cat01 .btn03_on span {
    background-position: -300px -72px;
}

.l-content .catNaviBox .cat01 .btn04_on span {
    background-position: -450px -72px;
}

.l-content .catNaviBox .cat01 .btn05_on span {
    background-position: -600px -72px;
}

.l-content .catNaviBox .cat01 .btn06_on span {
    background-position: -750px -72px;
}

.l-content .catNaviBox .cat02 {
	width: 988px;
    margin: 0 auto 50px;
}
.l-content .catNaviBox .cat02 li {
    position: relative;
    float: left;
    margin-left: 20px;
}
.l-content .catNaviBox .cat02 li:first-child {
    margin-left: 0;
}
.l-content .catNaviBox .cat02 li span,
.l-content .catNaviBox .cat02 li span a {
    display: block;
    position: relative;
    width: 316px;
    height: 102px;
    background: url(/maker/misumi/el/service/box/help/img/sprite_catnavi02.png) no-repeat 0 0;
	text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
}

.l-content .catNaviBox .cat02 .btn01 a {
    background-position: 0 0;
}

.l-content .catNaviBox .cat02 .btn02 a {
    background-position: -316px 0;
}

.l-content .catNaviBox .cat02 .btn03 a {
    background-position: -632px 0;
}

/*hover*/
.l-content .catNaviBox .cat02 .btn01 a:hover {
    background-position: 0 -204px;
}

.l-content .catNaviBox .cat02 .btn02 a:hover {
    background-position: -316px -204px;
}

.l-content .catNaviBox .cat02 .btn03 a:hover{
    background-position: -632px -204px;
}

/*on*/
.l-content .catNaviBox .cat02 .btn01_on span {
    background-position: 0 -102px;
}

.l-content .catNaviBox .cat02 .btn02_on span {
    background-position: -316px -102px;
}

.l-content .catNaviBox .cat02 .btn03_on span {
    background-position: -632px -102px;
}


/* content-numList */
.l-content .content-numList {
    margin-bottom: 50px;
}
.l-content .content-numList li {
    width: 1200px;
    display: table;
    margin: 0.5em 0;
}
.l-content .content-numList > li [class^="mc-num"] {
    float: left;
    width: 19px;
    height: 19px;
    margin-right: 8px;
    background: url(/maker/misumi/el/service/box/help/img/sprite_number_20240722.png) no-repeat 0 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.l-content .content-numList > li .mc-num02 {
  background-position: 0 -29px;
}
.l-content .content-numList > li .mc-num03 {
  background-position: 0 -58px;
}
.l-content .content-numList > li .mc-num04 {
  background-position: 0 -87px;
}
.l-content .content-numList > li .mc-num05 {
  background-position: 0 -116px;
}
.l-content .content-numList > li .mc-num06 {
  background-position: 0 -145px;
}
    
/* include お問い合わせ */
.l-content .m-asideSubBox .box_tel_num {
  font-size: 26px;
}