@charset "utf-8";

.l-content .wd {
    line-height: 200%;
    padding: 10px;
}

.l-content .wd02 {
    line-height: 200%;
    padding: 0 0 10px 10px;
}

.l-content .frame {
    width: 920px;
}

.l-content .box-l {
    width: 112px;
    float: left;
}

.l-content .box-r {
    width: 790px;
    float: right;
}

.l-content .ct-up {
    width: 790px;
    height: 210px;
    display: block;
}

.l-content .ct01 {
    width: 390px;
    height: 190px;
    border: solid 1px #DEDEDE;
    float: left;
}

.l-content .ct02 {
    width: 390px;
    height: 190px;
    border: solid 1px #DEDEDE;
    float: right;
}

.l-content .pic {
    width: 130px;
    height: 190px;
    float: left;
    display: block;
    padding-top: 10px;
}

.l-content .txt {
    width: 260px;
    height: 190px;
    float: right;
    display: block;
}

.l-content .ct-up3 {
    width: 790px;
    height: 160px;
    margin-top: 40px;
    display: block;
}

.l-content .ct03 {
    width: 788px;
    height: 160px;
    border: solid 1px #DEDEDE;
    display: block;
}

.l-content .pic30 {
    width: 220px;
    height: auto;
    float: left;
    display: block;
}

.l-content .txt30 {
    width: 555px;
    height: auto;
    float: right;
    display: block;
}

.l-content .ct04 {
    width: 920px;
    line-height: 1.5em;
}

.l-content .pic4 {
    width: 200px;
    height: auto;
    float: left;
    display: block;
}

.l-content .txt4 {
    width: 720px;
    height: auto;
    float: right;
    display: block;
}

.l-content .ct05 {
    width: 920px;
    line-height: 1.5em;
}

.l-content .pic5 {
    width: 160px;
    height: auto;
    float: left;
    display: block;
    margin: 0 40px;
}

.l-content .txt5 {
    float: left;
    display: block;
}

.l-content #info {
    width: 770px;
    margin: 0;
    padding: 5px 30px;
}

.l-content #info dl {
    padding: 10px 5px;
    overflow: hidden;
}

.l-content #info dl.grey {
    background: #f5f6f7;
}

.l-content #info dl dt {
    width: 150px;
    float: left;
    padding: 0 0 0 10px;
    /*background: url(/maker/misumi/mech/product/cvs/images/icon_arrow.gif) no-repeat left center;*/
}

.l-content #info dl dd {
    width: 600px;
    float: left;
}

.l-content #info dl dd a {
    text-decoration: none;
}

.l-content #cvs_contact {
    height: 100px;
    width: 920px;
    margin-top: 20px;
    background: url(/maker/misumi/mech/product/cvs/images/cvs_contact_bg.gif) no-repeat center bottom;
}

.l-content #cvs_contact ul {
    display: none;
}

.l-content #cvs_contact .btn {
    padding: 10px 15px 0 0;
    text-align: right;
}

.l-content .marL10 {
    margin-left: 10px;
}

.l-content .infoContainer {
    width: 848px;
    height: 196px;
    border: 2px solid #dfdfdf;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #FFF;
    margin: 0px auto 50px;
}

/* groupNavi 01 */
.l-content .naviBtnBox {
    width: 950px;
    height: 48px;
    margin-bottom: 3px;
}

