@charset "utf-8"; /* mainContent */ #mainContent .subtitleGrd { margin-top: 20px; } /* top */ #mainContent.index p.contentSummary { padding: 0 0 20px 0!important; } #mainContent .topList>li {display: block; float: left; margin: 0 0 20px; width: 350px; min-height: 243px; border:1px solid #bed2e6; border-radius: 10px; } #mainContent .topList>li.even { margin-left: 16px; } #mainContent .topList>li ul { display:flex; gap: 18px; margin: 0 20px 20px; } #mainContent .topList>li ul li { width: 104px; min-height: 47px; } #mainContent .topList>li ul li a { display:block; width: 100%; height: 100%; text-align: center; background-color: rgba(88, 117, 140, 0.2); font-size: 14px; line-height: 47px; color:rgba(88, 117, 140, 1); text-decoration: none; } #mainContent .topList>li ul li a:hover {background-color: rgba(88, 117, 140, 1);color: #ffffff;} #mainContent .topList>li figure { display: grid; place-items: center; height: 115px; margin:0; background-color: transparent; } #mainContent .topList>li figure + p { text-align: center; margin:0 20px; height: 57px; border-top: 1px solid #bed2e6; font-size: 14px; line-height: 50px; font-weight: bold; } #mainContent .topList>li figure + .line2 { line-height: 20px; display: flex; justify-content: center; align-items: center; } #mainContent .topList>li figure+p sup{ font-size: 80%; vertical-align: 5%; } #mainContent .topList_l li { width: 700px; float: left; display: inline; margin: 0; min-height: 240px; } #mainContent .topList_l li ul { margin-top: -90px; position: relative; left: 180px; } #mainContent .topList_l li ul li { float: left; display: inline; width: 104px; min-height: 70px; margin: 0 8px; } /* 製品・サービス一覧表示箇所 */ #mainContent p.contentSummary { padding: 30px 0 20px 0!important; } #mainContent .header { margin-bottom: 25px; } #mainContent .header .subtitleGrd { margin-bottom: 15px; } #mainContent .selectList li { cursor: pointer; width: 129px; float: left; padding: 5px 0 5px 15px; background: url(/salestools/common/img/radiobtn_off.gif) left center no-repeat; font-size: 100%;} #mainContent .selectList li.on { background: url(/salestools/common/img/radiobtn_on.gif) left center no-repeat; } #mainContent .selectList li.longWord { letter-spacing: -0.1em; } #mainContent .selectList li.firstChild { float: none; } #mainContent div.subtitleUp { position:relative; background:url(/common/img/index_title.jpg) no-repeat bottom; width:720px; height:27px; display:table; margin-bottom: 20px; } #mainContent div.subtitleUp h2 { display:block; position:absolute; top:50%; left:25px; line-height:35px; font-size:14px; margin-top:-16px; } #mainContent .section p.edition { border-left:8px solid #e9e0cf; margin: 8px 0; padding:0 8px; font-size: 120%; font-weight: bold; color: #ba1926; } #mainContent .section .title { display: block; height: 20px; margin: 30px 0 10px 0; font-size: 120%; padding-left: 20px; background: url(/salestools/common/img/diagonal_bg_gold.gif); } #mainContent .section .title span { background-color: #fff; padding: 1px 20px; font-weight: bold; color: #5d5a5b; } #mainContent .documentList tr td { width: 700px; border: 1px solid #999; padding: 15px; } #mainContent .documentList tr td.thumbnail { width: 130px; padding: 15px; text-align: center; position: relative;} #mainContent .documentList tr td.thumbnail a img.brdr { border: 1px solid #cccccc; box-sizing: border-box; } #mainContent .documentList tr td h3 { margin-bottom: 11px; } #mainContent .documentList tr td h3 a { color: #011945; } #mainContent .documentList tr td p.products { display: inline; border: solid 1px #6F6D6E; background: #F3F3F3; padding: 1px 8px; } #mainContent .documentList tr td p.update { margin-top: 16px;} #mainContent .documentList tr td .mov { background: url(/salestools/common/img/icon_mov.gif) right center no-repeat; } #mainContent .documentList tr td .ebk_pdf { background: url(/salestools/common/img/icon_ebk_pdf.png) right center no-repeat; } #mainContent .documentList tr td .pdf { background: url(/salestools/common/img/icon_pdf.gif) right center no-repeat; } #mainContent .documentList tr td .ppt { background: url(/salestools/common/img/icon_ppt.gif) right center no-repeat; } #mainContent .documentList tr td .excel { background: url(/salestools/common/img/icon_excel.gif) right center no-repeat; } #mainContent .documentList tr td .word { background: url(/salestools/common/img/icon_word.gif) right center no-repeat; } #mainContent .documentList tr td .txt { background: url(/salestools/common/img/icon_txt.gif) right center no-repeat; } #mainContent .documentList tr td p.summary { width: 540px; font-size: 14px; margin-top: 5px; } #mainContent .salestools_product { margin: 0 0 20px; width: 720px; min-height: 160px; border:1px solid #bed2e6; border-radius: 10px; } #mainContent .salestools_product figure { display: grid; place-items: center; height: 113px; margin:0; object-fit: scale-down; background-color: transparent; } #mainContent .salestools_product figure img { display: block; -webkit-transform: scale(1.2); transform: scale(1.2); } #mainContent .salestools_product figure + p { text-align: center; margin:0 20px 0; height: 46px; border-top: 1px solid #bed2e6; font-size: 14px; line-height: 46px; font-weight: bold; } #mainContent .salestools_product figure+p sup{ font-size: 80%; vertical-align: 5%; } #mainContent p img.ml-8 { margin-left: -8px !important; } /* subContent */ #subContent { margin-top: -55px; } #subContent .navi li { margin-left: 20px; } #subContent .navi li.title { margin-left: 2px; } #subContent .navi li.hd { margin-left: 0px; } #subContent .navi #sp { background: url(/salestools/common/img/navi_sp_off.jpg) no-repeat; } #subContent .navi #sp.on { background: url(/salestools/common/img/navi_sp_on.jpg) no-repeat; } #subContent .navi #sp.active { background: url(/salestools/common/img/navi_sp_on.jpg) no-repeat; } #subContent .navi #spMovie { background: url(/salestools/common/img/navi_spm_off.jpg) no-repeat; } #subContent .navi #spMovie.on { background: url(/salestools/common/img/navi_spm_on.jpg) no-repeat; } #subContent .navi #spMovie.active { background: url(/salestools/common/img/navi_spm_on.jpg) no-repeat; } #subContent .navi #da { background: url(/salestools/common/img/navi_da_off.jpg) no-repeat; } #subContent .navi #da.on { background: url(/salestools/common/img/navi_da_on.jpg) no-repeat; } #subContent .navi #da.active { background: url(/salestools/common/img/navi_da_on.jpg) no-repeat; } #subContent .navi #atcloud { background: url(/salestools/common/img/navi_atcloud_off.jpg) no-repeat; } #subContent .navi #atcloud.on { background: url(/salestools/common/img/navi_atcloud_on.jpg) no-repeat; } #subContent .navi #atcloud.active { background: url(/salestools/common/img/navi_atcloud_on.jpg) no-repeat; } #subContent .navi #deskseries { background: url(/salestools/common/img/navi_deskseries_off.jpg) no-repeat; } #subContent .navi #deskseries.on { background: url(/salestools/common/img/navi_deskseries_on.jpg) no-repeat; } #subContent .navi #deskseries.active { background: url(/salestools/common/img/navi_deskseries_on.jpg) no-repeat; } #subContent .navi #startin { background: url(/salestools/common/img/navi_startin_off.jpg) no-repeat; } #subContent .navi #startin.on { background: url(/salestools/common/img/navi_startin_on.jpg) no-repeat; } #subContent .navi #startin.active { background: url(/salestools/common/img/navi_startin_on.jpg) no-repeat; } #subContent .navi #ff { background: url(/salestools/common/img/navi_ff_off.jpg) no-repeat; } #subContent .navi #ff.on { background: url(/salestools/common/img/navi_ff_on.jpg) no-repeat; } #subContent .navi #ff.active { background: url(/salestools/common/img/navi_ff_on.jpg) no-repeat; } #subContent .navi #ifmf { background: url(/salestools/common/img/navi_ifmf_off.jpg) no-repeat; } #subContent .navi #ifmf.on { background: url(/salestools/common/img/navi_ifmf_on.jpg) no-repeat; } #subContent .navi #ifmf.active { background: url(/salestools/common/img/navi_ifmf_on.jpg) no-repeat; } #subContent .navi #if { background: url(/salestools/common/img/navi_if_off.jpg) no-repeat; } #subContent .navi #if.on { background: url(/salestools/common/img/navi_if_on.jpg) no-repeat; } #subContent .navi #if.active { background: url(/salestools/common/img/navi_if_on.jpg) no-repeat; } #subContent .navi #ifSales { background: url(/salestools/common/img/navi_f1_off.jpg) no-repeat; } #subContent .navi #ifSales.on { background: url(/salestools/common/img/navi_f1_on.jpg) no-repeat; } #subContent .navi #ifSales.active { background: url(/salestools/common/img/navi_f1_on.jpg) no-repeat; } #subContent .navi #ifTech { background: url(/salestools/common/img/navi_f2_off.jpg) no-repeat; } #subContent .navi #ifTech.on { background: url(/salestools/common/img/navi_f2_on.jpg) no-repeat; } #subContent .navi #ifTech.active { background: url(/salestools/common/img/navi_f2_on.jpg) no-repeat; } #subContent .navi #ifOperation { background: url(/salestools/common/img/navi_f3_off.jpg) no-repeat; } #subContent .navi #ifOperation.on { background: url(/salestools/common/img/navi_f3_on.jpg) no-repeat; } #subContent .navi #ifOperation.active { background: url(/salestools/common/img/navi_f3_on.jpg) no-repeat; } #subContent .navi #mf { background: url(/salestools/common/img/navi_mf_off.jpg) no-repeat; } #subContent .navi #mf.on { background: url(/salestools/common/img/navi_mf_on.jpg) no-repeat; } #subContent .navi #mf.active { background: url(/salestools/common/img/navi_mf_on.jpg) no-repeat; } #subContent .navi #mfma { background: url(/salestools/common/img/navi_mfma_off.jpg) no-repeat; } #subContent .navi #mfma.on { background: url(/salestools/common/img/navi_mfma_on.jpg) no-repeat; } #subContent .navi #mfma.active { background: url(/salestools/common/img/navi_mfma_on.jpg) no-repeat; } #subContent .navi #ifb { background: url(/salestools/common/img/navi_ifb_off.jpg) no-repeat; } #subContent .navi #ifb.on { background: url(/salestools/common/img/navi_ifb_on.jpg) no-repeat; } #subContent .navi #ifb.active { background: url(/salestools/common/img/navi_ifb_on.jpg) no-repeat; } #subContent .navi #dspa { background: url(/salestools/common/img/navi_dspa_off.jpg) no-repeat; } #subContent .navi #dspa.on { background: url(/salestools/common/img/navi_dspa_on.jpg) no-repeat; } #subContent .navi #dspa.active { background: url(/salestools/common/img/navi_dspa_on.jpg) no-repeat; } #subContent .navi #fc { background: url(/salestools/common/img/navi_fc_off.jpg) no-repeat; } #subContent .navi #fc.on { background: url(/salestools/common/img/navi_fc_on.jpg) no-repeat; } #subContent .navi #fc.active { background: url(/salestools/common/img/navi_fc_on.jpg) no-repeat; }