@charset "utf-8"; /* ブラウザスタイル初期化用CSS */ /*html { width: 100%; font-size: 14px; line-height: 0; }*/ body{ margin: 0px; padding: 0px; width: 100%; color: #fff; overflow-x: hidden; -webkit-text-size-adjust: 100%; } /*body * { word-wrap : break-word; word-break: normal; overflow-wrap : break-word; }*/ h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,li,dl,dt,dd{ margin: 0px; padding: 0px; /* line-height: 100%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;*/ color:#000000; } li,dt,dd{ list-style-type: none; } p { margin: 0; line-height: 170%; } img { border: 0; border: none; max-width: 100%; } a { text-decoration: none; } a:hover { text-decoration: none; } a:hover img, a.btn:hover { opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha(opacity=80)"; } * { box-sizing: border-box; } .content { width: 100%; max-width: 1020px; margin: 0 auto; } /*top*/ #top{ font-size:0; width:100%; /* float:left; */ background-color:#e6f4ff; border-bottom: 1px dashed #c3d0d9; } #top .top_wrap{ max-width:1020px; margin:0px auto; text-align:center; overflow:hidden; padding: 0 10px; } #top .top_wrap .case{ width:80px; height:80px; margin: 50px 30px 20px 0px; padding:10px; background-color:#008aff; float:left; } #top .top_wrap .case .case2{ color:#FFFFFF; font-size:13px; margin-top: 8px; } #top .top_wrap .case p{ color:#FFFFFF; font-size:28px; line-height: 120%; } #top .top_wrap .case_title{ margin: 45px 30px 20px 0px; float:left; } #top .top_wrap .case_title h1{ font-size:38px; text-align:left; /* display: table-cell; */ /* vertical-align: middle; */ } #top .top_wrap .case_title p{ font-size:22px; text-align:left; /* display: table-cell; */ /* vertical-align: middle; */ } #top .top_wrap .case_img{ margin:20px 0px 20px 20px; float:right; } @media screen and (max-width : 1024px){ #top .top_wrap .case{ margin: 35px 30px 20px 0px; } #top .top_wrap .case_title{ margin: 30px 30px 20px 0px; } #top .top_wrap .case_title h1{ font-size: 3vw; } #top .top_wrap .case_title p{ font-size:2vw; } #top .top_wrap .case_img{ width:20%; } } /*sp*/ #top .sp_ttl{ display:none; } .note { margin: 5px auto 0; /* overflow: hidden; */ text-align: right; max-width: 1020px; padding: 0 10px; } @media screen and (max-width : 640px){ .note { /*max-width: 640px;*/ margin-top: 10px; padding: 0 10px; font-size: 12px; } } /*店舗イメージ*/ #cont1{ width:100%; /* float:left; */ background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/tenpo_bg"); background-position : 0% 50%; background-repeat:repeat-x; } #cont1 .tenpo{ max-width: 1020px; /* height:100%; */ margin:0px auto; text-align:center; overflow:hidden; } #cont1 .tenpo .tenpo_img{ margin-top:60px; float:left; width: calc(55% - 10px); margin-left: 10px; } #cont1 .tenpo .yazi{ width: 44%; background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/yazi"); background-repeat: no-repeat; background-position: -3px 80px; float: right; } #cont1 .tenpo .yazi_case1,.yazi_case3,.yazi_case2{ display:none; } #cont1 .tenpo .tenpo_txt{ margin: 60px 10px 0px 10px; padding: 10px; width: calc(100% - 30px); height: auto; border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/border_bg") 15 round; -webkit-border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/border_bg") 15 round; background-color: #FFFFFF; border-style: solid; border-width: 10px; border:solid 1px #333333\9; float: right; } #cont1 .tenpo .tenpo_txt .tenpo_p1{ width:auto; text-align:left; font-size:19px; font-weight:normal; } #cont1 .tenpo .tenpo_txt p{ width:auto; text-align:left; font-size:28px; font-weight:bold; } @media screen and (max-width : 900px){ #cont1 .tenpo .tenpo_txt .tenpo_p1{ font-size: 2.3vw; } #cont1 .tenpo .tenpo_txt p{ font-size: 3vw; line-height: 120%; } } #cont1 .tenpo .tenpo_zigyou1{ margin: 10px 10px 0px 0px; text-align: center; overflow: hidden; float: right; width: 40%; } #cont1 .tenpo .tenpo_zigyou2{ margin: 10px 10px 0px 0px; text-align: center; overflow: hidden; float: right; width: 40%; } #cont1 .tenpo .tenpo_zigyou3{ margin: 10px 10px 0px 0px; text-align: center; overflow: hidden; float: right; width: 40%; } /*導入事例*/ #cont2{ width:100%; /* float:left; */ } #cont2 .dounyu{ max-width: 1020px; margin:0px auto; text-align:center; overflow:hidden; padding: 0 10px; } #cont2 .dounyu .dounyu_title{ margin:60px 0px 40px; } #cont2 .dounyu .dounyu_cont{ margin:0px auto; text-align:center; overflow:hidden; float:left; width: 56%; } #cont2 .dounyu .dounyu_cont_after{float:right;width: 44%;} #cont2 .dounyu .dounyu_cont .dounyu_cont1{ width: calc(80% - 10px); border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round; border-style:solid; border-width:10px; border:solid 1px #9c9794\9; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg"); background-repeat:repeat; padding:10px; /*margin: 0 auto;*/ float: left; /*z-index:1; position:absolute;*/ margin-right: 10px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_pc{ display:block; } /*#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_sp{*/ #cont2 .dounyu .dounyu_cont .kadai_sp{ display:none; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt1{ margin:20px 0px 20px; text-align:left; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt1 h2{ font-size:29px; line-height:41px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt2{ margin:20px 0px 20px; text-align:left; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt2 h3{ display:inline; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; font-size:24px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt2 img{ vertical-align: text-bottom; margin:0px 10px 0px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt3{ text-align:left; margin-left: 50px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt3 p{ font-size:18px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt4{ margin:20px 0px 20px; text-align:left; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt4 h3{ display:inline; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; font-size:24px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt4 img{ vertical-align: text-bottom; margin:0px 10px 0px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt5{ text-align:left; margin-left: 50px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt5 p{ font-size:18px; } /*case1_cont1*/ #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1{ width: calc(80% - 10px); border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round; border-style:solid; border-width:10px; border:solid 1px #9c9794\9; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg"); background-repeat:repeat; padding:10px; /* margin: 0 auto; */ float: left; /* z-index:1; */ /* position:absolute; */ /* height: 630px; */ margin-right: 10px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_pc{ display:block; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_sp{ display:none; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt1{ margin:20px 0px 20px; text-align:left; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt1 h2{ font-size:29px; line-height:41px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt2{ margin:20px 0px 20px; text-align:left; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt2 h3{ display:inline; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; font-size:24px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt2 img{ vertical-align: text-bottom; margin:0px 10px 0px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt3{ text-align:left; margin-left: 50px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt3 p{ font-size:18px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4{ margin:20px 0px 20px; text-align:left; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 h3{ display:inline; font-size:24px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 .span1{ /* display: inline-block; */ /* width: 10em; */ /* height: 1.3em; */ font-weight: bold; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 .span2{ margin-left: 45px; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 img{ vertical-align: text-bottom; margin:0px 10px 0px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt5{ text-align:left; margin-left: 50px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt5 p{ font-size:18px; } @media screen and (max-width : 900px){ #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt1 h2{ font-size:3vw; line-height:160%; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt1 h2{ font-size:3vw; line-height:160%; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt4 h3{ font-size:2.5vw; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt2 h3{ font-size:2.5vw; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt2 h3{ font-size:2.5vw; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 h3{ font-size:2.5vw; } } /*case3_cont1*/ #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3{ width: calc(80% - 10px); border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round; border-style:solid; border-width:10px; border:solid 1px #9c9794\9; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg"); background-repeat:repeat; padding:10px; /* margin: 0 auto; */ float: left; /* z-index:1; */ /* position:absolute; */ /* height: 630px; */ margin-right: 10px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_pc{ display:block; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_sp{ display:none; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt1{ margin:20px 0px 20px; text-align:left; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt1 h2{ font-size:29px; line-height:41px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2{ margin:20px 0px 20px; text-align:left; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 h3{ display:inline; font-size:24px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 .span10{ display: inline-block; width: 9em; height: 1.2em; font-weight: bold; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 .span11{ margin-left: 45px; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 img{ vertical-align: text-bottom; margin:0px 10px 0px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt3{ text-align:left; margin-left: 50px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt3 p{ font-size:18px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt4{ margin:20px 0px 10px; text-align:left; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt4 h3{ display:inline; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; font-size:24px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt4 img{ vertical-align: text-bottom; margin:0px 10px 0px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt5{ text-align:left; margin-left: 50px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt5 p{ font-size:18px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2{ /* width: 45%; */ border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round; border-style:solid; border-width:10px; border:solid 1px #9c9794\9; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg"); background-repeat:repeat; padding:10px; /* margin: 0px 562px; */ /* z-index:1; */ /*position:absolute;*/ margin-left: 10px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .after_pc{ display:block; } /*#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .after_sp{*/ #cont2 .dounyu .dounyu_cont_after .after_sp{ display:none; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt1{ margin:20px 0px 20px; text-align:left; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt1 h2{ font-size:29px; line-height:41px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2{ margin:20px 0px 20px; text-align:left; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2 h3{ display:inline; font-size:24px; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; } @media screen and (max-width : 900px){ #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt1 h2{ font-size:3vw; line-height:160%; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt1 h2{ font-size:3vw; line-height:160%; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 h3{ font-size:2.5vw; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt4 h3{ font-size:2.5vw; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2 h3{ font-size:2.5vw; } } /*case1*/ #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1{ margin:20px 0px 20px; text-align:left; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 img{ vertical-align: text-bottom; margin:0px 10px 0px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 h3{ display:inline; font-size:24px; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 .span3{ /* display: inline-block; */ /* width: 10em; */ /* height: 1.3em; */ font-weight: bold; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:24px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 .span4{ margin-left: 50px; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; } @media screen and (max-width : 900px){ #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 h3{ font-size:2.5vw; } } /*case3*/ #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3{ margin:20px 0px 20px; text-align:left; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 img{ vertical-align: baseline; margin:0 10px; width:5%; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 h3{ display:inline; font-size:24px; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 .span5{ display: inline-block; width: 9.5em; height: 1.3em; font-weight: bold; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:24px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 .span6{ margin-left: 50px; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 .span7{ margin-left: 50px; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; line-height:30px; } #cont2 .dounyu .dounyu_cont .dounyu_cont2 .seika_txt4 .span5{ display: inline-block; width: 9.5em; height: 1.3em; font-weight: bold; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; } #cont2 .dounyu .dounyu_cont .dounyu_cont2 .seika_txt4 .span6{ margin-left: 60px; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; } #cont2 .dounyu .dounyu_cont .dounyu_cont2 .seika_txt4 .span7{ margin-left: 60px; line-height:10px; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2 img, #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4 img{ vertical-align: baseline; margin:0 10px; width:5%; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt3{ text-align:left; margin-left: 50px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt3 p{ font-size:18px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4{ margin:20px 0px 10px; text-align:left; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4 h3{ display:inline; font-size:24px; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/txt_bg"); background-size:23px; } /*#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4 img{ vertical-align: text-bottom; margin:0px 10px 0px; }*/ #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt5{ text-align:left; margin-bottom: 15px; margin-left: 50px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt5 p{ font-size:18px; } #cont2 .dounyu .dounyu_cont .yazi2{ float: left; /* height: 420px; */ /* z-index: 2; */ /* position: relative; */ margin: 200px 0px 0px; width: 20%; } @media screen and (max-width : 900px){ #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4 h3{ font-size:2.5vw; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 h3{ font-size:2.5vw; } } /*sp_yazi*/ #cont2 .dounyu .dounyu_cont .sp_yazi2{ display:none; } /*導入理由*/ #cont2 .riyu_cont3{ width:100%; /* float:left; */ margin-top:100px; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/riyu_bg"); background-repeat:repeat-x; background-color:#faf9ef; } #cont2 .riyu_cont3 .riyu_title{ max-width: 1020px; margin:0px auto; text-align:center; overflow:hidden; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/riyu_yazi"); background-repeat:no-repeat; background-position: 50% 137px; } #cont2 .riyu_cont3 .riyu_title p{ color:#FFFFFF; font-size:35px; font-weight:bold; margin: 50px 0px 70px; } #cont2 .riyu_cont3 .riyu_naiyou{ display:block; width:100%; /* float:left; */ margin-top:10px; background-color:#faf9ef; } /*sp*/ #cont2 .riyu_cont3 .riyu_naiyou_sp{ display:none; } #cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami{ max-width: 1020px; margin:20px auto; text-align:left; overflow:hidden; } #cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_txt1{ width: 70%; /* margin:0px auto; */ text-align:left; overflow:hidden; float:left; } #cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_txt1 p{ font-size: 30px; font-weight:bold; margin: 20px; } #cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_txt2{ float:left; margin: 0px 20px 50px 20px; width: calc(70% - 40px); } #cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_txt2 p{ font-size:18px; } #cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_txt3 { margin:20px 0px 20px 0px; } #cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_txt3 p{ font-size:24px; font-weight:bold; } #cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_img{ margin-top:20px; overflow: hidden; width: 28%; /* float: right; */ } #cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_btn{ margin:20px 0px 0px 30px; float:left; overflow: hidden; } #cont2 .riyu_cont3 .riyu_naiyou .riyu_nakami .riyu_img p{ display: inline-block; float: none; clear: both; margin-top: 10px; } #cont2 .riyu_cont3 .riyu_btn_sp p{ float: none; clear: both; margin-top: 10px; } /*お客様の声*/ #cont3{ width:100%; /* float:left; */ margin-top:40px; padding: 0 10px; } #cont3 .koe{ max-width: 1020px; margin:0px auto; text-align:center; overflow:hidden; width: 100%; } #cont3 .koe .koe_title{ margin:60px 0px 40px; } #cont3 .koe .koe_meritto{ width: 100%; /* float: left; */ overflow: hidden; } #cont3 .koe .koe_meritto .koe_txt{ width: 63%; /* margin: 20px auto; */ text-align: left; /* overflow: hidden; */ float: left; } #cont3 .koe .koe_meritto .koe_txt .koe_txtimg{ text-align:left; margin-bottom:50px; } #cont3 .koe .koe_meritto .koe_txt .p1{ font-size: 33px; font-weight:bold; text-align:left; margin-bottom:40px; } #cont3 .koe .koe_meritto .koe_txt .p2{ font-size:16px; text-align:left; margin-bottom:60px; } #cont3 .koe .koe_meritto .koe_txt .p3{ font-size: 33px; font-weight:bold; text-align:left; margin-bottom:40px; } #cont3 .koe .koe_meritto .koe_txt .p4{ font-size:16px; text-align:left; margin-bottom:80px; } #cont3 .koe .koe_meritto .koe_img{ float: right; margin: 20px 0px 0px 40px; width: calc(36% - 40px); } #cont3 .koe .koe_meritto .koe_img .koe_img1{ margin-bottom:10px; } #cont3 .koe .koe_meritto .koe_img .koe_img2{ margin-bottom:10px; } #cont3 .koe .koe_meritto .koe_img .koe_img3{ margin-bottom:10px; } #cont3 .koe .koe_meritto .koe_img .koe_img4{ margin-bottom:10px; } /*sp_koe_img*/ #cont3 .koe .koe_meritto .sp_koe_img{ display:none; } #cont3 .koe .koe_meritto .sp_koe_img_cont{ display:none; } #cont3 .koe .koe_hannou{ width: 100%; /* float: left; */ overflow: hidden; } #cont3 .koe .koe_hannou .hannou_txt{ width: 60%; /* margin: 0px auto; */ text-align: left; /* overflow: hidden; */ float: left; } #cont3 .koe .koe_hannou .hannou_txt .hannou_txtimg{ margin-bottom:50px; } #cont3 .koe .koe_meritto .koe_hannou .hannou_txtimg{ text-align:left; margin-bottom:20px; } #cont3 .koe .koe_hannou .hannou_txt .p1{ font-size:34px; font-weight:bold; text-align:left; margin-bottom:40px; } #cont3 .koe .koe_hannou .hannou_txt .p1{ font-size:33px; font-weight:bold; text-align:left; margin-bottom:20px; } #cont3 .koe .koe_hannou .hannou_img{ float: right; margin: 0px 0px 0px 40px; width: calc(36% - 40px); } #cont3 .koe .koe_hannou .hannou_img .hannou_img1{ margin-bottom:10px; } /*sp_hannou_img*/ #cont3 .koe .koe_hannou .sp_hannou_img{ display:none; } #cont3 .syousai{ max-width: 1020px; margin: 70px auto; padding:30px; text-align:center; /* overflow:hidden; */ background-color:#faf9ef; border:1px dashed #c3d0d9; } #cont3 .syousai .syouai1{ text-align:center; /* overflow:hidden; */ border-bottom: 1px dashed #c3d0d9; display: flex; } #cont3 .syousai .syouai1 .syousai_icon{ /* float:left; */ margin:0px 30px 30px 0px; width: 18%; max-width: 132px; } #cont3 .syousai .syouai1 .syousai_txt{ text-align: left; /* float:left; */ font-size:16px; /* margin-right:50px; */ width: 40%; } #cont3 .syousai .syouai1 .syousai_txt span{ display: inline-block; width: 4.5em; height: 2.3em; font-weight:bold; } #cont3 .syousai .syouai1 .syousai_txt2{ text-align: left; /* float:left; */ font-size:16px; /* margin-right:50px; */ width: 40%; } #cont3 .syousai .syouai1 .syousai_txt2 span{ display: inline-block; width: 4.5em; height: 2.3em; font-weight:bold; } #cont3 .syousai .syouai1 .syousai_txt2 .span8{ margin-left: 10px; width: 150px; font-weight: normal; } #cont3 .syousai .syouai1 .syousai_txt2 .span9{ font-weight: normal; width: 80px; margin-left: 5px; } #cont3 .syousai .syousai2{ text-align:center; /* overflow:hidden; */ } #cont3 .syousai .syousai2 .syousai_txt4{ /* float:left; */ text-align:left; margin:30px 0px 0px 0px; } /*導入機種*/ #cont4{ width: 100%; /* float: left; */ text-align: center; /* overflow: hidden; */ } #cont4 .kisyu{ width: 100%; /* height: 610px; */ /* float: left; */ background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/riyu_bg1"); background-repeat: repeat-x; background-color:#faf9ef; margin-bottom:50px; } #cont4 .kisyu .kisyu_title{ max-width: 1020px; height: 260px; margin: 50px auto 0px; text-align: center; overflow: hidden; background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/riyu_yazi1"); background-repeat: no-repeat; background-position: 50% 202px; padding-top: 50px; } #cont4 .kisyu .kisyu_title p{ color: #FFFFFF; font-size: 35px; font-weight: bold; margin: 0px 0px 60px; } #cont4 .kisyu .kisyu_nakami{ max-width: 1020px; margin: 0px auto; text-align: left; overflow: hidden; padding: 0 10px 30px; } #cont4 .kisyu .kisyu_nakami .kisyu_img{ float: left; /* margin: 0px 20px 0px 20px; */ width: 30%; } #cont4 .kisyu .kisyu_nakami .kisyu_img p{ margin-top: 10px; text-align: center; font-size: 14px; } #cont4 .kisyu .kisyu_nakami .kisyo_txt{ margin-left: 40px; float: left; width: calc(70% - 40px); } #cont4 .kisyu .kisyu_nakami .kisyo_txt p{ font-size:25px; font-weight:bold; } #cont4 .kisyu .kisyu_nakami .kisyo_txt .kisyo_btn1{ margin-top: 25px; } #cont4 .kisyu .kisyu_nakami .kisyo_txt .kisyo_btn2{ float: left; margin-top:20px; width: 47%; } #cont4 .kisyu .kisyu_nakami .kisyo_txt .kisyo_btn3{ float:left; margin:20px 0px 0px 20px; width: 47%; } #cont4 .goriyou{ width: 100%; float: left; text-align: center; overflow: hidden; background-color:#FFFFFF; } #cont4 .goriyou .goriyou_nakami{ width: 1020px; margin: 60px auto 70px; text-align: left; overflow: hidden; border-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg_goriyou") 15 round; background-color: #FFFFFF; border-style: solid; border-width: 10px; border:solid 1px #d4d1bc\9; } #cont4 .goriyou .goriyou_nakami .goriyou_title{ margin: 30px 30px 0px 30px; border-bottom: 1px dashed #c3d0d9; } #cont4 .goriyou .goriyou_nakami .goriyou_title p{ font-size:18px; padding: 0px 20px 15px 0px; font-weight:bold; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou{ margin:20px; background:#000000; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_manual{ float:left; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_manual .manual_icon{ float:left; margin-right:20px; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_manual .manual_txt{ float:left; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_manual .manual_txt .p1{ font-size:18px; font-weight:bold; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_support{ float:left; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_support .support_icon{ float:left; margin: 0px 20px 0px 40px; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_support .support_txt{ float:left; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_support .support_txt .p2{ font-size:18px; font-weight:bold; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_toiawase{ float:left; margin:20px 0px 20px 0px; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_toiawase .toiawase_icon{ float:left; margin-right:20px; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_toiawase .toiawase_txt{ float:left; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_toiawase .toiawase_txt .p3{ font-size:18px; font-weight:bold; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_syuri{ float:left; margin:20px 0px 20px 0px; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_syuri .syuri_icon{ float:left; margin: 0px 20px 0px 55px; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_syuri .syuri_txt{ float:left; } #cont4 .goriyou .goriyou_nakami .goriyou_naiyou .goriyou_syuri .syuri_txt .p4{ font-size:18px; font-weight:bold; } /*sp_kisyu_txt*/ #cont4 .kisyu .kisyu_nakami .sp_kisyu_txt{ display:none; } /*sp_kisyu_btn*/ #cont4 .kisyu .kisyu_nakami .sp_kisyu_btn{ display:none; } #cont4 .sp_goriyou{ display:none; } #pc-side-nav-case.sidebar { top: 0; left: 0; width: 100%; height:100%; z-index: 2; position: fixed; visibility:hidden; } #pc-side-nav-case.sidebar img{ position:absolute; top:40%; right:0; z-index:1; visibility:visible; } .fixed { position: fixed; top: 0; width: 100%; z-index: 10000; } .fixed3{ position: fixed; top: 79px; width: 100%; z-index: 10000; } /*フッター*/ #footer{ width:100%; float: left; text-align: center; overflow: hidden; border-top: 1px dashed #c3d0d9; background-color:#FFFFFF; } #footer .footer_txt{ width: 1020px; margin: 20px auto; text-align:center; overflow: hidden; } #footer .footer_txt p{ font-size:12px; } /*レスポンシブ*/ @media screen and (max-width : 640px){ /*menu*/ /*#menu{ font-size:0; width:100%; float:left; background-image:none; } #menu .g_navi{ display:none; } #menu .spg_navi{ display:block; width:640px; float:left; margin:0 auto; text-align:center; overflow:hidden; } #menu .spg_navi .spg_navi_title{ margin: 20px 20px 0px 20px; float:left; } #menu .spg_navi .spg_navi_title .spg_navi_txt{ float:left; margin-right:20px; } #menu .spg_navi .spg_navi_title .spg_navi_txt p{ font-size:30px; font-weight: bold; } #menu .spg_navi .spg_navi_title .spg_navi_icon{ margin-top: 10px; float:left; } #menu .spg_navi .spg_navi_btn{ display:none; width:480%; float:left; margin:0 auto; text-align:center; overflow:hidden; background-color:#f8f6e9; z-index: 100; } #menu .spg_navi .spg_navi_btn .spg_navi_main1{ width:100%; border-top: 1px dashed #c3d0d9; border-bottom: 1px dashed #c3d0d9; text-align:left; } #menu .spg_navi .spg_navi_btn .spg_navi_main1 img{ margin:30px 0px 30px 100px; } #menu .spg_navi .spg_navi_btn .spg_navi_main2{ width:100%; border-bottom: 1px dashed #c3d0d9; text-align:left; } #menu .spg_navi .spg_navi_btn .spg_navi_main2 img{ margin:30px 0px 30px 100px; } #menu .spg_navi .spg_navi_btn .spg_navi_main3{ width:100%; border-bottom: 1px dashed #c3d0d9; text-align:left; } #menu .spg_navi .spg_navi_btn .spg_navi_main3 img{ margin:30px 0px 30px 100px; } #menu .spg_navi .spg_navi_btn .spg_navi_main4{ width:100%; border-bottom: 1px dashed #c3d0d9; text-align:left; } #menu .spg_navi .spg_navi_btn .spg_navi_main4 img{ margin:30px 0px 30px 100px; } #menu .spg_navi .spg_navi_btn .spg_navi_main5{ width:100%; border-bottom: 1px dashed #c3d0d9; text-align:left; } #menu .spg_navi .spg_navi_btn .spg_navi_main5 img{ margin:30px 0px 30px 100px; } #menu .spg_navi .spg_navi_btn .spg_navi_main6{ width:100%; border-bottom: 1px dashed #c3d0d9; text-align:left; } #menu .spg_navi .spg_navi_btn .spg_navi_main6 img{ margin:30px 0px 30px 100px; }*/ /*#panel-btn{ display: inline-block; position: relative; width: 90px; height: 86px; background-color: #bcbaa8; float:right; } #panel-btn:hover{ background: #bcbaa8; } #panel-btn-icon{ display: block; position: absolute; top: 48%; left: 33%; width: 50px; height: 2px; margin: -1px 0 0 -7px; background: #ffffff; transition: .2s; } #panel-btn-icon:before, #panel-btn-icon:after{ display: block; content: ""; position: absolute; top: 50%; left: 0; width: 50px; height: 2px; background: #ffffff; transition: .3s; } #panel-btn-icon:before{ margin-top: -20px; } #panel-btn-icon:after{ margin-top: 18px; } #panel-btn .close{ background: transparent; } #panel-btn .close:before, #panel-btn .close:after{ margin-top: 0; } #panel-btn .close:before{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } #panel-btn .close:after{ transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }*/ /*sp_top*/ #top .top_wrap{ display:none; } #top .sp_ttl{ display:block; width:100%; float:left; background-color: #e6f4ff; /*border-bottom: 1px dashed #c3d0d9;*/ } /*#top .sp_top .spg_pan{ width:100%; float:left; margin:0 auto; text-align:center; overflow:hidden; background-color:#e8e5d2; } #top .sp_top .spg_pan .spg_pan_txt{ margin: 10px 50px 0px 50px; float:left; } #top .sp_top .spg_pan .spg_pan_txt p{ font-size:22px; } #top .sp_top .spg_pan .spg_pan_yazi{ float:left; } #top .sp_top .spg_pan .spg_pan_txt2{ float:left; margin:10px 0px 0px 30px; } #top .sp_top .spg_pan .spg_pan_txt2 p{ font-size:22px; }*/ #top .sp_ttl .sp_ttl_wrap{ width:100%; margin: 0px auto; text-align: center; overflow: hidden; padding: 10px 10px 20px; } #top .sp_ttl .sp_ttl_wrap .sp_case{ width: 15%; height: 15%; padding: 8px; background-color: #008aff; float: left; } #top .sp_ttl .sp_ttl_wrap .sp_case .sp_case2{ color: #FFFFFF; font-size: 6px; /*margin-top: 8px;*/ } #top .sp_ttl .sp_ttl_wrap .sp_case p{ color: #FFFFFF; font-size: 18px; line-height: 120% } #top .sp_ttl .sp_ttl_wrap .sp_ttl_nakami{ margin: 0px; width:60%; float:left; } #top .sp_ttl .sp_ttl_wrap .sp_ttl_nakami .sp_case_title{ margin:0 0 10px 15px; } #top .sp_ttl .sp_ttl_wrap .sp_ttl_nakami .sp_case_title h2{ font-size: 20px; text-align: left; display: table-cell; vertical-align: middle; line-height:110%; } #top .sp_ttl .sp_ttl_wrap .sp_ttl_nakami .sp_huki{ float:left; margin:0 0 0 15px; } #top .sp_ttl .sp_ttl_wrap .sp_ttl_nakami .sp_huki img{ width:100%; } #top .sp_ttl .sp_ttl_wrap .sp_ttl_img{ float:right; margin:0 5px; width:20%; } #top .sp_ttl .sp_ttl_wrap .sp_ttl_img img{ /*height: 160px;*/ width:100%; } /*case_sb_menu*/ /*#menu{ border:none; }*/ #case_sb_menu .sb{ display:none; } #case_sb_menu .sp_sb{ display:block; width: 100%; margin: 0px auto; padding: 10px; text-align: center; overflow: hidden; } #case_sb_menu .sp_sb .sp_sb1{ padding: 0px 5px 5px 0px; float: left; width:50%; } #case_sb_menu .sp_sb .sp_sb1 img{ width:100%; } #case_sb_menu .sp_sb .sp_sb2{ padding: 0px 0px 5px 5px; float: left; width:50%; } #case_sb_menu .sp_sb .sp_sb2 img{ width:100%; } #case_sb_menu .sp_sb .sp_sb3{ padding: 5px 5px 0px 0px; float: left; width:50%; } #case_sb_menu .sp_sb .sp_sb3 img{ width:100%; } #case_sb_menu .sp_sb .sp_sb4{ padding: 5px 0px 0px 5px; float: left; width:50%; } #case_sb_menu .sp_sb .sp_sb4 img{ width:100%; } /*tenpo*/ #cont1{ width: 100%; float: left; background-image:none; } #cont1 .tenpo{ width: 100%; height: 100%; margin: 0px auto; text-align: center; overflow: hidden; padding:0 10px; } #cont1 .tenpo .yazi{ display:none; } #cont1 .tenpo .yazi_case1{ display:block; width:100%; /*height: 390px;*/ float: left; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/sp/yazi"); background-repeat: no-repeat; background-position: 20px 219px; background-size:6%; } #cont1 .tenpo .yazi_case2{ display:block; width:100%; /*height: 330px;*/ float: left; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/sp/yazi"); background-repeat: no-repeat; background-position: 20px 221px; background-size:6%; } #cont1 .tenpo .yazi_case3{ display:block; width:100%; /*height: 380px;*/ float: left; background-image:url("/~/media/cojp/product/pro-embroidery/navi/case/img/sp/yazi"); background-repeat: no-repeat; background-position: 20px 219px; background-size:6%; } #cont1 .tenpo .tenpo_txt{ margin:20px 0; padding: 10px; width: auto; height: auto; border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/border_bg") 15 round; background-color: #FFFFFF; border-style: solid; border-width: 10px; float: none; } #cont1 .tenpo .tenpo_txt .tenpo_p1{ width: auto; text-align: left; font-size: 14px; font-weight:normal; line-height: 170%; } #cont1 .tenpo .tenpo_txt p{ width: auto; text-align: left; font-size: 23px; font-weight:bold; line-height: 170%; } #cont1 .tenpo .tenpo_zigyou1{ margin:10px 0; text-align: left; overflow: hidden; float:none; width: auto; } #cont1 .tenpo .tenpo_zigyou2{ margin:10px 0; text-align: left; overflow: hidden; float:none; width: auto; } #cont1 .tenpo .tenpo_zigyou3{ margin:10px 0; text-align: left; overflow: hidden; float:none; width: auto; } #cont1 .tenpo .tenpo_img{ width:100%; margin:20px 0px 20px 0px; float: none; } #cont1 .tenpo .tenpo_img img{ width: 100%; } #cont1 .tenpo .tenpo_zigyou1 img{ width: 80%; } #cont1 .tenpo .tenpo_zigyou2 img{ width: 80%; } #cont1 .tenpo .tenpo_zigyou3 img{ width: 65%; } /*導入事例*/ #cont2 .dounyu{ width: 100%; margin: 0px auto; text-align: center; overflow: hidden; } #cont2 .dounyu .dounyu_title{ margin: 60px 0px 20px; } #cont2 .dounyu .dounyu_title img{ width: 100%; } #cont2 .dounyu .dounyu_cont{ margin: 0px auto; text-align: center; overflow: hidden; position:relative; float:none; width: auto; } #cont2 .dounyu .dounyu_cont .dounyu_cont1{ width: auto; height: auto; border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round; border-style: solid; border-width: 10px; background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg"); background-repeat: repeat; padding: 10px; margin: 10px 10px 0; float:none; /*float: left;*/ z-index: 1; position: static; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_pc{ display:none; } /*#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_sp{*/ #cont2 .dounyu .dounyu_cont .kadai_sp{ display:block; width:80%; position:absolute; top:5px; left:40px; } /*#cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_sp{ margin-top:-30px; margin-left: 20px; }*/ #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt1{ margin:10px 0px 20px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt1 h2{ font-size: 19px; line-height:120%; margin-top:60px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt2{ margin:20px 0px 10px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt2 h3, #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt4 h3{ font-size: 16px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt2 img, #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt4 img{ vertical-align: middle; margin:0 5px; width:5%; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt3, #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt5{ margin-left:30px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt3 p, #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt5 p{ font-size:14px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1 .kadai_txt4{ margin: 20px 0 10px; } /*case1*/ #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1{ width: auto; border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round; border-style: solid; border-width: 10px; background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg"); background-repeat: repeat; padding: 10px; margin: 10px 10px 0; float: none; z-index: 1; position: static; height: auto; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_pc{ display:none; } /*#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_sp{ display:block; }*/ /*#cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_sp{ margin-top:-30px; margin-left: 20px; }*/ #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt1{ margin:10px 0px 20px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt1 h2{ font-size: 19px; line-height:120%; margin-top:60px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt2{ margin:20px 0px 10px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt2 h3, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 h3{ font-size: 16px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt2 img, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 img{ vertical-align: middle; margin:0 5px; width:5%; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt3, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt5{ margin-left:30px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt3 p, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt5 p{ font-size:14px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4{ margin: 20px 0 10px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case1 .kadai_txt4 .span2{ margin-left: 30px; } /*case3*/ #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3{ width: auto; border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round; border-style: solid; border-width: 10px; background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg"); background-repeat: repeat; padding: 10px; margin: 10px 10px 0; float: none; z-index: 1; position: static; height: auto; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_pc{ display:none; } /*#cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_sp{ display:block; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_sp{ margin-top:-30px; margin-left: 20px; }*/ #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt1{ margin:10px 0px 20px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt1 h2{ font-size: 19px; line-height:120%; margin-top:60px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2{ margin:20px 0px 10px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 h3, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt4 h3{ font-size: 16px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 img, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt4 img{ vertical-align: middle; margin:0 5px; width:5%; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt3, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt5{ margin-left:30px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt3 p, #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt5 p{ font-size:14px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt4{ margin: 20px 0 10px; } #cont2 .dounyu .dounyu_cont .dounyu_cont1_case3 .kadai_txt2 .span11{ margin-left: 30px; } #cont2 .dounyu .dounyu_cont .yazi2{ display:none; } #cont2 .dounyu .dounyu_cont .sp_yazi2{ display:block; margin: 10px auto 0; /*width: 60%; float: left; height: 160px;*/ z-index: 2; /*position: relative;*/ } #cont2 .dounyu .dounyu_cont .sp_yazi2 img{ width:40%; } #cont2 .dounyu .dounyu_cont_after{ margin: 0px auto; text-align: center; overflow: hidden; position:relative; float: none; width: auto; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2{ width: auto; border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/dounyu_bg") 15 round; border-style: solid; border-width: 10px; /*border-bottom-left-radius: 20px;*/ background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg"); background-repeat: repeat; padding: 10px; margin: 10px 10px 0; z-index: 1; /*position: static;*/ } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .after_pc{ display:none; } #cont2 .dounyu .dounyu_cont_after .after_sp{ display:block; width:80%; position:absolute; top:5px; left:40px; } /*#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .after_sp{ margin-top:-30px; margin-left: 20px; }*/ #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt1{ margin:10px 0px 20px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt1 h2{ font-size: 19px; line-height:120%; margin-top:60px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2{ margin:20px 0px 10px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2 h3, #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4 h3{ font-size: 16px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2 img, #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4 img{ vertical-align: middle; margin:0 5px; width:5%; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt3, #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt5{ margin-left:30px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt3 p, #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt5 p{ font-size:14px; } /*#cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4 h3{ font-size: 27px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt5 p{ font-size:24px; }*/ #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt5{ margin-bottom:0; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 img{ vertical-align: middle; margin:0 5px; width:5%; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 h3{ font-size: 16px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 h3{ font-size: 16px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 img{ vertical-align: middle; margin:0 5px; width:5%; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt2_case1 .span4{ margin-left: 30px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 .span6{ margin-left: 30px; } #cont2 .dounyu .dounyu_cont_after .dounyu_cont2 .seika_txt4_case3 .span7{ margin-left: 30px; } #cont2 .riyu_cont3{ width: 100%; float: none; margin-top: 50px; background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/riyu_bg_1line"); background-repeat: no-repeat; background-color: #faf9ef; background-size:100%; } #cont2 .riyu_cont3 .riyu_title{ width: 100%; text-align: center; margin: 0px auto; overflow: hidden; background-image:none; /*background-repeat: no-repeat; background-position: 300px 137px;*/ } #cont2 .riyu_cont3 .riyu_title p{ font-size:21px; margin:25px auto 50px; } #cont2 .riyu_cont3 .riyu_naiyou{ display:none; } #cont2 .riyu_cont3 .riyu_naiyou_sp{ display:block; width: 100%; float: none; /*margin-top: 10px;*/ padding:0 10px; background-color: #faf9ef; } #cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_txt1_sp p{ font-size: 19px; font-weight: bold; margin: 10px; } #cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_txt1_sp{ /*width: 640px;*/ margin: 0px auto; text-align: left; overflow: hidden; } #cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_nakami_sp{ /*width: 640px;*/ margin: 0px auto; text-align: left; overflow: hidden; } /*#cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_txt2_sp{ float: left; margin: 0px 20px 0px 20px; width:600px; }*/ #cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_txt2_sp p{ font-size: 14px; } #cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_img_sp{ width: 100%; text-align: center; float:left; margin-top:30px; } #cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_img_sp img{ width: 40%; } #cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_btn_sp{ text-align: center; margin: 20px 0px 30px 0px ; float: none; } #cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_btn_sp img{ width: 40%; } #cont2 .riyu_cont3 .riyu_naiyou_sp .riyu_btn_sp p{ font-size:12px; } /*お客様の声*/ #cont3{ width: 100%; float: none; margin-top: 0; padding: 0; } #cont3 .koe{ width: 100%; margin: 0px auto; text-align: center; overflow: hidden; } #cont3 .koe .koe_title{ margin:60px 0px 20px; } #cont3 .koe .koe_title img{ width: 100%; } #cont3 .koe .koe_meritto{ padding:0 10px; } #cont3 .koe .koe_meritto .koe_txt{ width: 100%; text-align:left; overflow: hidden; float: left; margin: 0 auto; } #cont3 .koe .koe_meritto .koe_txt .koe_txtimg{ /*text-align: left;*/ margin:20px 0; } #cont3 .koe .koe_meritto .koe_txt .koe_txtimg img{ width:100%; } #cont3 .koe .koe_hannou .hannou_txt{ width:100%; padding:0 10px; } #cont3 .koe .koe_hannou .hannou_txt .hannou_txtimg{ margin-bottom:30px; } #cont3 .koe .koe_hannou .hannou_txt img{ width:65%; } #cont3 .koe .koe_hannou .hannou_txt .stafficon_2{ width:100%; } #cont3 .koe .koe_meritto .koe_txt .p1{ /*margin:20px;*/ font-size:19px; margin-bottom:15px; } #cont3 .koe .koe_meritto .koe_txt .p2{ /*margin:20px;*/ font-size:14px; margin-bottom:15px; } #cont3 .koe .koe_meritto .koe_txt .p3{ /*margin:20px;*/ font-size:19px; margin-bottom:15px; } #cont3 .koe .koe_meritto .koe_txt .p4{ /*margin:20px;*/ font-size:14px; margin-bottom:15px; } #cont3 .koe .koe_meritto .koe_img{ display:none; } /*sp_koe_img_cont*/ #cont3 .koe .koe_meritto .koe_txt .sp_koe_img_cont{ display:block; width:100%; margin: 20px 0px 20px 0px; z-index:99; overflow:hidden; } #cont3 .koe .koe_meritto .koe_txt .sp_koe_img_cont .sp_koe_img1_cont{ float:left; margin: 0; width:49%; } #cont3 .koe .koe_meritto .koe_txt .sp_koe_img_cont .sp_koe_img1_cont img{ width:100%; } #cont3 .koe .koe_meritto .koe_txt .sp_koe_img_cont .sp_koe_img2_cont{ float:right; margin: 0; width:49%; } #cont3 .koe .koe_meritto .koe_txt .sp_koe_img_cont .sp_koe_img2_cont img{ width:100%; } #cont3 .koe .koe_meritto .sp_koe_img{ display:block; width:100%; margin: 20px 0px; overflow:hidden; } #cont3 .koe .koe_meritto .sp_koe_img .sp_koe_img1{ float:left; /*margin: 0px 20px 20px 0px;*/ width: 49%; } #cont3 .koe .koe_meritto .sp_koe_img .sp_koe_img1 img{ width: 100%; } #cont3 .koe .koe_meritto .sp_koe_img .sp_koe_img2{ float:right; width: 49%; } #cont3 .koe .koe_meritto .sp_koe_img .sp_koe_img2 img{ width: 100%; } /*#cont3 .koe .koe_meritto .sp_koe_img_cont img{ width: 310px; height: 200px; } #cont3 .koe .koe_meritto .sp_koe_img img{ width: 310px; height: 200px; }*/ #cont3 .koe .koe_hannou{ width: 100%; /*margin: 20px; text-align: left; overflow: hidden; float: left;*/ } #cont3 .koe .koe_hannou .hannou_txt .p1{ font-size:19px; margin-bottom:15px; } #cont3 .koe .koe_hannou .hannou_txt .p2{ font-size:14px; /*margin-bottom:15px;*/ } #cont3 .koe .koe_hannou .hannou_img{ display:none; } #cont3 .koe .koe_hannou .sp_hannou_img{ display:block; text-align:center; width:100%; margin:20px; } div.sp_hannou_img1 img{ width:49%; margin:20px; } #cont3 .syousai_box{ width: 100%; padding: 0 10px; /*margin-bottom:50px;*/ } #cont3 .syousai{ width: 100%; margin:0; padding: 10px; text-align: center; overflow: hidden; background-color: #faf9ef; border: 1px dashed #c3d0d9; } #cont3 .syousai .syouai1 .syousai_icon{ /* float:left; */ width:30%; margin: 0 30px 0 0; max-width: unset; } #cont3 .syousai .syouai1 .syousai_icon img{ width:100%; } #cont3 .syousai .syouai1 .syousai_txt{ width:65%; text-align: left; /* float: right; */ font-size: 11px; margin-right:0px; } #cont3 .syousai .syouai1 .syousai_txt a{ font-size: 10px; } #cont3 .syousai .syousai2 .syousai_txt4{ /*float: left; text-align: left;*/ margin: 20px 0px 0px 0px; font-size:12px; } #cont3 .syousai .syouai1 .syousai_txt2 .span8{ margin-left: 98px; width: 150px; font-weight: normal; } #cont3 .syousai .syouai1 .syousai_txt2 .span9{ font-weight: normal; width: 100px; margin-left:95px; } /*導入機種*/ #cont4 .kisyu{ width: 100%; height: auto; float: none; margin-top: 50px; background-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/riyu_bg_2line"); background-repeat: no-repeat; background-color:#faf9ef; background-size:100% 135px; padding-bottom: 30px; } #cont4 .kisyu .kisyu_title{ width: 100%; height: 135px; /* margin: 50px auto 0px; */ /* text-align: center; */ margin: 0px auto; /* overflow: hidden; */ background-image: none; /*background-repeat: no-repeat; background-position: 300px 152px;*/ padding-top: 0; } #cont4 .kisyu .kisyu_title p{ font-size:21px; margin:25px 0 40px; } #cont4 .kisyu .kisyu_nakami{ width: 100%; padding:0 10px; margin: 20px auto 0; text-align: left; overflow: hidden; } #cont4 .kisyu .kisyu_nakami .kisyu_img{ float: left; margin:0; width:40%; } #cont4 .kisyu .kisyu_nakami .kisyu_img img{ width:100%; } #cont4 .kisyu .kisyu_nakami .kisyu_img p{ font-size:12px; margin-bottom:20px; } #cont4 .kisyu .kisyu_nakami .kisyo_txt{ display:none; } #cont4 .kisyu .kisyu_nakami .sp_kisyu_txt{ display:block; width:55%; float:right; /*margin: 20px 20px 0px 20px;*/ } #cont4 .kisyu .kisyu_nakami .sp_kisyu_txt p{ font-size: 15px; font-weight: bold; } #cont4 .kisyu .kisyu_nakami .sp_kisyu_btn{ display:block; width:100%; /*float:left;*/ margin: 0; } #cont4 .kisyu .kisyu_nakami .sp_kisyu_btn1{ margin:0px 0px 20px 0px; } #cont4 .kisyu .kisyu_nakami .sp_kisyu_btn1 img{ width:100%; } #cont4 .kisyu .kisyu_nakami .sp_kisyu_btn2{ /*margin-right:20px;*/ width:48%; float:left; } #cont4 .kisyu .kisyu_nakami .sp_kisyu_btn3{ width:48%; float:right; } #cont4 .kisyu .kisyu_nakami .sp_kisyu_btn2 img{ width:100%; } #cont4 .kisyu .kisyu_nakami .sp_kisyu_btn3 img{ width:100%; } #cont4 .goriyou{ display:none; } #cont4 .sp_goriyou{ display:block; width:600px; float:left; margin: 100px 20px 50px 20px; text-align: left; overflow: hidden; border-image: url("/~/media/cojp/product/pro-embroidery/navi/case/img/bg_goriyou") 15 round; background-color: #FFFFFF; border-style: solid; border-width: 10px; } #cont4 .sp_goriyou .sp_goriyou_namkami{ margin:20px; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_title{ text-align:center; border-bottom: 1px dashed #c3d0d9; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_title p{ font-size:26px; font-weight:bold; margin-bottom:10px; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku{ margin:20px 0px 20px 0px; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_manual{ float:left; border-right:2px solid #d4d1bc; border-bottom: 2px solid #d4d1bc; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_manual .sp_manual_icon{ text-align:center; margin:0px 60px 0px 60px; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_manual .sp_manual_txt{ text-align:center; margin:20px 35px 20px 35px; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_manual .sp_manual_txt .p_manual{ font-size:21px; font-weight:bold; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_manual .sp_manual_txt .p{ font-size:18px; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_support{ border-bottom: 2px solid #d4d1bc; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_support .sp_support_icon{ text-align:center; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_support .sp_support_txt{ text-align:center; margin:20px 0px 20px 0px; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_support .sp_support_txt .p_support{ font-size:21px; font-weight:bold; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_support .sp_support_txt .p{ font-size:18px; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_toiawase{ border-right:2px solid #d4d1bc; float:left; padding-right: 0.2px; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_toiawase .sp_toiawase_icon{ text-align:center; margin:20px 60px 0px 60px; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_toiawase .sp_toiawase_txt{ text-align:center; margin: 20px 40px 20px 33.9px; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_toiawase .sp_toiawase_txt .p_toiawase{ font-size:21px; font-weight:bold; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_toiawase .sp_toiawase_txt .p{ font-size:18px; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_syuuri{ } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_syuuri .sp_syuuri_icon{ text-align:center; margin-top:20px; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_syuuri .sp_syuuri_txt{ text-align:center; margin-top:20px; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_syuuri .sp_syuuri_txt .p_syuuri{ font-size:21px; font-weight:bold; } #cont4 .sp_goriyou .sp_goriyou_namkami .sp_goriyou_kaku .sp_goriyou_syuuri .sp_syuuri_txt .p{ font-size:18px; } #pc-side-nav-case.sidebar { display:none; top: 0; left: 0; width: 100%; height:100%; z-index: 2; position: fixed; visibility:hidden; } #pc-side-nav-case.sidebar img{ position:absolute; top:70%; right:0; z-index:1; visibility:visible; } .fixed { position: fixed; top: 0; width: 100%; z-index: 100; } .fixed3{ position: fixed; top: 325px; width: 100%; z-index: 99; } .fixed4{ position: fixed; top: 53px; width: 100%; z-index: 99; } /*footer*/ #footer .footer_txt{ width: 640px; margin: 20px auto; text-align: center; overflow: hidden; } } @media screen and (max-width: 320px){ #cont1 .tenpo .yazi_case2{ background-position: 20px 222px; background-size:6%; } } .show_pc { display: block !important; } .show_sp { display: none !important; } @media (max-width: 640px) { .show_pc, .show_pc_i { display: none !important; } .show_sp { display: block !important; } .hidden_sp { display: none !important; } } #info{padding:0 10px;} #customer { /* position: relative; */ margin: 20px auto 70px; padding: 30px; background: #fff; overflow: hidden; border-radius: 10px; border: 1px solid #d4d1bc; overflow: hidden; } #customer h3 { margin: 0 auto 10px; padding-bottom: 10px; font-size: 18px; text-align: left; border-bottom: 1px dashed #d4d1bc; } #customer dl { float: left; width: 50%; margin-top: 20px; overflow: hidden; } #customer dl dt { font-size: 18px; font-weight: bold; line-height: 1.5em; text-align: left; } #customer dl dt > a { display: inline-block; float: left; margin-right: 20px; vertical-align: bottom; } #customer dl dd { text-align: left; line-height: 1.2em; } #customer dl dd a { display: inline-block; margin: 5px 0; padding: 0 10px; vertical-align: middle; border-right: 1px solid #1f1800; } #customer dl dd a:first-of-type { border-left: 1px solid #1f1800; } @media screen and (max-width : 640px){ #customer { width: auto; margin: 20px 20px 40px; padding: 30px 18px; } #customer h3 { margin: 0 auto 20px; padding-bottom: 10px; font-size: 14px; text-align: center; border-bottom: 1px dashed #d4d1bc; } #customer dl { float: left; width: 50%; margin-top: 0; padding: 20px; overflow: hidden; } #customer dl:nth-child(even) { padding-left: 0; border-right: 1px solid #d4d1bc; } #customer dl:nth-child(odd) { padding-right: 0; } #customer dl:nth-child(2), #customer dl:nth-child(3) { padding-top: 0; } #customer dl:nth-child(4), #customer dl:nth-child(5) { padding-bottom: 0; border-top: 1px solid #d4d1bc; } #customer dl dt { font-size: 11px; text-align: center; } #customer dl dt img { width: 60%; margin-bottom:5px; } #customer dl dt >a { display: block; float: none; margin: 0 auto; text-align: center; vertical-align: bottom; } #customer dl dd { font-size: 11px; text-align: center; line-height:1.4em; } #customer dl dd a { display: none; } } .new_win{ vertical-align:middle; margin-right:5px; margin-left:5px; }