@charset "UTF-8"; @media screen and (max-width:979px){ /*------------------------------ 00：ベーススタイル 　：a ：p ：float ：text ：margin ：width 01:フレーム ：ヘッダー ：サイドメニュー 　：フッター 　：最下部 　：ページトップ 02:レイアウト 　：テーブル ：リスト ：その他 -------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 01:フレーム ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #container { width:100% !important; margin:0 auto; padding:20px 0 0;} #header { width:700px; overflow:hidden; zoom:1; margin:0 auto; position:relative;} #contents { width:100%; overflow:hidden; zoom:1; margin:0 auto 70px;} #main { width:700px; float:none; margin:0 auto 50px;} #side { width:100%; float:none;} #side .wrapper { width:700px; oveflow:hidden; margin:0 auto;} #footer { width:100%;margin:0 auto; background:#f1f1f1;} #copyright { background:#494949; padding:3px 0; text-align:center; color:#ffffff;} /*------------------------------ ヘッダー -------------------------------*/ #header h1 { margin:0 0 15px;} #header #anniversary { position:absolute; top:0; left:210px; z-index:1;} /* #header ul#gnavi { width:717px; margin:0 -17px 0 0; padding:0; text-align:center;} #header ul#gnavi li { display:inline; float:left; list-style:none; width:114px; margin-right:17px; text-align:center; font-size:108%;} #header ul.subnavi { position:absolute; top:0; right:0; margin:0; z-index:100;} */ #header ul.subnavi li { display:inline; float:left; list-style:none; margin:0 0 0 20px;} #header ul.subnavi li a { background:url(../images/header_list_arrow.gif) no-repeat left center; padding:0 0 0 10px;} #header ul.subnavi li a { color: #092937; text-decoration: none;} #header ul.subnavi li a:link { color: #092937; text-decoration: none;} #header ul.subnavi li a:visited { color: #092937; text-decoration: none;} #header ul.subnavi li a:hover { color: #092937; text-decoration: underline;} #fo#header ul.subnavi li a:active { color: #092937; text-decoration: underline;} #header ul.subnavi li a:focus { outline:none;} /* ↓↓JS用変更↓↓ */ /* gnavi */ #gnaviWrapper ul#gnavi { width:700px; margin:0 auto; padding:0; text-align:center; } #gnaviWrapper ul#gnavi li { display:inline; /* float:left; */ list-style:none; width:85px; /* margin-right:17px; */ text-align:center; font-size:90%; } #gnaviWrapper ul#gnavi>li.individualInfo, #gnaviWrapper ul#gnavi>li.sustainabilityInfo { width: 137px; } #gnaviWrapper ul#gnavi li.newInfo { margin-right:0; } /* #gnaviWrapper ul#gnavi li .gnaviSub01 { width:690px; left:-57px; } #gnaviWrapper ul#gnavi li .gnaviSub02 { width:690px; left:-188px; } #gnaviWrapper ul#gnavi li .gnaviSub03 { width:690px; left:-319px; } #gnaviWrapper ul#gnavi li .gnaviSub04 { width:690px; left:-450px; } #gnaviWrapper ul#gnavi li .gnaviSub05 { width:690px; left:-581px; } */ #gnaviWrapper ul#gnavi li p.gnaviArrow { width:700px; } #gnaviWrapper ul#gnavi li .gnaviSub01 p.gnaviArrow span { left:170px; } #gnaviWrapper ul#gnavi li .gnaviSub02 p.gnaviArrow span { left:392px; } #gnaviWrapper ul#gnavi li .gnaviSub03 p.gnaviArrow span { left:475px; } #gnaviWrapper ul#gnavi li .gnaviSub04 p.gnaviArrow span { left:565px; } #gnaviWrapper ul#gnavi li .gnaviSub05 p.gnaviArrow span { left:55px; } #gnaviWrapper ul#gnavi li .gnaviSub06 p.gnaviArrow span { left:278px; } /* #gnaviWrapper ul#gnavi li .gnaviSub01 ul.gnaviSubList, #gnaviWrapper ul#gnavi li .gnaviSub02 ul.gnaviSubList, #gnaviWrapper ul#gnavi li .gnaviSub03 ul.gnaviSubList, #gnaviWrapper ul#gnavi li .gnaviSub04 ul.gnaviSubList, #gnaviWrapper ul#gnavi li .gnaviSub05 ul.gnaviSubList { margin-left:15px; } */ #gnaviWrapper ul#gnavi li .gnaviSub01 ul.gnaviSubList li, #gnaviWrapper ul#gnavi li .gnaviSub02 ul.gnaviSubList li, #gnaviWrapper ul#gnavi li .gnaviSub03 ul.gnaviSubList li, #gnaviWrapper ul#gnavi li .gnaviSub04 ul.gnaviSubList li, #gnaviWrapper ul#gnavi li .gnaviSub05 ul.gnaviSubList li { width:11%; margin-left:3px; margin-right:3px; } #gnaviWrapper ul#gnavi li .gnaviSub01 ul.gnaviSubList li img, #gnaviWrapper ul#gnavi li .gnaviSub02 ul.gnaviSubList li img, #gnaviWrapper ul#gnavi li .gnaviSub03 ul.gnaviSubList li img, #gnaviWrapper ul#gnavi li .gnaviSub04 ul.gnaviSubList li img, #gnaviWrapper ul#gnavi li .gnaviSub05 ul.gnaviSubList li img { width:100%; } #gnaviWrapper ul#gnavi li .gnaviSub01 span { left:103px; } #gnaviWrapper ul#gnavi li .gnaviSub02 span { left:235px; } #gnaviWrapper ul#gnavi li .gnaviSub03 span { left:366px; } #gnaviWrapper ul#gnavi li .gnaviSub04 span { left:497px; } #gnaviWrapper ul#gnavi li .gnaviSub05 span { left:629px; } /* ↑↑JS用変更↑↑ */ #contentsWrapper { width:700px; margin:0 auto;} /*------------------------------ FEATURE CAROUSEL -------------------------------*/ #carousel-wrapper { width:700px; position:relative; margin:0 auto; } #carousel { height:261px; margin:0 0 30px; } .carousel-image { width:70%; } #carousel-left { position:absolute; left:5px; top:110px; cursor:pointer; } #carousel-right { position:absolute; right:5px; top:110px; cursor:pointer; } #carousel p img { width:70.5%; } /*------------------------------ フッター -------------------------------*/ p.pcPagetop { width:700px; } #footerArea01, #footerArea02 { float:none; } #footerArea01 { width:700px; margin:0 auto; padding:20px 0 40px; position:relative; } #footerArea01 .wrapper { width:700px; overflow:hidden; zoom:1; margin:0 auto;} #footerArea02 { width:100%; padding:20px 0; background:#eaeaea;} #footerArea02 .wrapper { width:700px; overflow:hidden; zoom:1; margin:0 auto; position:relative;} #footerArea02 .banner.-modifier { margin-top: 60px; } #footerArea01 h3 { border-top:1px solid #b6b6b6; margin:0 0 10px; padding:5px 0 0; font-size:108%; color:#092937;} #footerArea01 .list { float:left; } #footerArea01 .list:first-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:absolute; right:0; margin:0;} #footer ul.subnavi li { display:inline; float:left; list-style:none; margin:0 0 0 20px;} #footer ul.subnavi li a { background:url(../images/footer_list_arrow.gif) no-repeat left center; padding:0 0 0 10px;} #footerArea02 p { float:right; width:300px; margin-top:0; } #footerArea02 p.logo { float:left; width:168px; margin:7px 0 0;} #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:left; width:330px; margin:0 0 10px; 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; overflow:hidden;} #contents #side .btArea01 p.caption { font-weight:bold; margin:0 0 10px 75px;} #contents #side .btArea01 p.text { padding:0 5px 20px 75px;} #contents #side .btArea01 p.link { background:#00a0e9; text-align:center; position:relative;} #contents #side .btArea01 p.link:after { position:absolute; top:10px; right:10px; content:""; display:block; width:5px; height:11px; background:url(../images/sp/side_bt_arrow01.png) no-repeat left center; background-size:5px 11px; -webkit-background-size:5px 11px;} #contents #side .btArea01 p.link a:hover { text-decoration:underline;} #contents #side ul.btArea02 { float:right; width:330px;margin:0; padding:5px 5px 5px; background:#f0f0f0; box-sizing:border-box;} #contents #side ul.btArea02 li { list-style:none; margin:0 0 5px; height:66px;border:1px solid #d1d1d1;} #contents #side ul.btArea02 li.case { background:url(../images/sp/side_bg_case.jpg) no-repeat 3px 5px #ffffff; background-size:45px 59px; -webkit-background-size:45px 59px;} #contents #side ul.btArea02 li.catalog { background:url(../images/sp/side_bg_catalog.jpg) no-repeat 3px 5px #ffffff; background-size:45px 59px; -webkit-background-size:45px 59px;} #contents #side ul.btArea02 li:last-child { list-style:none; margin:0;} #contents #side ul.btArea02 li a { position:relative; display:block; height:51px; padding:15px 0 0 55px; border-left:3px solid #00a0e9; background:none; text-decoration:none;} #contents #side ul.btArea02 li.case a { height:41px; padding-top:25px;} #contents #side ul.btArea02 li.product a { height:51px; padding-top:15px;} #contents #side ul.btArea02 li a:after { position:absolute; top:30px; right:10px; content:""; display:block; width:5px; height:11px; background:url(../images/sp/side_bt_arrow02.gif) no-repeat left center; background-size:5px 11px; -webkit-background-size:5px 11px;} #contents #side .btArea03 { float:left; width:330px; margin:0; padding:5px 5px 5px; background:#f0f0f0; box-sizing:border-box;} #contents #side .btArea03 .wrapper { width:auto; background:url(../images/sp/side_bg_contact.jpg) no-repeat right top #ffffff; background-size:110px auto; border:1px solid #d1d1d1; padding:10px 0 0; overflow:hidden;} #contents #side .btArea03 p.text { padding:10px 5px 10px 5px;} #contents #side .btArea03 p.link { background:#00a0e9; text-align:center; position:relative;} #contents #side .btArea03 p.link:after { position:absolute; top:10px; right:10px; content:""; display:block; width:5px; height:11px; background:url(../images/sp/side_bt_arrow01.png) no-repeat left center; background-size:5px 11px; -webkit-background-size:5px 11px;} #contents #side .btArea01 p.link a:hover { text-decoration:underline;} /* START:2014/02/05キャンペーンバナー追加 */ #contents #side .btArea04 { float:left; width:330px; margin:0 0 10px; padding:5px 5px 5px; background:#f0f0f0; box-sizing:border-box;} #contents #side .btArea04 .wrapper { width:auto; } #contents #side .btArea04 .tab_banner { display: block; } #contents #side .btArea04 .pc_banner { display: none; } #contents #side .btArea01 { float: right;} #contents #side ul.btArea02 { float: left; clear:left;} #contents #side .btArea03 { float: right; clear: right;} /*#contents #side .btArea03 p.text { padding: 10px 120px 10px 5px;}*/ /* 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/side_list_arrow01.png) no-repeat 18px center #ffffff; text-decoration:none;} #contents #side #snaviArea ul li a:hover { background:url(../images/side_list_arrow01.png) no-repeat 18px center #f0f2f3;} #contents #side #snaviArea ul li.current a { background:url(../images/side_list_arrow01.png) no-repeat 18px center #f0f2f3;} #contents #side #snaviArea ul li ul { width:auto;} #contents #side #snaviArea ul li ul li { border-top:1px dotted #cccccc; border-bottom:none;} #contents #side #snaviArea ul li ul li:first-child { border-top:none} #contents #side #snaviArea ul li ul li a { padding:7px 0 7px 50px; background:url(../images/side_list_arrow02.png) no-repeat 38px center #ffffff;} #contents #side #snaviArea ul li.current ul li a { padding:7px 0 7px 50px; background:url(../images/side_list_arrow02.png) no-repeat 38px center #ffffff;} #contents #side #snaviArea ul li.current ul li a:hover { padding:7px 0 7px 50px; background:url(../images/side_list_arrow02.png) no-repeat 38px center #f6f7f8;} #contents #side #snaviArea ul li.current ul li.current a { padding:7px 0 7px 50px; background:url(../images/side_list_arrow02.png) no-repeat 38px center #f6f7f8;} /*------------------------------ その他 -------------------------------*/ #index #main { margin:0 auto 10px;} /* #pageHeader { width:700px; margin:0 auto;} */ #pageHeader { margin:0 auto;} #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:bold;} #index #main h2 { border-top:2px solid #00a0e9; padding:10px 0; position:relative;} #index #main h2 a#newsList { position:absolute; top:15px; right:120px; background:url(../../images/news_list_arrow@2x.gif) no-repeat left center; background-size:5px 11px; padding-left:10px; font-weight:normal;} #index #main h2 a#productList { position:absolute; top:15px; right:10px; background:url(../../images/news_list_arrow@2x.gif) no-repeat left center; background-size:5px 11px; padding-left:10px; font-weight:normal;} #pagenavi { width:auto; overflow:hidden; margin:50px 0 0; padding:10px 0; text-align:center;} #pagenavi a { text-decoration:none; position:relative; border:1px solid #dee7eb; box-sizing:border-box;} #pagenavi a:hover { text-decoration:underline;} #pagenavi a span { background:none !important;} #pagenavi .next:after { display:block; position:absolute; top:12px; right:5px; content:""; width:6px; height:12px; background:url(../images/sp/pagenavi_next.png) no-repeat left top; background-size:6px auto; -webkit-background-size:6px auto;} #pagenavi .prev:after { display:block; position:absolute; top:12px; left:5px; content:""; width:6px; height:12px; background:url(../images/sp/pagenavi_prev.png) no-repeat left top; background-size:6px auto; -webkit-background-size:6px auto;} ul.newsnavi li.prev a, ul.newsnavi li.prev a:hover { background:url(../images/sp/pagenavi_prev.gif) no-repeat left center; background-size:6px 12px; -webkit-background-size:6px 12px;} ul.newsnavi li.next a, ul.newsnavi li.next a:hover { background:url(../images/sp/pagenavi_next.gif) no-repeat right center; background-size:6px 12px; -webkit-background-size:6px 12px;} #flashArea { width:698px; margin:0 0 30px; background:#e1e1e1; border:1px solid #bdbdbd;} #flashArea img { width:698px;} #main #fieldsNavi { width:700px; margin:0 auto; padding:15px 0;} #fieldsNavi ul { width:706px; overflow:hidden; zoom:1; margin:0 -6px 0 0; padding:0; list-style:none;} #fieldsNavi li { display:inline; float:left; width:135px; margin:0 6px 0 0; padding:0;} #fieldsNavi li a { display:block; width:135px; height:45px; background-image:url(../../5fields/images/field_navi_tab.jpg); background-repeat:no-repeat; text-indent:-9999px;} #fieldsNavi li.navi01 a { background-position:0 0;} #fieldsNavi li.navi01 a:hover { background-position:0 -45px;} #fieldsNavi li.navi01 a.current { background-position:0 -45px;} #fieldsNavi li.navi02 a { background-position:-135px 0;} #fieldsNavi li.navi02 a:hover { background-position:-135px -45px;} #fieldsNavi li.navi02 a.current { background-position:-135px -45px;} #fieldsNavi li.navi03 a { background-position:-270px 0;} #fieldsNavi li.navi03 a:hover { background-position:-270px -45px;} #fieldsNavi li.navi03 a.current { background-position:-270px -45px;} #fieldsNavi li.navi04 a { background-position:-405px 0;} #fieldsNavi li.navi04 a:hover { background-position:-405px -45px;} #fieldsNavi li.navi04 a.current { background-position:-405px -45px;} #fieldsNavi li.navi05 a { background-position:-540px 0;} #fieldsNavi li.navi05 a:hover { background-position:-540px -45px;} #fieldsNavi li.navi05 a.current { background-position:-540px -45px;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 5つの理由 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .reasons #container { width:100%;} .reasons #contents { width:100%; margin:0;} .reasons #pageHeader { width:700px;} /* .reasons #header { width:700px;} */ .reasons #breadcrumbs { margin:0;} .reasons #main { width:100%; margin:0;} .reasons #main #mainWrapper { width:700px;} .reasons .visual img { width:100%;} .reasons #reasonNavi { width:700px; overflow:hidden; zoom:1; margin:0 -5px 30px 0; padding:0; list-style:none;} .reasons #reasonNavi ul { width:705px; overflow:hidden; zoom:1; margin:0 -5px 0 0; padding:0; list-style:none;} .reasons #reasonNavi li { display:inline; float:left; width:136px; margin:0 5px 0 0; padding:0;} .reasons #reasonNavi li a { display:block; width:136px; height:53px; background-image:url(../../5reasons/images/reasons_navi_tab.jpg); background-repeat:no-repeat; text-indent:-9999px;} .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:-136px 0;} .reasons #reasonNavi li.navi02 a:hover { background-position:-136px -53px;} .reasons #reasonNavi li.navi02 a.current { background-position:-136px -53px;} .reasons #reasonNavi li.navi03 a { background-position:-272px 0;} .reasons #reasonNavi li.navi03 a:hover { background-position:-272px -53px;} .reasons #reasonNavi li.navi03 a.current { background-position:-272px -53px;} .reasons #reasonNavi li.navi04 a { background-position:-408px 0;} .reasons #reasonNavi li.navi04 a:hover { background-position:-408px -53px;} .reasons #reasonNavi li.navi04 a.current { background-position:-408px -53px;} .reasons #reasonNavi li.navi05 a { background-position:-544px 0;} .reasons #reasonNavi li.navi05 a:hover { background-position:-544px -53px;} .reasons #reasonNavi li.navi05 a.current { background-position:-544px -53px;} .reasons .pageGuide img { width:100%;} .pagenavi { width:640px; overflow:hidden; margin:20px auto 0; padding:0; text-align:center; list-tyoe:none;} .pagenavi li { display:block; float:left; background:#15445b; width:315px; margin:0;} .pagenavi li:first-child { margin:0 10px 0 0;} .reasons #guide01 .image { float:right; width:290px;} .reasons #guide01 .detail { float:left; width:330px;} .reasons #guide02 .image { float:left; width:275px; position:relative; left:-10px;} .reasons #guide02 .detail { float:right; width:360px;} .reasons .extra .image02 { float:left; width:195px;} .reasons .extra .detail02 { float:right; width:390px;} .reasons #guide03 .image { float:left; width:260px;} .reasons #guide03 .detail { float:right; width:360px;} .reasons #guide04 .image { float:left; width:260px;} .reasons #guide04 .detail { float:right; width:360px;} .reasons #guide05 .image { float:right; width:310px;} .reasons #guide05 .detail { float:left; width:300px;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 5つの理由 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .fields #container { width:100%;} .fields #contents { width:100%; margin:0;} .fields #pageHeader { width:700px; margin:0 auto;} .fields #header { margin:0 auto;} .fields #breadcrumbs { margin:0;} .fields #main { float:none; width:100%; background:url(../../5fields/images/bg_navi.gif) repeat left top; padding:0;} .office #contents #main h3 { background:url(../../5fields/images/office/icon_office.png) no-repeat right top; color:#ffffff; border:none; border-bottom:1px solid #b8a800; font-size:208%; padding:0 0 8px;} .fields #contents #main h3 span { display:block; font-size:41%; margin:10px 0 0 -10px;} .office #fieldsHeader { background:url(../../5fields/images/office/bg_header.gif) repeat-x left bottom; height:400px; padding:10px 0 0; color:#ffffff;} .fields #fieldsHeader .wrapper { width:700px; margin:0 auto;} .office #fieldsHeader .image { float:right; width:270px;} .office #fieldsHeader .image img { width:100%;} .fields #fieldsHeader .detail { float:left; width:420px; padding:20px 0 0;} .fields .solution { background:url(../../5fields/images/bg_field_wrapper.jpg) no-repeat center bottom #494949; color:#ffffff; padding:30px 0;} .fields .solution .wrapper { width:700px; 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;} .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:700px; 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:55px; line-height:55px; padding:0 0 0 20px;} .fields #contents #main #caseArea h5 span { color:#ffea00; margin-right:10px;} .fields #caseArea .listLink { background:url(../../5fields/images/bg_case02.png) repeat left top; position:absolute; top:0; right:0; height:55px; line-height:55px; text-align:center;} .fields #caseArea .listLink a { width:150px; display:block; background:url(../../5fields/images/bg_list_arrow.png) no-repeat 130px center; font-size:108%; color:#ffffff; text-decoration:none;} .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 20px;} .fields #caseArea .wrapper .image { float:none; width:490px; overflow:hidden; zoom:1; margin:0 0 0 16px;} .fields #caseArea .wrapper .detail { float:none; width:100%; overflow:hidden;} .fields #caseArea .wrapper .detail p { padding-left:13px;} .fields #caseArea .wrapper .ImageMain { float:right; width:330px;} .fields #caseArea .wrapper .imageSub { float:left; width:145px; font-size:85%;} .fields #caseArea .wrapper .imageSub p { margin:5px 0; line-height:1.3;} .hotel #fieldsHeader { background:url(../../5fields/images/hotel/bg_header.gif) repeat-x left bottom; height:400px; padding:10px 0 0; color:#ffffff;} .hotel #fieldsHeader .image { float:right; width:270px;} .hotel #fieldsHeader .image img { width:100%;} .hotel #fieldsHeader .detail { float:left; width:420px; padding:20px 0 0;} .hotel #solution01 .image { float:none; width:100%; text-align:center;} .hotel #solution01 .detail { float:none; width:100%;overflow:hidden;} .hotel #solution01 .point .text01 { width:550px;} .hotel #solution01 .point .text02 { width:550px;} .hotel #solution02 .image { float:none; width:100%;text-align:center;} .hotel #solution02 .detail { float:none; width:100%;overflow:hidden;} .hotel #solution03 .image { float:none; width:100%; text-align:center;} .hotel #solution03 .detail { float:none; width:100%;overflow:hidden;} .house #fieldsHeader { background:url(../../5fields/images/house/bg_header.gif) repeat-x left bottom; height:420px; padding:10px 0 0; color:#ffffff;} .house #fieldsHeader .image { float:right; width:270px;} .house #fieldsHeader .image img { width:100%;} .house #fieldsHeader .detail { float:left; width:420px; padding:20px 0 0;} .house #solution01 .image { float:none; width:100%; text-align:center;} .house #solution01 .detail { float:none; width:100%;} .house #solution01 .point .text01 { width:550px;} .house #solution02 .image { float:none; width:100%;text-align:center;} .house #solution02 .detail { float:none; width:100%;overflow:hidden;} .house #solution03 .image { float:none; width:100%; text-align:center;} .house #solution03 .detail { float:none; width:100%;overflow:hidden;} .hospital #fieldsHeader { background:url(../../5fields/images/hospital/bg_header.gif) repeat-x left bottom; height:365px; padding:10px 0 0; color:#ffffff;} .hospital #fieldsHeader .image { float:right; width:270px;} .hospital #fieldsHeader .image img { width:100%;} .hospital #fieldsHeader .detail { float:left; width:420px; padding:20px 0 0;} .hospital #solution01 .image { float:none; width:100%; text-align:center;} .hospital #solution01 .detail { float:none; width:100%; overflow:hidden;} .hospital #solution01 .point .text01 { width:550px;} .hospital #solution02 .image { float:none; width:100%;text-align:center;} .hospital #solution02 .image img { position:relative; left:-20px;} .hospital #solution02 .detail { float:none; width:100%;overflow:hidden;} .school #fieldsHeader { background:url(../../5fields/images/school/bg_header.gif) repeat-x left bottom; height:400px; padding:10px 0 0; color:#ffffff;} .school #fieldsHeader .image { float:right; width:270px;} .school #fieldsHeader .image img { width:100%;} .school #fieldsHeader .detail { float:left; width:420px; padding:20px 0 0;} .school #solution01 .image { float:none; width:100%; text-align:center;} .school #solution01 .detail { float:none; width:100%;overflow:hidden;} .school #solution01 .point .text01 { width:550px;} .school #solution02 .image { float:none; width:100%;text-align:center;} .school #solution02 .detail { float:none; width:100%;overflow:hidden;} .company #pageHeader { width:700px; margin:0 auto;} .product #pageHeader { width:700px; margin:0 auto;} .business #pageHeader { width:700px; margin:0 auto;} .support #pageHeader { width:700px; margin:0 auto;} .sitemap #pageHeader { width:700px; margin:0 auto;} .reasons #pageHeader { width:700px; margin:0 auto;} .fields #pageHeader { width:700px; margin:0 auto;} .office #pageHeader { width:700px; margin:0 auto;} .hotel #pageHeader { width:700px; margin:0 auto;} .house #pageHeader { width:700px; margin:0 auto;} .hospital #pageHeader { width:700px; margin:0 auto;} .school #pageHeader { width:700px; margin:0 auto;} .news #pageHeader { width:700px; margin:0 auto;} /* 171101追加 */ #contents #side .sparekeySide .btArea01 { clear:right; } #contents #side .sparekeySide .btArea02 { float:none; } #contents #side .sparekeySide .btArea05 { float:right; width:330px; margin:0 0 10px; padding:5px 5px 5px; background:#f0f0f0; box-sizing:border-box;} #contents #side .sparekeySide .btArea05 .wrapper { width:auto; background:#ffffff; text-align:center; } #contents #side .btArea05 .wrapper img { max-width:161px; } #contents #side .sparekeySide .btArea05 p.link { background:#00a0e9; text-align:center; position:relative;} #contents #side .sparekeySide .btArea05 p.link:after { position:absolute; top:10px; right:10px; content:""; display:block; width:5px; height:11px; background:url(../images/sp/side_bt_arrow01.png) no-repeat left center; background-size:5px 11px; -webkit-background-size:5px 11px;} #contents #side .sparekeySide .btArea05 p.link a:hover { text-decoration:underline;} /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 共通 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #footer > div { width:100%; } #productsCatalog { width:65%; } #productsCatalog h3 { margin:10% 0 0 15px; width:22%; } #productsCatalog h3 img { width:100%; } #productsCatalog p { margin-left:15px; width:28%; top:25px; } #productsCatalog p img { width:100%; } #productsCatalog ul { width:37%; margin-right:3%; } #productsCatalog2 { width:32%; margin-right:15px; } #productsCatalog2 .fLeft { width:55%; } #productsCatalog2 h3 { width:80%; margin-top:16px; } #productsCatalog2 h3 img { width:100%; } #productsCatalog2 p { width:22%; top:7px; } #productsCatalog2 p img { width:100%; } #productsCatalog2 ul { width:100%; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- トップページ ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* スライダー　*/ .mvSlider { width:700px; } .topPage .contentsOuter { width:700px; } .topPage .contentsOuter img { width:100%; } .topPage .contentsOuter ul.imgList li { width:172px; margin-left:4px; } .topPage #productsWrap ul.imgList li { width:136px; margin-left:5px; } .topPage #newsWrap ul.imgList li { width:330px; margin-left:40px; } .topPage #newsWrap ul.imgList li:first-child { margin-left:0; } .topPage #newsWrap ul.imgList li:last-child { margin:20px 0 0; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 製品情報 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .product #catalogWrap #catalogOuter { width:700px; } .product #catalogWrap.stPos { width:700px; } .product p#catalogIcon { z-index:2; } /* .product #catalogWrap.stPos #productsCatalog { width:660px; } */ /* .product #productsCatalog { width:660px; } */ /* .product #catalogWrap #productsCatalog { margin:0 auto; } */ /* .product #catalogWrap p.pcPagetop { display:none; } */ /* .product #productsCatalog h3 { margin-left:10px; } */ /* .product #productsCatalog p { margin-left:10px; width:300px; } .product #productsCatalog p img { width:100%; } .product #productsCatalog ul { margin-right:10px; } */ .product #productsCatalog {width:62%; } .product ul#indexList { width:700px; } .product ul#indexList li { width:328px; margin:0 0 0 40px !important; } .product ul#indexList li img { width:100%; } .product ul#indexList li:nth-child(2n+1) { margin-left:0 !important; } .product ul#indexList li:nth-child(n+3) { margin-top:25px !important; } .product #infoProductsWrap { width:700px; } .product #infoProductsWrap ul li .pcBlock { display:inline; } .product #infoProductsWrap ul.infoProductsList > li { width:230px; margin-left:5px; } .product #infoProductsWrap ul.infoProductsList li img { width:100%; } .product #infoProductsWrap ul.infoProductsList li ul li { width:112px; } .product #pickupWrap { width:700px; } .product #pickupWrap img { width:100%; } .product #pickupWrap ul#enabledList li > p { width:380px; } .product #pickupWrap ul#enabledList li div { width:300px; } .product #pickupWrap ul#functionList01 li, .product #pickupWrap ul#functionList02 li { width:340px; } .product #pickupWrap ul#functionList02 { margin-top:40px; } .product #pickupWrap ul#functionList02 li ul li { width:160px; } /* write210209 */ .product #infoProductsWrap #pickupWrap #infoSec div p.txtBox { margin-left:15px; width:70%; } .product #infoProductsWrap.cleanProducts #pickupWrap .hInner { display:flex; align-items:flex-end; margin-top:30px; } .product #infoProductsWrap.cleanProducts #pickupWrap .hInner div { display:flex; align-items:flex-end; color:#009e96; font-size:90%; line-height:1.6; margin-left:20px; } .product #infoProductsWrap.cleanProducts #pickupWrap .hInner div img { margin-right:10px; } .product ul#indexList li:last-child ul { top:254px; } .product ul#indexList li:last-child ul li { width:328px; margin:0 !important; } /* write210209 end*/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 会社案内 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .company #greeting .msg { width:470px; } .company #philosophy ul#philosophyList li { width:340px; } .company #philosophy ul#philosophyList li img { width:100%; } .company #security .detail { width:405px; } .company #security .image { width:275px; } .company #security .image img { width:100%; } .company #key .box { width:300px; padding:0 10px; } .company #key .box img { width:100%; } .company #lock { width:700px; } .company #lock .image { width:200px; } .company #lock .image img { width:100%; } .company #ic_bio .detail { width:330px; } .company #ic_bio .image img { width:170px; } .company #gmsImg img { width:100%; } .company #gms_showroom .box { width:308px; } .company #gms_showroom #factory { width:654px; } .company #gms_showroom #factory div > p { position:relative; width:100%; } .company #gms_showroom #factory ul li { width:165px; } .company #gms_showroom #factory ul li:first-child { width:300px; } .company #gms_showroom #factory ul li img { width:100%; } .company #main.mainRecruit { width:700px; } .company #recruitDetail { width:310px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 事業案内 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .business #main.businessMain { width:700px; } .business #security .detail { width:380px;} .business #new .detail { width:380px;} .business #needs .detail { width:370px;} .business #accumulation .detail { width:370px;} .business #system { width:100%; } .business p#checksTxt { width:100%; } .business #numbers .detail { width:430px; } .business .exampleArea01 .detail { width:335px; } .business .exampleArea01 .text { width:170px; } .fields #main { margin:0; } .fields #pagenavi { width:700px; } .reasons #pagenavi { width:700px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- サポート ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .support #gms { width:700px; height:321px; background-size:cover; } .support #gms ul li#navi01 { top:20px; right:80px; } .support #gms ul li#navi02 { top:140px; right:125px; } .support #gms ul li#navi03 { top:200px; right:145px; } .support #gms ul li#navi04 { top:250px; right:190px; } .support #gms ul li#navi05 { top:105px; right:290px; } .support #gms ul li#navi06 { top:140px; left:260px; } .support #gms ul li#navi07 { top:255px; right:295px; } .support #gms ul li#navi08 { top:155px; left:160px; } .support #gms ul li#navi09 { top:290px; left:240px; } .support #gms ul li#navi10 { top:200px; left:95px; } #main.supportFaq { width:700px; } }