white-space: nowrap;@charset "shift_jis"; /*-------------------------------------------------- == Parts Style == -------------------------------------------------- File : mod.css Date : 2010.12.10 Last Update: 2010.05.10 -------------------------------------------------- ※主にページごとに違う表示をするためのCSS --------------------------------------------------*/ @media screen and (max-width: 768px) { #caseIndex .lay-2clm-01>.inner { width:100%;float:none; } #caseIndex .lay-2clm-01>.inner-r { width:100%;float:none; } #caseIndex .cap8 { display:block;} #caseIndex .section.case-lineup { border-bottom: 1px dotted #d2d2d2; } .section.case-lineup .inner { margin:0 0 5px 0; float:none;width:100%; } .section.case-lineup >.inner-r {width: 100%;} #servicePage .section.case-lineup .section.case-lineup-logo .inner-r {width: 100%;} #partnerService .section.case-lineup .section.case-lineup-logo .inner-r {width: 100%;} .section.case-lineup.lay-4clm-03 .inner{ width:48%; float:left; margin: 0 2% 2em 0;} .section.case-lineup.lay-4clm-03 >.inner-r{ width:48%; float:left;} } /*------------------------------------------------- */ #gnav-feature, #gnav-service, #gnav-price, #gnav-case, #gnav-doc, #gnav-news, #gnav-support { display:none; margin-top:2px; padding:8px 25px; position:absolute; left:0; } #gnav-service #sv-fmenu { margin:0; } #gnav-service #sv-fmenu h5 { width:18%; font-weight:bold; } #gnav-service #sv-fmenu .txt { width:81%; margin-left:1%; } /* read ------------------------------------------------- */ .read { min-height:110px; _height:110px; margin-bottom:2em; padding:0 0 0 110px; background-repeat:no-repeat; } .read h4 { margin-bottom:10px; font-size:105%; font-weight:bold; } .read h4 span, .read h4 strong { color:#4EA407; } /* トップページ */ #indexPage .read { margin-bottom:15px; padding:10px 10px 10px 110px; font-size:95%; background:url(/images/top/top_img_feature.gif) 12px 14px no-repeat #fffce9; } #indexPage .read h4, #indexPage .read .pgh-01 { margin-bottom:.3em !important; } /* 特長 */ #featurePage .read, #featureMultiaccount .read, #featureReliability .read, #featureSave .read, #featureMovie .read { background-image:url(/images/feature/feature_img01.gif); } /* サービス */ #servicePage .read, #serviceSpec .read, #serviceSpecd .read, #serviceBasic .read, #serviceNet .read, #serviceAcc .read, #serviceSec .read, #serviceWatch .read, #serviceSupport .read,#serviceSpremium .read,#serviceSpartner .read, #serviceLicence .read, #serviceOther .read, #serviceRule .read, #serviceMplane .read, #serviceMserver .read, #serviceGraph .read, #serviceVPN .read { background-image:url(/images/service/service_img01.gif); } /* 料金 */ #pricePage .read { background-image:url(/images/price/price_img01.gif);margin-bottom: 2em; } /* パートナー */ #partnerService #PFUVPN { background-image:url(/images/pfu_logo.gif); } #partnerService .section.case-lineup-logo .inner { float:none; } #partnerService .section .section.case-lineup-logo { margin-bottom: 0 !important; } /* ストレージ */ #storagePage .read { background-image:url(/storage/images/storage_img01.gif); } /* セキュリティへの取り組み */ #policySec .read, #policySec_FAQ .read { background-image:url(/images/policy/policy_img01.gif); } /* 画像なし用 */ .read.noimg, #casePage .read { min-height:1em; _min-height:1em; margin-bottom:1.5em; padding:0; background:none !important; } @media only screen and (max-width:768px) { #pricePage .read, #featurePage .read, #featureSave .read, #servicePage .read, #serviceSpec .read, #serviceSpecd .read, #serviceBasic .read, #serviceNet .read, #serviceAcc .read, #serviceSec .read, #serviceWatch .read, #serviceSupport .read,#serviceSpremium .read,#serviceSpartner .read, #serviceLicence .read, #serviceOther .read, #serviceRule .read, #serviceMplane .read, #serviceMserver .read, #serviceGraph .read, #serviceVPN .read { background-image: none; padding: 0; min-height:inherit; } #serviceMplane .lay-3clm-01 .list-r01 li, #serviceMplane .lay-2clm-01 .list-r01 li { max-height:999999px; } } /* メニュー　/parts/navi_n.htm ------------------------------------------------- */ #indexPage #side-indexPage, #featurePage #side-featureIndex, #featureMultiaccount #side-featureMultiaccount, #featureReliability #side-featureReliability, #featureSave #side-featureSave, #featureMovie #side-featureMovie, #servicePage #side-serviceIndex, #serviceSpec #side-serviceSpec, #serviceSpecd #side-serviceSpecd, #serviceBasic #side-serviceBasic, #serviceNet #side-serviceNet, #serviceAcc #side-serviceAccount, #serviceSec #side-serviceSec, #serviceWatch #side-serviceWatch, #serviceSupport #side-serviceSupport, #serviceSpremium #side-serviceSpremium, #serviceSpartner #side-serviceSpartner, #serviceLicence #side-serviceLicence, #serviceOther #side-serviceOther, #serviceVPN #side-serviceVPN, #serviceRule #side-serviceRule, #pricePage #side-priceIndex, #priceSim #side-priceSim, #caseIndex #side-caseIndex, #casePage #side-caseInterview, #caseLineup #side-caseLineup, #caseStudy #side-caseStudy, #flowPage #side-flowIndex, #partnerPage #side-PartnerIndex, #partnerCase #side-PartnerCase, #partnerService #side-PartnerService, #storagePage #side-StorageIndex, #newsPage #side-cloudNews, #policySec #side-policySec, #policySec_FAQ #side-policySec, #seminarPage #side-seminar, #planPage #side-plan { font-weight:bold; color:#000; text-decoration:none; } /* トップページ　index.htm ------------------------------------------------- */ #indexPage #header #tagline { width:340px; margin-top:19px; } #indexPage #header .searchWrap2 { width:230px; margin-top:16px; margin-left:10px; float:left; } #indexPage #header .searchWrap2 input { margin-left:5px; min-height:20px; float:left; } #indexPage .lower-main { padding-top:0; padding-bottom:40px; } #indexPage .lower-main #topv { padding:18px 20px; } #indexPage .lower-main h2, #indexPage .lower-main p { float:left; } #indexPage .lower-main h2 { margin-right:35px; } #indexPage .footpath { display:none; } #indexPage .ttl-01 span span { min-height:20px; _height:20px; padding:2px 0 0 35px; border:none; background:none; background:url(/images/h4part02.gif) 0 0 no-repeat; font-size:125%; font-weight:bold; color:#fff; } /* トップ〜Flash枠 #slideshow { width:610px; height:210px; float:right; position:relative; overflow:hidden; } #slideshow #loading { display:block; width:610px; height:210px; background-color:#fff; } #slider ul, #slider li { position:absolute; top:0; left:0; } #slideshow-nav { position:absolute; bottom:1px; right:3px; } #slideshow-nav li { display:inline; } #slideshow-nav a { display:block; float:left; padding:1px 5px 1px; margin-left:2px; font-size:80%; font-weight:bold; background-color:#333; color:#fff; } #slideshow-nav .current a, #slideshow-nav a:hover { color:#4EA407; }*/ /*#slideshow-nav .background { display:none; } jsで勝手に入るタグ対応 */ #slideshow { width:610px; height:210px; float:right; position:relative; overflow:hidden; background:url(/images/topfla/img/img_loading.gif) 0 0 no-repeat; } #slideshow ul { height:210px; position:relative; overflow:hidden; margin:0; padding:0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } #slideshow ul li { position:absolute; top:0; left:0; } #slideshow #paging { position:absolute; bottom:1px; right:3px; } #slideshow #paging li { display:inline; } #slideshow #paging a { display:block; float:left; padding:1px 5px 1px; margin-left:2px; font-size:80%; font-weight:bold; background-color:#333; color:#fff; } #slideshow a.active, #slideshow a:hover { color:#4EA407 !important; } /* トップ〜特長 */ #indexPage #feature { margin-bottom:1em !important; } #indexPage #feature .inner { float:left; width:672px; margin-right:18px; } #indexPage #feature .inner-r { float:left; width:210px; background-color:#eee; } /* 特長 */ #indexPage #feature-01, #indexPage #feature-02, #indexPage #feature-03 { float:left; } #indexPage #feature-01 { margin-left:-10px; } #indexPage #feature-01-in, #indexPage #feature-02-in, #indexPage #feature-03-in { padding:12px; border:1px solid #eee; border-width:0 0 1px 1px; } #indexPage #feature-01-in { width:198px; _width:223px; margin-left:10px; } #indexPage #feature-02-in { width:198px; _width:223px; } #indexPage #feature-03-in { width:199px; _width:225px; border-right:1px solid #eee; } /* ボタン類 */ #indexPage #feature .btnS { padding-bottom:5px; background-color:#fff; } #indexPage #feature .btnL h3 { margin-bottom:10px !important; } /* トップ〜サービス */ #indexPage #service-list { border:3px solid #ccc; background:url(/images/top/top_service_bg.jpg) bottom left no-repeat; } #indexPage #service-list h3 { width:200px; float:left; } #indexPage #service-list ul { width:460px; margin:15px 0 8px 0; float:left; } #indexPage #service-list li { margin-bottom:3px; font-size:90%; } #indexPage #service-list-link { margin:0 10px 5px; text-align:right; } #indexPage #service-list-link span { margin-right:.8em; font-size:86%; color:#666; } #indexPage #service-list-link a { padding-right:20px; background:url(/images/top/top_service_ico.png) top right no-repeat; } /* ボタン類 */ #indexPage #service .inner{ margin-right:16px; _margin-right:11px;} #indexPage #service .lay-4clm-02 .inner-r{ width:669px;} #indexPage #service .lay-4clm-01 .inner-r{ width:213px;} /* トップ〜事例 */ #indexPage #case-lineup { margin-bottom:10px; border:1px solid #ccc; font-size:80%; } #indexPage .case-lineup-in { border-bottom:1px dotted #ccc; } #indexPage .case-lineup-in div { width:198px; padding:10px 9px 10px 10px; _padding:9px; float:left; } #indexPage .case-lineup-in img { margin-bottom:.5em; } #indexPage .case-lineup-in .r { border-left:1px dotted #ccc; } #indexPage #case-cate { padding:10px; } #indexPage #case-cate ul { _display:none; width:388px; margin:0 auto; } /* トップ〜イベント&ニュース */ #indexPage .info-list { margin-bottom:1em; } #indexPage .info-list li { margin-bottom:5px; padding-bottom:5px; border-bottom:1px dotted #ccc; } #indexPage .date, #indexPage #contents .txt { float:left; font-size:92%; } #indexPage .date { width:12%; color:#666; text-align:right; } #indexPage #contents .txt { width:86%; margin-left:2%; } /* トップ〜サポート・関連サービス #indexPage #support { float:left; width:677px; margin-right:5px; } #indexPage #rel-service { float:left; width:218px; } 2分割用 */ #indexPage #support .txt, #indexPage #rel-service .txt { width:882px; padding:15px 0; } #indexPage #support span, #indexPage #rel-service span { font-size:85%; color:#999; } /* トップ〜バナーエリア */ #indexPage #bnrarea img { margin:0 5px; } /* サービス関連　/service/ ------------------------------------------------- */ #servicePage #serverType-op { padding-bottom:15px; background:url(/images/service/service_large_foot.gif) left bottom no-repeat; } #servicePage #serverType-op .inner { width:320px; min-height:110px; _height:110px; float:left; background:url(/images/service/service_function01.gif) 0 0 no-repeat; } #servicePage #serverType-op .inner-r { width:320px; min-height:110px; _height:110px; float:right; background:url(/images/service/service_function02.gif) 0 0 no-repeat; } #servicePage #serverType-op h5 { margin:15px 15px 5px 120px; } #servicePage #serverType-op p { margin:5px 15px 0 120px; } #servicePage .arrow02_y{ background:url(/service/images/arrow_y.gif) 0 50% no-repeat; padding:10px; } #servicePage .arrow02_b{ background:url(/service/images/arrow_b.gif) 0 50% no-repeat; padding:10px; } #servicePage #service-menu { border-bottom:1px solid #ddd; font-size:90%; } #servicePage #service-menu.service_index{ font-size:100%; } #servicePage #service-menu .lay-2clm-02 { margin:0; border-top:1px solid #ddd; } #servicePage #service-menu .inner { padding:20px 0; text-align:center; background-color:#f7f7f7; } #servicePage #service-menu .inner h3 { font-weight:bold; font-size:115%; } #servicePage #service-menu .inner img { margin-top:10px; } #servicePage #service-menu .inner-r { padding:15px 0 5px; } #servicePage #service-menu.service_index .inner { padding:0; background:none; } #servicePage #service-menu.service_index .inner-r { padding:0; } #servicePage #service-menu.service_index .list-liquid-i01 {margin: 0 0 20px; } #servicePage #service-menu.service_index .inner img { margin:0; } @media only screen and (max-width:768px) { #serviceSpec .service_spec .lay-2clm-02>.inner{ width:32%; float:left; } #serviceSpec .service_spec .lay-2clm-02>.inner-r{ width:66%; float: left; } } #sv-fmenu { margin:15px 0 -10px 0; } #sv-fmenu .section { margin-bottom:5px !important; font-size:90%; } #gnavi #sv-fmenu .section { font-size:100%; line-height:1.5; } #sv-fmenu h5 { width:19%; float:left; font-weight:normal; } #sv-fmenu .txt { width:79%; float:left; } #sv-fmenu li { margin-left:10px; padding-left:10px; border-left:1px #ccc solid; float:left; white-space:nowrap; } #sv-fmenu a { display:block; } /* 料金シミュレーター　/price/sim.htm ------------------------------------------------- */ #priceSim .section h4, #priceSimp .section h4 { margin-bottom:1em; } #priceSim .inputS { width:25px; } #priceSim #result-section { text-align:center; } /* 中央寄せIE6対策 */ #priceSim #result { width:420px; margin:0 auto; background:url(/images/price/sim_bg_foot.gif) left bottom no-repeat; text-align:left; } #priceSim #result h4 { padding:10px 10px 0 10px; background:url(/images/price/sim_bg.gif) 0 0 no-repeat; } #priceSim #result table { width:400px; margin:0 10px 10px 10px; } #priceSim #result table th { font-weight:normal; } #priceSim #result table td { text-align:right !important; } #priceSim #result table #server_price, #priceSim #result table #network_price, #priceSim #result table #disk_price, #priceSim #result table #op1_price, #priceSim #result table #op2_price, #priceSim #result table #rel_price { font-weight:bold; } #priceSim #result table #sum_price1, #priceSim #result table #sum_price2, #priceSim #result table .sun th { font-size:120%; font-weight:bold; text-align:right !important; } #priceSim #result table .sun { color:#CB005F; text-align:right !important; } #priceSim select, #priceSim span select { margin-bottom:1px; font-size:1em; } #priceSim #setup-section { width:420px; margin:0 auto; } #priceSimp #corpname { font-size:150%; font-weight:bold; } #priceSimp #corpname span { display:block; font-size:80%; font-weight:bold; } /* お問い合わせ番号枠 追加分 */ #priceSimp #inq-box { padding:15px 0; } #priceSimp #inq-box #inq-box-in { width:463px; margin:0 auto; padding-top:10px; _margin-left:215px; } #priceSimp #inq-box #inq-box-in div { margin:10px 0 0 68px; text-align:center; } #priceSimp #inq-box #inq-box-in p { margin-bottom:.7em; } #priceSimp #inq-box #inq-num { margin:0 20px; padding:10px; text-align:center; background-color:#fff; font-weight:bold; } #priceSimp #inq-box #inq-num span { font-size:150%; line-height:100%; } /* 導入事例インタビュー関連　/case/ ------------------------------------------------- */ #casePage .section.case { margin-bottom:1em; } #casePage .section.case h4 { margin-bottom:1em; font-weight:bold; color:#069; } #casePage .section.case p { margin-bottom:1em; } #casePage .section.case span { font-weight:bold; } #casePage .section.case em { font-weight:bold; color:#429900; } #casePage #nifty-service-icon li { margin-right:15px; margin-bottom:6px; float:left; } #casePage #nifty-service-icon li.r { margin-right:0; } #casePage #nifty-service-icon img { display:block; } /* IE6不要な余白対応 */ #casePage #casePage-nif-list .lay-3clm-01 { padding:10px; border:1px #e7e7e7 solid; } #casePage #casePage-nif-list ul { margin-top:.2em; } #casePage #casePage-nif-list li { margin-bottom:.2em; } #casePage .section.case .img_r p, #casePage .section.case .img_l p { margin-bottom:5px; } /* ケーススタディ */ .section.case-study { padding:20px 20px 12px 100px; background:url(/images/case/casestudy_bg1.gif) 0 0 no-repeat; } .section.case-study dl { background:url(/images/case/casestudy_bg2.gif) left bottom no-repeat; } .section.case-study dt { width:93px; padding-bottom:8px; float:left; clear:left; } .section.case-study dd { width:447px; padding:3px 0 8px 0; float:left; } /* CMS化 */ #casePage .case-prof { width:200px; margin:0 0 1em 1em; padding:10px 10px 0; float:right; background-color:#f2f2f2; border:1px solid #ccc; } #casePage .case-prof p { margin-bottom:.2em !important; font-size:90%; } #casePage .case-prof .prof-name { margin-bottom:.4em !important; font-weight:bold; } #casePage .case-prof .prof-name span { font-size:130%; } #casePage .case-prof .prof-txt { font-size:80%; } .ico-case { margin:0 3px 3px 0; padding:1px 5px 0; font-size:86%; background-color:#eee; color:#666 !important; } /* #5177A4 */ .ttl-07 .ico-case { background-color:#fff !important; border:1px dotted #ddd; display:inline-block; } .case-lineup-logo .tbl-01 th, .case-lineup-logo .tbl-01 td { padding:.5em; } #casePage .case-lineup .box-p02 { padding:5px 3px; min-height:68px; } @media only screen and (max-width:768px) { #casePage .case-prof img,casePage .case-prof { float:none; margin:0 0 1em; width:100%; padding:0; } #casePage .case-prof .section { padding:10px; } .ico-case { display:inline-block; } } .case-problemsolving1{ display: flex; justify-content:center; align-items: center;} @media only screen and (max-width:768px) { .case-problemsolving1{ display: block;} .case-problemsolving2.inner-r, .case-problemsolving2.inner{ justify-content:flex-start;} .case-problemsolving2:nth-of-type(1){ margin: 0 0 15px 0;} } .case-problemsolving2{ display: flex; justify-content:center; align-items: center;} .case-problemsolving2 div p{ width: 120px; height: 115px; border-radius: 50%; background: #999999; text-align: center; font-weight: bold; color: #ffffff; margin-right: 20px; } .case-problemsolving2 div p span{ padding: 42px 0 0; display: inline-block; font-size: 20px; } .case-problemsolving2 div.settle p{ background-color: #ed7d31; } #case_index div .lay-3clm-01 .link-box-01{ float: none;} ul.logolist{ padding:40px 100px 0 140px;} ul.logolist li{ float:left; padding:0 35px 0 0; margin-bottom:50px; } ul.logolist li:nth-of-type(3n){ padding:0;} .logolist:after{ display:block; clear:both; content:"";} @media only screen and (max-width:768px) { ul.logolist{ padding:0;} .logolist li{ float:none; text-align: center; padding:0; width: 100%;margin-bottom:0;} } /* 構成例関連　/plan/ ------------------------------------------------- */ #planPage .read h4 { margin-bottom:1em; padding:1em 0; background-color:#eee; font-size:135%; text-align:center; } #planPage #contents .txt { padding-bottom:5px; } #planPage #foundation .txt{ padding: 1em; } #planPage #foundation .link-box-01{ float: none;} /* ご利用の流れ関連、EC-CUBEも　/flow/　/ec-cube/ ------------------------------------------------- */ /* 旧版 新を公開したら削除 #flowImg .inner-01, #flowImg .inner-02, #flowImg .inner-03, #flowImg .inner-arr { margin-bottom:20px; float:left; } #flowImg .inner-arr { width:68px; padding:150px 15px 0; } #flowImg .inner-01 { width:226px; } #flowImg .inner-02 { width:330px; } #flowImg .inner-03 { width:500px; } */ /* 新版 */ #flowPage .section.flow-01, #eccubePage .section.flow-01 { width:796px; margin:0 auto; _margin-left:54px; } /*#flowPage .section.flow-02, #eccubePage .section.flow-02 { width:745px; margin:0 auto; _margin-left:78px; background:url(/flow/images/flow_bg.gif) 0 0 repeat-y; }*/ #flowPage .section.flow-02, #eccubePage .section.flow-02 { max-width:745px; width:100%; margin:0 auto; _margin-left:78px; /*background:url(/flow/images/flow_bg.gif) 0 0 repeat-y; */} #flowPage .section.flow-02 .bg_border, #eccubePage .section.flow-02 .bg_border{ background:url(/flow/images/flow_bg.gif) 0 0 repeat-y; } #flowPage .section.flow-02 .step, #eccubePage .section.flow-02 .step { width:200px; float:left; padding-bottom:40px; _padding-bottom:0; background:url(/flow/images/flow_arr.gif) bottom center no-repeat; } /*#flowPage .section.flow-02 .txt, #eccubePage .section.flow-02 .txt { width:545px; float:left; }*/ #flowPage .section.flow-02 .txt, #eccubePage .section.flow-02 .txt { max-width:545px; width:100%; float:left; } /*#flowPage .section.flow-03, #eccubePage .section.flow-03 { width:745px; margin:0 auto; _margin-left:78px; }*/ #flowPage .section.flow-03, #eccubePage .section.flow-03 { max-width:745px; width:100%; margin:0 auto; _margin-left:78px; } #eccubePage .lower-main .img_r { margin:-20px 10px 0 0; } .lay-2clm-01.eccube .inner{ width:24%; } .lay-2clm-01.eccube .inner-r{ width:74%; } @media only screen and (max-width:768px) { #eccubePage .img_l { float:none; text-align:center; } .lay-2clm-01.eccube .inner{ text-align:center; width:100%; } .lay-2clm-01.eccube .inner-r{ width:100%; } #flowPage .section.flow-02 .bg_border, #eccubePage .section.flow-02 .bg_border{ background:none; } #flowPage .section.flow-02 .step, #eccubePage .section.flow-02 .step { background:none; } #flowPage .section.flow-02, #eccubePage .section.flow-02 { max-width:inherit;} #flowPage .section.flow-02 .txt, #eccubePage .section.flow-02 .txt { max-width:inherit} #flowPage .section.flow-03, #eccubePage .section.flow-03 { max-width:inherit;} } /* クラウドナビ /navi/ ------------------------------------------------- */ .link-out-after a { background: url(/images/ico_list01.gif) right center no-repeat;; margin-right: .3em; padding: 2px 10px 1px 0; min-height: 13px; _height: 13px; } .cloudnavifloat .lay-4clm-03 .inner:nth-of-type(4n){ margin-right: 0; } @media only screen and (max-width:768px) { .cloudnavi .widt { position:relative; width: 100%; margin: 0 auto 5px; text-align:center;} .cloudnavi p.img { float: left; margin: 0 15px 0 0;} .cloudnavi p.txt { text-align: left; float: none;} .contents_img .img_r { float: right;} } @media only screen and (max-width:580px) { .cloudnavi .widt { width: 100%;} .cloudnavi p.img { width: 50%;} .contents_img { width: 100%;} } .contentsInner .navitop p { text-align: right;} /* /navi/beginner/ */ .beginnerCloud p.test { background-color: #f3f3f3; margin: 0 0 1em 1em; padding: 10px; float: right;} .beginnerCloud p.pgh-01 { display: inline-block;} .beginnerCloud .link-arr-01 a { background: url("/images/ico_list01.gif") 1px .4em no-repeat;} /* /navi/高さ固定/ */ .cloudnavi .lay-4clm-03 > .inner,.cloudnavi .lay-4clm-03 > .inner-r { min-height:270px; } @media only screen and (max-width:768px) { .cloudnavi .lay-4clm-03 > .inner,.cloudnavi .lay-4clm-03 > .inner-r { min-height:0; }} @media only screen and (max-width:580px) { .cloudnavi .lay-4clm-03 > .inner,.cloudnavi .lay-4clm-03 > .inner-r { min-height:0; }} /* /navi/見出し/ */ .navi_ttl-01 { font-size: 18px;font-size: 1.8rem; font-weight: bold;color:#fff;background:#4D4D4D;margin-bottom:1em;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .navi_ttl-01 span { display:block; padding:9px 17px 7px;-webkit-border-radius: 0 3px 3px 0;-moz-border-radius: 0 3px 3px 0;border-radius:0 3px 3px 0;} .navi_ttl-01 span span { padding:0; background:none;} /* eb高さ / ------------------------------------------------- */ .eb .lay-3clm-01 .inner,.eb .lay-3clm-01 .inner{min-height: 500px;} .dl.eb .lay-3clm-01 .inner,.dl.eb .lay-3clm-01 .inner-r {min-height: 400px;} @media only screen and (max-width:768px) { .dl.eb .lay-3clm-01 .inner,.dl.eb .lay-3clm-01 .inner-r{text-align: center;} } .dl.eb .btnBox{ max-width: 100%; } /* アイコン＆シンボル /icons/ ------------------------------------------------- */ #icons .btn02{ width:120px; } #icons > .lay-2clm-01 > div > .lay-2clm-01 > div{ padding-right:10px; } @media only screen and (max-width:768px) { #icons > .lay-2clm-01 > div .lay-2clm-01 > div{ float:left; width:calc((100% - 20px)/2); margin-right:20px; } #icons > .lay-2clm-01 > div .lay-2clm-01 > div.inner-r{ margin-right:0 ;} #icons > .lay-2clm-01 > .inner-r{ margin-top:20px; } } /* セキュリティ /security/ ------------------------------------------------- */ #security div div .lay-3clm-01 .box-l02{ padding:20px;} /* お問い合わせ ------------------------------------------------- */ #inquiryPage .box-flow { width:795px; margin:0 auto; _margin-left:54px; } #inquiryPage .box-p01 { width:775px; margin:0 auto; _margin-left:64px; } #inquiryPage .box-flow02 { width:100%; margin:0 auto; _margin-left:54px; } #sign_upPage .box-flow .btnBox.img_btn, #troublePage .box-flow .btnBox.img_btn{ margin:25px auto 0.5em;} /* イベント/ニュース　/cs/catalog/cloud_news/ ------------------------------------------------- */ #newsPage .paging { margin-bottom:1em; } #newsPage .paging .viewNo { float:left; } #newsPage .paging .pageNo { float:right; text-align:right; } #newsPage .section .section { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #999; } #newsPage #contents .txt { width:90%; border-bottom:none; float:left; } #newsPage .new { width:40px; float:left; } #newsPage .date, #newsPage .cate { font-size:86%; color:#666; } #newsPage .news {} #newsPage .snews p { margin-bottom:1em; } #newsPage .snews-txt-md .section { border-bottom:none; } #newsPage .snews-txt-btm { margin-top:10px; padding-top:10px; border-top:1px dotted #999; } #newsPage .btnBox {max-width:370px;} #newsPage .section .section.newsList {position:relative;} #newsPage .section .section.newsList .new { width:40px; float:none;position: absolute;top:0;left:0; } #newsPage #contents .section.newsList .txt { width:100%; border-bottom:none; float:none;padding:0 0 0 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } @media only screen and (max-width:768px) { /*.cateBox { text-align:center; }*/ .cateBox a { display:inline-block; } .paging.pagerBox .viewNo { float:none !important; display:block !important;} .paging.pagerBox .pageNo { float:none !important; display:block !important; text-align:left !important;} .paging.pagerBox .pageNo span {display:inline-block;} #newsPage .paging .viewNo { float:none; margin-bottom:1em;} #newsPage .paging .pageNo { float:none; text-align:left; } #newsPage #contents .txt { width:85%; border-bottom:none; float:left; } #newsPage .section .section.newsList {position:relative;} #newsPage .section .section.newsList .new { width:40px; float:none;position: absolute;top:0;left:0; } #newsPage #contents .section.newsList .txt { width:100%; border-bottom:none; float:none;padding:0 0 0 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; } #newsPage .snews .snews-txt-top .pkg {text-align:center;} #newsPage .snews .snews-txt-top p, #newsPage .snews .snews-txt-top h3, #newsPage .snews .snews-txt-top h4, #newsPage .snews .snews-txt-top h5, #newsPage .snews .snews-txt-top h6{ text-align:left; } #newsPage .snews .snews-txt-top p.img_btn { text-align:center; } #newsPage .snews .snews-txt-top .img_r {display: inline;margin: 0 0 1em ;} #newsPage .snews .snews-txt-top .img_l {display: inline;margin: 0 0 1em ;} } .pagerBox.lay-2clm-01 .inner-r {text-align:right;} @media only screen and (max-width:768px) { .pagerBox.lay-2clm-01>.inner {display:block;width:100%; margin-right:0;} .pagerBox.lay-2clm-01>.inner-r {display:block; text-align:left;width:100%; margin-right:0; } } /* パートナープログラム　/partner/index.htm #partnerPage ------------------------------------------------- */ /*#partnerPage .lower-main { padding-top:0; }*/ /*#partnerPage .lower-main h2 { margin:0; padding:0; height:auto; }*/ #partnerPage .tel { font-size:150%; } #partnerSignup .flow { padding:10px 10px 15px; text-align:center; background:url(/partner/signup/images/ptn4_gray_foot.gif) left bottom no-repeat; } /* FAQ #faqPage ------------------------------------------------- */ .faq-q { margin-bottom:1.5em; background:url(/images/faq/faq_ttl_bg_q_bt.gif) left bottom no-repeat #eee; font-weight:bold; } .faq-q span { display:block; min-height:35px; _height:35px; padding:1.2em 10px 1.2em 70px; background:url(/images/faq/faq_ttl_bg_q_tp.gif) left top no-repeat; } .faq-a { min-height:35px; _height:35px; margin-bottom:1em; padding:5px 0 0 40px; background:url(/images/faq/faq_ttl_bg_a.gif) 18px 0 no-repeat; } .faq-a .section { margin:0 15px; } .faq-a .section.case-lineup-logo { margin:0; } /* FAQ検索結果 #faqPage */ #mainSearch .searchList { list-style-type:decimal; margin-left:1.6em; } #mainSearch .ttl, #mainSearch .searchList li { margin-bottom:1em; } #mainSearch .url { font-size:90%; } #mainSearch .url a { color:#008000; } #mainSearch .url span { color:#666; } #mainSearch .pageNo { padding-top:1em; text-align:center; } #mainSearch .pageNo b, #mainSearch .pageNo .prev, #mainSearch .pageNo .next { padding:8px; } #mainSearch .pageNo a { padding:8px; border:1px solid #ddd; } #mainSearch .pageNo a:hover { background-color:#eee; } #mainSearch .pageNo .prev a, #mainSearch .pageNo .next a { border:none !important; } /* FAQ内検索（本文中） */ #searchFAQm p { float:left; font-weight:bold; margin:2px .5em 0 0; } #searchFAQm input { float:left; } #searchFAQm #searchbox3 { width:300px; margin-right:5px; height:16px; _height:25px; padding:4px 0 4px 4px; border:1px solid #dbdbdb; } .okw_parts_search { /*background: #f2f3f4;*/ padding-bottom: 5px; /*margin-top: 10px;*/ } .okw_parts_search .ttl_col .icoKeyword{ font-size: 14px; /* 文字サイズ */ font-weight: bold; /* 文字太さ */ color: #000000; padding: 0px 10px 2px; background: none; position: relative; display: block; } /*.okw_parts_search .ttl_col .icoKeyword::before{ content:""; display:inline-block; position:absolute; width:30px; height:1px; border-radius:3px; background: -webkit-linear-gradient(left, #7bcadf 1%,#1bb6c3 13%,#3e9fd6 27%,#4d93cf 42%,#7177a7 62%,#e797b5 80%,#f7cdd0 100%); background: linear-gradient(to right, #7bcadf 1%,#1bb6c3 13%,#3e9fd6 27%,#4d93cf 42%,#7177a7 62%,#e797b5 80%,#f7cdd0 100%); bottom:6px; left:24px; }*/ .search_faq_type{display: none;} .search_frmArea .keyword_frmbtn { background: -webkit-linear-gradient(left, #22488e 0%,#26599e 33%,#2773b5 66%,#327fbb 100%); background: linear-gradient(to right, #22488e 0%,#26599e 33%,#2773b5 66%,#327fbb 100%); width: 100px; } .search_frmArea .keyword_frmbtn:hover{ color: #ffffff; opacity: 0.8; background: -webkit-linear-gradient(left, #22488e 0%,#26599e 33%,#2773b5 66%,#327fbb 100%); background: linear-gradient(to right, #22488e 0%,#26599e 33%,#2773b5 66%,#327fbb 100%); } /* ------------------------------ keyword search ------------------------------ */ /* 領域 */ .search_frmArea { margin: 0 10px 8px; /* 周囲余白 */ } /* 説明文 */ .search_description{ font-size:80%; /* 文字サイズ */ color:#666666; /* テキスト色 */ margin: 0; /* 周囲余白 */ } /* フォーム */ .keyword_frm { width: 57%; /* 幅 */ height: 28px; /* 高さ */ float: left; /* 表示配置 */ border: 1px #909091 solid; /* 罫線スタイル */ line-height: 2.0; /* テキスト高さ */ font-size: 100%; /* 文字サイズ */ letter-spacing: 1.8px; /* 文字間 */ padding: 0 2px; } /* 自然文フォーム */ .n_keyword_frm{ background-color: #FCFCFC; /* 背景色 */ border: 1px solid #CCCCCC; /* 罫線 */ min-width: 200px; width: 100%; /* 幅 */ } .n_keyword_frm:focus{ background-color: #FFFFFF; /* 背景色 */ } /* ボタン */ .keyword_frmbtn { background: transparent url("/nifcloud-faqadmin/usr/file/attachment/bg_btn.png") no-repeat scroll left top; /* 背景 */ width: 76px; /* 幅 */ height: 30px; /* 高さ */ color: #FFFFFF; /* テキスト色 */ /*font-weight: bold;*/ /* 文字太さ */ border: 0; /* 罫線 */ font-size: 100%; /* 文字サイズ */ } /* 自然文ボタン */ .n_keyword_frmbtn{ background: url("/nifcloud-faqadmin/usr/file/attachment/bg_btn.png") no-repeat scroll left top transparent; width: 76px; /* 幅 */ height: 34px; /* 高さ */ color: #555; /* テキスト色 */ /* font-weight: bold;*/ /* 文字太さ */ border: 0; /* 罫線 */ font-size: 14px; /* 文字サイズ */ float:right; margin:5px 0 0 0; /* 周囲余白 */ display:block; } .keyword_frmbtn:hover, .n_keyword_frmbtn:hover { background: url("/nifcloud-faqadmin/usr/file/attachment/bg_btn_h.png") no-repeat scroll left top transparent; color: #18A3DC; } /* 検索切り替え */ .search_switch{ font-size:0.9em; /* 文字サイズ */ margin: 5px auto 0 0; /* 周囲余白 */ } /* 検索絞込み */ .search_target { margin:0 20px 0 0; float:left; } .search_keyword_morph { float:left; } .kwd_none { margin: 15px 3px 20px 0px; /* 周囲余白 */ background-color: #F6FFF2; /* 背景色 */ border: 1px solid #E4E4E4; /* 罫線 */ padding: 20px; /* 余白 */ } /* 検索サジェスト 表示基点 */ .search_frmArea{ position: relative; } /* 検索サジェスト　表示調整 */ .search_suggest_area{ position:relative; width:100%; } /* 検索サジェスト */ .search_suggest { position: absolute; background-color: #FFFFFF; border-right: 1px solid #DCDCDC; border-left: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; max-height: 100px; min-height: 25px; overflow: auto; left: 0; top: 0; width: 70%; margin-top: 0px; } /* 検索サジェスト　IE6対応 */ .search_suggest{ _height: 100px; } /* 検索サジェスト　サジェスト単語 */ .search_suggest div { padding: 1px; display: block; overflow: hidden; white-space: nowrap; } .search_suggest div.over{ background-color: #EEEEEE; } /* ------------------------------ qa list ------------------------------ */ /* 領域 */ .qaList { margin: 5px 10px 10px; /* 周囲余白 */ } /* 1 行 */ .qaList li { background: transparent url("/nifcloud-faqadmin/usr/file/attachment/arrow.png") no-repeat scroll left center; /* 背景 */ padding: 0 0 0 13px; /* 余白 */ margin-bottom: 5px; /* 周囲余白 */ word-break: break-all; /* 改行位置 */ word-wrap: break-word; /* 改行指定 */ } .search_FAQ_parts { border: solid 1px #CCCCCC; padding: 10px; } /* サポート関連 #supportPage ------------------------------------------------- */ #supportPage .clm-title h4 { margin-bottom:.5em; padding:5px 8px; background-color:#2894D2; font-size:1.2em; font-weight:bold; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } #supportPage .clm-title h4 img { float:right; } #supportPage #login .box-p02 p { padding-top:35px; text-align:center; } #supportPage #login .box-p02 img { margin-bottom:5px; } #supportPage .clm-sub td p { margin-bottom:5px; } #supportPage .searchFAQ { margin-top:10px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; } #supportPage .icon { display:block; float:left; width:92px; } #supportPage .date { display:block; float:left; width:72px; } #supportPage .tel { margin:2px 0 !important; font-size:185%; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } /* 新規申込特典 #firstPage ------------------------------------------------- */ #firstPage #vmimport { padding-bottom:1em; } #firstPage #vmimport img { margin-bottom:20px; float:left; } .img_lyt .w56{ width:56%; } .img_lyt .w40{ width:40%; } /* /policy/security.htm 適用範囲について ------------------------------------------------- */ .triangleTop { height:108px;} /* 検索ボックス .srchBox ------------------------------------------------- */ .srchBox {width:240px;} @media only screen and (max-width:768px) { .srchBox {width:222px;} } /* iframeレスポンシブ .movie-wrap ------------------------------------------------- */ @media only screen and (max-width:580px) { .movie-wrap{ position: relative; padding-bottom: 56.25%; /*padding-top: 30px;*/ height: 0; overflow: hidden; } .movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }} #contents .btn.btn-gray{ background: #686868; opacity: 1; box-shadow:none; } #contents .btn.btn-gray::after{ background: none; } /* サーバータイプ比較表 ------------------------------------------------- */ .tbl-type { display: flex; justify-content: space-between; } .tbl-type li{ width: 30%; text-align: center; margin: 50px 20px 30px; } .tbl-type li p { font-size: 12px; } .tbl-type li > p { padding: 5px; } .tbl-type li > .ttl-type,.tbl-type span { font-size: 24px; } .tbl-type li > p:first-of-type { padding-top: 30px; } .tbl-type li > p:first-of-type,.tbl-type li { border-bottom: solid 4px #CCCCCC; } .tbl-type li .border_type { border-bottom: solid 1px #CCCCCC; } .tbl-type li .type-box { padding: 10px; } .tbl-type li .type-box .ttl-type{ background-color: #CCCCCC; width: 95px; margin: 0 auto; border-radius: 8px; font-size: 12px; padding: 2px; margin-bottom: 5px; } .tbl-type li.type-recommended { position: relative; } .tbl-type li.type-recommended > .ttl-type,.tbl-type li.type-recommended span{ font-weight: bold; } .tbl-type li.type-recommended:before { content: ""; display: inline-block; position: absolute; width: 109%; height: 105%; bottom: -19px; left: -17px; border: solid 6px #D72161; background: rgba(33, 39, 98, 0); } .tbl-type li.type-recommended:after { content: "おすすめタイプ"; font-size: 18px; color: #FFFFFF; font-weight: bold; display: inline-block; position: absolute; width: 109%; height: 30px; top: -40px; left: -17px; border: solid 6px #D72161; background: #D72161; padding-top: 5px; border-radius: 10px 10px 0 0; } /* SEハンドブック ------------------------------------------------- */ #se_handbook h3{ font-size: 18px;font-size: 1.8rem; font-weight: bold;color:#fff;background:#08213D;border-left:10px solid #09a29e;margin-bottom:1em;border-radius: 3px; padding:9px 17px 7px;} #se_handbook h4{margin-top: 20px; } #se_handbook h4,#toctitle{ font-size: 18px;font-size: 1.8rem; font-weight: bold;color:#fff;background:#00408F;border-left:10px solid #3C75AF;margin-bottom:1em;border-radius: 3px; padding:9px 17px 7px; } #se_handbook h5{line-height:1.1;padding-left:9px; margin-bottom:.5em;margin-top: 20px; border-left:4px solid #009e94; font-weight:bold; } #se_handbook h6{margin-bottom:.5em; font-weight:bold; margin-top: 5px;} #se_handbook .sectlevel1 li a{ padding-left:10px; background:url("/images/ico_list01.gif") 1px .4em no-repeat;} #se_handbook .ulist > ul > li,#se_handbook .ulist > ul > li > ul > li, #se_handbook .olist > ol > li,#se_handbook .olist >ol > li > ol > li{ padding-left:15px; background:url(/images/top_main_line.gif) no-repeat 5px .5em; } #se_handbook div.olist.arabic ol.arabic, #se_handbook div.olist.arabic ol.arabic div.olist.numeric ol.numeric {counter-reset: section;} #se_handbook div.olist.arabic ol.arabic > li, #se_handbook div.olist.arabic ol.arabic div.olist.numeric ol.numeric > li{list-style: none;padding-left:15px; background:none;} #se_handbook div.olist.arabic ol.arabic > li:before, #se_handbook div.olist.arabic ol.arabic div.olist.numeric ol.numeric > li:before{ content : counter(section) ". "; counter-increment : section; } #se_handbook div.olist.arabic ol.arabic > li > p, #se_handbook div.olist.arabic ol.arabic div.olist.numeric ol.numeric > li > p{display: inline; padding-left: 5px;} #se_handbook .dlist dl dt.hdlist1{ margin-top: 5px; margin-bottom:3px; font-weight:bold; } #se_handbook .dlist dl dd{ margin-left: 20px; } #se_handbook .sectlevel2 .sectlevel3,#se_handbook .sectlevel2 .sectlevel3 .sectlevel4{ margin-left: 18px;} #se_handbook #footnotes hr{ display: block; width: 150px; height: 0.1px; border-color: #FFFFFF; background-color: #e3e3e3; text-align: left; margin-left: 0;} #se_handbook #footnotes .footnote {font-size: 12px; font-size: 1.2rem;} #se_handbook table { width:100%; border:1px solid #e3e3e3; border-bottom:none; border-right:none; } #se_handbook table th,#se_handbook table td { padding:6px 8px; border-right:1px solid #e3e3e3; background:url("/images/service_table_td_bg.gif") 0 100% repeat-x;} #se_handbook table th,#se_handbook table tfoot td { background:url("/images/service_table_th1_bg.gif") 0 100% repeat-x #f2f2f2; } #se_handbook img{display: block; margin: auto;} #se_handbook #toc{margin-bottom: 15px;} #se_handbook .sectionbody{margin-bottom: 30px;} #se_handbook #mainContents{margin-bottom: 30px;} #se_handbook .listingblock .content pre { display:block; min-height:3em; padding:5px 5px 30px; max-width:980px; overflow:auto; white-space:pre; _white-space:break; border:1px solid #000000; background-color:#000000; color: #FFFFFF;}