@charset "UTF-8"; /* CSS Document */ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 02:サイドバー用 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainSidemenuArea ul#mainSidemenuBannerBox .sideCatalogBanner { position: relative; } #mainSidemenuArea ul#mainSidemenuBannerBox .sideCatalogBanner a { position: absolute; display: block; width: 87px; height: 30px; left: 80px; text-indent: 101%; overflow: hidden; } #mainSidemenuArea ul#mainSidemenuBannerBox .sideCatalogBanner a.topCatalogInnerV7 { background:url(/common/images/sidemenu_bn_catalog7_btn.jpg) no-repeat; background-size: 100% auto; background-position: left top; top: 28px; left: 56px; } #mainSidemenuArea ul#mainSidemenuBannerBox .sideCatalogBanner a.topCatalogInnerV7plus { background:url(/common/images/sidemenu_bn_catalog7plus_btn.jpg) no-repeat; background-size: 100% auto; background-position: left top; top: 28px; left: 142px; } #mainSidemenuArea ul#mainSidemenuBannerBox .sideCatalogBanner a:hover { background-position: bottom left; } /*フレーム*/ #mainFrontProductInner h3 img { margin:0 2px 3px 2px; } #mainFrontProductLeftBox { float:left; width:315px; margin-top:20px; } #mainFrontProductLeftBox img {max-width:310px;} #mainFrontProductRightBox { min-height: 400px; float:right; width:800px; margin-top:20px; padding-bottom: 30px; } /*詳細ページ*/ #mainFrontRecommendationProductBox { margin-top:8px; } .mainFrontOuterZone { margin-top:20px; padding-bottom: 30px;} #mainFrontProductLeftBox #mainFrontProductLeftWebcatalog { margin:10px 0; float:left; } #mainFrontProductLeftBox ul#mainFrontProductLeftList { margin:10px 0 0 5px; float:left; width:73%; } #mainFrontProductLeftBox ul#mainFrontProductLeftList li.bookcontentList { background:url(/common/images/icon_bookcontent.gif) no-repeat left top; } #mainFrontProductLeftBox ul#mainFrontProductLeftList li a { background:url(/common/images/icon_linkjump.gif) no-repeat right center; padding-right:20px; } #mainFrontProductLeftBox ul#mainFrontProductLeftList img { padding:0 5px 4px 5px; } #mainFrontProductRightBox table { border:solid 1px #cecece; width:100%; } #mainFrontProductRightBox table th { border:solid 1px #cecece; width:95px; background-color:#e9f3f7; padding:10px auto; text-align:center; } #mainFrontProductRightBox table td { padding:10px; border:solid 1px #cecece; } ul#mainFrontSoftwareBtnZone { overflow: hidden;} ul#mainFrontSoftwareBtnZone li { float: left; margin-left: 0; padding: 5px 0px 5px 12px; } ul#mainFrontProductRightBtnZone { margin: 12px 0 8px 0; } ul#mainFrontProductRightBtnZone::after { content: ""; display: block; opacity: 0; clear: both; } ul#mainFrontProductRightBtnZone li { float:left; margin-left:3px; margin-left:0; } ul#mainFrontProductRightBtnZone li:first-child { margin-left:0; } ul#mainFrontProductRightListZone { clear:both; padding:10px 0; } ul#mainFrontProductRightListZone li { background:url(/common/images/icon_pdf.gif) no-repeat left 0.1em; line-height:2; } ul#mainFrontProductRightListZone li a { display:block; padding-left:25px; } #mainFrontProductRightNetisZone { font-size:108%; background:url(/common/images/ten_line_top.gif) no-repeat; } #mainFrontProductRightNetisZone #mainFrontProductRightNetisName { float:left; padding:17px 0 10px 50px; font-weight:bold; letter-spacing:1px; background:url(/common/images/bg_netis_name.gif) no-repeat left 1.4em; word-wrap:break-word; width:53%; } #mainFrontProductRightNetisZone #mainFrontProductRightNetisBtn { margin:0; padding:10px 0 10px; text-align:right; } p#productRelationBorder { background:url(/common/images/ten_line_top.gif) no-repeat; padding-top:7px; } #mainFrontProductBottomBox { clear:both; margin-top:10px; padding-top:30px; } #mainFrontProductBottomBox h4, #mainFrontArea #mainFrontCenterDetailZone .mainFrontCenterDetailItem h4 { font-size:108%; background:url(/common/images/icon_bar.gif) no-repeat; padding-left:20px; border-bottom:solid 1px #E3E3E3; margin-bottom:15px; line-height:1.1; } .mainFrontOuterZone div { float:left; width:171px; margin:0 12px 10px 12px; } .mainFrontOuterZone div p { float:none; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone img {max-width:276px;} #mainFrontRecommendationInner { padding-top:20px; } .mainFrontOuterZone a span, #searchProductResultInner div span { background:url(/common/images/rental_mark.png) left 0.4em no-repeat; padding-left:0.7em; display:block; word-break: break-all; } .mainFrontOuterZone span img, #searchProductResultInner div span img { padding:0 5px; vertical-align:middle; } #mainFrontRecommendationWordBox { background:#e9f3f7; width:700px; padding:15px 10px 0; margin-top:20px; } #mainFrontRecommendationWordBox ul { margin-left:10px; background:url(/common/images/ten_line_bottom.png) left bottom repeat-x; padding-bottom:10px; } #mainFrontRecommendationWordBox ul li { float:left; width:18%; background:url(/common/images/mark_pc.png) no-repeat left 0.6em; padding:2px 0 2px 0.8em; } #mainFrontRecommendationWordBox ul li a { line-height:1.5em; font-size:93%; } #mainFrontRecommendationWordBox ul#mainFrontRecommendationWordBtn { margin-left: 0; padding:10px 0; background:none; } #mainFrontRecommendationWordBox ul#mainFrontRecommendationWordBtn li { background:none; float:left; width: 230px; padding: 2px 0 2px 5px; } #mainFrontRecommendationWordBox.mainFrontRecommendationWordBoxSystem li:first-child { margin-left: 5px; } #mainFrontRecommendationWordBox.mainFrontRecommendationWordBoxSystem ul#mainFrontRecommendationWordBtn li { width: 147px; } #mainFrontRecommendationWordBox ul#mainFrontRecommendationWordBtn li:first-child { padding: 2px 0 2px 0; } #mainFrontRecommendationWordBox ul#mainFrontRecommendationWordBtn li a img { width: 100%; } #mainFrontRecommendationBannerBox p { padding:30px 0 15px; } .mainFrontOuterMaker { font-size:85%; margin:0; line-height:1.5; } .mainFrontOuterZone .mainFrontRelevance { font-size:85%; } #commonDetailMainte { width:100%; padding:150px 0; text-align:center; } #commonDetailMainte p { padding:5px 15px; text-align:center; background:#f1f1f1; display:inline-block; *display:inline; *zoom:1; font-weight:bold; font-size:116%; } #mainFrontProductRightBox #explanation { margin-left:10px; } #mainFrontProductRightBox #explanation p { margin-bottom:1em; } #mainFrontSystemDetailInner { clear:both; padding-top:20px; } #mainFrontSystemDetailInner #mainFrontRecommendationWordBox { padding:0; width:100%; } /* 160113追加 */ .movieZoneWrap { float: left; } .movieZone { width:310px; float: left; padding-top:20px; } .movieZone + .movieZone { clear: both; padding-top: 20px; } /* .movieZone:nth-of-type(2n + 1) { margin-left: 0; } */ .movieZone ul.smsLinkList p { margin: 10px 0; } .movieZone ul.smsLinkList li:first-child { margin-top: 10px;} .movieZone ul.smsLinkList li a { padding: 0 15px 1px 12px; position: relative; background: url(/common/images/icon_linkjump.gif) no-repeat right center; text-decoration: none; border-bottom: 1px solid; display: block; } .movieZone ul.smsLinkList li a::before { content: ""; background: url(/common/images/rental_mark.png) left center no-repeat; display: block; top: 1px; left: 2px; position: absolute; width: 16px; height: 16px; border-radius: 2px; } .movieZone ul.smsLinkList li a:hover { opacity: 0.7; } .movieZone ul.smsLinkList li:not(:last-child) { margin-bottom: 10px; } .movieZone .iframeOuter { position:relative; margin-bottom: 10px; padding-bottom:56%; padding-top:30px; height:0; } .movieZone .iframeOuter iframe { width:100%; height:100%; position:absolute; top:0; left:0; border: 2px solid #9a9a9a; box-sizing: border-box; } @media screen and (max-width: 640px) { .movieZone .iframeOuter iframe { border: none; } } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 03:扉ページ用 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #cateTopFirstBtnArea #cateTopSearchInner { float:left; width:780px; height: 140px; } body#rental #cateTopSecondBtnArea ul#cateTopSecondBtnRentalInner li:first-child, body#rental_system #cateTopSecondBtnArea ul#cateTopSecondBtnRentalInner li:first-child { margin-left:0; } #cateTopSecondBtnArea ul#cateTopSecondBtnRentalInner li { float:left; } /*rental*/ body#rental #cateTopFirstBtnArea #cateTopSearchInner { background:url(/rental/images/rental_bn_bg.gif); } body#rental #cateTopFirstBtnArea #cateTopSearchInner ul { margin-left:14px; } body#rental #cateTopFirstBtnArea #cateTopSearchInner ul li { float:left; margin:0 6px 0 5px; } body#rental #cateTopSecondBtnArea ul#cateTopSecondBtnRentalInner li { margin-left:17px; } /*rental_system*/ body#rental_system #cateTopFirstBtnArea #cateTopSearchInner { background:url(/rental_system/images/rental_system_bn_bg.gif) repeat-x; } body#rental_system #cateTopFirstBtnArea #cateTopSearchInner ul { margin-left:12px; } body#rental_system #cateTopFirstBtnArea #cateTopSearchInner ul li { float:left; margin:0 6px; } body#rental_system #cateTopSecondBtnArea ul#cateTopSecondBtnRentalInner li { float:left; margin-left:11px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 04:検索ページ用 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*テキストボックス共通*/ .topSearchArea { font-family: "Noto Sans JP"; font-weight: 500; padding-top: 40px} .topSearchArea form {margin: 0 auto; width:980px; position: relative; white-space: nowrap; } .topSearchArea #searchWordBox {font-size: 14px;text-indent: 24px;background: url(/common/images/icon_search_gray.svg) left 8px top 5px no-repeat;background-size: 13px 18px;width: 913px;height: 30px;padding: 0px 10px 2px 10px;border-radius: 2px 0 0 2px;vertical-align: top;padding-left: 5px;color: #222222;box-sizing: border-box;display: inline-block;border: 1px solid #a9a9a9; border-radius:30px; margin-top: 10px;} .topSearchArea #searchWordBox::placeholder { color: #b7b7b7; } .topSearchArea #searchWordBtn img { width: 50px; } .topSearchArea .SearchAreaTxt { text-align: center; font-size: 15px; margin: 0 0 5px 0; } .topSearchArea button { position: relative; margin-left: 3px; line-height: 1px; } .topSearchArea button:hover { opacity: 0.5;} /*category*/ #productTabInner { margin: 20px 0; } #productTabInner h3 { float:left; } #productCategoryInner { margin:10px 5px 5px 10px; } .categoryListBox { width:170px; float:left; margin:11px; font-size:93%; } .categoryListBox img { max-width:170px; } .categoryListBox ul li { background:url(/common/images/ten_line_bottom.png) left bottom repeat-x; } .categoryListBox ul li.fontTiny { font-size:93%; } .categoryListBox a { text-decoration: none; } .categoryListBox strong { padding:1px 0 3px 5px; width:100%; text-decoration:none; position: relative; box-sizing: border-box; } .categoryListBox .spDisplayNone strong { width: 100%; color: white; font-weight: bold; display: block; font-family: 'Noto Sans JP'; font-weight: normal; } .categolyColor1 { background: #768dc5; } .categolyColor2 { background: #7bb3d3; } .categolyColor3 { background: #7db27b; } .categolyColor4 { background: #bbcf4d; } .categolyColor5 { background: #dad612; letter-spacing: -1px; padding:1px 0 3px 4px; } .categoryListBox .spDisplayNone strong.categolyColor5 span { transform: scale(0.99, 1); transform-origin: top left; display: block; } .categolyColor6 { background: #d5a73b; } .categolyColor7 { background: #c15932; } .categolyColor8 { background: #c0518f; } .categolyColor9 { background: #916aa4; } .categolyColor10 { background: #3b548a; } .categolyColor11 { background: #5289b0; } .categolyColor12 { background: #427662; } .categolyColor13 { background: #99a227; } .categolyColor14 { background: #9c8322; } .categolyColor15 { background: #753b26; } .categolyColor16 { background: #4d4d4d; } .categoryListBox .spDisplayNone strong span { font-size: 13.5px; white-space: nowrap; } .categoryListBox ul li { background:url(/common/images/ten_line_bottom.png) left bottom repeat-x; } .categoryListBox ul li.fontTiny { font-size:93%; } .categoryListBox ul li a { display:block; padding:5px 0 5px 10px; width:160px; text-decoration:none; background:url(/common/images/rental_mark.png) left 0.9em no-repeat; } #footerJumpSection p#prevTop { background:url(/rental/images/keyword_prev_mark.gif) left center no-repeat; padding:0 0 0 10px; clear:right; float:left; margin:10px 0 20px 5px; } #spFooter { clear:both; } #systemPhotoInner div { width:255px; margin:0 19px 0 18px; float:left; } p.systemProductNoIcon { margin-top:22px; } p.systemProductMark { text-align:right; margin-bottom:5px; } p.systemProductMark img { margin-left:5px; } #systemPhotoInner div p.systemProductMark img { padding-bottom:0; } #systemSceneInner li { margin:0 0 20px 20px; float:left; width:165px; } #systemSceneInner li img { width:100%; } #systemSceneInner li span { margin-top:5px; } /*measurement*/ #mainFrontArea p#searchstartBtn { display:block; position:fixed; bottom:2em; right:0.6em; width:50px; height:50px; z-index: 10000; } #mainFrontArea p#searchstartBtn.pos_abs { position:absolute; top:-60px; } #mainFrontArea #mainFrontCenterBox .measurementArea{ width: 980px; margin: 0 auto; padding-bottom: 100px;} #mainFrontArea #mainFrontCenterBox .categoryListHeader li { float: left; margin: 5px 0 5px 15px; zoom: 1; overflow: hidden;} #mainFrontArea #mainFrontCenterBox .categoryListHeader a { color: -webkit-link;} #mainFrontArea #mainFrontCenterBox .categoryListZone { margin-top:-130px; padding-top:130px;} #mainFrontArea #mainFrontCenterBox .categoryListZone ul li span{ padding-left: 4px; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor: default;} #mainFrontArea #mainFrontCenterBox .categoryListZone ul li input{ float: left; clear: both; margin: 2px 0 2px 3px;} /*maker*/ #mainFrontArea #mainFrontCenterBox .makerArea{ width: 980px; margin: 0 auto; padding-bottom: 100px;} #mainFrontArea #mainFrontCenterBox .makerListHeader { margin: 30px 0 40px 0;} #mainFrontArea #mainFrontCenterBox .makerListHeader ul { margin: 0 auto; display: table;} #mainFrontArea #mainFrontCenterBox .makerListHeader a { color: -webkit-link;} #mainFrontArea #mainFrontCenterBox .makerListChild { margin: 0px 15px;} #productCenterArea #productKeywordInner{ background:#e9f3f7; width:980px; margin-top:20px; padding: 3px 0 10px 0; } #productCenterArea #productKeywordInner h3{ background:url(/rental/images/keyword_searchbox_mark.gif) no-repeat left center; padding:5px 0 5px 1em; } #productCenterArea #productKeywordInner .spDisplayNone a { text-decoration: none; } #productCenterArea #productKeywordInner .spDisplayNone strong { display: block; padding:1px 0 3px 5px; width:100%; text-decoration:none; position: relative; box-sizing: border-box; } #productCenterArea #productKeywordInner .spDisplayNone strong { width: 100%; color: white; font-weight: bold; display: block; font-family: 'Noto Sans JP'; font-weight: normal; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor1 { background: #768dc5; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor2 { background: #7bb3d3; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor3 { background: #7db27b; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor4 { background: #bbcf4d; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor5 { background: #dad612; letter-spacing: -1px; padding:1px 0 3px 4px; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor5 span { transform: scale(0.99, 1); transform-origin: top left; display: block; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor6 { background: #d5a73b; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor7 { background: #c15932; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor8 { background: #c0518f; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor9 { background: #916aa4; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor10 { background: #3b548a; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor11 { background: #5289b0; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor12 { background: #427662; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor13 { background: #99a227; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor14 { background: #9c8322; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor15 { background: #753b26; } #productCenterArea #productKeywordInner .spDisplayNone strong.categolyColor16 { background: #4d4d4d; } #productCenterArea #productKeywordInner .spDisplayNone strong span { font-size: 13.5px; white-space: nowrap; } #productCenterArea #wordSearchBox { border-bottom: solid 1px #c7c7c7; margin: 0 10px; padding: 15px 0; } #productCenterArea #wordSearchBox:after { content: ""; display: block; clear: both; } #productCenterArea #wordSearchBox h3 { float:left; background:url(/rental/images/keyword_searchbox_mark.gif) no-repeat left center; padding:5px 0 5px 1em; } #productCenterArea #wordSearchBox form { position: relative; float:right; vertical-align: top; } #productCenterArea #wordSearchBox form #searchWordBox,#productCenterArea #wordSearchBox form #searchWordBoxSecond { width:710px; height: 32px; vertical-align:top;border: 1px solid #cecece;padding-left:7px;color:#222222;box-sizing: border-box;display: inline-block; } #productKeywordInner #categorySearchBorder { border:solid 1px #2f8fb6; background:#ffffff; width:960px; margin:10px auto; padding: 10px 0 20px 0; } #productKeywordInner #checkSearchBox h3 { margin:10px; } #productKeywordInner #checkSearchBorder ul { margin: 30px 0 20px 0;} #productKeywordInner #checkSearchBorder .categoryListZone ul li input { margin:5px 0 5px 2px; } #productKeywordInner #checkSearchBorder ul li input { float:left; clear:both; margin:5px 3px; } #productKeywordInner #checkSearchBorder #checkSearchManufacturer ul li input { margin:5px 0 5px 2px; } #productKeywordInner #checkSearchBorder ul li p { display:block; margin:3px 5px 3px 0; padding-left: 7px; width:80%; float:left; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor: default; } #productKeywordInner #checkSearchBorder ul li span { padding-left: 4px; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; cursor: default; } #productKeywordInner #checkSearchBorder ul li input:checked + p, #productKeywordInner #checkSearchBorder ul li input:checked + span { color: #2f75d4; font-weight: bold; } #productKeywordInner #checkSearchBorder ul li { float: left; margin: 5px 0 5px 15px; zoom: 1; overflow: hidden;} #productKeywordInner #checkSearchBorder h4 { font-size:108%; margin:15px 15px 10px; } #productKeywordInner #checkSearchBorder h5 { color:#ffffff; width:170px; padding:0; font-size:100%; font-weight:normal; } #productKeywordInner #checkSearchBorder .categoryListZone h5 img { max-width:175px; } #productKeywordInner #checkSearchBorder #checkSearchManufacturer { margin:10px 15px 0 15px; } #productKeywordInner #checkSearchBorder #checkSearchManufacturer h4 { margin-left:0; } #productKeywordInner #checkSearchBorder #checkSearchManufacturer dt { float:left; clear:left; width:40px; padding:10px 10px 10px 9px; margin-top: -150px; padding-top: 160px;} #productKeywordInner #checkSearchBorder #checkSearchManufacturer dt:first-child + dd { background: none; } #productKeywordInner #checkSearchBorder #checkSearchManufacturer dd { background:url(/common/images/ten_line_top.gif) left top repeat-x; padding:5px 0 5px 40px; } #productKeywordInner #checkSearchBorder #checkSearchManufacturer dd ul { margin:0; zoom:1; overflow:hidden; } #productKeywordInner #checkSearchBorder #checkSearchManufacturer dd ul li { float:left; margin-left:15px; zoom:1; overflow:hidden; } #productKeywordInner #checkSearchBorder #checkSearchManufacturer p { border-bottom:solid 1px #c7c7c7; border-top:solid 1px #c7c7c7; padding:10px 5px; } #productKeywordInner #checkSearchBorder #checkSearchManufacturer p input { display:block; float:left; clear:both; margin:2px 3px; } #productKeywordInner #checkSearchBorder p.searchstartBtn:after { content: ""; display: block; clear: both; } #productKeywordInner #checkSearchBorder p.searchstartBtn button { position:fixed; right:70px; bottom:70px; } #productKeywordInner #checkSearchBorder p.searchstartBtn button:hover { opacity: 0.8; } #productKeywordInner #checkSearchBorder p.searchstartBtn button span { position: relative; margin-left: 18px; } #productKeywordInner #checkSearchBorder p.searchstartBtn button span:before { content: ""; position: absolute; background: url(/rental/images/filter.svg) left top no-repeat; width: 18px; height: 18px; left: -27px; top: 5px; } #productKeywordInner #checkSearchBorder .searchstartBtn button:disabled { opacity: 0.6; cursor: default; } #productKeywordInner #checkSearchBorder .searchstartBtn button:disabled:hover { opacity: 0.6; } /*結果*/ #searchCenterArea h3 { margin-top:10px; } #searchCenterArea p#searchWordResult { padding:10px 0; background:url(/common/images/ten_line_bottom.png) left bottom repeat-x; } #searchCenterArea #searchResultInner { padding: 5px 0 10px 0; text-align: center; border: dotted #b2b2b2; border-width: 1px 0; } #searchCenterArea #searchResultInner p { margin:5px 0; } #searchCenterArea ul.productPageBox li { border:solid 1px #b7b7b7; display:inline-block; *display:inline; *zoom:1; margin:0 2px 5px; } #searchCenterArea ul.productPageBox li a { text-decoration:none; padding: 2px 6px; display: block; } #searchCenterArea ul.productPageBox li.pageOn { background:#efefef; padding:2px 6px;} #searchCenterArea #searchProductInner { margin:5px; } #searchProductInner div { float:left; margin:18px 0 0 12px; width:170px; } #searchProductResultInner div { float:left; margin:18px 0 0 21px; width:170px; } #searchProductInner div img { vertical-align:middle; } .productRentalSystemName { background:url(/common/images/rental_system_mark.png) left 0.4em no-repeat; padding-left:0.7em; display:inline-block; *display:inline; *zoom:1; } .productResultMark { padding-left:2px; } .productRentalName img { margin:0 5px; vertical-align:middle; } .productResultBox p.productRentalSystemName { background:url(/common/images/rental_system_mark.png) left 0.4em no-repeat; padding-left:0.6em; margin-top:5px; } .productResultMark { padding-left:0.6em; } .productResultMark img { vertical-align:middle; margin-right:5px; } p.productResultNetis { background:url(/common/images/icon_netis.gif) left 0.4em no-repeat; padding-left:37px; font-size:85%; } #searchPagerBottomInner { background:url(/common/images/ten_line_top) left top repeat-x; padding:15px 0; text-align:center; clear:both; margin:50px 0 20px; } #productResultThemeInner { padding:10px 0; } ul#productSearchResult { float:left; } ul#productSearchResult li { margin-bottom:5px;} ul#productSearchResult span { color:#2299e9; font-weight:bold;} p#productChangeCondition { float: left; } #searchCenterArea #productBackInner { padding-top:30px; margin-bottom: 85px; } #searchCenterArea #productBackInner ul#productBackButton { background:#e9f3f7; width:100%; padding:10px 0; } #searchCenterArea #productBackInner ul#productBackButton li { float:left; margin-left:10px; } p#productBackTop { background:url(/rental/images/keyword_prev_mark.gif) left center no-repeat; padding-left:1em; margin-top:30px; } .productCateInner .pdr0 { padding-right:0; } #mainFrontArea #productDetailBg { background:url(/rental/images/rental_bn_bg.gif) left center repeat-x; padding:0 5px; margin:0 5px; font-size:85%; } #mainFrontArea #mainFrontProductInner .productNetisBox { margin:10px 0 40px; } #mainFrontArea .productNetisBox ul li.productResultNetis { background:url(/common/images/icon_netis.gif) left center no-repeat; margin:0; padding-left:3em; line-height:1.2; } #mainFrontArea #mainFrontProducFaqInner { border-top:solid 1px #dddddd; padding-top:15px; } #mainFrontArea #mainFrontProducFaqInner ul { padding-top:5px; } #mainFrontArea #mainFrontProducFaqInner ul li { list-style:disc inside; padding-left:0.7em; font-size:90%; } #mainFrontArea #mainFrontProducFaqInner a { background:url(/common/images/mark_pc.png) no-repeat left 0.5em; padding-left:0.7em; margin-top:15px; display:inline-block;} .systemSceneBox { float:left; margin:0 0 20px 20px; } .systemSceneBox img { padding-bottom:5px; } #systemPhotoInner { padding-bottom:100px; } .openButton { display:none; } /*--検索結果内再検索領域--*/ .ReSearchArea { margin-bottom: 20px; } .ReSearchArea .ReSearchAreaInner { background: #e9f3f7; width: 100%; margin-top: 20px; padding: 18px 10px 15px 10px; box-sizing: border-box; } .ReSearchArea .ReSearchAreaInner #wordSearchBox { width: 100%; border-bottom: 0; clear: both; display: inline-block; border-bottom: solid 1px #c7c7c7; margin: 0 0 15px 0; padding-bottom: 15px; } .ReSearchArea .ReSearchAreaInner #wordSearchBox.bottomBox { padding: 5px 0; } .ReSearchArea .ReSearchAreaInner li { float: left; width: 312px; } .ReSearchArea .ReSearchAreaInner li:not(:first-child) { margin-left: 10px; } .ReSearchArea .ReSearchAreaInner li a { display: block; background: white; } .ReSearchArea .ReSearchAreaInner li a img { width: 100%; } .ReSearchArea .ReSearchAreaInner form { position: relative; float: right; vertical-align: top; } .ReSearchArea form #searchWordBox, .ReSearchArea form #searchWordBoxSecond { width: 710px; height: 32px; vertical-align: top; border: 1px solid #cecece; padding-left: 7px; box-sizing: border-box; } .ReSearchArea #wordSearchBox h3 { float: left; background: url(/rental/images/keyword_searchbox_mark.gif) no-repeat left center; padding: 5px 0 5px 1em; margin-top: 0; } .ReSearchArea.ReSearchAreaBottom + #productBackInner { margin-bottom: 110px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 05:情報ページ用 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*新着ページ*/ #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews { font-size:93%; margin-top:5px; } #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews dd > span { display:block; padding-left:1.8em; background:url(/common/images/rental_mark.png) no-repeat 0.6em 0.4em; } #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews dd span.pdfData, body#rental_system #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews dd span.pdfData { background:url(/common/images/icon_pdf.gif) no-repeat left top; } #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews dd span.wordData, body#rental_system #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews dd span.wordData { background:url(/common/images/icon_word.gif) no-repeat left top; } #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews dd span.excelData, body#rental_system #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews dd span.excelData { background:url(/common/images/icon_excel.gif) no-repeat left top; } #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews dd span.noMarking, body#rental_system #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews dd span.noMarking { background:none; } #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews dd a span { font-weight:bold; } #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews dd { background:url(/common/images/ten_line_bottom.png) repeat-x left bottom; padding:10px 0 10px 85px; } #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews dt { padding-top:10px; } body#rental_system #mainFrontArea #mainFrontCenterBox dl.mainFrontCenterNews dd > span { background:url(/common/images/rental_system_mark.png) no-repeat 0.6EM 0.5em; padding-left:1.8em; } #mainFrontArea #mainFrontCenterBox { padding:15px 0; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterYear.mainFrontCenterYearBottom { padding-top:20px; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterYear ul li { float:left; margin:10px 5px 0 0; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterYear ul li a { display:block; text-decoration:none; width:70px; padding:4px 0 5px 21px; background:url(/common/images/years_btn_bg_pc.gif) no-repeat; line-height:1.2; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterYear ul li.yearsBackBtn a { background:url(/common/images/yearsback_btn_bg_pc.gif) no-repeat; width:120px; padding-left:13px; } #mainFrontArea #mainFrontCenterBox h2.titleMargin { margin-top:10px; } /*ピックアップページ*/ #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages { background: url(/common/images/ten_line_bottom.png) repeat-x left bottom; width:715px; padding:10px 0; font-size:93%; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages p { float:left; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages p img { width:62px; max-width:62px; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages dl { float:left; margin:0 5px; line-height:1; padding-top:2px; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages dl dt { float:none; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages dl dd { float:none; margin:5px; padding-left:0; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages dl dd a { background:url(/common/images/rental_mark.png) no-repeat 0.6em 0.3em; padding-left:1.8em; line-height:1.5; display:block; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages dl dd.pdfData a, body#rental_system #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages dl dd.pdfData a { background:url(/common/images/icon_pdf.gif) no-repeat left top; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages dl dd.wordData a, body#rental_system #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages dl dd.wordData a { background:url(/common/images/icon_word.gif) no-repeat left top; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages dl dd.excelData a, body#rental_system #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages dl dd.excelData a { background:url(/common/images/icon_excel.gif) no-repeat left top; } body#rental_system #mainFrontArea #mainFrontCenterBox .mainFrontCenterImages dl dd a { background:url(/common/images/rental_system_mark.png) no-repeat 0.6em 0.3em; padding-left:1.8em; line-height:1.5; display:block; } /*ピックアップ詳細ページ*/ #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone { margin-top:20px; } #mainFrontArea #mainFirstAreaFrame p.mainFrontCenterTitleDate { font-size:77%; font-weight:lighter; float:left; margin:0 10px 0 15px; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone p { float:left; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone .mainFrontCenterDetailText p { float:none; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone dl { float:left; margin:0 0 0 25px; width:415px; line-height:2.5; font-size:100%; } .mainFrontCenterDetailText h5 { font-size:108%; color:#5366b7; } body#rental_system #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone dl { line-height:2.3; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone dt { width:130px; color:#004f70; font-weight:600; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone dd { padding-left:150px; background: url(/common/images/ten_line_bottom.png) repeat-x left bottom; } body#rental_system #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone dt { color:#5366b7; width:120px; } #mainFrontArea #mainFrontCenterDetailZone ul#mainFrontCenterDetailPhotos { clear:both; padding:15px 0 20px 0; } #mainFrontArea #mainFrontCenterDetailZone ul#mainFrontCenterDetailPhotos li { float:left; margin-left:10px; } #mainFrontArea #mainFrontCenterDetailZone ul#mainFrontCenterDetailPhotos li:first-child { margin-left:0px; } #mainFrontArea #mainFrontCenterDetailZone ul#mainFrontCenterDetailPhotos li img { max-width:172px; } #mainFrontArea #mainFrontCenterDetailZone .mainFrontCenterDetailText { width:720px; padding-top:30px; } #mainFrontArea #mainFrontCenterDetailZone .mainFrontCenterDetailText p { font-size:93%; } #mainFrontArea #mainFrontCenterDetailZone .mainFrontCenterDetailItem { padding-top:40px; } #mainFrontArea .mainFrontCenterDetailItem p.mainFrontCenterDetailItemExplain { float:left; font-size:93%; width:530px; } #mainFrontArea .mainFrontCenterDetailItem p.mainFrontCenterDetailItemImage { float:left; width:175px; margin-right:15px;} #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone p.mainFrontCenterDetailItembutton { float:right; margin:10px 10px 0 0;} #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone p#mainFrontCenterDetailClear { clear:both; float:none; padding:25px 0 0; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterDetailZone .mainFrontCenterDetailItem p.mainFrontCenterDetailItemImage img { max-width:172px; } /*導入ページ*/ #mainFrontArea #mainFrontCenterBox dl { margin-top:15px; line-height:2; } #mainFrontArea #mainFrontCenterBox dt { float:left; clear:left; margin-left:5px; } #mainFrontArea #mainFrontCenterBox dd { padding-left:85px; } body#rental #mainFrontArea #mainFrontCenterBox dd.mainFrontLinkBg { padding-left:75px; } body#rental #mainFrontArea #mainFrontCenterBox dd.mainFrontLinkBg a { background:url(/common/images/rental_mark.png) no-repeat left 0.6em; padding-left:0.8em; display:block; } body#rental_system #mainFrontArea #mainFrontCenterBox dd.mainFrontLinkBg { padding-left:75px; } body#rental_system #mainFrontArea #mainFrontCenterBox dd.mainFrontLinkBg a { background:url(/common/images/rental_system_mark.png) no-repeat left 0.6em; padding-left:0.8em; display:block; } body#rental_system #mainFrontArea #mainFrontCenterBox dd.mainFrontLinkBg img { vertical-align:middle; margin-right:5px; } /*レンタルページ*/ #mainFrontArea #mainFrontCenterBox ul#mainFrontCenterHowto li { float:left; width:350px; margin:20px 0 0 20px; } #mainFrontArea #mainFrontCenterBox ul#mainFrontCenterHowto li:nth-child(odd) { margin-left: 0; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterRentalMerit { width:220px; height:280px; float:left; margin:15px 36px 15px 36px; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterRentalMerit p { margin-top:10px; font-size:93%; line-height:1.5; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterRentalMerit .mainFrontCenterRentalMerit { margin-top:10px; font-size:93%; line-height:1.5; } #mainFrontArea #mainFrontCenterBox ol.mainFrontCenterAgreementZone { counter-reset: number 0; margin:20px 0 50px 0; font-size:93%; } #mainFrontArea #mainFrontCenterBox ol.mainFrontCenterAgreementZone li { position: relative; margin-bottom:20px; padding-left:40px; min-height:30px; height:auto !important; height:50px; line-height:1.5; } #mainFrontArea #mainFrontCenterBox ol.mainFrontCenterAgreementZone li:before { counter-increment: number 1; content: counter(number) " "; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: #63b3d5; text-align: center; color: white; font-size: 16px; font-weight: bold; line-height: 32px; border-radius: 5px; } body#rental_system #mainFrontArea #mainFrontCenterBox ol.mainFrontCenterAgreementZone { counter-reset: number 0; } body#rental_system #mainFrontArea #mainFrontCenterBox ol.mainFrontCenterAgreementZone li { position: relative; } body#rental_system #mainFrontArea #mainFrontCenterBox ol.mainFrontCenterAgreementZone li:before { counter-increment: number 1; content: counter(number) " "; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: #6576bf; text-align: center; color: white; font-size: 16px; font-weight: bold; line-height: 32px; border-radius: 5px; } #mainFrontArea #mainFrontCenterBox p#mainFrontCenterAgreementExplain { font-size:93%; margin-top:20px; } body#rental #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone h4 { font-size:116%; color:#0083bb; margin-bottom:5px; } body#rental_system #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone h4 { font-size:116%; color:#6576bf; margin-bottom:5px; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone { margin-top:30px; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .mainFrontCenterFlowchart { border-top:solid 1px #dddddd; background:url(/common/images/howto_first_flowchart_bottom.gif) center bottom no-repeat; padding-bottom:23px; margin-bottom:10px; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .mainFrontCenterFlowchart .centerFlowchartLine { border-left:solid 1px #dddddd; border-right:solid 1px #ddd; padding-bottom:10px; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone ul.flowchartList li { list-style-type:disc; margin-left:15px; padding:0; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .flowchartImage { float:left; width:100px; margin:20px 14px 0; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .flowchartWord { float:left; font-size:93%; margin:20px 0 10px 18px; width:75%; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .flowchartWord dl { margin-top:0;} #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .flowchartWord dl dt { float:left; clear:left; line-height:1.6em; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .flowchartWord dl dd { margin-left:3em; padding:0; line-height:1.6em; } #mainFrontArea #mainFrontCenterBox #mainFrontCenterFirstZone .mainFrontCenterFlowchartLast { border:solid 1px #ddd; padding-bottom:10px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 06:企業情報用 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--トップ--*/ #mainFrontArea ul.mainCategoryList { margin:25px 0; } #mainFrontArea ul.mainCategoryList li { float:left; margin:0 0 20px 27px; width:222px; font-size:93%; } #mainFrontArea ul.mainCategoryList li:first-child { margin-left:0; } #mainFrontArea ul.mainCategoryList li img { margin-bottom:5px; } #mainFrontArea ul#mainCategoryLineup { margin:25px 0; } #mainFrontArea ul#mainCategoryLineup li { float:left; margin:0 0 20px 27px; width:222px; font-size:93%; } #mainFrontArea ul#mainCategoryLineup li:first-child { margin-left:111px; } #mainFrontArea #mainFrontCenterBox .companyContentsListHeader { margin: 30px 0 40px 0;} #mainFrontArea #mainFrontCenterBox .companyContentsListHeader ul { margin: 0 auto; display: table;} #mainFrontArea #mainFrontCenterBox .companyContentsListHeader a { color: -webkit-link;} #mainFrontArea #mainFrontCenterBox .companyContentsListChild { margin: 0px 15px; float: left;} /*--企業理念--*/ #mainFrontArea #mainFrontCenterBox p.philosophyImage { margin:20px 0; text-align: center;} /*--企業概要--*/ #mainFrontArea #mainFrontCenterBox .companyTable table { width:100%; border:none; margin:10px 0 30px; } #mainFrontArea #mainFrontCenterBox .companyTable table th { padding:10px 10px 15px; vertical-align:top; width:210px; background:url(/company/images/table_ten_line.gif) repeat-x left bottom #f6f6f6; } #mainFrontArea #mainFrontCenterBox .companyTable table td { padding:10px 10px 15px; background:url(/company/images/table_ten_line.gif) repeat-x left bottom; } #mainFrontArea #mainFrontCenterBox .companyTable table td span.companyTablebold { font-weight:bold; } #mainFrontArea #mainFrontCenterBox .companyTable table.bottomTable { margin-bottom:10px; } #mainFrontArea #mainFrontCenterBox .companyTable table.bottomTable th { text-align:center; } /*--社長あいさつ--*/ #mainFrontArea #mainFrontCenterBox #companyMessage { margin:10px 0; } #mainFrontArea #mainFrontCenterBox #companyMessage p { line-height:2; font-size:108%; } #mainFrontArea #mainFrontCenterBox #companyMessage p#messageReform { text-align:center; padding:20px 0; } #mainFrontArea #mainFrontCenterBox #companyMessage p#messageReform img { width: 220px; margin: 0 auto; } #mainFrontArea #mainFrontCenterBox #companyMessage p.signRight { margin:10px 0; overflow: hidden; text-align: right;} #mainFrontArea #mainFrontCenterBox #companyMessage p.signRight img { width: 200px; height: 43.5px; } #mainFrontArea #mainFrontCenterBox #companyMessage p.signRight span { height: 43.5px; line-height: 47.5px; margin-right: 15px; letter-spacing: 2px; font-weight: bold; } /*--事業拠点一覧--*/ #mainFrontArea #locationMap { position: relative; } #mainFrontArea #locationMap .locationMapLink { position: absolute; text-indent: 100%; font-size: 0; overflow: hidden; } /* 本社・大阪営業所 */ #mainFrontArea #locationMap .headOfficeLink.locationMapLink { top: 501px; left: 602px; height: 20px; width: 105px; } /* /本社・大阪営業所 */ /* 東京本部・東京営業所 */ #mainFrontArea #locationMap .headQuartersLink.locationMapLink { top: 421px; left: 699px; height: 20px; width: 52px; } /* /東京本部・東京営業所 */ /* 札幌営業所 */ #mainFrontArea #locationMap .hokkaidoScenterLink.locationMapLink { top: 79px; left: 526px; height: 20px; width: 65px; } /* /札幌営業所 */ /* 仙台営業所 */ #mainFrontArea #locationMap .tohokuScenterLink.locationMapLink { top: 243px; left: 753px; height: 20px; width: 65px; } /* /仙台営業所 */ /* 静岡営業所 */ #mainFrontArea #locationMap .surugaScenterLink.locationMapLink { top: 450px; left: 644px; height: 20px; width: 65px; } /* /静岡営業所 */ /* 名古屋営業所 */ #mainFrontArea #locationMap .chubuScenterLink.locationMapLink { top: 279px; left: 339px; height: 20px; width: 78px; } /* /名古屋営業所 */ /* 広島営業所 */ #mainFrontArea #locationMap .chugokuScenterLink.locationMapLink { top: 388px; left: 291px; height: 20px; width: 65px; } /* /広島営業所 */ /* 福岡営業所 */ #mainFrontArea #locationMap .kyushuScenterLink.locationMapLink { top: 436px; left: 206px; height: 20px; width: 65px; } /* /福岡営業所 */ /* 関東機材技術センター */ #mainFrontArea #locationMap .kantoTcenterLink.locationMapLink { top: 371px; left: 706px; height: 20px; width: 205px; } /* /関東機材技術センター */ /* 関西機材技術センター */ #mainFrontArea #locationMap .kansaiTcenterLink.locationMapLink { top: 336px; left: 252px; height: 20px; width: 127px; } /* /関西機材技術センター */ #mainFrontArea #mainFrontCenterBox .businessLocation iframe { width:320px; height:220px; float:left; margin:15px 0; } #mainFrontArea #mainFrontCenterBox .businessLocation .locationAddress { float:left; margin: 12px 0 12px 20px; width:960px; line-height:2; } #mainFrontArea #mainFrontCenterBox .businessLocation .locationAddress ul li { list-style:disc; margin-left:1em; } #mainFrontArea #mainFrontCenterBox .businessLocation .locationAddress p img { padding-top:1.5em; } #mainFrontArea #mainFrontCenterBox p.baseImage { text-align: center;} /*--品質方針--*/ #mainFrontArea #mainFrontCenterBox #companyMessage #hinsitsuItem { font-weight: bold; font-size: 105%; margin: 20px 0; } #mainFrontArea #mainFrontCenterBox #companyMessage #hinsitsuItem li { position: relative; margin: 10px 0 10px 0px; padding-left: 14px; } #mainFrontArea #mainFrontCenterBox #companyMessage #hinsitsuItem li::before { content: ""; position: absolute; top: 6px; left: 3px; width: 4px; height: 4px; background: black; border-radius: 50%;} /*関西・関東技術センター*/ #kansaiTop { border-bottom:solid 4px #f05a00; margin-top:10px; } #kansaiBottom { border-top:solid 4px #f05a00; margin-top:45px; } ul.locationTab { width:920px; margin:0 auto; } ul.locationTab li { float:left; } .introductionArea { margin:30px 260px 0; } .kansaiArea { border:solid 4px #f05a00; background:#fcf8f2; width:930px; margin:20px auto 50px auto; } #storageLeftInner { width: 360px; float:left; margin:20px 0 0 20px; } .kansaiArea #storageLeftInner ul li { float:left; margin:20px 0 0 10px; } .kansaiArea #storageLeftInner ul li:first-child { margin-left:0; } #maintenanceInner { width:415px; float: right; margin:50px 30px; } #maintenanceInner > dl { background:#f5edca; padding:20px; margin-top:35px; border:solid 1px #e0d8b5; } #maintenanceInner dl dd dl { zoom:1; overflow:hidden; margin-top:10px; font-size:116%; color:#221815; } #maintenanceInner dl dd dl dt { float:left; padding:5px 0; } #maintenanceInner dl dd dl dd { border-bottom:solid 1px #e0d8b5; padding:5px 0 5px 340px; } .collimator {margin-left: 75px;} #centerMeasure { margin: 20px 35px 0 0px; float:right; } #takoyakiArea { width:939px; margin:30px auto 0; background:url(/center/images/kansai_img_extra03_pc.jpg) center bottom no-repeat; padding:60px 0 45px; } .kansaiArea #centerMeasure p { margin-top:10px; } #takoyakiArea #extraInner { width:480px; margin-left:33px; } .kantoArea { border:solid 4px #2e8eb6; background:#f1f7fa; width:930px; margin:50px auto 0; } #kantoTop { border-bottom:solid 4px #2e8eb6; margin-top:10px; } #kantoBottom { border-top:solid 4px #2e8eb6; margin-top:35px; } #kantoStrage { background:url(/center/images/kanto_img_storage01_bg.jpg) right top no-repeat #f1f7fa; padding-bottom:190px; } #bentoArea { width:939px; margin:50px auto 0; background:url(/center/images/kanto_img_extra06_bg.jpg) right top no-repeat; position: relative; } #bentoArea h3 {position: absolute; left: 30px; top: 30px;} #bentoArea #extraInner { padding:105px 0 40px 30px; } #bentoArea #extraInner ul { margin-top:20px; } #bentoArea #extraInner ul li ul { margin-top:10px; } #bentoArea #extraInner ul li ul li { float:left; margin-left:15px; } #bentoArea #extraInner ul li ul li:first-child { margin-left:40px; } /*グループ一覧 ADD 2025-03-19 */ #mainFrontArea #mainFrontCenterBox #companyMessage #groupList { font-weight: bold; font-size: 105%; margin: 60px 0px 60px 0px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 07:サポート用 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--トップページ--*/ #supportFrontInner { margin-top: 25px; } #supportFrontInner li { float: left; margin: 0 0 20px 27px; width: 222px; font-size: 93%; } #supportFrontInner li:first-child { margin: 0 0 20px 0; } #supportFrontInner li img { margin-bottom: 5px; } /*--レンタル豆知識--*/ #knowledgeRentalInner div { width:30%; margin:4% 0 0 5% ; float:left; } #knowledgeRentalInner div ul li, #knowledgeSystemInner ul li { padding:10px 0; } #knowledgeRentalInner div ul li { clear:both;} #knowledgeRentalInner div ul li a.cateBoxListL { float:left; background:url(/common/images/rental_mark.png) left 0.5em no-repeat; padding-left:1em;} #knowledgeRentalInner div ul li a.cateBoxListR { float:right; width:45px;} #knowledgeRentalInner .knowledgeCateBox ul li a { padding-left:1em; display:block; } #knowledgeRentalInner .knowledgeCateBox h5 { color:#ffffff; width:97%; padding:0; font-size:100%; font-weight:normal; } #knowledgeSystemInner ul li { clear:both;} #knowledgeSystemInner ul li a.cateBoxListL { float:left; background:url(/common/images/rental_system_mark.png) left 0.5em no-repeat; padding-left:1em; } #knowledgeSystemInner ul li a.cateBoxListR { float:right; width:45px; } #knowledgeSystemInner ul { font-size:93%; } p#knowledgeIntroduction { margin-top:20px; } #knowledgeSystemInner { margin:15px 0; } #mainSidemenuArea p#supportSide { margin-top:10px; } /*--FAQ--*/ #faqmainInner ul#faqCateBox li { float:left; margin: 10px 13px 10px 13px; } #faqmainInner p { margin:20px 0 7px; } #faqmainInner dt { margin-top:20px; padding:20px 20px 20px 70px; background:url(/support/images/support_faq_mark_q.png) 1em 1em no-repeat #e9f3f7;} #faqmainInner dd { padding:20px 20px 20px 70px; background:url(/support/images/support_faq_mark_a.png) 1em 1em no-repeat; } #faqListInner { background:#e9f3f7; padding:10px 0; margin:20px 0; } #faqListInner ul { padding:5px 0 5px 25px; } #faqListInner ul li { float:left; width:25%; background:url(/common/images/mark_pc.png) no-repeat left 0.4em; font-size:93%; margin:2px 0; } #faqListInner ul li a { padding-left:1em; display:block; } /*--お客様のホンネ--*/ #requestMainInner p { margin:20px 0 10px; } #requestMainInner p#requestIntro { margin-top:10px; } #requestMainInner dl dt { border-bottom:solid 2px #dfdfdf; padding:2px 0 5px 55px; margin-top:30px; } #requestMainInner dl dt#requestContent1 { background:url(/support/images/request_content1.gif) left top no-repeat; } #requestMainInner dl dt#requestContent2 { background:url(/support/images/request_content2.gif) left top no-repeat; } #requestMainInner dl dt span.requestNecessary { padding:1px 1px 0; color:#ff0018; margin-left:0.5em; font-size:85%; } #requestMainInner dl dd select { margin:10px 45px; } #requestMainInner dl dd ul#requestTextAttention { font-size:85%; margin-top:10px; } #requestMainInner dl dd textarea { width:95%; padding:1em; height:200px; margin-bottom:30px; } #requestMainInner #requestAttentionBox { background:#f4f4f4; padding:0.1em 0.3em 0; } #requestMainInner #requestAttentionBox h4 { color:#ff0000; padding:5px 10px; } #requestMainInner #requestAttentionBox ul { border-top:solid 2px #dfdfdf; margin:0 10px; padding:5px 0 10px; list-style:disc; font-size:85%; margin-left:15px; } #requestMainInner p#requestBtn { text-align:center; } #requestMainInner p#requestBtn input { background:url(/support/images/request_btn_enter_pc.gif) no-repeat; width:329px; height:51px; border:none; } #requestMainInner p#requestErrorWord { background:url(/inquiry/images/inquiry_form_errormark.gif) left top no-repeat; padding-left:50px; color:#ef0900; padding:5px 0 5px 35px; } #requestMainInner dl dd select.requestErrorPoint { background:#fff6dc; margin-bottom:0; } #requestMainInner p.requestNecessaryAttention { color:#ff0018; margin:3px 0 0 45px; font-size:93%; } #requestMainInner p.requestConfirmationList { width:97%; background: #ebebeb; padding:1% 2%; margin-top:10px; } #requestMainInner p.requestConfirmationText { width:97%; background: #ebebeb; padding:2%; height: auto; margin-top:10px; font-size: 12px; line-height: 1.4; } #requestMainInner dl#requestConfirmationBox dt { border:none; } #requestMainInner p#requestBtnPrev { float:left; } #requestMainInner p#requestBtnSubmit { margin-left:50px; float:left; } #requestMainInner #requestThanks { text-align:center; width:100%; margin:50px auto; } #requestMainInner #requestThanks p { text-align:center; padding:2em 5em; background:#e9f3f7; font-size:116%; display:inline-block; *display:inline; *zoom:1; } /*-- SOOKIテクニカルサポート 動画ページ --*/ #VideoList .SookiCh { width: 100%; word-break: break-all; } #VideoList .SookiCh img { width: auto; } #VideoList .videoLinkHeader { background: #ebf9ff; padding: 10px; border-radius: 5px; box-sizing: border-box; border: 2px solid #e2e2e2; } #VideoList .videoLinkHeader ul li { display: inline-block; } #VideoList .videoLinkHeader ul li:not(:last-child):after { content: "／"; } #VideoList .VideoListSection { width: 100%; height: auto; margin-top: 15px; } #VideoList .VideoListSection .VideoListCate .midCate { margin: 3px 0; padding: 3px 2px 2px 2px; background: #e7e7e7; color: #777777; font-size: 10px; border-radius: 2px; line-height: 11px; display: inline-block; } #VideoList .VideoListSection .VideoListCateWrap { width: 49%; float: left; margin-top: -10px; padding-top: 10px; } #VideoList .VideoListSection .VideoListCateWrap.VideoListCateWrapRight { margin-left: 2%; } #VideoList .VideoListSection .VideoListCateWrap .VideoListCate dl:not(:last-child) { border-bottom: 1px #a5a5a5 dashed; } #VideoList .VideoListSection .VideoListCateWrap .VideoListCate dl dt { font-weight: bold; margin-top: 10px; padding: 0 3px; font-size: 13px; } #VideoList .VideoListSection .VideoListCateWrap .VideoListCate dl dd { padding: 1px 0px 0 2px; } #VideoList .VideoListSection .VideoListCateWrap .VideoListCate dl dd:after { content: ""; display: block; clear: both; } #VideoList .VideoListSection .VideoListCateWrap .VideoListCate dl dd .Product { float: left; margin-bottom: 10px; } #VideoList .VideoListSection .VideoListCateWrap .VideoListCate dl dd .Youtube { float: left; margin-bottom: 10px; margin-left: 8px; } #VideoList .VideoListSection .VideoListCateWrap .VideoListCate dl dd a { position: relative; text-decoration: none; font-size: 12px; font-weight: bold; transition: 0.15s; } #VideoList .VideoListSection .VideoListCateWrap .VideoListCate dl dd .Product a { padding: 7px 10px 5px 33px; background: url(/support/video/images/icon_product_gray.png) no-repeat bottom 7px left 7px white; background-size: auto 18px; border-radius: 4px; display: inline-block; color: #626988; border: 1px solid #a7abbc; } #VideoList .VideoListSection .VideoListCateWrap .VideoListCate dl dd .Youtube a { padding: 7px 22px 5px 36px; background: url(/support/video/images/icon_video_blue.png) no-repeat bottom 7px left 7px white; background-size: auto 18px; border-radius: 4px; display: inline-block; color: #2f8fb6; border: 1px solid #63abc8; } #VideoList .VideoListSection .VideoListCateWrap .VideoListCate dl dd .Product a:hover { background: url(/support/video/images/icon_product_white.png) no-repeat bottom 7px left 7px #626988; background-size: auto 18px; color: white; } #VideoList .VideoListSection .VideoListCateWrap .VideoListCate dl dd .Youtube a:hover { background: url(/support/video/images/icon_video_white.png) no-repeat bottom 7px left 7px #2f8fb6; background-size: auto 17px; color: white; } #VideoList .VideoListSection .VideoListCateWrap .VideoListCate dl dd .Youtube a:after { width: 13px; height: 14px; content: ""; position: absolute; display: block; right: 4px; bottom: 8px; background: url(/common/images/icon_linkjump.gif) left 0 no-repeat; background-size: 100% auto; } #VideoList .VideoListSection .VideoListCateWrap .VideoListCate dl dd .Youtube a:hover:after { width: 13px; height: 14px; content: ""; position: absolute; display: block; right: 4px; bottom: 8px; background: url(/common/images/icon_linkjump_w.gif) left 0 no-repeat; background-size: 100% auto; } #VideoList .VideoListSection h5.cateTitle { position: relative; padding: 11px 8px 8px 8px; border-radius: 4px; color: white; font-size: 15px; font-weight: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} #VideoList .VideoListSection h5.cateTitle.cateTitle1 { background: #768dc5; } #VideoList .VideoListSection h5.cateTitle.cateTitle2 { background: #7bb3d3; } #VideoList .VideoListSection h5.cateTitle.cateTitle3 { background: #7db27b; } #VideoList .VideoListSection h5.cateTitle.cateTitle4 { background: #bbcf4d; } #VideoList .VideoListSection h5.cateTitle.cateTitle5 { background: #dad612; } #VideoList .VideoListSection h5.cateTitle.cateTitle6 { background: #d5a73b; } #VideoList .VideoListSection h5.cateTitle.cateTitle7 { background: #c15932; } #VideoList .VideoListSection h5.cateTitle.cateTitle8 { background: #c0518f; } #VideoList .VideoListSection h5.cateTitle.cateTitle9 { background: #916aa4; } #VideoList .VideoListSection h5.cateTitle.cateTitle10 { background: #3b548a; } #VideoList .VideoListSection h5.cateTitle.cateTitle11 { background: #5289b0; } #VideoList .VideoListSection h5.cateTitle.cateTitle12 { background: #427662; } #VideoList .VideoListSection h5.cateTitle.cateTitle13 { background: #99a227; } #VideoList .VideoListSection h5.cateTitle.cateTitle14 { background: #9c8322; } #VideoList .VideoListSection h5.cateTitle.cateTitle15 { background: #753b26; } #VideoList .VideoListSection h5.cateTitle.cateTitle16 { background: #4d4d4d; } #VideoList .VideoListSection h5::before, #VideoList .VideoListSection h5::after { content: ""; position: absolute; top: 50%; margin-top: -1px; right: 12px; width: 12px; height: 2px; transition: all 0.3s linear; background: white; } #VideoList .VideoListSection h5::before { transform: rotate(-0deg); } #VideoList .VideoListSection h5.close::before { transform: rotate(-90deg); } #VideoList .VideoListSection h5 img { user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 08:ニューストピックス用 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ body#common #mainFrontArea #mainFrontCenterBox dl.mainNewsTopicsTop { font-size:93%; margin-top:5px; } body#common #mainFrontArea #mainFrontCenterBox dl.mainNewsTopicsTop dt { padding-top:10px; } body#common #mainFrontArea #mainFrontCenterBox dl.mainNewsTopicsTop dt img { vertical-align:middle; margin:0 5px;} body#common #mainFrontArea #mainFrontCenterBox dl.mainNewsTopicsTop dd { padding:10px 0 10px 182px; background:url(/common/images/ten_line_bottom.png) repeat-x left bottom; } body#common #mainFrontArea #mainFrontCenterBox dl.mainNewsTopicsTop dd > span { padding-left:1.8em; background:url(/common/images/rental_mark.png) no-repeat 0.6em 0.5em; display:block; } body#common #mainFrontArea #mainFrontCenterBox dl.mainNewsTopicsTop dd span.pdfData { background:url(/common/images/icon_pdf.gif) no-repeat left top; } body#common #mainFrontArea #mainFrontCenterBox dl.mainNewsTopicsTop dd span.wordData { background:url(/common/images/icon_word.gif) no-repeat left top; } body#common #mainFrontArea #mainFrontCenterBox dl.mainNewsTopicsTop dd span.excelData { background:url(/common/images/icon_excel.gif) no-repeat left top; } body#common #mainFrontArea #mainFrontCenterBox dl.mainNewsTopicsTop dd span.noMarking { background:none; } body#common #mainFrontArea #mainFrontCenterBox dl.mainNewsTopicsTop dd a span { font-weight:bold; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 09:お問い合わせ用 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #headerWrap #headerFormSection { width:720px; margin:5px auto; position:relative; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry { font-size:93%; margin:15px 0 40px 0; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry p.mainFrontCenterInquiryImage { text-align:center; margin:30px 0; padding-bottom:20px; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry table { width:720px; margin-top:15px; line-height:3; border:solid 1px #ddd; font-size:108%; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry table th { background:#ece7e7; border:solid 1px #ddd; text-align:center; width:240px; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry table td { border:solid 1px #ddd; padding-left:2em; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry table td.inquiryAreaZone { background:#f6f6f6; border:solid 1px #ddd; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry table td.inquiryTellZone { text-align:center; padding-left:0; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry .mainFrontCenterInquiryBase { background:url(/common/images/mark_pc.png) no-repeat left 0.5em; padding-left:10px; font-size:100%; margin-top:15px; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry .InquiryInfoArea { width: 400px; margin: 20px auto 0 auto; padding: 40px 0; border: 1px solid #a6a6a6; text-align: center; font-weight: bold; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry .InquiryInfoArea .tel:before { content: ''; width: 43px; height: 28px; margin-right: 2px; display: inline-block; box-sizing: border-box; background: url(/common/images/icon_call.svg) 0 0 no-repeat; background-size: 100%; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry .InquiryInfoArea .tel.nofree_d:before { content: ''; width: 43px; height: 28px; margin-right: 2px; display: inline-block; box-sizing: border-box; background: url(/common/images/icon_tell.svg) 0 0 no-repeat; background-size: 100%; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry .InquiryInfoArea .tel.nofree_d:before { content: ''; width: 30px; height: 30px; margin-right: 2px; display: inline-block; box-sizing: border-box; background: url(/common/images/icon_tell.svg) no-repeat; background-size: 30px 30px; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry .InquiryInfoArea a { color: #ff9320; font-size: 35px; text-decoration: none; } #mainFrontArea #mainFrontCenterBox .mainFrontCenterInquiry .InquiryInfoArea p { padding-top: 10px; font-size: 16px; color: #333; } #mainFormArea { width:720px; margin:0 auto; padding-top:20px; } #mainFormArea p { margin:15px 0 20px 5px; } #mainFormArea p#formErrorAttention { background:url(/inquiry/images/inquiry_form_errormark.gif) no-repeat left center; color:#ef0900; line-height:2.5; padding-left:35px; margin-bottom:10px; } #mainFormArea ul#formErrorList { background:#fff6dc; padding:15px 30px; } #mainFormArea ul#formErrorList li { list-style:disc; } #mainFormArea p#formErrorword { text-align:right; margin:10px 0 15px; } #mainFormArea table { width:720px; border:solid 1px #ddd; } #mainFormArea table th { width:230px; vertical-align:top; padding:0.7em 1em; color:#3a4859; background:#f6f6f6; border:solid 1px #ddd } #mainFormArea table td { width:490px; border:solid 1px #ddd; padding-bottom:5px; } #mainFormArea table td input { display:block; margin:0.7em 1em; width:290px; height:1em; } #mainFormArea table td input.formErrorBox { background:#fff6dc; } #mainFormArea table td p.formErrorText { color:#ef0900; } #mainFormArea table p { margin:0 0 0 15px; } #mainFormArea table th .formRquired { color:#d60d4f; padding-left:5px; } #mainFormArea table td#formPost p { margin-bottom:0; } #mainFormArea table tr td#formPost input { width:3em; display:inline; margin:0.7em 0.2em; } #mainFormArea table tr td#formChoice select { margin:0.7em 1em; } #mainFormArea table tr td#formChoice p { margin-bottom:0; } #mainFormArea table tr td#formChoice input { margin:0 1em 1em 1em; } #mainFormArea table td textarea { margin:10px 15px 5px 15px; width:450px; height:200px; } #mainFormArea table td select#inquirySelect01 { display:block; margin:10px 15px 5px; } /* #mainFormArea table tr#inquiryAppear02 { display:none; } #mainFormArea table tr#inquiryAppear03 { display:none; } #mainFormArea table tr#inquiryTextarea { display:none; } */ #headerWrap.headerFormWrap { min-width:720px; } #mainFormArea table tr.appearTable { display:table-row !important; *display:block !important; } #mainFormArea #mainFormTextInner { background:#e9f3f7; width:525px; margin:25px auto 0; padding:15px; } #mainFormArea #mainFormTextInner h5 { margin-bottom:5px; } #mainFormArea #mainFormTextInner p { font-size:93%; margin:0; } #mainFormArea #mainFormTextInner a { color:#0098d6; } #mainFormArea #mainFormButtonInner p { margin:30px auto 10px; text-align:center; } #mainFormArea #mainFormButtonInner p#formButtonsubmitBox { margin:30px auto 10px; text-align:left; } #mainFormArea #mainFormButtonInner #formButtonprevBox { float:left; margin:10px 40px; } #mainFormArea #mainFormButtonInner p#formButtonBottomBox { margin:40px auto 20px; text-align:center; } #footerFormWrap { clear: both; min-width: 980px; width: 100%; } body#common #mainSidemenuListInner strong.noLink { background:url(/common/images/common_nolink_sidemenu_title.jpg) no-repeat left top; color:#ffffff; font-size:127%; padding:15px 0 10px 15px; width:215px; } #footerInfoSection #formFooterCopy { text-align:right; float:none; } #mainFormArea table#formCheck td { padding:0.5em 1em; } #mainFormArea p#formThanksTell { text-align:center; } #mainFormArea p #catalogSend { color:#d60d4f; } #mainFormArea table th #gokinyuuran { font-weight: lighter; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 10:プライバシーポリシー用 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainFrontArea #mainFrontCenterBox h2.privacyTitle{ color:#2a90bb; margin:25px 0 20px; } #mainFrontArea #mainFrontCenterBox #privacyDocumentZone div{ margin-top:40px; } #mainFrontArea #mainFrontCenterBox #privacyDocumentZone div p{ margin:20px 0; } #mainFrontArea #mainFrontCenterBox #privacyDocumentZone div ul li{ list-style:disc; margin-left:1em; } #mainFrontArea #mainFrontCenterBox #privacyDocumentZone div ul li#prevacySquareList{ list-style:none; margin-left:0; } #mainFrontArea #mainFrontCenterBox #privacyDocumentZone div ul#prevacySquareList li{ margin-left:1em; list-style:none; } #mainFrontArea #mainFrontCenterBox #privacyDocumentZone div ul#prevacyDateList li{ text-align: right; list-style: none; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 10:クッキーポリシー用 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainFrontArea #mainFrontCenterBox h2.cookiePrivacyTitle{ color:#2a90bb; margin:25px 0 20px; } #mainFrontArea #mainFrontCenterBox #cookiePrivacyDocumentZone .cookiePrivacyDocumentZoneSection { margin-top:25px; } #mainFrontArea #mainFrontCenterBox #cookiePrivacyDocumentZone .cookiePrivacyDocumentZoneSection p{ margin:20px 0; } #mainFrontArea #mainFrontCenterBox #cookiePrivacyDocumentZone .cookiePrivacyDocumentZoneSection ul li { position: relative; padding-left:10px; } #mainFrontArea #mainFrontCenterBox #cookiePrivacyDocumentZone .cookiePrivacyDocumentZoneSection a { display: block; margin-top: -2px; margin-bottom: 10px; line-height: 1.2; word-break: break-all; } #mainFrontArea #mainFrontCenterBox #cookiePrivacyDocumentZone .cookiePrivacyDocumentZoneSection ul li:before { width: 4px; height: 4px; content: ""; display: block; background: #333333; position: absolute; border-radius: 50%; top: 8px; left: 0px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 11:サイトマップ用 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #siteMapArea ul li { background:url(/common/images/mark_pc.png) no-repeat left 0.4em; padding-left:1em; } #siteMapArea h3 { margin-top:30px; } ul.SitemapTopCategory li { background:url(/common/images/mark_pc.png) no-repeat left 0.4em; padding-left:1em; } ul.SitemapTopCategory li { float:left; margin:0 0 0 1em; } ul.SitemapTopCategory li:first-child { margin-left:0; } #siteMapArea ul li { margin:20px 0 0 1em; } #siteMapArea ul li ul li { margin:5px 0 0 1em; } #siteMapArea .sitemapLeft { width:475px; float:left; } #siteMapArea .sitemapRight { width:475px; margin-left:30px; float:right; } #siteMapArea ul.sitemapLine { border-top:solid 1px #cbcbcb; padding-top:10px; } #siteMapArea #wordSearchBox { margin: 0 10px; padding: 15px 0; } #siteMapArea #wordSearchBox:after { content: ""; display: block; clear: both; } #siteMapArea #wordSearchBox h3 { float:left; background:url(/rental/images/keyword_searchbox_mark.gif) no-repeat left center; padding:5px 0 5px 1em; } #siteMapArea #wordSearchBox form { position: relative; float:left; vertical-align: top; } #siteMapArea #wordSearchBox form #searchWordBox { width:710px;height: 32px;margin-right: 5px; vertical-align:top;padding-left:7px;color:#222222;box-sizing: border-box;display: inline-block; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 12:事業内容用 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*--トップページ--*/ #mainFrontArea #mainFrontCenterBox .businessTopBox { background: url(/business/images/business_bg.jpg) top left no-repeat; background-size: 100% 90px; width: 100%; padding-top: 30px; overflow: hidden; position: relative; font-family: 'Noto Sans JP'; } #mainFrontArea #mainFrontCenterBox .businessTopBox ul { float: left; } #mainFrontArea #mainFrontCenterBox .businessTopBox ul + ul { margin-left: 12px; } #mainFrontArea #mainFrontCenterBox .businessTopBox ul:after { content: ""; clear: both; display: block; } #mainFrontArea #mainFrontCenterBox .businessTopBox li { width: 171px; float: left; } #mainFrontArea #mainFrontCenterBox .businessTopBox li + li { margin-left: 12px; } #mainFrontArea #mainFrontCenterBox .businessTopBox li a img { width: 100%; } #mainFrontArea #mainFrontCenterBox .businessTopBox li a:hover img { opacity: 0.8; } #mainFrontArea #mainFrontCenterBox .businessTopBox li.businessTopBox01 .businessTopBoxTxt { background: rgba(210, 239, 244, 0.8); } #mainFrontArea #mainFrontCenterBox .businessTopBox li.businessTopBox02 .businessTopBoxTxt { background: rgba(228, 236, 254, 0.8); } #mainFrontArea #mainFrontCenterBox .businessTopBox li.businessTopBox03 .businessTopBoxTxt { background: rgba(253, 227, 255, 0.8); } #mainFrontArea #mainFrontCenterBox .businessTopBox li.businessTopBox04 .businessTopBoxTxt { background: rgba(255, 228, 233, 0.8); } #mainFrontArea #mainFrontCenterBox .businessTopBox li .businessTopBoxTxt { padding: 8px 10px 10px 10px; box-sizing: border-box; font-size: 13px; line-height: 1.4; color: #333333; } #mainFrontArea #mainFrontCenterBox .businessTopBox li .businessTopBoxTxt span { padding-left: 9px; display: block; position: relative; margin-bottom: 5px; } #mainFrontArea #mainFrontCenterBox .businessTopBox li .businessTopBoxTxt span:before { content: ""; position: absolute; display: block; left: 0; top: 8px; width: 3px; height: 3px; background: black; border-radius: 50%; } /*--自動計測システムのレンタル--*/ #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterSystem h3 br { display: none; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterSystem table { width:100%; margin:10px 0 50px; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterSystem table th { background: url(/business/images/businessTableBg.gif); padding:10px; text-align:center; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterSystem table th:first-child { border-right:solid 5px #ffffff; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterSystem table td { background:url(/company/images/table_ten_line.gif) repeat-x left bottom; padding: 8px 10px 14px 10px; text-align:center; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterSystem table tr:nth-child(2) td:first-child { padding: 12px 10px 13px 10px; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterSystem table tr td:first-child { text-align:left; } /*--機材管理/機器メンテナンス業務--*/ #mainFrontArea #mainFrontCenterBox .businessOuter p { margin-top:10px; } #mainFrontArea #mainFrontCenterBox .businessOuter h3 { margin-top:40px; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterIntro dl dt { float:none; font-weight:bold; margin-top:15px; margin-left:0; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterIntro dl dd { padding-left:0; } #mainFrontArea #mainFrontCenterBox .businessOuter .gendou { text-align: center; } #mainFrontArea #mainFrontCenterBox .businessOuter dl dt.manageLine { font-size: 16px; border-bottom: solid 2px #00aebd; border-left: solid 9px #00aebd; background-color: rgba(0,174,189,0.3); padding: 6px 10px 4px 7px; box-sizing: border-box; width: 100%;} #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterIntro dl dd ul.managePhoto li {margin: 15px 0; text-align: center;} #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterIntro #manegeFukidashi { padding: 0; margin: 0; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterIntro #manegeFukidashi #message { margin: 15px 15px 15px 145px; padding: 15px; float: left; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterIntro #manegeFukidashi #Fukidashi { position: relative; display: inline-block; margin: 1.5em 0 1.5em 15px; padding: 10px 10px 10px 20px; color: #fff; font-size: 20px; font-weight: bold; line-height: 1.8em; background: #1a9ace; border-radius: 10px; float: left; } #mainFrontArea #mainFrontCenterBox .businessOuter #manegeFukidashi #Fukidashi:before { content: ""; position: absolute; top: 55%; left: -30px; border: 15px solid transparent; border-right: 15px solid #1a9ace; } /*--計測機器事業--*/ #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterKeisoku dl dd { padding-left: 0; line-height: 1.7; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterKeisoku dl dd ul#measureList li { margin: 3px; width: 174px; height: 33px; float: left; color: white; font-weight: 500; line-height: 33px; text-align: center; font-size: 14px; font-family: 'Noto Sans JP'; overflow: hidden; box-sizing: border-box; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterKeisoku dl dd ul#measureList li.categolyColor5 { font-size: 13px; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterKeisoku dl dd ul.keisokuPhoto li { margin: 24px 0 0 0; text-align: center;} #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterKeisoku dl dt.keisokuULine { width: 100%; margin-bottom: 5px; font-size: 1.1em; border-bottom: solid 3px #00aebd; font-weight: bold; } #mainFrontArea #mainFrontCenterBox .businessOuter.businessOuterKeisoku dl dt.keisokuULine span { margin-right: 12px; background-color: rgba(0,174,189,0.3); padding: 0.4em 0.5em; border-top-left-radius: 1em;} /*--新商品開発事業--*/ #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage {width: 720px; height: 370px; margin-top: 15px; position: relative; } #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemImg01 { width: 360px; height: 370px; position: absolute; top: 0; left: 0; } #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemImg04 { width: 216px; height: 212px; position: absolute; top: 58px; left: 72px; } #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemImg02 { width: 360px; height: 370px; position: absolute; top: 0; left: 360px; background: url(/business/images/newitem_img03.jpg) no-repeat; } #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemImg02 img { -webkit-transition: all 1s ease; transition: all 1s ease; opacity: 1; } #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemImg04:hover + #newitemImg02 img { opacity: 0; } #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemBtn a { display: block; width: 180px; padding: 10px; position: absolute; top: 288px; left: 80px; border-radius: 15px; font-size: 15px; font-weight: bold; color: #fff; text-align: center; text-decoration: none; background-image: -webkit-linear-gradient( #0cc68a 0%, #087956 100% ); background-image: linear-gradient( #0cc68a 0%, #087956 100% ); box-shadow: 0 6px 0 #065b41, 0 12px 0 rgba(0,0,0,0.2); -webkit-transition: color 0.5s, background-color 0.5s, box-shadow 0.5s, -webkit-transform 0.5s; transition: color 0.5s, background-color 0.5s, box-shadow 0.5s, transform 0.5s; } #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemBtn a:hover { background-image: -webkit-linear-gradient( #0fe9a3 0%, #0aa374 100% ); background-image: linear-gradient( #0fe9a3 0%, #0aa374 100% ); box-shadow: 0 3px 0 #087956, 0 6px 0px rgba(0,0,0,0.2); -webkit-transform: translateY(3px); transform: translateY(3px); } #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemBtn a br { display: none; } #mainFrontArea #mainFrontCenterBox .businessOuter #newitemImage #newitemBtn a:active { color: #ddd; background-image: -webkit-linear-gradient( #0ba070 0%, #065c42 100% ); background-image: linear-gradient( #0ba070 0%, #065c42 100% ); box-shadow: 0 0 0 #043627, 0 0 0px rgba(0,0,0,0.2); -webkit-transform: translateY(6px); transform: translateY(6px); transition-duration: 0.1s; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 13:採用情報用 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainFrontArea ul#mainRecruitList li { float:left; margin:30px 0 0 27px; } #mainFrontArea #mainFrontCenterBox #recruitOuter p { margin-top:10px; } #mainFrontArea #mainFrontCenterBox #recruitOuter h3 { margin-top:40px; } #mainFrontArea #mainFrontCenterBox #recruitOuter ul#sookiAppeal li { zoom:1; overflow:hidden; margin-top:20px; } #mainFrontArea #mainFrontCenterBox #recruitOuter ul#sookiAppeal p { float:left; margin-top:10px; } #mainFrontArea #mainFrontCenterBox #recruitOuter ul#sookiAppeal li dl { margin-top:0; float:left; margin-left:20px; width:1030px; } #mainFrontArea #mainFrontCenterBox #recruitOuter ul#sookiAppeal li dl dt { float:none; font-weight:bold; margin-left:0; font-size:120%; } #mainFrontArea #mainFrontCenterBox #recruitOuter ul#sookiAppeal li dl dd { padding-left:0; } #mainFrontArea #mainFrontCenterBox #recruitOuter table { width:100%; margin:10px 0 40px; } #mainFrontArea #mainFrontCenterBox #recruitOuter table th { background:#f6f6f6 url(/company/images/table_ten_line.gif) repeat-x left bottom; vertical-align:top; padding:10px; width:170px; } #mainFrontArea #mainFrontCenterBox #recruitOuter table td { background:url(/company/images/table_ten_line.gif) repeat-x left bottom; padding:10px; } #mainFrontArea #mainFrontCenterBox #recruitOuter dl#recruitThanks { background:#f2f7f9; margin:30px auto; width:500px; padding:15px; } #mainFrontArea #mainFrontCenterBox #recruitOuter dl#recruitThanks dt:first-child { margin-top:0; border-top:none; } #mainFrontArea #mainFrontCenterBox #recruitOuter dl#recruitThanks dt:first-child + dd { margin-top:0; border-top:none; } #mainFrontArea #mainFrontCenterBox #recruitOuter dl#recruitThanks dt { float:left; font-weight:normal; border-top:solid 1px #dddddd; margin-top:5px; padding-top:5px; } #mainFrontArea #mainFrontCenterBox #recruitOuter dl#recruitThanks dd { padding-left:120px; margin-top:5px; padding-top:5px; border-top:solid 1px #dddddd; } #mainFrontArea #mainFrontCenterBox #recruitOuter table { margin:20px auto; } #mainFrontArea ul#careerMainList li { float: left; margin-top: 30px; } #mainFrontArea #newgradMynaviAreaWrap { width: 595px; margin: 30px auto 0 auto; } #mainFrontArea #newgradMynaviAreaWrap ul.newgradMynaviArea:after { content: ""; clear: both; display: block; opacity: 0;} #mainFrontArea #newgradMynaviAreaWrap ul.newgradMynaviArea:not(:last-child) { margin-bottom: 35px; } #mainFrontArea #newgradMynaviAreaWrap ul.newgradMynaviArea li { width: 285px; height: 75px; display: table; float: left; } #mainFrontArea #newgradMynaviAreaWrap ul.newgradMynaviArea li.newgradMynaviTxt { width: 300px; box-sizing: border-box; } #mainFrontArea #newgradMynaviAreaWrap ul.newgradMynaviArea li.newgradMynaviTxt p { display: table-cell; vertical-align: middle; position: relative; } #mainFrontArea #newgradMynaviAreaWrap ul.newgradMynaviArea li.newgradMynaviTxt p:before { content: ""; background: url(/recruit/images/recruit_arrow.png) no-repeat top 0 left 0; background-size: 100% auto;width: 6px; height: 6px; display: block;position: absolute; top: 12px; left: -13px; } #mainFrontArea #newgradMynaviAreaWrap ul.newgradMynaviArea li.newgradMynaviBanner a { display: block; } #mainFrontArea #newgradMynaviAreaWrap ul.newgradMynaviArea li.newgradMynaviBanner a img { width: 100%; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 14:ソーキ力 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ ul#advantageOuter li { zoom:1; overflow:hidden; margin-top:40px; } ul#advantageOuter li h3 { float:left; } ul#advantageOuter li .advantageArea { float:left; margin:30px 0 0 30px; width:788px; } ul#advantageOuter li .advantageArea p { margin-top:10px; } ul#advantageOuter li .advantageArea p.advantageHeadline { font-size:124%; font-weight:bold; margin-top:15px; line-height:1.5em; } ul#advantageOuter li .advantageArea .advantageLeft { width:400px; float:left; } ul#advantageOuter li .advantageArea { float:left; margin:30px 0 0 30px; width:788px; } ul#advantageOuter li .advantageArea .advantageBottomInner { margin-top:30px; padding-top:30px; } ul#advantageOuter li .advantageArea .RequestGraphArea { float: right; } ul#advantageOuter li .advantageArea .RequestGraphArea02 { float: right; } ul#advantageOuter li .advantageArea .QuestionnaireArea { float: right; } ul#advantageOuter li .advantageArea .QuestionnaireAreaCaption { background: #fdedef; width: 365px; padding: 8px 10px; display: block; border-radius: 6px; box-sizing: border-box; font-size: 11px; line-height: 1.4; font-family: 'Noto Sans JP'; white-space: nowrap; } ul#advantageOuter li .advantageArea .QuestionnaireAreaCaption strong { margin-top: 4px; padding-left: 4px; display: block; font-size: 14px; font-weight: 900; } ul#advantageOuter li#advantageRequest { border-top:solid 4px #f38b26; } ul#advantageOuter li#advantageRequest .advantageArea .advantageBottomInner { background:url(/advantage/images/request_line_pc.gif) repeat-x left top; } ul#advantageOuter li#advantageRequest .advantageArea .advantageLeft { width:420px; } ul#advantageOuter li#advantagePerformance { border-top:solid 4px #e94f61; } ul#advantageOuter li#advantagePerformance .advantageArea .advantageBottomInner { background:url(/advantage/images/performance_line_pc.gif) repeat-x left top; } ul#advantageOuter li#advantageFuture { border-top:solid 4px #3e56ae; } ul#advantageOuter li#advantageFuture .advantageArea .advantageBottomInner { background:url(/advantage/images/future_line_pc.gif) repeat-x left top; } ul#advantageOuter li#advantageDream { border-top:solid 4px #1e9b6d; } ul#advantageOuter li#advantageDream .advantageArea .advantageBottomInner { background:url(/advantage/images/dream_line_pc.gif) repeat-x left top; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 15:新着情報 詳細 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainFrontArea #mainFrontCenterBox .newsDetailImg img { max-width:720px !important;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 16:ポップアップぺージ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .popupWrap { padding:20px; } .popupWrap h2 img { width:100%; } #fancybox-overlay { min-width:980px; } /*ログイン*/ .popupWrap #loginSection { border:solid 1px #d5d4d4; padding:30px 0; margin-top:20px; } .popupWrap #loginSection dl { margin:0 auto; width:254px; } .popupWrap #loginSection dl dt { margin-top:10px; font-weight:bold; } .popupWrap #loginSection dl dt:first-child { margin-top:0; } .popupWrap #loginSection dl dd { margin-top:3px; } .popupWrap #loginSection dl dd input { width:245px; background:#fffadb; height:1.8em; padding:3px; border:solid 1px #dddddd; } .popupWrap #loginSection p { text-align:center; } .popupWrap #loginSection p#loginBtn { margin-top:20px; } .popupWrap #loginSection p.iconExclamation { margin-top:30px; font-size:92%; } .popupWrap p#loginCaution { font-size:93%; margin-top:10px; font-size:92%; } .popupWrap p#loginForm { background:url(/common/images/mark_pc.png) no-repeat left 0.5em; padding-left:1em; margin-left:1em; font-size:92%; } /*ログインエラー*/ .popupWrap p#loginErrorWord { color:#ff0000; margin-bottom:10px; } /*プライス*/ .popupWrap table.priceTable { width:100%; margin-top:10px; } .popupWrap table.priceTable th { background:#e9f3f7; border:solid 1px #cecece; padding:5px 3%; word-break:break-all; word-wrap:break-word; width:30%; } .popupWrap table.priceTable td { border:solid 1px #cecece; padding:5px 3%; width:70%; } .popupWrap table#basicFeeTable td { text-align:right; padding:5px; } .popupWrap table#priceReference { margin-top:20px; } .popupWrap table#priceReference th { width:155px; padding:5px 15px; } .popupWrap table#priceReference td { text-align:right; padding:5px; width:120px; } .popupWrap table#priceReference tr#firstRow th { width:100px; text-align:center; } .popupWrap table#priceReference tr#firstRow td { border:none; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 17:パスワードぺージ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*マイページ*/ .mypageStyle #headerWrap { min-width:auto; } #mainWrap #mypageSection { width:720px; margin:0 auto; padding-top:20px; } #mainWrap #mypageSection h3 { text-align:left; } #mainWrap #mypageSection .mypageArea { margin:30px; text-align:center; } #mainWrap p#logBtnPos { text-align:right; margin:10px 0 0; } /*パスワード*/ #mainWrap #mypageSection .passwordArea { margin-top:30px; border:solid 1px #d5d4d4; padding:40px 0; margin:40px auto 0; width:600px; } #mainWrap #mypageSection .passwordArea p { text-align:center; } #mainWrap #mypageSection .passwordArea li { text-align:left; display:inline-block; *display:inline; *zoom: 1; } #mainWrap #mypageSection .passwordArea input[type="text"] { background:#fffadb; border:solid 1px #ededed; padding:3px; } #mainWrap #mypageSection .passwordArea dl { text-align:center; margin:30px auto 0; } #mainWrap #mypageSection .passwordArea dl dd input[type="text"] { display:block; width:246px; margin-top:3px; } #mainWrap #mypageSection #reminderArea dl { width:254px; } #mainWrap #mypageSection #changeArea dl { width:355px; margin-top:0; } #mainWrap #mypageSection #changeArea dl dt { text-align:left; margin-top:20px; } #mainWrap #mypageSection #changeArea dl dt:first-child { margin-top:0; } #mainWrap #mypageSection #changeArea dl dd input[type="text"] { margin:3px auto 0; } #mainWrap #mypageSection #resultArea { text-align:center; padding:70px 0; } #mainWrap #mypageSection #resultArea p { font-size:139%; } #mainWrap table#mypageTable th { vertical-align:middle; } #mainWrap table#mypageTable td { vertical-align:middle; } #mainWrap table#mypageTable td input { height:1.5em; } #mainWrap table#mypageTable td#formChoice select { width:170px; } #mainWrap table#mypageTable td input { background:#ffffff; border:solid 1px #bbbbbb; padding:3px; } #mainWrap table#mypageTable td input.disabledTxt { background:#ededed; border:solid 1px #ededed; padding:3px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 18:操作説明動画 ページ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*-- 詳細ページ --*/ .videoCateTitle { font-size:124%; line-height:1.3; padding:0 0 8px 15px; margin:20px 0 0 0; letter-spacing:1px; background:url(/common/images/common_title_mark.gif) no-repeat left bottom; border-bottom:3px solid #46a2c6; } .videoFlameCate { margin-top: 20px; } .videoFlameCate span { background: #e7e7e7; margin: 5px 0 6px 0; padding: 4px 15px; color: #555555; font-weight: bold; font-size: 12px; border-radius: 2px; line-height: 11px; display: inline-block; font-family: 'Noto Sans JP'; } .videoFlameWrap { margin-top: 5px; padding-bottom: 20px; border-bottom: 1px solid #bbbbbb; } .videoFlameWrap .videoFlame { margin-top: 0px; padding-bottom: 10px; overflow: hidden; } .videoFlameWrap .videoFlame:not(:first-child) { margin-top: 20px; } .videoFlameWrap .videoFlame .youtube { width: 300px; float: left; padding: 1px; box-sizing: border-box; } .videoFlameWrap .videoFlame .youtube iframe { width: 300px; height: 170px; } .videoFlameWrap .videoDescription { width: 400px; float: left; margin-left: 20px; } .videoFlameWrap .videoDescription p { margin-top: 5px; font-size: 14px; line-height: 1.5; } .videoFlameWrap .videoDescription h3 { font-weight: normal; } .videoFlameWrap .videoUrl { margin-top: 5px; } .videoFlameWrap .videoUrl a { color: #0097da; word-break: break-all; font-size: 14px; } .videoFlameWrap .videoUrl a:hover { color: #FFDA19; } .videoFlameWrap .videoUrl:after { content: ""; width: 13px; height: 14px; margin-bottom: 5px; margin-left: 3px; display: inline-block; background: url(/common/images/icon_linkjump.gif) left 0 no-repeat; background-size: 100% auto; vertical-align: bottom; } .videoFlameWrap .videoFlame table { min-height: 170px; border:solid 1px #cecece; width:100%; margin-bottom: 10px; } .videoFlameWrap .videoFlame table th { border:solid 1px #cecece; width:95px; background-color:#e9f3f7; padding:10px auto; text-align:center; } .videoFlameWrap .videoFlame table td { padding:10px; border:solid 1px #cecece; } .videoFlameWrap .videoFlame .Product a { width: 45%; padding: 5px 10px 5px 60px; background: url(/support/video/images/icon_product_gray.png) no-repeat bottom 7px left 20px white; background-size: auto 18px; border-radius: 4px; display: inline-block; color: #626988; border: 1px solid #a7abbc; text-decoration: none; box-sizing: border-box; font-family: 'Noto Sans JP'; position: relative; } .videoFlameWrap .videoFlame .Product a:hover { background: url(/support/video/images/icon_product_white.png) no-repeat bottom 7px left 20px #626988; background-size: auto 18px; color: white; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 19:SOOKIオリジナルし製品 ページ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainOriginalList { float: left; margin: 30px 0 0 -15px; } #mainOriginalList li { float: left; margin: 0 0 20px 15px; } #mainOriginalList li img { width: 168px; margin-bottom: 5px; } #mainOriginalList li .Originalmaru { width: 168px; overflow: hidden; } #mainOriginalList li .Originalmaru img { width: 5px; margin: 6px 5px 0 0; float: left; } #mainOriginalList li .Originalmaru p { width: 158px; float: left; } #mainOriginalList li .Originalmaru p.b-break { word-break: break-all; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 20:SOOKIテクニカルサポート ページ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainFrontArea #techsuppoMain { background-color: #36c67a; padding: 15px 20px 20px 20px; font-family: "Noto Sans JP"; text-align: center; } #mainFrontArea #techsuppoMain p#techsuppoPre { font-size: 18px; color: #ffffff; font-weight: bold; margin: 0 0 10px; line-height: 1.5} #mainFrontArea #techsuppoMain #techsuppoPhone dt { color: #0120b7; font-size: 20px; font-weight: bold; margin: 10px 0 20px 0px; } #mainFrontArea #techsuppoMain #techsuppoPhone dd { color: #fff100; font-size: 26px; font-weight: bold; margin: 10px 0 10px 5px; } #mainFrontArea #techsuppoMain #techsuppoPhone dd a { color: #fff100; letter-spacing: 1px; } #mainFrontArea #techsuppoMain p#techsuppoHours { color: #ffffff; font-size: 18px; font-weight: bold; margin: 13px 0 0; } #mainFrontArea #techsuppoMain p#techsuppoHours span { font-size: 16px; } #mainFrontArea #mainFrontCenterBox .techsuppoImage { text-align: center; } @media screen and (max-width:640px){ #mainFrontArea #techsuppoMain p#techsuppoPre { text-align: left; } #mainFrontArea #techsuppoMain #techsuppoPhone dt { line-height: 1.3; margin: 10px 0 10px 0; } #mainFrontArea #techsuppoMain #techsuppoPhone dd { margin: 10px 0 10px 0; } #mainFrontArea #techsuppoMain p#techsuppoHours { text-align: left; } } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 21:サービスエンジニア ページ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainFrontArea #seOuter #seLine { font-size: 1.1em; font-weight: bold; padding: 0.5em 0 0.4em; border-bottom: solid 3px #62c8ef; } #mainFrontArea #seOuter #seLine span { background-color: rgba(126,206,244, .5); padding: 0.5em 0.6em 0.4em; border-top-left-radius: 1em; } #mainFrontArea #seOuter .seIntro span { background: -webkit-linear-gradient(transparent 50%, #fff100 50%); background: linear-gradient(transparent 50%, #fff100 50%); } #mainFrontArea #seOuter .seIntro #seIntroline { padding-right: 50px; } #mainFrontArea #seOuter .seIntro #seIntroline br { display: none; } #mainFrontArea #seOuter .seIntro { font-size: 1.3em; font-weight: bold; padding-left: 30px; -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } #mainFrontArea #seOuter #sePre { font-size: 15px; font-weight: bold; } #mainFrontArea #seOuter #seMatters { padding-left: 20px; background: url(/serviceengineer/images/se_liststyle.jpg) no-repeat 5px center; } #mainFrontArea #seOuter #seList { background-color: #fff; padding: 5px 10px; position: relative; z-index: 1; } #mainFrontArea #seOuter #seList::before, #seList::after { border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, .3); content: ""; height: 100%; position: absolute; width: 99%; } #mainFrontArea #seOuter #seList::before { background-color: rgba(255, 255, 255, .5); left: 0; top: 0; z-index: -1; } #mainFrontArea #seOuter #seList::after { background-color: #7ecef4; top: 5px; left: 5px; z-index: -2; } #mainFrontArea #seOuter #seList h4 { color: #003567; font-size: 15px; font-weight: bold; margin: 15px 0 5px 5px; } #mainFrontArea #seOuter #seList ul { margin: 0 0 10px 5px; padding-left: 10px; } #mainFrontArea #seOuter #seList ul li { margin-top: 10px; font-size: 15px; font-weight: bold; } #mainFrontArea #seOuter #seList div img { width: 300px; height: 93px; position: absolute; top: 20px; left: 380px; } #mainFrontArea #seOuter #seList #seNotes li { margin: 0; font-size: 13px; font-weight: normal; line-height: 1.1em; } #mainFrontArea #seOuter #seList #seNotes li span { margin: 0 0 0 0em; color: #e60012; font-size: 11px; } #mainFrontArea #seOuter #seStrength { width: 100%; position: relative; overflow: hidden } #mainFrontArea #seOuter #seStrength:before { content: ""; background-image: -webkit-linear-gradient( 130deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 80% ); background-image: linear-gradient( 130deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 80% ); width: 200%; height: 200%; position: absolute; top: -100%; left: -200%; -webkit-transition: all 0.5s; transition: all 0.5s; } #mainFrontArea #seOuter #seStrength:hover:before { top: 0%; left: 100%; } #mainFrontArea #seOuter #seImg #seImg01 { float: left; margin-left: 5px; } #mainFrontArea #seOuter #seImg #seImg02,#seImg03 { float: left; margin-left: 5px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 22:PDFのページ化共通設定 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainFrontArea #mainNlArchiveIntro { margin: 20px 0 40px 0; padding: 0 25px; position: relative; } #mainFrontArea #mainNlArchiveIntro:after { content: ""; bottom: -15px; left: 0; width: 100%; height: 1px; background: #bcbcbc; position: absolute; display: block; } #mainFrontArea #mainNlArchiveIntro p { font-size: 20px; line-height: 1.6em; font-family: arial, sans-serif; font-weight: bold; } #mainFrontArea #mainNlArchiveIntro p.mainNlArchiveIntroStrong { color: #0070c0; padding-left: 60px; } #mainFrontArea #mainNlArchiveIntro p.mainNlArchiveIntroTitle { margin: 10px 0 0 0; padding-left: 70px; } #mainFrontArea #mainNlArchiveIntro p.mainNlArchiveIntroTitle img { display: inline; vertical-align: text-bottom; margin: 0 10px; } #mainFrontArea #mainNlArchiveIntro p.mainNlArchiveIntroTitle br { display: none; } #mainFrontArea #mainNlArchiveList { margin-top: 15px; } #mainFrontArea #mainNlArchiveList li { position: relative; overflow: hidden; } #mainFrontArea #mainNlArchiveList li:not(:last-child) { padding-bottom: 30px; } #mainFrontArea #mainNlArchiveList li:not(:last-child):after { content: ""; bottom: 15px; left: 0; width: 100%; height: 1px; background: #bcbcbc; position: absolute; display: block; } #mainFrontArea #mainNlArchiveList li a { text-decoration: none; } #mainFrontArea #mainNlArchiveList .mainNlArchiveListImgWrap { float: right; width: 120px; margin-right: 10px; } #mainFrontArea #mainNlArchiveList .mainNlArchiveListImgWrap img { width: 100%; } #mainFrontArea #mainNlArchiveList h2 { font-size: 16px; text-decoration: underline; } #mainFrontArea #mainNlArchiveList .mainNlArchiveListImgWrap_txt { font-size: 13px; } /*------------------------------ PDFのページ化 --------------------------------*/ #pdfArchiveView { margin: 20px 0 0 0; } #pdfArchiveView .contentsRight { text-align: right; } #pdfArchiveView .contentsRight a.pdfDwBtn { display: inline-block; padding: 2px 0 0 0; } #pdfArchiveView .contentsRight a.pdfDwBtn img { width: 150px; } /* headline */ #pdfArchiveView .HeadlineBigger { font-size: 20px; margin: 10px 0; } #pdfArchiveView .HeadlineLarge { position: relative; margin: -15px 0 10px 0; padding: 12px 0 10px 13px; font-size: 20px; border-bottom: 2px solid #46a2c6; } #pdfArchiveView .HeadlineLarge.hakaruNews { padding: 15px 0 7px 0; margin: 0 0 10px 0; } #pdfArchiveView .HeadlineLarge:before { content: ""; margin-top: -4px; position: absolute; left: 0; top: 25%; width: 5px; height: 60%; display: block; background: #46a2c6; } #pdfArchiveView .HeadlineLarge.hakaruNews:before { content: "はかるNEWS"; position: relative; top: -7px; margin-right: 8px;width: 70px; height: 17px; background: #46a2c6; font-size: 10px; text-align: center; line-height: 17px; color: white; } #pdfArchiveView .HeadlineMedium { font-size: 15px; font-weight: bold; } /* section */ #pdfArchiveView .pdfArchiveSection { width: 100%; margin: 0 0 30px 0; padding: 0 0 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #pdfArchiveView .pdfArchiveSection.firstSection { width: 100%; margin: 0 0 30px 0; padding: 0 0 0 0; } #pdfArchiveView.pdfArchiveViewSn .pdfArchiveSection.firstSection { margin: 0 0 20px 0; } #pdfArchiveView .pdfArchiveSection:after { content: ""; clear: both; display: block; } #pdfArchiveView .pdfArchiveSection.pdfArchiveSectionBorder { border-bottom: dashed 1px silver; } /* txt */ #pdfArchiveView .pdfArchiveLead { margin: 0 0 10px 0; } #pdfArchiveView .pdfArchiveSection p.txt { margin: 0 0 15px 0; } #pdfArchiveView .pdfArchiveSection p.txt i { font-style: italic; font-family: "游ゴシック体", "Yu Gothic", YuGothic sans-serif;} #pdfArchiveView .pdfPageHighlight { margin-top: -2px; padding: 0.5em; border: solid #ffb03f; position: relative; border-width: 2px 0 0 0; } #pdfArchiveView .pdfPageHighlight li { line-height: 1.5; padding: 7px 0 7px 30px; border-bottom: dashed 1px silver; list-style-type: none!important; position: relative; } #pdfArchiveView .pdfPageHighlight li:last-of-type { border-bottom: none; } #pdfArchiveView .pdfPageHighlight li:before { font-family: "Font Awesome 5 Free"; content: "\f138"; position: absolute; top: 50%; left: 0.5em; background: #ffffff; color: #ffb03f; font-weight: 900; border-radius: 50%; width: 14px; height: 14px; margin-top: -8px; text-align: center; line-height: 14px; transform: rotate(90deg); } #pdfArchiveView .HighlightLabel { background: #ffb03f; color: #fff; font-weight: bold; padding: 3px 7px; letter-spacing: 0.05em; width: auto; display: inline-block; } #pdfArchiveView .pdfPageHighlight a { text-decoration: none; } #pdfArchiveView .pdfPageHighlight a:hover:before { left: 5px;} #pdfArchiveView .pdfPageCaption { border: 2px solid #46a2c6; border-radius: 2px; padding: 5px; } #pdfArchiveView .pdfPageCaption.pdfPageCaptionDotted { padding: 5px; border: 2px dotted #46a2c6; box-sizing: border-box; } #pdfArchiveView .pdfPageCaption.pdfPageCaptionDottedOrange { padding: 5px; border: 2px dotted #f79646; box-sizing: border-box; } #pdfArchiveView .pdfPageCaption.pdfPageCaptionDottedGray { padding: 5px; border: 2px dotted #e2e2e2; box-sizing: border-box; } #pdfArchiveView .pdfArchiveSection .txtBorderSolid { border-bottom: 2px solid #46a2c6; padding-bottom: 1px; display: inline-block; } #pdfArchiveView .pdfArchiveSection .txtBorderDotted { display: block; border-bottom: 2px dotted #46a2c6; padding-bottom: 3px; margin-bottom: 4px; font-weight: bold; } #pdfArchiveView .pdfArchiveSection .txtBorderDotted.txtBorderDottedShort { display: inline-block; } #pdfArchiveView .pdfArchiveSection .txtBorderDotted.txtBorderDottedOrange { border-bottom: 2px dotted #f79646; } #pdfArchiveView .pdfArchiveSection .txtBorderDotted.txtBorderDottedGray { border-bottom: 2px dotted #e2e2e2; } #pdfArchiveView .pdfArchiveSection .boxGrayBorder { position: relative; padding: 10px; border-radius: 10px; box-sizing: border-box; border: 2px solid #e2e2e2; } #pdfArchiveView .pdfArchiveSection .boxBlueOpa { position: relative; background: #ebf9ff; padding: 10px; border-radius: 10px; box-sizing: border-box; border: 2px solid #e2e2e2; } #pdfArchiveView .pdfArchiveSection .boxYellowOpa { position: relative; background: #fdffeb; padding: 10px; border-radius: 10px; box-sizing: border-box; border: 2px solid #e2e2e2; } /* img Wrap */ #pdfArchiveView .pdfArchiveSection ul.ImgWrapList { width: 100%; margin: 0 0 20px 0; overflow: hidden; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList li { display: inline-block; vertical-align: top; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList li:not(:first-child) { margin-left: 10px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.ImgWrapListCenter li { display: block; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.ImgWrapListCenter li img { display: block; margin: 0 auto; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList li img { display: inline-block; } /* img height */ #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgOne li img { width: 100%; height: auto; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight100 li img { height: 100px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight110 li img { height: 110px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight120 li img { height: 120px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight130 li img { height: 130px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight140 li img { height: 140px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight150 li img { height: 150px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight160 li img { height: 160px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight170 li img { height: 170px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight180 li img { height: 180px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight190 li img { height: 190px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight200 li img { height: 200px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight210 li img { height: 210px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight220 li img { height: 220px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight230 li img { height: 230px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight240 li img { height: 240px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight250 li img { height: 250px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight260 li img { height: 260px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight270 li img { height: 270px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight280 li img { height: 280px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight290 li img { height: 290px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight300 li img { height: 300px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight310 li img { height: 310px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight320 li img { height: 320px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight330 li img { height: 330px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight340 li img { height: 340px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight350 li img { height: 350px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight400 li img { height: 400px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight400 li img { height: 400px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight500 li img { height: 500px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.imgHeight600 li img { height: 600px; } /* img Wrap(右寄せ) */ #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight .pdfArchiveImgTxtLeft { width: 470px; float: left; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight .pdfArchiveImgTxtLeft.pb50 { padding-bottom: 50px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight .pdfArchiveImgTxtLeft.pb100 { padding-bottom: 100px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight .pdfArchiveImgTxtLeft.pb200 { padding-bottom: 200px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight .pdfArchiveImgTxtLeft.pb300 { padding-bottom: 300px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight:after { content: ""; clear: both; display: block; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap { width: 200px; padding: 0 0 10px 0; float: right; display: block; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap + ul.ImgWrap { margin-top: 10px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li:not(:first-child) { margin-top: 10px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li img { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li img.ImgW100 { width: 100px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li img.ImgW110 { width: 110px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li img.ImgW120 { width: 120px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li img.ImgW130 { width: 130px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li img.ImgW140 { width: 140px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight ul.ImgWrap li img.ImgW150 { width: 150px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.pdfArchiveImgRightBigger .pdfArchiveImgTxtLeft { width: 360px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.pdfArchiveImgRightBigger ul.ImgWrap { width: 330px; } /* img Wrap(左寄せ) */ #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft .pdfArchiveImgTxtRight { width: 470px; float: right; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft .pdfArchiveImgTxtRight.pb50 { padding-bottom: 50px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft .pdfArchiveImgTxtRight.pb100 { padding-bottom: 100px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft .pdfArchiveImgTxtRight.pb200 { padding-bottom: 200px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft .pdfArchiveImgTxtRight.pb300 { padding-bottom: 300px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft:after { content: ""; clear: both; display: block; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft ul.ImgWrap { width: 200px; padding: 0 0 10px 0; float: left; display: block; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft ul.ImgWrap li { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft ul.ImgWrap + ul.ImgWrap { margin-top: 10px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft ul.ImgWrap li:not(:first-child) { margin-top: 10px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft ul.ImgWrap li img { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft ul.ImgWrap li img.ImgW100 { width: 100px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft ul.ImgWrap li img.ImgW110 { width: 110px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft ul.ImgWrap li img.ImgW120 { width: 120px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft ul.ImgWrap li img.ImgW130 { width: 130px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft ul.ImgWrap li img.ImgW140 { width: 140px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft ul.ImgWrap li img.ImgW150 { width: 150px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft.pdfArchiveImgLeftBigger .pdfArchiveImgTxtLeft { width: 360px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft.pdfArchiveImgLeftBigger .pdfArchiveImgTxtRight { width: 380px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft.pdfArchiveImgLeftBigger ul.ImgWrap { width: 330px; } /* img Wrap(右寄せ2つ並び) */ #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.pdfArchiveImgRightImgDouble .pdfArchiveImgTxtLeft { width: 370px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.pdfArchiveImgRightImgDouble ul.ImgWrap { width: 320px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.pdfArchiveImgRightImgDouble ul.ImgWrap li { width: 48%; float: left; margin-top: 0; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.pdfArchiveImgRightImgDouble ul.ImgWrap li:last-child { margin-left: 4%; } /* ページめくり */ #pdfArchiveView .pdfArchivePagemoovWrap { margin: 20px 0 0 0; overflow: hidden; } #pdfArchiveView .pdfArchivePagemoovWrap .pdfArchivePagemoovWrapPrev, #pdfArchiveView .pdfArchivePagemoovWrap .pdfArchivePagemoovWrapNext { display: block; width: 45%; float: left; } #pdfArchiveView .pdfArchivePagemoovWrap .pdfArchivePagemoovWrapPrev { text-align: left; } #pdfArchiveView .pdfArchivePagemoovWrap .pdfArchivePagemoovWrapNext { text-align: right; margin-left: 10%; } /* テーブル */ .pdfArchiveSectionTable { background: #f8f9fb; margin-bottom: 15px; border: 1px solid #9fa2a7; } .pdfArchiveSectionTable thead { background: #ebecf0; } .pdfArchiveSectionTable thead td { text-align: center; font-weight: bold; } .pdfArchiveSectionTable thead td br { display: none; } .pdfArchiveSectionTable td + td { border-left: 1px solid #9fa2a7; } .pdfArchiveSectionTable tr { border-top: 1px solid #9fa2a7; } .pdfArchiveSectionTable td { width: 15%; } .pdfArchiveSectionTable td.pdfArchiveSectionTableTxt { width: 70%; } .pdfArchiveSectionTable .temperature { white-space: nowrap; } .pdfArchiveSectionTable .temperature br { display: none; } .pdfArchiveSectionTable .temperature_red { background: #b12224; color: white; } .pdfArchiveSectionTable .temperature_orange { background: #fda600; } .pdfArchiveSectionTable .temperature_yellow { background: #ffff00; } .pdfArchiveSectionTable .temperature_green { background: #90ee90; } /*------------end PDFのページ化------------*/ #mainFrontArea #mainRecruitList p#newsletterIntro { text-align: right; } /*---------------------------------------------------------------------------------\------------------------------------------------------------------------------------------------------------ 23:テクノdeてくの ページ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #tcLinkHeader { background: #ebf9ff; padding: 10px; border-radius: 5px; box-sizing: border-box; border: 2px solid #e2e2e2; } #tcLinkHeader ul li { display: inline-block; } #tcLinkHeader ul li:not(:last-child):after { content: "／"; } #mainFrontArea p#technoIntro { margin: 20px 0 10px 0; position: relative; font-size: 17px; font-weight: bold; } #mainFrontArea .mainTcArchiveList { margin-top: 5px; } #mainFrontArea .mainTcArchiveList li { width: 100%; position: relative; overflow: hidden; float: left; padding-bottom: 40px; } #mainFrontArea .mainTcArchiveList li:not(:first-child) { margin: 10px 0 0 0; } #mainFrontArea .mainTcArchiveList li:last-child { padding-bottom: 25px; } #mainFrontArea .mainTcArchiveList li:not(:last-child):after { content: ""; bottom: 15px; left: 0; width: 100%; height: 1px; background: #bcbcbc; position: absolute; display: block; } #mainFrontArea .mainTcArchiveList li a { text-decoration: none; display: inline-block; } #mainFrontArea .mainTcArchiveList .mainTcArchiveListImgWrap { float: left; width: 190px; margin-right: 10px; } #mainFrontArea .mainTcArchiveList .mainTcArchiveListImgWrap img { width: 100%; } #mainFrontArea .mainTcArchiveList h2 { margin-bottom: 5px;font-size: 16px; text-decoration: underline; } #mainFrontArea .mainTcArchiveList .mainTcArchiveListImgWrap_txt { font-size: 13px; padding-left: 200px; } #mainFrontArea .mainTcArchiveList .mainTcArchiveListDw { margin-top: 5px; } /*--アーカイブ--*/ /*--共通--*/ body#common ul#mainSidemenuListTitleBox a.mainSidemenuListTitleBoxTc { background: none; position: relative;} body#common ul#mainSidemenuListTitleBox a.mainSidemenuListTitleBoxTc:hover { background: #eef5f8; } body#common ul#mainSidemenuListTitleBox a.mainSidemenuListTitleBoxTc:before {content: "";border-style: solid;display: table;border-width: 5px 3px 0 3px;border-color: #48a5c7 transparent transparent transparent;position: absolute;left: 3px;top: 50%;margin-top: -3px;} #mainFrontArea .pdfArchiveViewTc .pdfArchiveSection.firstSection { margin: 0 0 10px 0; } #mainFrontArea .pdfArchiveViewTc .technoFirstImage { position: relative; margin-bottom: 30px; } #mainFrontArea .pdfArchiveViewTc .technoFirstImage img { width: 100%; } #mainFrontArea .pdfArchiveViewTc .technoFirstImage h1 { position: absolute; font-weight: bold; box-sizing: border-box; background: rgba(255,255,255,0.8); font-family: 'Noto Sans Japanese',sans-serif; } #mainFrontArea .pdfArchiveViewTc .technoFirstImage h1 { width: auto; padding: 10px 10px 6px 10px; bottom: 10px; left: 2%; font-size: 22px; line-height: 28px; } /*--vol01--*/ #mainFrontArea .pdfArchiveViewTc.pdfArchiveViewTc01 .technoFirstImage h1 { width: 96%; padding: 10px 10px 6px 10px; bottom: 10px; left: 2%; font-size: 22px; line-height: 28px; } #mainFrontArea .TcVol01personalStyle01 img { width: 300px; } #mainFrontArea .TcVol01personalStyle01 p.txt { font-size: 25px; line-height: 1.3; } #mainFrontArea .TcVol01personalStyle02 h3 { font-size: 18px; font-weight: normal; display: inline-block; } #mainFrontArea .TcVol01personalStyle02 br { display: none; } /*--vol03--*/ #mainFrontArea .TcVol03personalStyle01 { margin-top: -100px; } #mainFrontArea .pdfArchiveSection .TcVol03personalStyle02.pdfArchiveImgRight ul.ImgWrap { width: 390px; } #mainFrontArea .pdfArchiveSection .TcVol03personalStyle02.pdfArchiveImgRight .pdfArchiveImgTxtLeft { width: 300px; } /*--vol04--*/ #mainFrontArea .pdfArchiveSection .TcVol04personalStyle01 { padding-top: 15px; } #mainFrontArea .pdfArchiveSection .TcVol04personalStyle01 .pdfArchiveImgRight ul.ImgWrap { width: 240px; } #mainFrontArea .pdfArchiveSection .TcVol04personalStyle01 .pdfArchiveImgTxtLeft { width: 440px; } #mainFrontArea .pdfArchiveSection .TcVol04personalStyle01 .pdfArchiveImgLeft ul.ImgWrap { width: 240px; padding-bottom: 0; } #mainFrontArea .pdfArchiveSection .TcVol04personalStyle01 .pdfArchiveImgTxtRight { width: 440px; margin: 10px 0 0 0; } /*--vol05--*/ /*--vol06--*/ #mainFrontArea .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct { width: 140px; font-size: 11px; } #mainFrontArea .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct .ImgWrap { width: 100%; } #mainFrontArea .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct.pdfArchiveProductRight { width: 385px; font-weight: bold;} #mainFrontArea .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct.pdfArchiveProductRight .txtCenter { border-bottom: 2px solid black; font-size: 14px; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct table { width: 100%; margin-top: 5px; font-family: 'Noto Sans Japanese',sans-serif; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct table tr { border-bottom: 2px solid black; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct table tr.TcBorderRed { border: 3px solid red; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct table td { position: relative; font-size: 15px; padding: 4px 5px 4px 20px; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct table td:first-child { position: relative; font-size: 15px; padding: 4px 5px 4px 18px; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct table td + td:before { content: ""; position: absolute; display: block; width: 2px; height: 140%; top: 0; left: -1px; background: black; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct table td.TcYellowline { padding-left: 0; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct table td.TcYellowline span { background: -webkit-linear-gradient(transparent 60%, #fff100 50%); background: linear-gradient(transparent 60%, #fff100 50%); padding: 0 20px; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct .TcTxtRed { color: red; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle01 .pdfArchiveProduct .TcTxtOrange { color: orange; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle02 { width: 340px; margin-right: 20px; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList li.TcVol06personalStyle02 img { width: 100%; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList li.TcVol06personalStyle02 p { white-space: nowrap; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle03 .pdfArchiveImgRight strong { display: block; float: left; background: #7ec6e9; color: white; text-align: center; padding: 20px 0 0 0; border-radius: 50%; width: 80px; height: 80px; box-sizing: border-box; font-size: 16px; line-height: 1.4; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle03 .pdfArchiveImgRight .pdfArchiveImgTxtLeft { width: 270px; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle03 .pdfArchiveImgRight.last .pdfArchiveImgTxtLeft { width: 410px; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle03 .pdfArchiveImgRight p.txt { margin: 15px 0 15px 15px; font-size: 17px; line-height: 1.5; font-weight: bold; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle03 .pdfArchiveImgRight ul.ImgWrap { float: right; } #pdfArchiveView .pdfArchiveSection .TcVol06personalStyle04 { margin-top: -15px; width: 200px; } /*--vol08--*/ #pdfArchiveView .TcVol08personalStyle01 { margin-left: -10px; width: 200px; } #pdfArchiveView .TcVol08personalStyle02 { margin-top: 10px; padding: 0 2px 0 5px; padding-bottom: 0 !important; font-size: 17px; line-height: 1; display: inline-block; overflow: hidden; } #pdfArchiveView .TcVol08personalStyle02 a { color: #444444; vertical-align: middle; line-height: 1.5; } #pdfArchiveView .TcVol08personalStyle02 a:hover { color: #0098d6; } #pdfArchiveView .TcVol08personalStyle02 h3 + h3 { margin-top: 5px; } #pdfArchiveView .TcVol08personalStyle02 h3 + h3 a:before { background: none !important; } #pdfArchiveView .TcVol08personalStyle02 a:before { content: ""; margin-right: 10px; display: inline-block; width: 40px; height: 40px; vertical-align: middle; } #pdfArchiveView .TcVol08personalStyle02.TcVol08personalStyle02_01 a:before { background: url(/techno/images/technoImg08_04.jpg) no-repeat; background-size: 100% auto;} #pdfArchiveView .TcVol08personalStyle02.TcVol08personalStyle02_02 a:before { background: url(/techno/images/technoImg08_05.jpg) no-repeat; background-size: 100% auto;} #pdfArchiveView .TcVol08personalStyle02.TcVol08personalStyle02_03 a:before { background: url(/techno/images/technoImg08_06.jpg) no-repeat; background-size: 100% auto;} #pdfArchiveView .TcVol08personalStyle02.TcVol08personalStyle02_04 a:before { background: url(/techno/images/technoImg08_07.jpg) no-repeat; background-size: 100% auto;} #pdfArchiveView .TcVol08personalStyle02.TcVol08personalStyle02_05 a:before { background: url(/techno/images/technoImg08_08.jpg) no-repeat; background-size: 100% auto;} #pdfArchiveView .TcVol08personalStyle02 a span { display: inline-block; vertical-align: middle; text-decoration: underline; } #pdfArchiveView .TcVol08personalStyle02 a span br.break { display: none; } #pdfArchiveView .TcVol08personalStyle02 + .TcVol08personalStyle02 { margin-top: 5px; padding-left: 24px; border: none; } #pdfArchiveView .TcVol08personalStyle03 { display: inline-block; line-height: 1.2; } #pdfArchiveView .TcVol08personalStyle04 { display: inline-block; background: -webkit-linear-gradient(transparent 85%, #ffa4a4 50%); background: linear-gradient(transparent 85%, #ffa4a4 50%); display: inline-block; margin-bottom: 5px; padding: 0 4px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.TcVol08personalStyle06 .pdfArchiveImgTxtLeft { width: 450px; margin-right: 30px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.TcVol08personalStyle06 ul.ImgWrap { padding: 5px 0 0 0; float: left; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.TcVol08personalStyle06 p.txt { margin: 5px 0 15px 0; } /*--vol09--*/ #pdfArchiveView.pdfArchiveViewTc09 .technoFirstImage .label { position: absolute; width: 170px; left: 70px; bottom: 35px; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle01 { overflow: hidden; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle01 li { width: 46%; float: left; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle01 li + li { width: 50%; margin-left: 4%; margin-top: 20px; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle01 li img { width: 100%; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.TcVol09personalStyle02 .pdfArchiveImgTxtLeft { width: 290px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.TcVol09personalStyle02 ul.ImgWrap { float: left; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle03.bgPuls { overflow: hidden; background: url(/techno/images/technoImg09_14.jpg) left 90px center no-repeat; background-size: 26px; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle03 li { float: left; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle03 li.title { background: linear-gradient(#91cffe, transparent); height: 100%; margin: 10px 80px 0 0; padding: 60px 22px; font-size: 21px; color: white; border: 1px solid #1d95d4; border-radius: 25px; letter-spacing: 2px; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle03 li.title span { display: block; color: black; font-weight: bold; writing-mode: vertical-rl; text-orientation: upright; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; height: 190px; white-space: nowrap } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle03 .pdfArchiveProduct { float: none; min-height: auto; width: 560px; margin-bottom: 10px; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle03 .pdfArchiveProduct .pdfArchiveProductTxt { width: 390px; margin-right: 0; margin-left: 10px; } #pdfArchiveView .pdfArchiveSection .TcVol09personalStyle03 .pdfArchiveProduct .ImgWrap { width: 100px; height: 100px; min-height: 100px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 24:Original製品 ブリッジ ページ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ h1#originalHl { font-size: 24px; color: #333333; font-weight: bold; position: relative; padding: 0 0 0 50px; margin: 30px 0 20px; } h1#originalHl span { font-size: 34px; color: #f39800; } h1#originalHl::before, h1#originalHl::after { position: absolute; content: ''; border-radius: 8px; } h1#originalHl::before { top: -0.5em; left:0; width: 35px; height: 35px; background-color: #448aca; } h1#originalHl::after { top: -1em; left: 1em; z-index: 2; width: 30px; height: 30px; background-color: #a5daf4; opacity: 0.75; } #originalIntro { background-image: url("../../original-lp/images/background_img.jpg"); background-repeat: no-repeat; width: 980px; height: 435px; padding: 30px 30px 0; } #originalIntro #originalIntroTop { font-size: 21px; color: #333333; position: relative; margin :10px 0 20px -10px; text-shadow: 1px 1px 0.5px #ffffff, -1px 1px 0.5px #ffffff, 1px -1px 0.5px #ffffff, -1px -1px 0.5px #ffffff; } #originalIntro #originalIntroTop::after { position: absolute; width: 50%; bottom: -2px; left: 10px; content: ''; display: block; border-bottom: 2.5px solid #333333; box-shadow: 1px 1px 0.5px #ffffff, -1px 1px 0.5px #ffffff, 1px -1px 0.5px #ffffff, -1px -1px 0.5px #ffffff; } #originalIntro p { font-size: 18px; color: #333333; font-weight: bold; width: 920px; word-break: break-all; line-height: 1.8em; text-shadow: 1px 1px 0.5px #ffffff, -1px 1px 0.5px #ffffff, 1px -1px 0.5px #ffffff, -1px -1px 0.5px #ffffff; } .originalProduct h2.originalProductHl { font-size: 21px; color: #333333; font-weight: bold; position: relative; padding: 0.8em 1em 0.6em 1.5em; border: 1.5px solid #898989;} .originalProduct h2.originalProductHl::before, .originalProduct h2.originalProductHl::after { position: absolute; content: ''; } .originalProduct h2.originalProductHl::before { top: 10px; left: 10px; position: absolute; width: 8px; height: 10px; background-color: #a5daf4; } .originalProduct h2.originalProductHl::after { top: 20px; left: 10px; position: absolute; width: 8px; height: 20px; background-color: #448aca; } .originalProduct ul li { width: 168px; margin: 20px 0 0 30px; float: left; } .originalProduct ul li:first-child, .originalProduct ul li.floatBreak { margin-left: 10px; } .originalProduct ul li img { width: 168px; height: 168px; } .originalProduct ul li div { margin: 10px 0; padding: 0.3em 0.6em; height: 210px; background-color: #f2f9ff; border: 4px double #d2e6ff; border-radius: 8px; } .originalProduct ul li div p { font-size: 12px; margin-top: 8px; } .originalProduct ul li div p:nth-child(2) { color: #333333; font-weight: bold; } .originalProduct ul li div p:last-child { color: #676767; margin-top: 10px; } .originalProduct ul li div .originalProductName a { font-size: 15px; color: #0097da; font-weight: bold; text-decoration: none; } .originalProduct ul li div .originalProductName a:hover { color: #cccccc; } #originalContents div h3.originalContentsHl { font-size: 21px; color: #333333; font-weight: bold; position: relative; margin-top: 30px; padding: 0.5em 0 0.5em 0.75em; border-left: 8px solid #a5daf4; } #originalContents div h3.originalContentsHl::before { position: absolute; left: -8px; bottom: 0; content: ''; width: 8px; height: 75%; background-color: #448aca; } #originalContents div h3.originalContentsHl::after { position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 0; border-bottom: 1.5px solid #898989; } #originalContents #originalContentsDevelop img { float: left; margin: 20px 10px 0 10px; } #originalContents #originalContentsDevelop p { font-size: 18px; color: 333333; line-height: 1.3em; float: left; width: 440px; word-break: break-all; margin: 30px 0 0 10px; } #originalContents #originalContentsService div h4 {font-size: 18px; color: #ffffff; font-weight: bold; margin: 20px 0 0 10px; padding: 0.5em; line-height: 1.3em; background-color: #448aca; vertical-align: middle; border-radius: 25px 0 0 25px; border-right: 6px solid #a5daf4; } #originalContents #originalContentsService div h4::before { content: '●'; color: #ffffff; margin-right: 8px;} #originalContents #originalContentsService div img { float: left; margin: 20px 10px 0;} #originalContents #originalContentsService .originalContentsServiceSection01 img, #originalContents #originalContentsService .originalContentsServiceSection03 img { float: right;} #originalContents #originalContentsService div p { font-size: 18px; color: 333333; line-height: 1.3em; float: left; width: 660px; word-break: break-all; margin: 30px 10px 0; } .originalInquiry { margin: 50px 0 30px; text-align: center; } .originalInquiry a { display: inline-block; width: 700px; height: 60px; font-size: 26px; color: #ffffff; line-height: 60px; text-align: center; text-decoration: none; position: relative; background-color: #f95e38; border: 3px solid #f95e38; } .originalInquiry a span { font-size: 14px; font-weight: bold; margin-right: 5px; } .originalInquiry a::before, .originalInquiry a::after { position: absolute; z-index: -1; display: block; content: ''; } .originalInquiry a,.originalInquiry a::before ,.originalInquiry a::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s; transition: all .4s; } .originalInquiry a:hover { color: #f95e38; background-color: #ffffff; border: 3px solid #f95e38; } .originalInquiry p { font-size: 18px; color: #333333; margin: 20px 190px 50px; text-align: left; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 24:Original製品 Detail ページ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #detailIntro { background-color: #f5f5f5; border-left: 5px solid #32b16c; border-right: 5px solid #32b16c; margin: 30px 10px 10px; padding: 0 0 0 10px; } #detailIntro h1 { font-size: 21px; color: #333333; font-weight: bold; position: relative; padding: 0 0 0 30px; margin: 20px 0 16px; display: inline-block; } #detailIntro h1::before, #detailIntro h1::after { position: absolute; content: ''; } #detailIntro h1::before { top: -0.1em; left: 0; width: 15px; height: 20px; background-color: #007130; } #detailIntro h1::after { top: -0.3em; left: 0.4em; z-index: 2; width: 12px; height: 16px; border: 1.5px solid #32b16c; } #detailIntro p { font-size: 18px; color: #333333; line-height: 1.3em; } .productHl, .productFeature { border: 1.5px solid #898989; padding: 0.5em 1em 0.8em; margin: 30px 10px 0; } .productHl h2, .productFeature h3 { font-size: 21px; color: #333333; font-weight: bold; position: relative; padding: 0.7em 0 0.5em 1em; } .productHl h2::before, .productHl h2::after, .productFeature h3::before, .productFeature h3::after { position: relative; content: ''; } .productHl h2::before, .productFeature h3::before { top: 5px; left: 0; position: absolute; width: 8px; height: 10px; background-color: #89c997;} .productHl h2::after, .productFeature h3::after { top: 15px; left: 0; position: absolute; width: 8px; height: 20px; background-color: #007130; } .productHl p, .productFeature p { font-size: 18px; color: #333333; } .detailIntroTxt p { padding: 0 10px; font-size: 15px; line-height: 1.5em; } .productSpec { margin: 15px 10px 0; } .productSpec ul, .productSpec table { float: left; } .productSpec ul li { margin-bottom: 20px; } .productSpec ul li:last-child { margin-bottom: 0; } .productSpec ul .iconCatalog img, .iconCatalog p { float: left; } .productSpec ul .iconCatalog img { margin-right: 10px; } .productSpec ul .iconCatalog p { background: url(/common/images/icon_bookcover.gif) left center no-repeat; padding-left: 20px; } .productSpec ul .iconCatalog p a { background: url(/common/images/icon_linkjump.gif) right center no-repeat; padding-right: 20px; } .productSpec ul .iconMaker p {float: left; } .productSpec ul .iconMaker p:last-child { margin-left: 10px;} .productSpec ul .iconNetis p { font-size: 14px; color: #333333; font-weight: bold; float: left; } .productSpec ul .iconNetis p:first-child { background:url(/common/images/icon_netis.gif) left center no-repeat; padding: 5px 3px 0 38px; } .productSpec .tableDouble { width: 630px; } .productSpec ul, .productSpec .tableDouble { float: left; } .productSpec table { font-size: 12px; color: #333333; width: 630px; margin: 0 0 10px 20px; word-break: break-all; border: 2px solid #89c997; border-collapse: collapse; } .productSpec table caption { font-size: 18px; color: #32b16c; font-weight: bold; } .productSpec table caption span { font-size: 16px; color: #007130; padding-left: 1.4em; } .productSpec table tr th, td { padding: 0.5em 0.3em 0.3em; } .productSpec table tr th { width: 80px; color: #ffffff; background-color: #32b16c; border-bottom: 1px solid #ffffff; vertical-align: top;} .productSpec table tr:last-child th { border-bottom: none; } .productSpec table tr td { width: 235px; border-bottom: 1px solid #89c997; vertical-align: top; } .productSpec table tr:nth-child(2n-1) td { background-color: #f3f8f3; } .productSpec table tr:last-child td { border-bottom: none; } .productSpec table tr .tableLineB { border-bottom: 2px solid #89c997; } .productSpec table tr .tableLineR { border-right: 2px solid #89c997; } .productSpec table tr .tableBf { background-color: #f3f8f3; } .productSpec table tr td.tableBt { background-color: transparent; } .productDetail { margin: 40px 0; text-align: center; } .productDetail a { display: inline-block; width: 700px; height: 60px; font-size: 26px; color: #ffffff; text-align: center; text-decoration: none; line-height: 60px; position: relative; background-color: #007130; border: 3px solid #007130; } .productDetail a::before, .productDetail a::after { position: absolute; z-index: -1; display: block; content: ''; } .productDetail a, .productDetail a::before, .productDetail a::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .4s; transition: all .4s;} .productDetail a:hover { color: #007130; background-color: #ffffff; border: 3px solid #007130; } .productFeatureImg { margin: 30px 10px 0; } .productFeatureImg li { width: 300px; margin-left: 30px; float: left; } .productFeatureImg li:first-child { margin-left: 0; } .productFeatureImg li.imgPosition { margin-left: 126px; } .productFeatureImg li p { font-size: 16px; color: #333333; font-weight: bold; text-align: center; margin-top: 10px; } .productFeatureImg li p span { font-size: 14px; } .productFeatureImgMinicam { margin: 30px 20px 0; } .productFeatureImgMinicam li { margin-left: 45px; float: left; } .productFeatureImgMinicam li:first-child { margin-left: 0; } .productFeatureImgMinicam li p { font-size: 16px; color: #333333; font-weight: bold; text-align: center; margin-top: 10px; } .productFeatureImgMinicam li p span { font-size: 14px; } .productFeatureImgOther { margin: 30px 50px 0; } .productFeatureImgOther li { margin-left: 80px; float: left; } .productFeatureImgOther li:first-child { margin-left: 0; } .productFeatureImgOther li p { font-size: 16px; color: #333333; font-weight: bold; text-align: center; margin-top: 10px; } .productFeatureFigureC { margin: 30px 10px 0; background: -moz-linear-gradient(top, #bae3f9,#bae3f9 60%, #f9f7d0); background: -webkit-linear-gradient(top, #bae3f9,#bae3f9 60%, #f9f7d0); background: linear-gradient(to bottom, #bae3f9,#bae3f9 60%, #f9f7d0); border: 3px ridge #cccccc; } .productFeatureFigureWe { margin: 30px 115px 0; background: -moz-linear-gradient(top, #bae3f9,#bae3f9 60%, #f9f7d0); background: -webkit-linear-gradient(top, #bae3f9,#bae3f9 60%, #f9f7d0); background: linear-gradient(to bottom, #bae3f9,#bae3f9 60%, #f9f7d0); border: 3px ridge #cccccc; } .productFeatureFigureSoMi { margin: 30px 50px 0; background: -moz-linear-gradient(top, #bae3f9,#bae3f9 60%, #f9f7d0); background: -webkit-linear-gradient(top, #bae3f9,#bae3f9 60%, #f9f7d0); background: linear-gradient(to bottom, #bae3f9,#bae3f9 60%, #f9f7d0); border: 3px ridge #cccccc; } .productFeaturePave { margin: 30px 10px 0; } .productFeaturePave li { float: left; } .productFeaturePave li:last-child { margin-top: 20px; } .productFeaturePave li:nth-child(2) { font-size: 16px; color: #333333; font-weight: bold; line-height: 2.5em; word-break: break-all; width: 350px; margin: 35px 10px 0 70px; } .productFeatureEreco { margin: 30px 10px 0; } .productFeatureEreco li { float: left; } .productFeatureEreco li:last-child img { width: 650px; margin-left: 30px; } .productFeatureEreco li p { font-size: 16px; color: #333333; font-weight: bold; text-align: center; margin-top: 10px; } .originalProduct h2.detailProductHl { font-size: 21px; color: #333333; font-weight: bold; position: relative; padding: 0.8em 1em 0.6em 1.5em; border: 1.5px solid #898989; } .originalProduct h2.detailProductHl::before, h2.detailProductHl::after { position: absolute; content: ''; } .originalProduct h2.detailProductHl::before { top: 10px; left: 10px; position: absolute; width: 8px; height: 10px; background-color: #89c997; } .originalProduct h2.detailProductHl::after { top: 20px; left: 10px; position: absolute; width: 8px; height: 20px; background-color: #007130; } .originalProduct ul li div .originalProductName { font-size: 15px; color: #f39800; font-weight: bold; padding-left: 6px; border-left: 4px solid #a5daf4; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 25:ソーキニュース ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #mainFrontArea #mainSnArchiveIntro { margin: 20px 0 40px 0; padding: 0 0; position: relative; } #mainFrontArea #mainSnArchiveIntro:after { content: ""; bottom: -15px; left: 0; width: 100%; height: 1px; background: #bcbcbc; position: absolute; display: block; } #mainFrontArea #mainSnArchiveIntro p { font-size: 20px; line-height: 1.6em; font-family: arial, sans-serif; font-weight: bold; } #mainFrontArea #mainSnArchiveList { margin-top: 15px; } #mainFrontArea #mainSnArchiveList li { position: relative; overflow: hidden; } #mainFrontArea #mainSnArchiveList li:not(:last-child) { padding-bottom: 30px; } #mainFrontArea #mainSnArchiveList li:not(:last-child):after { content: ""; bottom: 15px; left: 0; width: 100%; height: 1px; background: #bcbcbc; position: absolute; display: block; } #mainFrontArea #mainSnArchiveList li a { text-decoration: none; } #mainFrontArea #mainSnArchiveList .mainSnArchiveListImgWrap { float: right; width: 120px; margin-right: 10px; } #mainFrontArea #mainSnArchiveList .mainSnArchiveListImgWrap img { width: 100%; } #mainFrontArea #mainSnArchiveList h2 { font-size: 16px; text-decoration: underline; } #mainFrontArea #mainSnArchiveList .mainSnArchiveListImgWrap_txt { font-size: 13px; } #pdfArchiveView.pdfArchiveViewSn .HeadlineLarge { border-bottom: 2px solid #0254a6; } #pdfArchiveView.pdfArchiveViewSn .HeadlineLarge:before { background: #0254a6; } #pdfArchiveView.pdfArchiveViewSn .HeadlineLarge.HeadlineLargeFav { color: black; border-bottom: 2px solid #ff5107; } #pdfArchiveView.pdfArchiveViewSn .HeadlineLarge.HeadlineLargeFav:before { background: #ff5107; } #pdfArchiveView .HeadlineLarge.SnTxtPink { color: #ff7c80; border-bottom: 2px solid #ff7c80; font-family: "M PLUS Rounded 1c"; padding-bottom: 11px; } #pdfArchiveView .pdfArchiveSection .HeadlineLarge.SnTxtPink:before { background: #ff7c80; } #pdfArchiveView .pdfArchiveSection .SnTxtPink { color: #ff4d52; } #pdfArchiveView .pdfArchiveSection .sookinewsArrow { margin-left: 10px; margin-bottom: 10px; } #pdfArchiveView .pdfArchiveSection .sookinewsArrow img { width: 25px; height: 100%; display: inline-block; } #pdfArchiveView .pdfArchiveSection .sookinewsArrowLead { padding-left: 5px; display: inline-block; } #pdfArchiveView .pdfArchiveSection .sookinewsArrow.sookinewsArrowCenterPress { height: 15px; text-align: center; } #pdfArchiveView .pdfArchiveSection .sookinewsArrow.sookinewsArrowCenterPress img { width: 30px; } #pdfArchiveView .pdfArchiveSection .SnArrowGray { text-align: center; border-style: solid; display: table; border-width: 25px 35px 0 35px; border-color: #6b6b6b transparent transparent transparent; margin: 0 auto; } /*--vol02--*/ #pdfArchiveView .pdfArchiveSection .SnVol02personalStyle01 { overflow: hidden; border: 2px solid #00b8ff; margin-bottom: 15px; padding: 10px 0px; border-radius: 10px; } #pdfArchiveView .pdfArchiveSection .SnVol02personalStyle01 li { display: inline-block; padding-left: 15px; } #pdfArchiveView .pdfArchiveSection .SnVol02personalStyle01 li span { font-weight: bold; color: #0085cc; } #pdfArchiveView .pdfArchiveSection .SnVol02personalStyle02 { overflow: hidden; border: 2px solid #00b8ff; margin-bottom: 15px; padding: 10px 10px 10px 0; border-radius: 10px; } #pdfArchiveView .pdfArchiveSection .SnVol02personalStyle02 li { padding-left: 15px; } #pdfArchiveView .pdfArchiveSection .SnVol02personalStyle02 li span { font-weight: bold; color: #0085cc; } /*--vol05--*/ #pdfArchiveView .pdfArchiveSection .SnVol05personalStyle01 .HeadlineMedium { display: inline-block; width: 100%; text-align: center; margin-bottom: 9px; padding-bottom: 5px; } #pdfArchiveView .pdfArchiveSection .SnVol05personalStyle02 .HeadlineMedium { display: inline-block; width: 100%; text-align: center; margin-bottom: 9px; padding-bottom: 5px; } #pdfArchiveView .pdfArchiveSection .SnVol05personalStyle02 .HeadlineMedium img { display: inline-block; width: 17px; padding: 0 7px; vertical-align: middle; } #pdfArchiveView .pdfArchiveSection .SnVol05personalStyle02 strong { background: url(../../sookinews/images/sookinewsImg09_14.jpg) repeat-x; background-size: 7px 10px; background-position: 0 12px; line-height: 1.7; display: inline; text-indent: 5px; } #pdfArchiveView .pdfArchiveSection .SnVol05personalStyle03 { font-size: 14px; line-height: 1.6; } /*--vol06--*/ #pdfArchiveView .pdfArchiveSection .SnVol06personalStyle01 { background: white; position: relative; box-sizing: border-box; margin-bottom: 20px; } #pdfArchiveView .pdfArchiveSection .SnVol06personalStyle01 h3 { position: relative; margin-left: 16px; margin-bottom: 6px; color: red; border-bottom: 2px solid red; font-size: 16px; padding-left: 22px; padding-bottom: 2px; } #pdfArchiveView .pdfArchiveSection .SnVol06personalStyle01 h3:after { counter-increment: number 1; content: counter(number) " "; position: absolute; top: 50%; left: -20px; margin-top: -19px; display: block; font-size: 20px; background: red; width: 30px; height: 30px; border-radius: 50%; border: 2px solid white; text-align: center; line-height: 32px; font-weight: bold; color: white; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25); } #pdfArchiveView .pdfArchiveSection .SnVol06personalStyle02Wrap { counter-reset: number 0; margin-top: 20px; } #pdfArchiveView .pdfArchiveSection .SnVol06personalStyle03 .txtBorderDotted { display: inline-block; } #pdfArchiveView .pdfArchiveSection .SnVol06personalStyle04 { position: relative; background: none; padding: 10px; border-radius: 10px; box-sizing: border-box; border: 2px solid #e2e2e2; } #pdfArchiveView .pdfArchiveSection .SnVol06personalStyle05 { display: inline-block; margin-bottom: 10px; } #pdfArchiveView .pdfArchiveSection .SnVol06personalStyle05 img { display: inline-block; width: 17px; padding-right: 7px; vertical-align: middle; } #pdfArchiveView .pdfArchiveSection .SnVol06personalStyle06 { display: block; margin: 2px 0px 5px 0; padding: 4px 7px; background: #ffff8d; border: 1px solid #c64646; border-radius: 4px; } /*--vol07--*/ #pdfArchiveView .pdfArchiveSection .SnVol07personalStyle01 .pdfArchiveImgRight.pdfArchiveImgRightBigger ul.ImgWrap { margin-left: 15px; padding-top: 22px; float: left; } #pdfArchiveView .pdfArchiveSection .SnVol07personalStyle01 .pdfArchiveImgRight.pdfArchiveImgRightBigger .pdfArchiveImgTxtLeft { width: 330px; } #pdfArchiveView .pdfArchiveSection .SnVol07personalStyle01 .txtBorderDotted { padding-left: 5px; } #pdfArchiveView .pdfArchiveSection .SnVol07personalStyle02 { border-bottom: 2px solid #46a2c6; padding: 9px 10px 5px 10px; display: inline-block; background: #46a2c6; border-radius: 10px 10px 0px 10px; color: white; margin-bottom: 10px; } /*--vol08--*/ #pdfArchiveView .pdfArchiveSection.SnVol08personalStyle01 .txtBorderDotted { display: inline-block; } /*--vol09--*/ #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle01 { color: green; font-weight: bold; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle02 { color: #ff7300; font-weight: bold; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle03 { font-size: 20px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle04 { overflow: hidden; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle04 .boxBlueOpa { background: none; width: 345px; min-height: 140px; max-height: 170px; position: relative; padding: 15px 10px 10px 10px; border: 2px solid #0254a6; border-radius: 0 10px 10px 5px; float: left; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle04 .boxBlueOpa + .boxBlueOpa { margin-left: 20px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle04 .boxBlueOpa strong { padding: 3px 20px 1px 20px; position: absolute; top: -1px; left: 0; background: #0254a6; border-radius: 0 0 10px 0; font-size: 13px; color: white; letter-spacing: 1px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle04 .boxBlueOpa .title { margin-bottom: 5px; padding-bottom: 5px; text-align: center; font-size: 16px; font-weight: bold; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle04 ul li { padding: 5px 0; border-top: 1px dotted #0254a6; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle04 ul li span:before { content: ""; width: 0; height: 0; margin: 0 0 0 6px; display: inline-block; border-style: solid; border-width: 5px 0 5px 7px; border-color: transparent transparent transparent #6b6b6b; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle05 { width: 260px; margin: 10px 0 20px 0; padding: 15px 15px 14px 15px; position: relative; background: #00882a; color: white; font-weight: bold; font-size: 16px; border-radius: 18px; display: inline-block; vertical-align: top; text-align: left; box-sizing: border-box; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle05 svg { position: absolute; width: 20px; bottom: -5px; right: -4px; transform: rotate(-25deg); } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle06 { width: 120px; vertical-align: middle; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle06 .st0 { fill: #48a5c7; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle07 { position: relative; display: inline-block; margin: 47px 0 15px 20px; float: left; } #pdfArchiveView .pdfArchiveSection .parsonA { position: absolute; display: block; width: 100%; height: 38px; top: 92px; text-align: center; color: white; font-size: 17px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle09 { background: url(../../sookinews/images/sookinewsImg09_14.jpg) repeat-x; background-size: 7px 10px; background-position: 0 12px; line-height: 1.7; display: inline; text-indent: 5px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle09.SnVol09personalStyle09Red { background: none; color: red; font-size: 15px; } #pdfArchiveView .pdfArchiveSection .boxBlueOpa.SnVol09personalStyle10 { border: 2px solid #0254a6; background: none; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle11 { font-size: 16px; color: #0254a6; padding-top: 5px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle11 span { background: #0254a6; display: inline-block; color: white; width: 25px; height: 25px; text-align: center; line-height: 26px; margin: -5px 5px 0 5px; border-radius: 3px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle12 { background: #777777; position: relative; width: 258px; margin-top: 10px; margin-bottom: 25px; padding: 10px 15px 8px 15px; text-align: left; border-radius: 20px; font-weight: bold; font-size: 15px; color: white; box-sizing: border-box; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle12:before { background: url(/sookinews/images/sookinewsImg09_15.png) no-repeat; background-size: 100% auto; content: ""; display: block; position: absolute; top: 20px; right: -34px; width: 45px; height: 32px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle13 { float: left; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle14 { background: #ffe9c0; padding: 15px; border-radius: 10px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle15 { background: #e6f5fd; padding: 15px; border-radius: 10px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle16 { position: relative; padding-top: 30px; padding-left: 155px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle16 img { position: absolute; width: 150px; left: -4px; top: -5px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle17 { position: relative; padding-top: 20px; padding-right: 150px; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle17 img { position: absolute; width: 150px; top: -15px; right: 0; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle18 { width: 250px; margin: 5px 0 0 20px; display: block; float: left; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle18 img { width: 100%; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle20 { color: #ff7300; font-size: 17px; margin: 8px 0 5px 0; display: block; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle21 { width: 100%; margin: 0 0 20px 0; } #pdfArchiveView .pdfArchiveSection .SnVol09personalStyle21 img { float: right; display: block; } /*--vol10--*/ #pdfArchiveView .pdfArchiveSection .SnVol10personalStyle01 { font-size: 14px; color: red; border-bottom: 1px solid red; margin-bottom: 5px; display: inline-block; } #pdfArchiveView .pdfArchiveSection .SnVol10personalStyle02 { font-size: 18px; font-weight: bold; color: red; } #pdfArchiveView .pdfArchiveSection .SnVol10personalStyle03 { width: 340px; float: left; display: block; } #pdfArchiveView .pdfArchiveSection .SnVol10personalStyle03 + .SnVol10personalStyle03 { margin-left: 30px; } #pdfArchiveView .pdfArchiveSection .SnVol10personalStyle03 strong { font-weight: bold; background: red; color: yellow; border-radius: 10px 10px 0 0; padding: 3px 10px 0px 10px; display: inline-block; font-size: 14px; } #pdfArchiveView .pdfArchiveSection .SnVol10personalStyle03 p.txt { margin-top: -1px; padding: 10px; border: 1px solid #b3b3b3; } #pdfArchiveView .pdfArchiveSection .SnVol10personalStyle03 p.txt .txtRed { color: red; } #pdfArchiveView .pdfArchiveSection .SnVol10personalStyle04 { overflow: hidden; } /*--vol11--*/ #pdfArchiveView .pdfArchiveSection .SnVol11personalStyle01 { counter-reset: number 0; overflow: hidden; padding: 20px 18px 10px 10px; box-sizing: border-box; background: url(/sookinews/images/sookinewsImg11_09.jpg); } #pdfArchiveView .pdfArchiveSection .SnVol11personalStyle01 li { position: relative; background: rgba(255, 255, 255, 0.9); float: left; width: 31%; min-height: 120px; margin-bottom: 20px; margin-left: 2%; padding: 25px 10px 20px 15px; font-size: 16px; box-sizing: border-box; font-weight: bold; border-radius: 7px;} #pdfArchiveView .pdfArchiveSection .SnVol11personalStyle01 li:after { counter-increment: number 1; content: counter(number) " "; position: absolute; top: -10px; left: -10px; display: block; font-size: 20px; background: red; width: 30px; height: 30px; border-radius: 50%; border: 2px solid white; text-align: center; line-height: 32px; font-weight: bold; color: white; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25); } #pdfArchiveView .pdfArchiveSection .SnVol11personalStyle02 { background: url(/sookinews/images/sookinewsImg11_09.jpg); font-size: 21px; padding: 20px 20px 10px 20px; } #pdfArchiveView .pdfArchiveSection .SnVol11personalStyle02 strong { text-shadow: 0 0 10px white; border-bottom: 6px double black; } /*--vol12--*/ #pdfArchiveView .pdfArchiveSection .SnVol12personalStyle01 { font-size: 20px; } #pdfArchiveView .pdfArchiveSection .SnVol12personalStyle01 strong { background: red; position: relative; margin-bottom: 10px; padding: 0 15px; color: white; display: inline-block; line-height: 35px; height: 32px; border-radius: 20px; font-size: 15px; } #pdfArchiveView .pdfArchiveSection .SnVol12personalStyle01 strong:after { content: ""; display: block; position: absolute; left: 40px; width: 0; height: 0; bottom: -10px; border-style: solid; border-width: 10px 5px 0 5px; border-color: #ff0000 transparent transparent transparent; } #pdfArchiveView .pdfArchiveSection .SnVol12personalStyle01 span { color: #0254a6; padding-top: 5px; display: block; } #pdfArchiveView .pdfArchiveSection .SnVol12personalStyle02 { padding: 10px 0; display: block; color: red; font-size: 20px; font-weight: bold; } #pdfArchiveView .pdfArchiveSection .SnVol12personalStyle03 { background: linear-gradient(-135deg, #0bc8b9, #0069d6); margin-bottom: 5px; padding: 10px; color: white; font-size: 15px; border-radius: 10px; } /*--vol013--*/ #pdfArchiveView .pdfArchiveSection.SnVol13personalStyle01 .pdfArchiveProduct .ImgWrap { width: 280px; margin-top: 5px; } #pdfArchiveView .pdfArchiveSection.SnVol13personalStyle01 h3 { color: #0254a6; font-size: 14px; } #pdfArchiveView .pdfArchiveSection.SnVol13personalStyle01 .pdfArchiveProduct.pdfArchiveProductRight { margin-left: 26px; } #pdfArchiveView .pdfArchiveSection.SnVol13personalStyle01 .pdfArchiveProduct table { margin-top: 5px; border-top: 1px solid black; } #pdfArchiveView .pdfArchiveSection.SnVol13personalStyle01 .pdfArchiveProduct table tr { border-bottom: 1px solid black; } #pdfArchiveView .pdfArchiveSection.SnVol13personalStyle01 .pdfArchiveProduct table td:first-child { font-size: 16px; font-weight: bold; white-space: nowrap; text-align: center; } #pdfArchiveView .pdfArchiveSection.SnVol13personalStyle01 .pdfArchiveProduct table td + td { font-size: 14px; padding-right: 20px; border-left: 1px solid black; } #pdfArchiveView .pdfArchiveSection .pdfArchiveProduct.SnVol13personalStyle02 { height: 320px; display: table; } #pdfArchiveView .pdfArchiveSection .pdfArchiveProduct.SnVol13personalStyle02 p { display: table-cell; vertical-align: bottom; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft.SnVol13personalStyle03 ul.ImgWrap { width: 430px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft.SnVol13personalStyle03 .pdfArchiveImgTxtRight { width: 280px; font-size: 10px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft.SnVol13personalStyle03 .pdfArchiveImgTxtRight table { font-weight: bold; transform: scale(0.9); transform-origin: right top; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft.SnVol13personalStyle03 .pdfArchiveImgTxtRight tr td { vertical-align: top; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft.SnVol13personalStyle03 .pdfArchiveImgTxtRight tr td:first-child { white-space: nowrap; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgLeft.SnVol13personalStyle03 .pdfArchiveImgTxtRight tr td .SnVol13personalStyle03numberTxt { text-indent: -16px; padding-left: 15px; } /*--vol016--*/ #pdfArchiveView .pdfArchiveSection .SnVol16personalStyle02 .pdfArchiveImgRight .ImgWrap { padding: 0 0 0 10px; box-sizing: border-box; } /*--vol018--*/ #pdfArchiveView .SnVol18personalStyle01 ul { overflow: hidden; margin-bottom: 20px; } #pdfArchiveView .SnVol18personalStyle01 li { width: 48%; float: left; } #pdfArchiveView .SnVol18personalStyle01 li + li { margin-left: 4%; } #pdfArchiveView .SnVol18personalStyle01 li strong { padding-left: 11px; padding-bottom: 4px; position: relative; display: block; font-weight: normal; font-size: 14px; font-weight: bold; } #pdfArchiveView .SnVol18personalStyle01 li strong:before { content: ""; display: block; height: 50%; width: 5px; top: 3px; left: 0px; background: #777777; position: absolute; } #pdfArchiveView .SnVol18personalStyle01 li strong:after { content: ""; display: block; height: 1px; width: 100%; bottom: 3px; left: 0; background: #777777; position: absolute; } #pdfArchiveView .pdfArchiveSection ul.ImgWrapList.SnVol18personalStyle02 { width: 500px; } /*--vol019--*/ #pdfArchiveView .SnVol19personalStyle01 { border: 1px solid #87b925; border-radius: 10px; overflow: hidden; } #pdfArchiveView .SnVol19personalStyle01 table { background: #faffed; } #pdfArchiveView .SnVol19personalStyle01 table tr + tr { border-top: 1px solid #87b925; } #pdfArchiveView .SnVol19personalStyle01 table tr.tableHead { background: #87b925; } #pdfArchiveView .SnVol19personalStyle01 table tr.tableHead td { color: white; text-align: center; font-weight: bold; font-size: 15px; position: relative; white-space: nowrap; } #pdfArchiveView .SnVol19personalStyle01 table .tableHead td + td:before { content: ""; display: block; position: absolute; top: 0; left: -1px; width: 1px; height: 100%; background: white; } #pdfArchiveView .SnVol19personalStyle01 table td { box-sizing: border-box; } #pdfArchiveView .SnVol19personalStyle01 table td + td { border-left: 1px solid #87b925; } #pdfArchiveView .SnVol19personalStyle01 table td.sick { width: 160px; font-weight: bold; } #pdfArchiveView .SnVol19personalStyle01 table td.virus { color: red; font-weight: bold; font-size: 15px; background: #fbddc3; } #pdfArchiveView .SnVol19personalStyle01 table td.virus .vertical { display: inline; } #pdfArchiveView .pdfArchiveSection.SnVol19personalStyle02 { counter-reset: number 0; } #pdfArchiveView .pdfArchiveSection.SnVol19personalStyle02 .HeadlineMedium { position: relative; margin-left: 16px; margin-bottom: 6px; display: block; color: red; border-bottom: 2px solid red; font-size: 16px; padding-left: 22px; padding-bottom: 2px; } #pdfArchiveView .pdfArchiveSection.SnVol19personalStyle02 .HeadlineMedium:after { counter-increment: number 1; content: counter(number) " "; position: absolute; top: 50%; left: -20px; margin-top: -19px; display: block; font-size: 20px; background: red; width: 30px; height: 30px; border-radius: 50%; border: 2px solid white; text-align: center; line-height: 32px; font-weight: bold; color: white; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25); } #pdfArchiveView .SnVol19personalStyle03 { color: red; background: yellow; position: relative; display: inline-block; font-size: 16px; height: 35px; line-height: 38px; padding: 0 10px; } #pdfArchiveView .SnVol19personalStyle03:after { content: ""; position: absolute; right: -10px; top: 0; display: block; width: 0; height: 0; border-style: solid; border-width: 35px 0 0 10px; border-color: transparent transparent transparent yellow; } #pdfArchiveView .SnVol19personalStyle04 ul { overflow: hidden; margin-bottom: 20px; } #pdfArchiveView .SnVol19personalStyle04 li { width: 30%; float: left; } #pdfArchiveView .SnVol19personalStyle04 li + li { margin-left: 5%; } #pdfArchiveView .SnVol19personalStyle04 li strong { padding-left: 11px; padding-bottom: 4px; position: relative; display: block; font-weight: normal; font-size: 14px; font-weight: bold; } #pdfArchiveView .SnVol19personalStyle04 li strong:before { content: ""; display: block; height: 50%; width: 5px; top: 3px; left: 0px; background: #777777; position: absolute; } #pdfArchiveView .SnVol19personalStyle04 li strong:after { content: ""; display: block; height: 1px; width: 100%; bottom: 3px; left: 0; background: #777777; position: absolute; } /*--vol020--*/ #pdfArchiveView .pdfArchiveProduct.SnVol20personalStyle01 { width: 100%; } #pdfArchiveView .pdfArchiveProduct.SnVol20personalStyle01 .pdfArchiveProductTxt { width: 510px; } #pdfArchiveView .pdfArchiveProduct.SnVol20personalStyle01 .ImgWrap { width: 190px; min-height: 100px; } #pdfArchiveView .pdfArchiveProduct.SnVol20personalStyle01 .ImgWrap li { vertical-align: top; } #pdfArchiveView .SnVol20personalStyle02Wrap { overflow: hidden; } #pdfArchiveView .SnVol20personalStyle02Wrap + .SnVol20personalStyle02Wrap { margin-top: 20px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.SnVol20personalStyle02 { width: 340px; float: left; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.SnVol20personalStyle02 + .SnVol20personalStyle02 { margin-left: 30px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.SnVol20personalStyle02 .pdfArchiveImgTxtLeft { width: 220px; } #pdfArchiveView .pdfArchiveSection .pdfArchiveImgRight.SnVol20personalStyle02 .ImgWrap { width: 120px; float: left; } #pdfArchiveView .pdfArchiveSection .SnVol20personalStyle03 { overflow: hidden; } #pdfArchiveView .pdfArchiveSection .SnVol20personalStyle03 dl { width: 48%; float: left; } #pdfArchiveView .pdfArchiveSection .SnVol20personalStyle03 dl + dl { margin-left: 4%; } /*--vol_SP--*/ #pdfArchiveView .pdfArchiveSection.SnVolSpPersonalStyle01 { padding-left: 0; margin: 0 0 50px 0; } #pdfArchiveView .pdfArchiveSection.SnVolSpPersonalStyle01 ul { background: #beeeff; overflow: hidden; padding: 10px; } #pdfArchiveView .pdfArchiveSection.SnVolSpPersonalStyle01 ul li { float: left; width: 22%; } #pdfArchiveView .pdfArchiveSection.SnVolSpPersonalStyle01 ul li + li { margin-left: 4%; } #pdfArchiveView .pdfArchiveSection.SnVolSpPersonalStyle01 ul span { overflow: hidden; display: block; } #pdfArchiveView .pdfArchiveSection.SnVolSpPersonalStyle01 ul li img { width: 100%; transform: scale(1.01) } #pdfArchiveView .SnVolSpPersonalStyle03 { padding: 0 0 0 0; font-size: 16px; } #pdfArchiveView .SnVolSpPersonalStyle03:before { content: ""; margin-right: 10px; display: block; display: inline-block; vertical-align: middle; } #pdfArchiveView .SnVolSpPersonalStyle03_01:before { width: 40px; height: 65px; background: url(../../sookinews/images/sookinewsImgSp_41.jpg) left top no-repeat; background-size: 100% auto; display: inline-block; } #pdfArchiveView .SnVolSpPersonalStyle03_02:before { width: 43px; height: 65px; background: url(../../sookinews/images/sookinewsImgSp_42.jpg) left top no-repeat; background-size: 100% auto; display: inline-block; } #pdfArchiveView .SnVolSpPersonalStyle03_03:before { width: 43px; height: 65px; background: url(../../sookinews/images/sookinewsImgSp_43.jpg) left top no-repeat; background-size: 100% auto; display: inline-block; } #pdfArchiveView .SnVolSpPersonalStyle03_04:before { width: 43px; height: 65px; background: url(../../sookinews/images/sookinewsImgSp_44.jpg) left top no-repeat; background-size: 100% auto; display: inline-block; } /*--新商品のご案内--*/ #pdfArchiveView .pdfArchiveProduct { display: table; float: left; width: 340px; min-height: 150px; } #pdfArchiveView .pdfArchiveProduct:after { content: ""; clear: both; display: block; } #pdfArchiveView .pdfArchiveProduct.pdfArchiveProductRight { margin-left: 30px; } #pdfArchiveView .pdfArchiveProduct .pdfArchiveProductInner { overflow: hidden; margin-bottom: 15px; } #pdfArchiveView .pdfArchiveProduct .pdfArchiveProductTxt { width: 180px; margin-right: 10px; float: left; } #pdfArchiveView .pdfArchiveProductTxt { box-sizing: border-box; } #pdfArchiveView .pdfArchiveProductTxt a { color: #012d5b; font-weight: bold; } #pdfArchiveView .pdfArchiveProductTxt a.fav { color: #5b0101; } #pdfArchiveView .pdfArchiveProductHeadline { width: 100%; margin-bottom: 10px; padding: 8px 5px 6px 8px; background: linear-gradient(-135deg, #004b99, #012348); background-size: 100% auto; box-sizing: border-box; color: white; font-weight: bold; font-size: 15px; border-radius: 2px; } #pdfArchiveView .pdfArchiveProductHeadline.pdfArchiveProductHeadlineFav { background: linear-gradient(-135deg, #ff914e, #ff4a00); } #pdfArchiveView .pdfArchiveProduct .ImgWrap { width: 150px; min-height: 120px; display: table; float: left;} #pdfArchiveView .pdfArchiveProduct .ImgWrap li { display: table-cell; vertical-align: middle; } #pdfArchiveView .pdfArchiveProduct .ImgWrap li img { display: block; width: 100%; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 10:404ページ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*フォーム全体*/ #form404{ position:relative;/*フォームの相対位置*/ margin:20px 10px 0 15px;/*フォームの下に余白*/ vertical-align: top; } /*検索ボックス*/ #form404 input{ width: 710px; height: 32px; margin-right: 5px; padding: 0 10px; border-radius: 2px 0 0 2px; background: #fff; border: 1px; vertical-align: top; padding-left: 1em; color: #222222; box-sizing: border-box; display: inline-block; border: 1px solid #a9a9a9; } /*検索ボタン*/ #sbtn404{ width:130px;/*検索ボタンの横幅*/ height:38px;/*検索ボタンの縦幅*/ margin-left: 15px; border-radius:0 2px 2px 0;/*検索ボタンの角を丸める*/ background:#7fbfff;/*検索ボタンの背景カラー*/ border:none;/*検索ボタンの枠線を消す*/ color:#fff;/*検索ボタンのテキストカラー*/ font-weight:bold;/*検索ボタンのテキスト太字*/ font-size:16px;/*検索ボタンのフォントサイズ*/ } /*検索ボタンマウスオーバー時*/ #sbtn404:hover{ color:#7fbfff;/*検索ボタンマウスオーバー時のフォントカラー*/ background-color: #eee; } /*page404*/ #page404{ margin-left: 15px; margin-right: 10px; } #errortitle404{ font-size:x-large; font-weight: bold; margin-top: 10px; margin-bottom: 30px; } #form404 button { width: 95px; height: 32px; font-size: 15px; color: white; background: #2f75d4; font-family: 'Noto Sans JP'; letter-spacing: 2px; cursor: pointer; transition: 0.05s;} #form404 button:disabled { background: #b5b5b5; cursor: default; } #form404 button span { position: relative; margin-left: 15px; opacity: 1; transition: 0.05s; } #form404 button span:before { content: ""; position: absolute; background: url(/common/images/search.svg) left top no-repeat; width: 17px; height: 17px; left: -21px; top: 2px;} #form404 button:disabled span { opacity: 0.85; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 新商品紹介ページ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*------------------- 　共通 ---------------------*/ /*各セクション*/ #newProduct { width: 100%; margin: 0 auto; display: block; font-family: 'Noto Sans JP'; } #newProduct .txtRed { color: red; } .newProduct_noborder { margin-bottom: 20px !important; padding-bottom: 0 !important; } .newProduct_noborder:after { display: none !important; } /*ハイライト*/ #newProduct .ProductHighlightWrap { margin: 0 auto 20px auto; border: solid #fa5e38; position: relative; border-width: 2px 0 0 0; } #newProduct .ProductHighlightWrap:after{ content: ""; clear: both; display: block; } #newProduct .ProductHighlightWrap li { width: 32.6%; line-height: 1.5; border: solid #bcbcbc; position: relative; text-align: center; border-width: 0 0 1px 0; float: left; } #newProduct .ProductHighlightWrap li:hover { border: solid #0098d6; border-width: 0 0 1px 0; } #newProduct .ProductHighlightWrap li:not(:first-child) { margin-left: 1%; } #newProduct .ProductHighlightWrap a { background: url(/tillformation/images/icon_product.png) left 10px center no-repeat, #ffffff; background-size: 22px auto; text-decoration: none; display: table; width: 100%; min-height: 60px; padding-left: 40px; font-size: 16px; transition: 0.2s; color: #333333; text-align: left; box-sizing: border-box; font-weight: 500; } #newProduct .ProductHighlightWrap a:hover { background: url(/tillformation/images/icon_product.png) left 10px center no-repeat, #f1feff; background-size: 22px auto; color: #0092ff; } #newProduct .ProductHighlightWrap a span { display: block; font-size: 12px; line-height: 1.1; margin-top: 2px; } #newProduct .ProductHighlightWrap a p { display: table-cell; vertical-align: middle; } #newProduct .ProductHighlightWrap li:hover:before { color: #00a0ea; } /*新商品のご紹介*/ #newProduct .headlineParticles { background: url(/newproducts/images/title_newproducts_pc.jpg) no-repeat; width: 100%; height: 120px; margin: 0 0 30px 0; position: relative; text-indent: -101%; overflow: hidden; } #newProduct .headlineParticles .Particles { position: absolute; width: 600px; height: 100%; right: 0; opacity: 0.8; overflow: hidden; } #newProduct .headlineParticles img { opacity: 0; } /*NETIS登録商品のご紹介*/ #newProduct.netisProduct .headlineParticles { background: url(/newproducts/images/title_netis_products_pc.jpg) no-repeat; } #newProduct.netisProduct .headlineParticles .Particles { width: 530px; } /*大見出し*/ #newProduct .newProductFirstArea { background: #1eaaff; margin-bottom: 15px; padding: 20px 15px; box-sizing: border-box; position: relative; } #newProduct .newProductFirstArea .txt { font-size: 26px; font-weight: 900; line-height: 1.5; letter-spacing: 1px; color: white; text-shadow: 0px 1px 2px black; } /*見出し*/ #newProduct h2.newProductHeadlineMedium { font-size: 20px; color: #017ec0; font-weight: bold; letter-spacing: 1px; line-height: 1.4; } #newProduct h2.newProductHeadlineMedium:before { content: ""; display: inline-block; width: 14px; height: 14px; background: #017ec0; margin-right: 5px; margin-bottom: 0.5px; border-radius: 50%; } /*商品名*/ #newProduct .newProductMainTitle { position: relative; margin-bottom: 25px; padding-top: 12px; background: #e5f1ff; border-radius: 5px 5px 0 0; } #newProduct .newProductMainTitle h1 { background: url(/tillformation/images/icon_product.png) left 15px center no-repeat; background-size: 40px auto; padding-left: 70px; margin-bottom: 10px; font-size: 26px; line-height: 1.2; color: #0c2152; } #newProduct .newProductMainTitle:after { background: #017ec0; bottom: 0; left: 0; width: 100%; height: 3px; content: ""; display: block; position: absolute; } #newProduct .newProductMainTitle .subTitle { font-size: 16px; display: inline-block; } #newProduct .newProductMainTitle .newProductMainNetis { position: relative; background: #017ec0; padding: 2px 10px 3px 10px; color: #ffffff; font-size: 15px; font-weight: bold; display: inline-block; } #newProduct .newProductMainTitle .newProductMainNetis:after {content: ""; position: absolute; display: block; top: 0; left: 100%; width: 0; height: 0; border-style: solid; border-width: 25px 0 0 30px;border-color: transparent transparent transparent #017ec0; } #newProduct .newProductMainTitle h1.noSub {padding: 10px 0 10px 70px; } #newProduct .newProductMainTitle.NetisHide { padding-bottom: 5px; } #newProduct .newProductMainTitle.NetisHide:after { display: block; } #newProduct .newProductMainTitle.NetisHide h1 { padding: 3px 0 3px 70px; } #newProduct .newProductMainTitle.NetisHide h1.noSub { margin-top: 5px; margin-bottom: 15px; } /*商品説明*/ #newProduct .newProductMain { margin-bottom: 30px; padding-bottom: 35px; position: relative; } #newProduct .newProductMain:after { content: ""; background: #e1e1e1; height: 2px; width: 100%; left: 0; bottom: -1px; display: block; position: absolute; } #newProduct .newProductMain .newProductMainInner:after { content: ""; display: block; clear: both; } #newProduct .newProductMain .newProductMainInner .newProductMainImg { margin-left: 50px; } #newProduct .newProductMain .newProductMainInner .newProductMainTxt { width: 500px; margin-top: 10px; margin-left: 60px; } #newProduct .newProductMain .newProductMainInner .newProductMainImg { float: left; } #newProduct .newProductMain .newProductMainTxt { float: left; } #newProduct .newProductMain .newProductMainInner .newProductMainTxt strong { font-size: 20px; font-weight: 900; display: inline; background: -webkit-linear-gradient(transparent 60%, #fef369 50%); background: linear-gradient(transparent 60%, #fef369 50%); line-height: 1.6; color: #333333; } #newProduct .newProductMain .newProductMainTxt p { margin-top: 10px; font-size: 15px; line-height: 1.75; } #newProduct .newProductMain .newProductMain_normalTxt { font-size: 14px; line-height: 1.6; width: 940px; margin: 0 auto; } #newProduct .newProductMain .newProductMain_normalTxt aside { text-align: right; margin-top: 5px; font-size: 13px; } #newProduct .newProductImgTxt { width: 940px; margin: 20px auto 0 auto; } #newProduct .newProductImgTxt ul li { display: table; background: #eff4fb; padding: 15px 60px 15px 15px; margin: 0 auto; } #newProduct .newProductImgTxt ul li p, #newProduct .newProductImgTxt ul li .imgBox { display: table-cell; vertical-align: middle; } #newProduct .newProductImgTxt ul li .imgBox { box-shadow: 0 0 3px #b1b1b1; } #newProduct .newProductImgTxt ul li .imgBox img { width: 170px; } #newProduct .newProductImgTxt ul li p { padding-left: 20px; } #newProduct .newProductImgTxt ul li:not(:first-child) { margin: 15px auto 0 auto; } #newProduct .newProductImgTxt p { font-size: 18px; line-height: 1.7; } #newProduct .newProductImgTxt p strong { font-size: 26px; color: #fa8b38; margin-right: 2px; letter-spacing: 0.3px; background: -webkit-linear-gradient(transparent 70%, #fef369 50%); background: linear-gradient(transparent 70%, #fff790 50%); } /*お問い合わせ*/ #newProduct a.newProductContactBtn { margin: 40px auto 0 auto; width: 700px; display: block; text-decoration: none; } #newProduct a.newProductContactBtn div { background: #fa5e38; width: 100%; height: 100%; padding: 20px 55px 20px 20px; font-size: 24px; font-weight: bold; color: white; display: block; box-sizing: border-box; text-align: center; border-radius: 4px; transition: 0.3s; position: relative; } #newProduct a.newProductContactBtn:hover div { background: #ffffff; color: #fa5e38; } #newProduct a.newProductContactBtn div:before { background: url(/tillformation/images/img_operator.png) top 0 left 0 no-repeat; content: ""; display: block; top: 50%; right: 35px; width: 35px; height: 43px; margin-top: -22px; position: absolute; } #newProduct a.newProductContactBtn:hover div:before { background: url(/tillformation/images/img_operator.png) top -43px left 0 no-repeat; } #newProduct a.newProductContactBtn:hover div:after { content: ""; display: block; width: 100%; height: 100%; top: 0; left: 0; border: 2px solid #fa5e38; position: absolute; box-sizing: border-box; border-radius: 4px; } #newProduct a.newProductContactBtn div span { margin-right: 5px; display: inline-block; font-size: 14px; vertical-align: bottom; } #newProduct a.newProductContactBtn strong { border-radius: 40px; } /*システム構成*/ #newProduct .newProductSystem { margin-bottom: 30px; padding-bottom: 30px; position: relative; } #newProduct .newProductSystem:after { content: ""; background: #e1e1e1; height: 2px; width: 100%; left: 0; bottom: -1px; display: block; position: absolute; } #newProduct .newProductSystem .newProductSystemImg { text-align: center; margin: 0 auto; width: 945px; } /*おすすめポイント*/ #newProduct .newProductPoint { margin-bottom: 30px; padding-bottom: 30px; position: relative; } #newProduct .newProductPoint:after { content: ""; background: #e1e1e1; height: 2px; width: 100%; left: 0; bottom: -1px; display: block; position: absolute; } #newProduct .newProductPoint .newProductPointChild { margin-top: 20px; position: relative; } #newProduct .newProductPoint .newProductPointChild ul { margin-bottom: 20px; box-sizing: border-box; position: relative; z-index: 100; } #newProduct .newProductPoint .newProductPointChild ul:last-child { margin-bottom: 0; } #newProduct .newProductPoint .newProductPointChild ul:after { content: ""; clear: both; display: block; } #newProduct .newProductPoint .newProductPointChild ul li { float: left; } #newProduct .newProductPoint .newProductPointChild ul li + li { margin-left: 30px; padding-top: 20px; box-sizing: border-box; } #newProduct .newProductPoint .newProductPointChild ul li + li .headline { margin-bottom: 10px; color: #6d6b6b; } #newProduct .newProductPoint .newProductPointChild ul li + li .headline strong { font-size: 26px; letter-spacing: 2px; font-weight: bold; display: inline; background: -webkit-linear-gradient(transparent 60%, #fef369 50%); background: linear-gradient(transparent 60%, #fef369 50%); padding: 0 2px 0 3px; } #newProduct .newProductPoint .newProductPointChild ul li + li .headline .point { font-size: 18px; margin-right: 5px; font-weight: bold; letter-spacing: 2px; } #newProduct .newProductPoint .newProductPointChild ul li + li .headline .num { font-size: 21px; font-style: normal; font-weight: bold; margin-right: 15px; } #newProduct .newProductPoint .newProductPointChild ul li + li .txt { font-size: 15px; line-height: 1.6; font-weight: 400; } #newProduct .newProductPoint .newProductPointChild ul:nth-child(2) { margin-left: 15px; } #newProduct .newProductPoint .newProductPointChild ul:nth-child(3) { margin-left: 30px; } #newProduct .newProductPoint .newProductPointChild ul:nth-child(4) { margin-left: 45px; } /*スペック*/ #newProduct .newProductSpec { width: 100%; margin: 0 auto 50px auto; padding:1px 0; } #newProduct .newProductSpec .newProductSpecInner { border-bottom:2px #2f8eb5 solid; border-top:2px #2f8eb5 solid; } #newProduct .newProductSpec .newProductSpecTitle { background: #2f8eb5; padding: 3px 0 2px 10px; color: #ffffff; } #newProduct .newProductSpec.tabother { border-bottom:1px #ccc solid; margin:0 0 15px; } #newProduct .newProductSpec dl { display:table; width:100%; } #newProduct .newProductSpec dl dt,#newProduct .newProductSpec dl dd { display:table-cell; vertical-align:middle; padding:10px; box-sizing: border-box; } #newProduct .newProductSpec dl dt { background:#f4f4f2; width:170px; font-weight:bold; color:#2f8eb5; } #newProduct .newProductSpec dl+dl {border-top:1px #ccc solid; } #newProduct .newProductSpec .tableinner { margin:0; padding:0; position:relative;} #newProduct .newProductSpec .tableinner:before { position:absolute; content:""; background:#f4f4f2; width:25px; height:3px; left:0; top:-2px; z-index:2; } #newProduct .newProductSpec .tableinner dt { padding-left:35px; } /*------------------- 　チルフォメーション ---------------------*/ #newProduct.tillformation .newProductMainTitle h1 { font-size: 30px; background: url(/tillformation/images/icon_product.png) left 15px center no-repeat; background-size: 50px auto; padding-left: 80px; } #newProduct.tillformation .newProductFirstArea { background: url(/tillformation/images/bg_header_cloud.jpg) left bottom -1px #1eaaff no-repeat; background-size: 100% auto; border: 1px solid #e5e5e5; } #newProduct.tillformation .newProductFirstArea .Img01 { position: absolute; right: 12px; bottom: 17px; width: 280px; } #newProduct.tillformation .newProductMain .newProductMainInner .newProductMainImg { width: 330px; height: 321px; float: left; } #newProduct.tillformation .newProductMain .newProductMainInner .newProductMainImg img { width: 100%; } #newProduct.tillformation .newProductSystem .newProductSystemImg { margin: 10px 0 0 26px; } #newProduct.tillformation .newProductSystem .newProductHeadlineMedium { z-index: 100; position: relative; } #newProduct.tillformation .newProductHeadlineMedium:before { content: ""; display: inline-block; width: 13px; height: 13px; background: #017ec0; transform: rotate(45deg); margin-left: 5px; margin-right: 7px; margin-bottom: 1px; border-radius: 0; } #newProduct .newProductPoint .newProductPointChild:before { content: ""; position: absolute; background: #da4b8f; width: 3px; height: 100%; display: block; left: 86px; top: 0; transform: rotate(-6deg); } #newProduct .newProductPersonalSection01 .mapAreaWrap { position: relative; margin-bottom: 40px; } #newProduct .newProductPersonalSection01 .mapAreaWrap .mainTxt { width: 450px; position: absolute; top: 480px; left: 25px; padding: 20px 20px 25px 20px; background: rgba(255,255,255,0.9); font-size: 14px; font-weight: 400; line-height: 1.7; font-size: 14px; } #newProduct .newProductPersonalSection01 .mapAreaWrap .mainTxt span { display: block; } #newProduct .newProductPersonalSection01 .mapAreaWrap .mainTxt .mainTxtOrange { font-size: 18px; color: #ea5404; font-weight: 900; } #newProduct .newProductPersonalSection01 .mapAreaWrap .mainTxt .mainTxtBlue { font-size: 18px; color: #014099; font-weight: 900; }