.l-content .naviBtnBox li {
    float: left;
    height: 48px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.l-content .naviBtnBox .lineup,
.l-content .naviBtnBox .option {
    width: 317px;
}

.l-content .naviBtnBox .parts {
    width: 316px;
}

.l-content .naviBtnBox li a {
    display: block;
    height: 48px;
    background: url(/maker/misumi/mech/product/cvs/images/sprite_topnavi_01.png) no-repeat;
}

.l-content .naviBtnBox .lineup a {
    width: 317px;
    background-position: 0 0;
}

.l-content .naviBtnBox .option a {
    width: 317px;
    background-position: -317px 0;
}

.l-content .naviBtnBox .parts a {
    width: 316px;
    background-position: -634px 0;
}

/* on_hover */
.l-content .naviBtnBox .lineup a:hover {
    background-position: 0 -49px;
}

.l-content .naviBtnBox .option a:hover {
    background-position: -317px -49px;
}

.l-content .naviBtnBox .parts a:hover {
    background-position: -634px -49px;
}

/* categoryLinkBox */
.l-content .naviLinkBox {
    border-right: 1px #dfdfdf solid;
    border-bottom: 1px #dfdfdf solid;
    border-left: 1px #dfdfdf solid;
    margin: 0 0 3px;
    padding: 0 18px 0 120px;
}

.l-content .naviLinkBox.techInfo {
    background: url(/maker/misumi/mech/product/cvs/images/topnavi_pic.png) no-repeat 13px 13px;
}

.l-content .naviLinkBox .productBox {
    border-top: 1px #bfbfbf dotted;
}

.l-content .naviLinkBox .productBox:first-child {
    border: none;
}

.l-content .naviLinkBox.techInfo .productBox {
    padding: 9px 0;
}

.l-content .naviLinkBox .productBox .productType {
    background: #ebeef0;
    font-weight: bold;
    color: #7a7a7a;
    display: block;
    width: 142px;
    text-align: center;
    float: left;
}

.l-content .naviLinkBox .productBox .productType.type01 {
    padding-top: 15px;
    height: 32px;
}

.l-content .naviLinkBox .productBox .productType.type02 {
    padding-top: 4px;
    height: 21px;
}

.l-content .naviLinkBox .contactBox {
    padding: 5px 0;
}

.l-content .naviLinkBox .naviList {
    width: 652px;
    float: right;
    padding-top: 1px;
}

.l-content .naviLinkBox .naviList .ttl {
    position: absolute;
    top: -8px;
    left: 0;
    background: #FFF;
    padding: 0 13px 0 0;
    font-weight: bold;
    color: #7a7a7a;
}

.l-content .naviLinkBox .naviList ul {
    letter-spacing: -0.4em;
}

.l-content .naviLinkBox .naviList ul:first-child {
    margin-bottom: 10px;
}

.l-content .naviLinkBox .naviList li {
    display: -moz-inline-box;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
}

.l-content .naviLinkBox.techInfo .naviList li {
    padding-top: 4px;
}

.l-content .naviLinkBox .naviList li.list01 {
    width: 185px
}

.l-content .naviLinkBox .naviList li.list02 {
    width: 141px
}

.l-content .naviLinkBox .naviList li.list03 {
    width: 149px
}

.l-content .naviLinkBox .naviList li.list04 {
    width: 160px
}

.l-content .naviLinkBox .naviList li.list05 {
    width: 250px
}

.l-content .naviLinkBox .naviList li span {
    text-align: left;
    display: inline-block;
    padding-left: 22px;
    background: url(/maker/misumi/mech/product/cvs/common/img/subnavi_arrow_off.png) no-repeat 0 1px;
}

.l-content .naviLinkBox .naviList li a {
    display: block;
}

/*2018.12.11 追加*/
/* content */
.l-content .c-section {
    width: 950px;
    margin-top: 40px;
    padding: 30px 50px;
    border-top: 2px solid #7e8990;
    box-sizing: border-box;
    background: #ebeef0;
}

.l-content .c-section.last {
    margin-bottom: 0;
}

.l-content .c-section .c-section__title {
    height: 70px;
    margin: 0 auto 40px;
    padding: 15px 0;
    font-size: 26px;
    line-height: 1.6;
    color: #ffcc00;
    background: #2a3959;
    text-align: center;
}

.l-content .c-section .c-section__title span {
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
}

.l-content .c-section .c-section__stepTitle {
    position: relative;
}

.l-content .c-section .c-section__stepTitle .step01,
.l-content .c-section .c-section__stepTitle .step02,
.l-content .c-section .c-section__stepTitle .step03 {
    display: inline-block;
    overflow: hidden;
    width: 258px;
    font-size: 0;
    line-height: 0;
    white-space: nowrap;
    text-indent: 100%;
}

.l-content .c-section .c-section__stepTitle .comments {
    font-size: 18px;
    line-height: 1.6;
    position: absolute;
    top: 105px;
    font-weight: bold;
    left: 50px;
    text-align: center;
}

.l-content .c-section .c-section__stepTitle .le37 {
    left: 37px;
}

.l-content .c-section .c-section__stepTitle .detail {
    margin-left: 15px;
}

.l-content .c-section .c-section__stepTitle .step01 {
    background: url(/maker/misumi/mech/product/cvs/img/step_01.png) no-repeat;
    width: 259px;
    height: 255px;
    float: left;
    margin-bottom: 5px;
}

.l-content .c-section .c-section__stepTitle .step02 {
    background: url(/maker/misumi/mech/product/cvs/img/step_02.png) no-repeat;
    width: 259px;
    height: 255px;
    float: left;
    margin-bottom: 5px;
}

.l-content .c-section .c-section__stepTitle .step03 {
    background: url(/maker/misumi/mech/product/cvs/img/step_03.png) no-repeat;
    width: 259px;
    height: 230px;
    float: left;
}

/*r-section*/
.l-content .r-section {
    width: 950px;
    margin-bottom: 50px;
    padding: 20px 50px 30px;
    box-sizing: border-box;
    background: #ebeef0;
}

.l-content .r-section .r-section__stepTitle .comments {
    width: 255px;
    height: 54px;
    border: 2px solid #2a3959;
    float: left;
    background: #fff;
    font-size: 18px;
    line-height: 1.5;
    margin: 0 auto;
    text-align: center;
    padding: 26px 0;
    font-weight: bold;
}

.l-content .r-section .r-section__stepTitle .comments.pd {
    padding: 39px 0 13px;
}

.l-content .r-section .r-section__stepTitle .detail {
    margin-left: 15px;
}

.l-content .itemListArea {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 15px;
}

.l-content .itemListArea .item {
    width: 304px;
    border: #cccccc 1px solid;
}

.l-content .itemListArea .item01 dt {
    padding: 12px 0;
    font-size: 16px;
    line-height: 1.4;
    height: 42px;
    font-weight: bold;
    color: #FFFFFF !important;
    text-align: center;
    background: url("/maker/misumi/mech/product/cvs/img/recommend_bg01_190301.png") no-repeat 0 0;
}

.l-content .itemListArea .item02 dt {
    padding: 12px 0;
    font-size: 16px;
    line-height: 1.4;
    height: 42px;
    font-weight: bold;
    color: #FFFFFF !important;
    text-align: center;
    background: url("/maker/misumi/mech/product/cvs/img/recommend_bg02_190301.png") no-repeat 0 0;
}

.l-content .itemListArea .item03 dt {
    padding: 12px 0;
    font-size: 16px;
    line-height: 1.4;
    height: 42px;
    font-weight: bold;
    color: #FFFFFF !important;
    text-align: center;
    background: url("/maker/misumi/mech/product/cvs/img/recommend_bg03_190301.png") no-repeat 0 0;
}

.l-content .itemListArea .item04 dt {
    padding: 12px 0;
    font-size: 16px;
    line-height: 1.4;
    height: 42px;
    font-weight: bold;
    text-align: center;
    background: url("/maker/misumi/mech/product/cvs/img/recommend_bg04.png") no-repeat 0 0;
}

.l-content .itemListArea .item .photo {
    text-align: center;
    margin: 17px 0;
}

.l-content .itemListArea .item .btnDetail {
    margin: 0 auto 25px;
    display: table;
}

/* selection */
.l-content .ttl_selection {
    background: url("/maker/misumi/mech/product/cvs/img/ttl_selection.png") no-repeat 0 0;
    width: 850px;
    height: 39px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    margin: 0 auto 10px;
}

/* selectbox */
.l-content .section {
    margin: 0 auto 50px;
    text-align: center;
}

.l-content .sectionInner {
    margin-left: -10px;
}

.l-content .selectbox {
    margin: 0 -11px 0 0;
    letter-spacing: -0.4em;
}

.l-content .selectbox .select {
    letter-spacing: normal;
    display: -moz-inline-box;
    display: inline-block;
    margin: 0 -1px 0 0;
    border: 1px solid #cccccc;
    width: 274px;
    /*height: 193px;*/
    vertical-align: top;
    padding: 0;
    position: relative;
}

.l-content .selectbox .maintenance {
    letter-spacing: normal;
    display: -moz-inline-box;
    display: inline-block;
    margin: 0 0 0 24px;
    border: 1px solid #cccccc;
    width: 274px;
    /*height: 193px;*/
    vertical-align: top;
    padding: 0;
    position: relative;
}

.l-content .selectbox .select .ttl,
.l-content .selectbox .maintenance .ttl {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 11px 8px;
    height: 23px;
    background: url("/maker/misumi/mech/product/cvs/img/selection_bg.png") no-repeat 0 0;
}

.l-content .selectbox .select .caption,
.l-content .selectbox .maintenance .caption {
    padding: 15px 30px 5px;
    margin: 0 auto;
    text-align: left;
    line-height: 1.7;
}

.l-content .selectbox .select .btn,
.l-content .selectbox .maintenance .btn {
    margin: 10px auto 22px;
    display: table;
}

.l-content .m-h2_topics {
    background: url("/maker/misumi/mech/product/cvs/img/ttl_topics.png") no-repeat 0 0;
    margin: 17px 50px 16px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.l-content .m-btnSize--xxl {
    margin: 0 auto;
}