@charset "UTF-8"; @media screen and (max-width:640px){ /*------------------------------ 00：ベーススタイル ：a ：p ：float ：text ：margin ：width 01:フレーム ：ヘッダー ：サイドメニュー ：フッター ：最下部 ：ページトップ 02:レイアウト ：テーブル ：リスト ：その他 -------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 01:フレーム ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ img { zoom:0.5;} #container { width:100% !important; margin:0 auto; padding:0;} #header { width:100%; overflow:hidden; zoom:1; margin:0 auto 20px; position:relative;} #contents { width:100%; overflow:hidden; zoom:1; margin:0 auto 70px;} #main { width:100%; float:none; margin:0 auto 50px;} #common #main { width:auto; margin:0 5px 50px;} #side { width:100%; float:none;} #side .wrapper { width:auto;} #footer { width:100%;margin:0 auto; background:#f1f1f1;} #copyright { background:#494949; padding:3px 0; text-align:center; color:#c4c4c4;} /*------------------------------ ヘッダー -------------------------------*/ #header h1 { margin:0 0 10px 10px;} #header #anniversary { position:absolute; top:50px; left:170px;} /* #header ul#gnavi { width:100%; margin:0; padding:0; text-align:center;} #header ul#gnavi li { display:inline-block; float:none; list-style:none; width:30%; margin:0 2px; text-align:center; font-size:100%;} #header ul#gnavi li a { padding:15px 0 11px; text-decoration:none; color:#092937;} #header ul#gnavi li a:hover { padding:15px 0 10px;} #header ul#gnavi li.current a { padding:15px 0 10px;} #header ul#gnavi li.home { display:inline-block; float:none; list-style:none; width:30%; margin:0 2px; text-align:center; font-size:100%; position:relative; top:5px;} #header ul#gnavi li.home a { padding:15px 0 9px; text-decoration:none; color:#092937;} #header ul#gnavi li.home a:hover { padding:15px 0 8px; border-bottom:2px solid #00a0e9;} */ #header ul.subnavi { position:static; margin:0 0 10px; padding:10px 0; width:100%; overflow:hidden; background:#494949;} #header ul.subnavi li { display:inline; float:left; list-style:none; margin:0 0 0 10px; background:url(../images/sp/header_list_arrow.gif) no-repeat left center; background-size:6px 9px; } #header ul.subnavi li a { background:none; padding:0 0 0 10px;} #header ul.subnavi li a { color: #ffffff; text-decoration: none;} #header ul.subnavi li a:link { color: #ffffff; text-decoration: none;} #header ul.subnavi li a:visited { color: #ffffff; text-decoration: none;} #header ul.subnavi li a:focus { outline:none;} /* ↓↓JS用変更↓↓ */ /* gnavi */ #gnaviWrapper ul#gnavi { width:100%; margin:0; padding:0; text-align:center; } #gnaviWrapper ul#gnavi li { display:inline-block; float:none; list-style:none; width:30%; margin:0 2px; text-align:center; font-size:100%; } #gnaviWrapper ul#gnavi li a.mainLink { padding:15px 0 11px; text-decoration:none; color:#092937; } #gnaviWrapper ul#gnavi li a.mainLink:hover { padding:15px 0 10px; } #gnaviWrapper ul#gnavi li.current a { padding:15px 0 10px; } /* ↑↑JS用変更↑↑ */ #gnaviWrapper ul#gnavi li.home { display:inline-block; float:none; list-style:none; width:30%; margin:0 2px; text-align:center; font-size:100%; position:relative; top:5px;} #gnaviWrapper ul#gnavi li.home a { padding:15px 0 10px; text-decoration:none; color:#092937;} #gnaviWrapper ul#gnavi li.home a:hover { padding:15px 0 9px; border-bottom:2px solid #00a0e9;} #contentsWrapper { width:100%; } /*------------------------------ FEATURE CAROUSEL -------------------------------*/ .carousel-container { background: none; } #carousel-wrapper { margin:0 auto; position:relative; width:100%; overflow:hidden; } #carousel { height:auto; } #carousel p img { width:100%; } #carousel-contents { height:auto; padding-top:0; } #carousel-contents p { text-align:left; } /*------------------------------ フッター -------------------------------*/ #footerArea01 { float:none;width:100%; margin:0 auto; padding:10px 0; position:relative; } #footerArea01 .wrapper { display:none; width:700px; overflow:hidden; zoom:1; margin:0 auto;} #footerArea02 { width:100%; padding:20px 0; background:#eaeaea;} #footerArea02 .wrapper { width:100%; overflow:hidden; zoom:1; margin:0 auto; position:relative;} #footerArea01 h3 { border-top:1px solid #b6b6b6; margin:0 0 10px; padding:5px 0 0; font-size:108%; color:#092937;} #footerArea01 .list { float:left; width:210px; margin-left:20px;} #footerArea01 .list:first-child { margin-left:0;} #footerArea01 .list:last-child { margin-left:0;} #footerArea01 .wrapper ul { margin:0; padding:0 0 50px;} #footerArea01 .wrapper ul li { list-style:none; margin:0 0 5px; padding:0 20px 0 0;} #footer ul.subnavi { position:static; left:0; width:100%; overflow:hidden;padding:0;} #footer ul.subnavi li { display:inline; float:left; list-style:none; margin:0 0 0 10px; background:url(../images/sp/footer_list_arrow.gif) no-repeat left center; background-size:6px 9px; } #footer ul.subnavi li a { background:none; padding:0 0 0 10px;} #footerArea01 p.pagetop { position:absolute; top:-24px; right:0;} #footerArea02 p { float:none; width:auto; margin:0 0 0 10px;} #footerArea02 p.logo { float:none; width:100%; margin:0 0 10px; text-align:center;} #footerArea02 p.logo a img:hover { opacity:0.70; filter:alpha(opacity=70); -ms-filter: "alpha(opacity=70)";} #footerArea01 a { color: #092937; text-decoration: none;} #footerArea01 a:link { color: #092937; text-decoration: none;} #footerArea01 a:visited { color: #092937; text-decoration: none;} #footerArea01 a:hover { color: #092937; text-decoration: underline;} #footerArea01 a:active { color: #092937; text-decoration: underline;} #footerArea01 a:focus { outline:none;} /*------------------------------ サイド -------------------------------*/ #contents #side .btArea01 { float:none; width:auto; margin:0;padding:5px 5px 5px; background:#f0f0f0; box-sizing:border-box;} #contents #side .btArea01 .wrapper { width:auto; background:url(../images/sp/side_bg_gms.jpg) no-repeat left top #ffffff; background-size:68px 75px; border:1px solid #d1d1d1; padding:10px 0 0;} #contents #side ul.btArea02 { float:none; width:auto;} #contents #side ul.btArea02 li a { width:auto;} #contents #side .btArea03 { float:none; width:auto; margin:0;padding:0 5px 5px; background:#f0f0f0; box-sizing:border-box;} #contents #side .btArea03 .wrapper { width:auto; padding:10px 0 0;} #contents #side .btArea03 p.text { width:auto; padding:15px 0 15px 5px;} /* START:2014/02/05キャンペーンバナー追加 */ #contents #side .btArea04 { float:none; width:auto; margin:0;padding:5px 5px 5px; background:#f0f0f0; box-sizing:border-box;} #contents #side .btArea04 p { display: block; text-align: left;margin: 30px 0; } #contents #side .btArea04 .wrapper { border: 1px solid #d1d1d1; padding: 10px 0; background-color: #fff; overflow: hidden;} #contents #side .btArea04 .wrapper img { margin: 0 10px; float:left; zoom: 0.8;} #contents #side .btArea04 .pc_banner { display: block; } #contents #side .btArea04 .tab_banner { display: none; } /* END:2014/02/05キャンペーンバナー追加 */ #contents #side #snavi { backgroud:none;padding:0;} #contents #side #snaviWrapper { background:none; padding:0;} #contents #side #snaviArea { width:100%; background:none; padding:0;} #contents #side h2 { width:100%; margin:0; padding:0; border-top:2px solid #00a0e9; border-bottom:none; font-size:131%; font-weight:normal;} #contents #side h2 a { display:block; padding:10px 0 10px 15px; text-decoration:none; color:#333333;} #contents #side #snaviArea ul { width:100%; margin:0; padding:0; list-style:none;} #contents #side #snaviArea ul li { border-top:none; border-bottom:1px solid #e8e8e8;} #contents #side #snaviArea ul li a { display:block; padding:15px 0 15px 35px; background:url(../images/sp/side_list_arrow.png) no-repeat 18px center #ffffff; background-size:6px 12px; -webkit-background-size:6px 12px; text-decoration:none;} #contents #side #snaviArea ul li a:hover { background:url(../images/sp/side_list_arrow.png) no-repeat 18px center #f0f2f3; background-size:6px 12px; -webkit-background-size:6px 12px;} #contents #side #snaviArea ul li.current a { background:url(../images/sp/side_list_arrow.png) no-repeat 18px center #f0f2f3; background-size:6px 12px; -webkit-background-size:6px 12px;} /*------------------------------ その他 -------------------------------*/ #pageHeader { width:auto; margin:0 auto;} #common #contents h2 { margin:0; padding:20px 5px; font-size:154%;} #common #contents h2 span { } #common #contents #side h2 { width:100%; margin:0; padding:10px 0 10px 15px; border-top:2px solid #00a0e9; border-bottom:none; font-size:131%; font-weight:normal;} ul#breadcrumbs { background:#ececec; width:auto; overflow:hidden; margin:0 0 30px; padding:10px 5px; height:auto; line-height:normal;font-size:86%; box-sizing:border-box;} ul#breadcrumbs li { display:inline-block; float:none; margin:0 5px 0 0; padding:0 0 0 12px; background:url(../images/sp/breadcrumbs_list_arrow.gif) no-repeat left center; background-size:8px 8px; -webkit-background-size:8px 8px; list-style:none; word-break:break-all; word-wrap:break-word;} #main p.imageCaption { margin:0 -10px 30px 0; padding:0; font-size:116%; word-break:break-all; word-wrap:break-word; background:none; font-weight:normal;} /* START:2017/06/21 ショールーム追加 */ #main p.imageCaptionTop { margin:0 -10px 30px 0; padding:0; font-size:116%; word-break:break-all; word-wrap:break-word; background:none; font-weight:normal; } /* END:2017/06/21 ショールーム追加 */ #pagenavi a { width:49%; text-decoration:none; position:relative; border:1px solid #dee7eb; box-sizing:border-box; -webkit-box-sizing:border-box;} dl#news { width:100%; overflow:hidden; zoom:1; margin:0 0 40px; border-top:1px solid #dbdbdb; padding:10px 0 0;} dl#news dt, dl#news dd { padding:5px 0;} dl#news dt { float:none; clear:both; width:auto; background:url(../../images/list_news_arrow02.gif) no-repeat left 11px; padding-left:10px;} dl#news dt img { position:relative; margin:0 0 0 10px} dl#news dd { padding-left:10px; padding-right:10px;} dl#news dd.caption { padding-left:10px; border-bottom:1px solid #d1d1d1;} .news dl#news dt { width:100%;} .news dl#news dt, .news dl#news dd { padding:10px;} .news dl#news { padding:0; border-top:2px solid #dbdbdb; } .news dl#news dt { padding:5px 10px; border-top:1px dotted #c7c7c7; background:#f9f9f9; } .news dl#news dd { background:none; padding-top:0;} .news dl#news dd.caption { font-weight:bold; padding-bottom:10px; border-top:none; border-bottom:none; padding-left:10px; padding-top:40px; } dl#news dt.topics { background:url(../../images/icon_news_topics@2x.gif) no-repeat 10em 2px; background-size:75px 20px;} dl#news dt.product { background:url(../../images/icon_news_product@2x.gif) no-repeat 10em 2px; background-size:75px 20px;} .news dl#news dt.topics { background:url(../../images/icon_news_topics@2x.gif) no-repeat 10em 2px #f9f9f9; background-size:75px 20px; background: #f9f9f9;} .news dl#news dt.product { background:url(../../images/icon_news_product@2x.gif) no-repeat 10em 2px #f9f9f9; background-size:75px 20px; background: #f9f9f9;} .product dl#news { width:100%; overflow:hidden; zoom:1; margin:0 0 40px; border-top:1px solid #dbdbdb; padding:0;} .product dl#news dt, .product dl#news dd { padding:10px 10px;} .product dl#news dt { float:none; clear:both; width:auto; background:#f9f9f9; padding:5px 0 5px 10px; border-top:1px dotted #c7c7c7; } .product dl#news dd { background:none; padding-top:0; padding-left:10px;} .product dl#news dd.caption { font-weight:bold; padding-bottom:10px; border-top:none;border-bottom:none;} #pageLink { width:100%; overflow:hidden; margin:0;} #pageLink .list { float:none; width:100%; margin:0 40px 0 0; padding:0 0 35px;} #index #main h2 { padding:10px;} #pageLink .list .image { margin:0 10px 10px;} #pageLink .list .text { margin:0 10px;} #pageLink .list .image img { width:100%;} #flashArea { width:98%; margin:0 auto 30px; background:none; border:1px solid #bdbdbd; box-sizing:border-box;} #flashArea img { width:100%;} .company #greeting { width:100%; overflow:auto;} .company #greeting .msg { float:none; width:auto;} .company #greeting .ceo { float:none; width:auto; text-align:center;} .company #security { width:100%; overflow:hidden; zoom:1;} .company #security .image { float:none; width:auto; text-align:center;} .company #security .detail { float:none; width:auto;} .company table#outlineList th { width:80px; vertical-align:top;} .company table#outlineList dl { width:100%; overflow:hidden; zoom:1;} .company table#outlineList dt { clear:none; float:none; width:auto; font-weight:bold;} .company table#outlineList dd { padding-left:0; margin:0 0 5px;} .company #key { width:100%; overflow:hidden; zoom:1; margin:0 auto 30px;} .company #key .box { width:auto; padding:0;} .company #key .image { text-align:center;} .company #key #key01 { float:none;} .company #key #key02 { float:none;} .company #lock { width:100%; overflow:hidden; zoom:1; margin:0 0 40px;} .company #lock .image { float:none; width:auto; text-align:center;} .company #lock .detail { float:none; width:auto;} .company #ic_bio { width:100%; overflow:hidden; zoom:1; margin:0 -10px 50px 0;} .company #ic_bio .image { float:none; width:auto; text-align:center;} .company #ic_bio .image img:first { margin-right:15px;} .company #ic_bio .detail { float:none; width:auto;} .company dl#historyList { width:auto; margin: 0; border-top: #e8e8e8 2px solid; } .company dl#historyList dt { margin: 0; float: left; padding: 10px 5px 5px 0; } .company dl#historyList dd { margin: 0; padding: 10px 0 10px 45px; border-bottom: #e8e8e8 1px solid; } .company #gms_showroom { width:100%; overflow:hidden; zoom:1; background:#333333; margin:0 0 50px; padding:7px; box-sizing:border-box; -webkit-box-sizing:border-box;} .company #gms_showroom #gms { float:none; margin:0 0 7px;} .company #gms_showroom #showroom { float:none;} .company #gms_showroom .box { width:100%; padding:15px; background:#444444; border:1px solid #444444; box-sizing:border-box; -webkit-box-sizing:border-box;} .company #gms_showroom .box p { margin:0;} .company #gms_showroom .box h5 { border-bottom:1px solid #dedede; margin:0 0 10px; padding:0 0 5px; font-size:116%; color:#00a0e9;} .company #gms_showroom .box h5 span { font-size:86%;} .company #gms_network { display:block; width:100%; margin:0 0 10px;} .company #gms_network .box { width:100%; padding:15px; background:#ffffff; border:1px solid #d8d8d8; box-sizing:border-box; -webkit-box-sizing:border-box;} .company #gms_network .box p { margin:0;} .company #gms_network .box h5 { border-bottom:3px solid #00a0e9; margin:0 0 10px; padding:0 0 5px; font-size:131%; font-weight:normal;} .company #gms_network .box h5 span { font-size:86%;} .company table#officeList img { margin:0 0 10px;} .company table#officeList .col01 { width:90px;} .company table#officeList .col02 { width:390px;} .company table#officeList .col03 { width:80px;} .company #recruitDetail { float:none; width:auto;} .company #recruitImage { float:none; width:auto; margin:0 0 10px;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 事業案内 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .business #security { width:auto; overflow:hidden; zoom:1; margin:0 0 40px;} .business #security .image { float:none; width:auto; text-align:center;} .business #security .detail { float:none; width:auto;} .business #new { width:auto; overflow:hidden; zoom:1; margin:0 0 40px;} .business #new .image { float:none; width:auto; text-align:center;} .business #new .detail { float:none; width:auto;} .business #needs { width:auto; overflow:hidden; zoom:1; margin:0 0 40px;} .business #needs .image { float:none; width:auto; text-align:center; margin:0 0 20px;} .business #needs .detail { float:none; width:auto;} .business #accumulation { width:auto; overflow:hidden; zoom:1; margin:0 0 40px;} .business #accumulation .image { float:none; width:auto; text-align:center; margin:0 0 20px;} .business #accumulation .detail { float:none; width:auto;} .business #system { width:100%; overflow:hidden; zoom:1; margin:20px 0 40px;} .business #system .image { margin:0 0 5px; text-align:center;} .business #system .system01 { float:none; width:auto; margin:0 0 20px;} .business #system .system02 { float:none; width:auto;} .business #numbers { width:100%; overflow:hidden; zoom:1; margin:0 0 40px;} .business #numbers .image { float:none; width:auto; text-align:center;} .business #numbers .detail { float:none; width:auto;} .business ul#checks { width:auto; overflow:hidden; zoom:1; margin:20px 0 5px; padding:0; list-style:none; text-align:center;} .business ul#checks li { display:inline; margin:1px; padding:0;} .business #factory { width:auto; overflow:hidden; zoom:1; margin:0 0 50px; padding:10px; border:1px solid #dadada;} .business #factory .wrapper { width:auto; overflow:hidden; zoom:1; margin:0; } .business #factory #factory01 { float:none;} .business #factory #factory02 { float:none;} .business #factory .box { width:auto; overflow:hidden; zoom:1;} .business #factory .box .image { float:left; width:155px; padding:0 0 20px;} .business #factory .box .detail { float:none;padding-left:165px; width:auto; } .business #factory .box p.name { border-bottom:1px solid #00a0e9; font-weight:bold; margin:0 0 5px;} .business #factory .box p.name span { font-weight:normal;} .business #factory #factory03 { width:auto; margin:0 0 10px;} .business #factory #factory04 { width:auto; margin:0 0 10px;} .business #factory #factory05 { width:auto; margin:0 0 10px;} .business #factory .factories { border-left: 2px solid #00a0e9; padding:0 0 0 3px; float:none; margin:0 0 10px;} .business #factory .factories p.name { font-weight:bold; margin:0;} .business #factory .factories p.text { margin:0; letter-spacing:normal;} .business #factory .factories p.name span { font-weight:normal;} .business #gms_showroom { width:100%; overflow:hidden; zoom:1; background:#333333; margin:0 0 20px; padding:7px; box-sizing:border-box; -webkit-box-sizing:border-box;} .business #gms_showroom #gms { float:none; margin:0 0 7px;} .business #gms_showroom #showroom { float:none;} .business #gms_showroom .box { width:100%; padding:15px; background:#444444; border:1px solid #444444; box-sizing:border-box; -webkit-box-sizing:border-box;} .business #gms_showroom .box p { margin:0;} .business #gms_showroom .box h5 { border-bottom:1px solid #dedede; margin:0 0 10px; padding:0 0 5px; font-size:116%; color:#00a0e9;} .business #gms_showroom .box h5 span { font-size:86%;} .business .exampleArea01 { width:100%; overflow:hidden; zoom:1; margin:0 0 40px;} .business .exampleArea01 .image { float:none; width:auto; text-align:center; margin:0 0 10px;} .business .exampleArea01 .detail { float:none; width:auto;} .business .exampleArea01 p.caption { font-weight:bold; margin:0 0 5px !important;} .business .exampleArea01 .box { width:auto; overflow:hidden; zoom:1;} .business .exampleArea01 .thumbnail01 { border-bottom:none; margin:0 0 10px;} .business .exampleArea01 .tb { float:left; width:150px; padding:0 0 10px;} .business .exampleArea01 .text { float:none; padding:0 0 0 160px; width:auto;} .business .exampleArea01 p.name { font-weight:bold; margin:0 0 5px !important;} .business .exampleArea02 { width:100%; overflow:hidden; zoom:1; margin:0 0 40px;} .business .exampleArea02 .box { width:auto; overflow:hidden; zoom:1; margin:0 0 20px;} .business .exampleArea02 .wrapper01 { width:100%; overflow:hidden; zoom:1; border-bottom:1px solid #cccccc; margin:0 0 10px;} .business .exampleArea02 .wrapper01 .image { float:none; width:auto; padding:0 0 10px; text-align:center;} .business .exampleArea02 .wrapper01 .detail { float:none; width:auto; overflow:hidden; zoom:1;} .business .exampleArea02 .wrapper02 { width:100%; overflow:hidden; zoom:1;} .business .exampleArea02 .wrapper02 .image { float:left; width:150px;} .business .exampleArea02 .wrapper02 .detail { float:none; width:auto; padding:0 0 0 160px;} .business .exampleArea02 .tb { float:left; width:150px; padding:0 0 10px;} .business .exampleArea02 .text { float:none; padding:0 0 0 160px;} .business .exampleArea02 .wrapper01 .detail p { float:none; padding:0 0 0 160px;} .business .exampleArea02 p.name { font-weight:bold; margin:0 0 5px !important;} .business .exampleAreaSP { width:100%; overflow:hidden; zoom:1; margin:0; padding:10px 0; border-top:1px solid #cccccc;} .business .exampleAreaSP .image { float:left; width:100px;} .business .exampleAreaSP .detail { float:none;width:auto; padding:0 0 0 110px;} p.exampleCaption01 { background:url(../../business/images/exsample_bg_caption.gif) repeat-y; margin:0 0 15px!important; padding:5px 0 5px 10px; font-size:139%;} p.exampleCaption01 span { font-size:67%;} p.exampleCaption02 { border-left:4px solid #00a0e9; margin:0 0 5px!important; padding:0 0 0 5px; font-size:116%;} p.exampleCaption02 span { font-size:86%; display:block;} .business #main p.catalogLink { text-align:left;} .business #main p.catalogLink a { background:url(../../business/images/bg_list_arrow@2x.gif) no-repeat left 2px; background-size:6px 9px; -webkit-backround-size:6px 9px;} /* START:2017/06/21 ショールーム追加 */ .business p#showroomMv img { width:100%; } .business #showroom01 img { width:100%; } .business #showroom01 .showroom01 { float:none; width:100%; margin:0 auto; } .business #showroom01 .showroom02 { float:none; width:100%; margin:20px auto 0; } .business ul.guideList { } .business ul.guideList li { float:none; margin:10px 0 0; } .business ul.guideList li:first-child { margin:0; } .business #showroom02 img { width:100%; } .business #showroom02 .image { float:none; width:100%; margin:0 auto; } .business #showroom02 .detail { float:none; width:100%; margin:10px auto 0; } .business p.mapImg { } .business p.mapImg img { width:100%; } /* END:2017/06/21 ショールーム追加 */ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- サポート ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .support #gms { width:100%; height:auto; margin:0 0 30px; padding:0; background:none;} .support #gms .wrapper { background:url(../../support/images/sp/gms_bg_japan.jpg) no-repeat left top; width:310px; height:290px; margin:0 auto 20px; padding:0; position:static; background-size:310px 290px; -webkit-background-size:310px 290px;} .support #main #gms h3 { border-top:2px solid #00a0e9; border-bottom:1px solid #d1d1d1; margin:0 0 20px; padding:15px 0 15px 20px; background:url(../images/bg_h3.gif) no-repeat 8px center; font-size:150%; font-weight:normal;} .support #main #gms ul { position:static; text-align:center;} .support #main #gms ul li { display:inline-block; width:45%; position:static; margin:0 0 5px;} .support #main #gms ul li:nth-child(2n) { margin:0 0 5px 5px;} .support #main #gms ul li a { background:#ffffff; background-image:none!important; display:block; width:100%; height:30px; line-height:30px; border-width:1px; border-style:solid; text-align:center; text-decoration:none; position:relative; font-size:100%;} .support #main #gms ul li a:after { display:block; content:""; width:6px; height:12px; position:absolute; top:9px; right:10px;background-position:left top; background-repeat:no-repeat;; background-size:6px 12px; -webkit-background-size:6px 12px;} .support #main #gms ul li#navi01 a:after { background-image:url(../../support/images/sp/gms_list_arrow01.gif);} .support #main #gms ul li#navi02 a:after { background-image:url(../../support/images/sp/gms_list_arrow02.gif);} .support #main #gms ul li#navi03 a:after { background-image:url(../../support/images/sp/gms_list_arrow03.gif);} .support #main #gms ul li#navi04 a:after { background-image:url(../../support/images/sp/gms_list_arrow04.gif);} .support #main #gms ul li#navi05 a:after { background-image:url(../../support/images/sp/gms_list_arrow05.gif);} .support #main #gms ul li#navi06 a:after { background-image:url(../../support/images/sp/gms_list_arrow06.gif);} .support #main #gms ul li#navi07 a:after { background-image:url(../../support/images/sp/gms_list_arrow07.gif);} .support #main #gms ul li#navi08 a:after { background-image:url(../../support/images/sp/gms_list_arrow08.gif);} .support #main #gms ul li#navi09 a:after { background-image:url(../../support/images/sp/gms_list_arrow09.gif);} .support #main #gms ul li#navi10 a:after { background-image:url(../../support/images/sp/gms_list_arrow10.gif);} .support dl.gmsList { margin:-20px 0 0;} .support dl.gmsList dt { font-weight:bold;padding:20px 0 10px;} .support dl.gmsList dd { border-bottom:1px dotted #cccccc; padding:0 0 20px; position:static;} .support dl.gmsList dd a.fbox { position:static; display:block; width:114px; height:34px; margin:10px 0 0;} .support dl.faq { margin:-20px 0 0;} .support dl.faq dt { width:auto; padding:15px 40px 15px 50px; background:url(../../support/images/sp/faq_icon_question.gif) no-repeat 20px 15px; border-top:1px dotted #cccccc; position:relative; background-size:16px 21px; -webkit-background-size:16px 21px; box-sizing:border-box;} .support dl.faq dt:first-child { border-top:none;} .support dl.faq dt span.btSlide { position:absolute; top:10px; right:5px; display:block; width:23px; height:23px; background:url(../../support/images/sp/faq_bt_open.gif) no-repeat left top; cursor:pointer; background-size:23px 23px; -webkit-background-size:23px 23px;} .support dl.faq dt span.active { background:url(../../support/images/sp/faq_bt_close.gif) no-repeat left top !important; background-size:23px 23px!important; -webkit-background-size:23px 23px!important;} .support dl.faq dd { background:url(../../support/images/sp/faq_bg_answer.gif) no-repeat 20px top; margin:0; padding:16px 0 0; background-size:16px 16px; -webkit-background-size:16px 16px;} .support dl.faq dd div { width:auto;padding:20px 40px 20px 50px; background:url(../../support/images/sp/faq_icon_answer.gif) no-repeat 20px 20px #f0f2f3; position:relative; background-size:16px 18px; -webkit-background-size:16px 18px;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- プロダクト ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .product #catalog { width:100%; overflow:hidden; zoom:1; margin:0 0 40px;} .product #catalog .detail { float:none; width:auto; margin:0 0 20px;} .product #catalog .image { float:none; width:auto;} .product ul#catalogList { width:auto; overflow:hidden; zoom:1; margin:0; padding:0;} .product ul#catalogList li { display:block; float:none; border:3px solid #00a0e9; width:100%; height:auto; margin:0 0 10px; box-sizing:border-box;} .product ul#catalogList li a { display:block; width:auto; height:auto; padding:10px; text-decoration:none; color:#333333;} .product ul#catalogList li h5, .product ul#catalogList li div, .product ul#catalogList li p { display:block;} .product ul#catalogList li#view, .product ul#catalogList li#howto, .product ul#catalogList li#save { background:none;} .product ul#catalogList li h5 { font-size:116%; margin:0 0 10px;} .product ul#catalogList li h5 span { font-size:154%; margin:0 10px 0 0;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- サイトマップ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .sitemap .siteList { width:auto; overflow:hidden; zoom:1; margin:0;} .sitemap .siteList .box { display:block;float:none; width:auto; margin:0 0 20px; padding:0;} .sitemap .siteList p { border-bottom:1px solid #cacaca; background:url(../../sitemap/images/list_arrow01.gif) no-repeat left center; padding:0 0 0 10px;} .sitemap .siteList ul { margin:0; padding:0; list-style:none;} .sitemap .siteList ul li { margin:0 0 5px;} .sitemap .siteList ul li a { text-decoration:none;} .sitemap .siteList ul li ul { margin:5px 0 0 5px;} .sitemap .siteList ul li ul li a { background:url(../../sitemap/images/list_arrow02.png) no-repeat left center; padding:0 0 0 10px;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 5つの理由 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .reasons #main { margin:0 !important;} .reasons #main #mainWrapper { width:auto; padding:0 10px;} .reasons #pageHeader { width:auto; margin:0 auto;} .reasons .visual img { width:100%;} .reasons #reasonNavi { width:auto; overflow:hidden; zoom:1; margin:0 0 0px 0; padding:0; list-style:none;} .reasons #reasonNavi ul { width:auto; overflow:hidden; zoom:1; margin:0 0 0 0; padding:0; list-style:none; position:relative; left:10px;} .reasons #reasonNavi li { display:inline-block; float:none; width:135px; margin:0 5px 10px 0; padding:0;} .reasons #reasonNavi li a { display:block; width:135px; height:53px; background-image:url(../../5reasons/images/reasons_navi_sp.jpg); background-repeat:no-repeat; text-indent:-9999px; background-size:675px 106px; -webkit-background-size:675px 106px;} .reasons #reasonNavi li.navi01 a { background-position:0 0;} .reasons #reasonNavi li.navi01 a:hover { background-position:0 -53px;} .reasons #reasonNavi li.navi01 a.current { background-position:0 -53px;} .reasons #reasonNavi li.navi02 a { background-position:-135px 0;} .reasons #reasonNavi li.navi02 a:hover { background-position:-135px -53px;} .reasons #reasonNavi li.navi02 a.current { background-position:-135px -53px;} .reasons #reasonNavi li.navi03 a { background-position:-270px 0;} .reasons #reasonNavi li.navi03 a:hover { background-position:-270px -53px;} .reasons #reasonNavi li.navi03 a.current { background-position:-270px -53px;} .reasons #reasonNavi li.navi04 a { background-position:-405px 0;} .reasons #reasonNavi li.navi04 a:hover { background-position:-405px -53px;} .reasons #reasonNavi li.navi04 a.current { background-position:-405px -53px;} .reasons #reasonNavi li.navi05 a { background-position:-540px 0;} .reasons #reasonNavi li.navi05 a:hover { background-position:-540px -53px;} .reasons #reasonNavi li.navi05 a.current { background-position:-540px -53px;} .reasons .pageGuide { padding:20px;} .reasons .pageGuide img { width:100%;} .pagenavi { width:auto; overflow:hidden; margin:20px auto 0; padding:0; text-align:center; list-tyoe:none;} .pagenavi li { display:block; float:none; background:#15445b; width:100%; margin:0;} .pagenavi li a { background:none; position:relative; padding:10px 10px 10px;} .pagenavi li a:after { display:block; content:""; position:absolute; top:12px; right:10px; width:8px; height:10px;background:url(../../5reasons/images/bg_list_arrow.png) no-repeat right center;} .pagenavi li a:hover { background:#2b2b2b;} .pagenavi li:first-child { margin:0 0 10px 0;} .reasons #guide01 .image { float:none; width:auto;} .reasons #guide01 .detail { float:none; width:auto;} .reasons #guide02 .image { float:none; width:auto; position:static; margin:0 0 10px;} .reasons #guide02 .detail { float:none; width:auto;} .reasons .extra .image02 { float:none; width:auto; margin:10px 0;} .reasons .extra .detail02 { float:none; width:auto; margin:10px 0;} .reasons #guide03 .image { float:none; width:auto; margin:0 0 10px;} .reasons #guide03 .detail { float:none; width:auto;} .reasons #guide04 .image { float:none; width:auto; margin:0 0 10px;} .reasons #guide04 .detail { float:none; width:auto;} .reasons #guide05 .image { float:none; width:auto; margin:0 0 10px;} .reasons #guide05 .detail { float:none; width:auto;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 5つのフィールド ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .fields #main { margin:0 !important;} .fields #main #fieldsNavi { width:auto; margin:0 auto; padding:15px 10px;} .fields #pageHeader { width:auto; margin:0 auto;} .fields #fieldsNavi ul { width:auto; overflow:hidden; zoom:1; margin:0; padding:0; list-style:none;} .fields #fieldsNavi li { display:inline-block; float:none; width:135px; margin:0 6px 6px 6px; padding:0;} .fields #fieldsNavi li a { background-image:url(../../5fields/images/field_navi_sp.jpg);background-size: 675px 90px; -webkit-background-size:675px 90px;} .fields #fieldsHeader { height:auto; padding:10px 10px 0;} .fields #fieldsHeader .wrapper { width:auto; margin:0 auto;} .fields #fieldsHeader .image { float:right; width:100%;} .fields #fieldsHeader .image img { width:50%;} .fields #fieldsHeader .detail { float:left; width:auto; padding:0 0 0;} .fields .solution { background:url(../../5fields/images/bg_field_wrapper.jpg) no-repeat center bottom #494949; color:#ffffff; padding:30px 10px;} .fields .solution .wrapper { width:auto; margin:0 auto;} .fields #contents #main h4 { border:none; color:#ffffff; font-size:139%; margin:0 0 15px; padding:0;} .fields #contents #main h5 { margin:0 0 20px; padding:0;} .fields #fieldsHeader .image { text-align:center;} .fields #fieldsHeader .image img { width:auto;} .office #solution01 .image { float:none; width:100%; text-align:center;} .office #solution01 .detail { float:none; width:100%;} .office #solution02 .image { float:none; width:100%; margin-top:0; text-align:center;} .office #solution02 .image img { position:relative; left:-20px;} .office #solution02 .detail { float:none; width:100%;} .office #solution03 .image { float:none; width:100%; text-align:center;} .office #solution03 .detail { float:none; width:100%;} .fields #caseArea { background:#494949; color:#ffffff; padding:20px 0 60px;} .fields #caseArea .caseWrapper { background:#353535; width:auto; margin:0 auto; position:relative;} .fields #contents #main #caseArea h5 { background:url(../../5fields/images/bg_case01.gif) repeat left top; margin:0; padding:0; font-size:131%; height:auto; line-height:normal; padding:0 0 0 10px;} .fields #contents #main #caseArea h5 span { display:block; color:#ffea00; margin-right:10px;} .fields #caseArea .listLink { background:url(../../5fields/images/bg_case02.png) repeat left top; position:relative; top:0; right:0; height:auto; line-height:normal; text-align:left;} .fields #caseArea .listLink a { width:auto; display:block; background:url(../images/sp/side_bt_arrow01.png) no-repeat 10px center; background-size:5px 11px; -webkit-background-size:5px 11px; font-size:108%; color:#ffffff; text-decoration:none;padding:0 0 0 20px;} .fields #contents #main #caseArea h6 { border-left:3px solid #FF0; font-size:108%; margin:0 0 20px; padding:0 0 0 10px;} .fields #caseArea .wrapper { padding:20px 10px 5px;} .fields #caseArea .wrapper .image { float:none; width:auto; overflow:hidden; zoom:1; margin:0 0 0 16px;} .fields #caseArea .wrapper .detail { float:none; width:100%; overflow:hidden; margin:0 0 10px;} .fields #caseArea .wrapper .detail p { padding-left:13px;} .fields #caseArea .wrapper .ImageMain { float:none; width:auto; margin:0 0 10px;} .fields #caseArea .wrapper .imageSub { float:none; width:auto; font-size:85%;} .fields #caseArea .wrapper .imageSub p { margin:5px 0; line-height:1.3;} .hotel #fieldsHeader .image { position:static;} .hotel #solution01 .point .caption { float:none; width:auto; background:#393939;} .hotel #solution01 .point .text01 { float:none; width:auto; margin:10px 0 0;} .hotel #solution01 .point .text02 { float:none; width:auto; margin:10px 0;} .house #solution01 .point .caption { float:none; width:auto; background:#393939;} .house #solution01 .point .text01 { float:none; width:auto; margin:10px 0;} .hospital #solution01 .point .caption { float:none; width:auto; background:#393939;} .hospital #solution01 .point .text01 { float:none; width:auto; margin:10px 0;} .hospital #solution02 .image img { position:relative; left:-70px;} .fields #main p.catalogLink { text-align:left;} .fields #main ul.catalogLink { float:none;} .reasons #main p.catalogLink a, .fields #main p.catalogLink a, .fields #main ul.catalogLink li a{ background:url(../../5fields/images/bg_list_arrow02@2x.png) no-repeat left 3px; background-size:6px 9px; -webkit-background-size:6px 9px;} .reasons #main p.catalogLink a span, .fields #main p.catalogLink a span , .fields #main ul.catalogLink li a span { background:url(../../5fields/images/icon_catalog@2x.png) no-repeat right center; background-size:15px 12px; -webkit-background-size:15px 12px; padding:0 20px 0 0;} .office #contents #main h3 { background:url(../../5fields/images/office/icon_office@2x.png) no-repeat right top; background-size:40px 40px; -webkit-background-size:40px 40px;} .hotel #contents #main h3 { background:url(../../5fields/images/hotel/icon_hotel@2x.png) no-repeat right top; background-size:40px 40px; -webkit-background-size:40px 40px;} .house #contents #main h3 { background:url(../../5fields/images/house/icon_house@2x.png) no-repeat right top; background-size:40px 40px; -webkit-background-size:40px 40px;} .hospital #contents #main h3 { background:url(../../5fields/images/hospital/icon_hospital@2x.png) no-repeat right top; background-size:40px 40px; -webkit-background-size:40px 40px;} .school #contents #main h3 { background:url(../../5fields/images/school/icon_school@2x.png) no-repeat right top; background-size:40px 40px; -webkit-background-size:40px 40px;} /* .icon_pdf { display:inline-block; padding:1px 0 0 24px; background:url(../images/common_icon_pdf@2x.gif) left top no-repeat;} .icon_word { display:inline-block; padding:1px 0 0 24px; background:url(../images/common_icon_word@2x.gif) left top no-repeat;} .icon_excel { display:inline-block; padding:1px 0 0 24px; background:url(../images/common_icon_excel@2x.gif) left top no-repeat;} .icon_www { display:inline-block; padding:1px 0 0 24px; background:url(../images/common_icon_www@2x.gif) left top no-repeat;} */ }