@charset "UTF-8"; /*#contentsSectionInner { background: url(/resources/images/products/bg.png) no-repeat 50% 0; }*/ #history #contentsSectionInner { background: url(/resources/images/products/bg_history.png) no-repeat 50% 57px; } /* #fujiList #contentsSectionInner, #holdings #contentsSectionInner { background: none; } */ #lead .note { font-size: .75em; } /* INDEX */ #mainVisual { background-color: #fff; width: 980px; height: 230px; margin: 0 auto 20px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } #mainVisual .flexslider { width: 980px; height: 230px; } #mainVisual .btn_inquiry_products { display: block; width: 210px; height: 40px; float: right; margin: 30px 30px 30px 0; } #mainVisual #seasonal_recommend { width: 210px; height: 130px; float: right; margin: 0 30px 20px 0; } #mainVisual #history { width: 210px; height: 130px; float: right; margin: 0 30px 20px 0; } #mainVisual #maintenance_support { width: 220px; float: right; margin: 0 20px 30px 0; } #mainVisual #maintenance_support dt { color: #663e2d; font-weight: bold; margin-bottom: .5em; } /* #mainVisual #maintenance_support a { display: inline-block; *display: inline; *zoom: 1; font-size: .924em; margin-left: .5em; padding-left: 12px; background: url(/resources/images/common/icn_arrow_pink.png) no-repeat 0 6px; } */ #mainVisual #maintenance_support .first { margin-bottom: 10px; } .flexslider { margin: 0; position: relative; zoom: 1; width: 980px; } .flex-control-nav { width: 200px; height: 20px; position: absolute; bottom: 19px; right: 0; z-index: 100; text-align: right; overflow: hidden; } .flex-control-nav li { margin: 0 20px 0 0; } .flex-control-paging li a { width: 20px; height: 20px; background-color: #fff; text-indent: 9999px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; } .flex-control-paging li a:hover { background: #cc001d; } .flex-control-paging li a.flex-active { background-color: #cc001d; } .flex-direction-nav .flex-next { text-align: left !important; } .flex-next { width: 54px !important; background: url(/resources/images/common/btn_next.png) no-repeat 0 0; text-indent: -9999px; } .flex-prev { width: 56px !important; background: url(/resources/images/common/btn_prev.png) no-repeat 0 0; text-indent: -9999px; } .flex-direction-nav a { width: 34px !important; height: 46px !important; } .flexslider:hover .flex-next { right: 0 !important; } .flexslider:hover .flex-prev { left: 0 !important; } .no-touch .flexslider:hover .flex-next:hover, .touch .flexslider:hover .flex-next:active { background: url(/resources/images/common/btn_next_on.png) no-repeat 0 0; } .no-touch .flexslider:hover .flex-prev:hover, .touch .flexslider:hover .flex-prev:active { background: url(/resources/images/common/btn_prev_on.png) no-repeat 0 0; } /* .flexslider { margin: 0; position: relative; zoom: 1; } .flex-control-nav { height: 20px; padding-top: 14px; position: absolute; bottom: 1px; left: 1px; z-index: 100; width: 708px; background-color: #000; text-align: right; overflow: hidden; filter: alpha(opacity=80); -moz-opacity :0.8; opacity: 0.8; } .flex-control-paging li a { width: 25px; height: 5px; background-color: #fff; text-indent: 9999px; } .flex-control-paging li a:hover { background: #bdd166; } .flex-control-paging li a.flex-active { background-color: #bdd166; } .flex-direction-nav .flex-next { text-align: left !important; } .flex-next { width: 54px !important; background: url(/resources/images/common/btn_next.png) no-repeat 0 0; text-indent: -9999px; } .flex-prev { width: 56px !important; background: url(/resources/images/common/btn_prev.png) no-repeat 0 0; text-indent: -9999px; } */ .with_ribon { position: relative; } .with_ribon .ribon { position: absolute; top: -4px; left: -7px; z-index: 100; } .second .mainContents_l { padding-left: 0; } .lineup { margin-right: -20px; } .lineup li { float: left; margin: 0 20px 0 0; width: 220px; } .lineup .icons li { margin: 0 5px 0 0; width: 30px; } .lineup .icons .last { margin-right: 0; } .lineup .icons img { width: 30px; height: 30px; } .lineup a { display: block; } .second #mainContents .lineup dl { margin-top: 10px; margin-bottom: 10px; } .second #mainContents .lineup dt { font-size: 1.154em; } .second #mainContents .lineup dt a { color: #663e2d; padding-top: 5px; padding-bottom: 5px; line-height: 17px; display: inline-block; *display: inline; *zoom: 1; } .second #mainContents .lineup dd { margin-bottom: 0; line-height: 1.5; font-size: .924em; } .second #mainContents .lineup dd a { display: inline-block; *display: inline; *zoom: 1; padding-left: 12px; background: url(/resources/images/common/icn_arrow_pink.png) no-repeat 0 6px; } #ranking .titleWrapper { margin-bottom: 0; } #ranking .tabWrapper { width: 900px; height: 234px; background: url(/resources/images/products/bg_ranking.png) no-repeat 0 0; margin: -12px auto 1px; position: relative; } #ranking .tabWrapper .tabWrapperInner { text-align: center; position: absolute; top: 60px; left: 360px; } #ranking .tabWrapper .tabWrapperInner h3 { font-size: 2em; color: #da7866; } #ranking .tabWrapper .tabWrapperInner p { text-align: center; color: #663e2d; line-height: 1.69; } #tab_ranking { width: 880px; border-bottom: 7px solid #bdd166; overflow: hidden; padding-right: 20px; position: absolute; bottom: 0; left: 0; } #tab_ranking li { width: 200px; float: right; text-align: center; margin-left: 10px; position: relative; top: 8px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #tab_ranking span { display: block; width: 200px; height: 52px; background-color: #663e2d; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #tab_ranking #ranking_favorite { background: #bdd166 url(/resources/images/products/tab_favorite_on.png) no-repeat center center; } #tab_ranking #ranking_design { background: #bdd166 url(/resources/images/products/tab_design_on.png) no-repeat center center; } #tab_ranking #ranking_cost { background: #bdd166 url(/resources/images/products/tab_cost_on.png) no-repeat center center; } #tab_ranking li:hover, #tab_ranking .selected { top: 0; } #tab_ranking li:hover span, #tab_ranking .selected span { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; } #tab_ranking li img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; } #rankings { width: 840px; background-color: #f1eade; padding: 5px 30px 20px; margin: 0 auto 50px; } #rankings .animated { overflow: hidden; } #rankings .rankingsInner { padding-top: 15px; margin-top: -1px; margin-bottom: 12px; border-top: 1px solid #bdbdbd; } #rankings .rankingsInner .icon { display: block; width: 75px; height: 75px; float: left; margin-right: 18px; } #rankings .rankingsInner dl { width: 330px; float: left; margin-top: 0; } #rankings .rankingsInner ol { float: right; } #rankings .rankingsInner ol li { float: left; width: 120px; margin-left: 15px; font-size: .924em; position: relative; } #rankings .rankingsInner ol li .number { position: absolute; top: 0; left: 0; } #rankings .rankingsInner ol li span { display: block; width: 120px; height: 120px; margin-bottom: 5px; background-color: #fff; text-align: center; } #desc_icon, #desc_icon02 { padding-top: 60px; clear: both; } .desc_icon { background-color: #eee; position: relative; margin: 0 auto; padding: 15px 0 0 30px; clear: both; } .desc_icon dl { margin-top: 0 !important; } .desc_icon dt { width: 14em; text-align: center; color: #fff !important; font-size: 1em !important; line-height: 28px; height: 28px; padding-left: 30px; padding-right: 30px; background-color: #b0b0b0; position: absolute; top: -28px; left: 0; white-space: nowrap; } .desc_icon dd { width: 155px; float: left; margin: 0 15px 15px 0 !important; overflow: hidden; } .desc_icon dd img { display: block; width: 35px; float: left; } .desc_icon dd p { width: 112px; float: right; line-height: 1.33; font-size: .924em; margin-bottom: 0 !important; line-height: 35px; } /* HISTORY */ #history { /* #mainTtl { position: relative; top: -30px; } #lead { position: relative; top: -30px; } */ } #history #mainContents { border-top: none; padding-top: 20px; } #history_contents { width: 980px; margin: 0 auto 65px; } #history_contents #timelistWrapper { width: 100%; margin-bottom: 40px; } #history_contents #timelistWrapper #timelist { background-color: #663e2d; position: relative; padding: 7px 0 6px 50px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; } #history_contents #timelistWrapper #timelist li { float: left; background: url(/resources/images/products/history_bg_arrow.png) no-repeat 100% 8px; text-align: center; padding-right: 60px; margin-right: 30px; } #history_contents #timelistWrapper #timelist li#timelist2000 { margin-left: -30px; padding-right: 0; margin-right: 0; background: none; } #history_contents #timelistWrapper #timelist li a { display: block; text-align: center; height: 35px; padding-top: 13px; padding-bottom: 27px; background: url(/resources/images/products/history_bg_arrow02.png) no-repeat 50% 58px; -webkit-transition: .2s ease-out; } #history_contents #timelistWrapper #timelist li a:hover { background-position: 50% 62px; } #history_contents #timelistWrapper #timelist li a img { vertical-align: top; } #history_contents section { width: 1005px; } #history_contents .ttl_year { margin-bottom: 25px; } #history_contents .box { box-sizing: border-box; padding: 20px 20px 0; float: left; margin: 0 25px 25px 0; position: relative; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; } #history_contents .box h2 { margin-bottom: 30px; } #history_contents .box .pickup { margin-top: -10px; } #history_contents .green { background: #bdd166; } #history_contents .beige { background: #dccbac url(/resources/images/products/history_bg_beige.png) no-repeat 200% 200%; } #history_contents .brown { background: #663e2d url(/resources/images/products/history_bg_brown.png) no-repeat 200% 200%; } #history_contents .topleft { background-position: -38px -35px; } #history_contents .bottomleft { background-position: -33px 105%; } #history_contents .bottomright { background-position: 105% 105%; } #history_contents .col1 { width: 310px; } #history_contents .col2 { width: 645px; } #history_contents .row1 { height: 310px; } #history_contents .row2 { height: 645px; } #history_contents .ribon { position: absolute; top: -13px; right: -12px; } #history_contents .more { display: block; width: 100px; height: 21px; position: absolute; } #history_contents #year1961 .pickup, #history_contents #year1961 p { position: relative; left: 20px; } #history_contents #year1964 { float: right; } #history_contents #year1964 .pic { margin: -15px 0 10px -15px; } #history_contents #year1964 .more { bottom: 20px; right: 20px; } #history_contents #year1972 .pic { position: absolute; top: 37px; right: 90px; } #history_contents #year1970s .pic { margin: -15px 0 10px -15px; } #history_contents #year1981 .pic { margin-top: 50px; } #history_contents #year1983 { float: right; } #history_contents #year1986 .pic { position: absolute; bottom: 20px; left: 50%; margin-left: -91px; } #history_contents #year1988 .pic { position: absolute; bottom: 27px; left: 50%; margin-left: -80px; } #history_contents #year1980s h2 { margin-top: 20px; } #history_contents #year1980s .pic { margin: -15px 0 10px -15px; } #history_contents #year1980s .more { bottom: 120px; right: 20px; } #history_contents #year1993 .pic { position: absolute; bottom: 20px; right: 20px; } #history_contents #year1997 .pic { position: absolute; bottom: 17px; left: 13px; } #history_contents #year1998 .pic { position: absolute; bottom: 57px; left: 50%; margin-left: -115px; } #history_contents #year1990s h2 { margin-top: -10px; } #history_contents #year1990s .pic { position: absolute; bottom: 10px; left: 5px; } #history_contents #year1990s .more { bottom: 285px; right: 20px; } #history_contents #year2001 .pic { margin: 20px 20px 0 0; } #history_contents #year2005 { float: right; } #history_contents #year2008_01 .more { bottom: 190px; left: 180px; } #history_contents #year2008_01 .pic { position: absolute; bottom: 73px; right: 30px; } #history_contents #year2008_02 .more { bottom: 120px; left: 185px; } #history_contents #year2008_02 .pic { position: absolute; bottom: 41px; right: 62px; } #history_contents #year2000s h2 { margin-top: 20px; } #history_contents #year2000s .pic { margin: -15px 0 10px -15px; } #history_contents #year2010_01 .more { bottom: 20px; left: 340px; } #history_contents #year2010_02 { float: right; } #history_contents #year2010_02 .more { bottom: 270px; right: 24px; } #history_contents #year2010_02 .pic { position: absolute; bottom: 20px; left: 50%; margin-left: -127px; } #history_contents #year2013_01 .pic { position: absolute; bottom: 55px; right: 50px; } #history_contents #year2013_01 .more { bottom: 231px; left: 200px; } #history_contents #year2013_02 h2 { margin-bottom: 10px; } #history_contents #year2013_02 .pic { position: absolute; bottom: 17px; right: 15px; } #history_contents .affair { border: 2px solid #da7866; background-color: #fff; padding: 0; float: right; } #history_contents .affair h2 { position: absolute; top: -7px; left: -7px; } #history_contents .affair ul { padding: 45px 0 0 13px; } #history_contents .affair li { margin-bottom: 5px; } #history_contents .affair li img { display: block; } #support .boxWrapper, #cases .boxWrapper { width: 680px; margin-right: -40px; } #support .box, #cases .box { position: relative; background-color: #bdd166; margin: 0 40px 40px 0; width: 300px; float: left; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; } #support .box .icn, #cases .box .icn { position: absolute; top: -9px; left: -18px; } #support .box h2, #cases .box h2 { font-size: 1.231em; color: #663e2d; margin: 10px 3px 5px 50px; } #support .box p, #cases .box p { padding-top: 10px; margin-bottom: 0; } #support .boxInner, #cases .boxInner { background-color: #fff; margin: 0 7px 7px; padding: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; } #support .btns, #cases .btns { margin-right: -40px; overflow: hidden; } #support .btns li, #cases .btns li { width: 300px; float: left; margin: 0 40px 20px 0; } #cases .mainContents_l p { margin-bottom: 3em; } #cases .btns { position: relative; left: -20px; } /* DISASTER */ #disaster #mainContents .notice { font-size: .924em; margin-bottom: 3em; } #disaster #mainContents p strong { color: #da7866; } #disaster #mainContents .right { margin-left: 20px; } #disaster .box_btn a { display: block; width: 400px; margin: 40px auto 0; padding: 20px 10px 20px 14px; border: 2px solid #da7866; color: #663e2d; font-size: 1.154em; font-weight: bold; background: url(/resources/images/products/bg_arrow.png) no-repeat 98% 50%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; } #disaster .box_contact { clear: both; border: 2px solid #da7866; position: relative; margin: 50px 0 9px 51px; padding: 0 230px 0 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; } #disaster .box_contact h2 { position: absolute; top: -50px; left: -57px; } #disaster .box_contact .copy { font-size: 1.154em; font-weight: bold; color: #663e2d; line-height: 1.33; position: absolute; top: 15px; left: 280px; } #disaster .box_contact .btn_detail { display: block; width: 98px; height: 40px; padding: 10px; position: absolute; top: 50%; right: 0; } #disaster .box_contact a { width: 510px; height: 129px; display: block; padding-left: 80px; } /* SUPPORTER */ #supporter .indent { text-indent: -1em; margin-left: 1em; } #supporter .indent a { text-indent: 0; margin-left: 0; } #supporter th { white-space: nowrap; } #supporter td p { margin: 0 0 .5em 1em !important; color: #444; font-weight: normal; } #supporter td li { margin-bottom: 1em; font-weight: bold; color: #663e2d; } #supporter td li:before { content: "●"; } #supporter td a { color: #da7866 !important; font-weight: bold !important; } .products .tb_spec th { padding: 10px !important; } .products .tb_spec td { padding: 10px 5px !important; } .single .pic_machine, .pod .pic_machine { width: 255px; float: left; text-align: center; margin-bottom: 30px; } .single .txt_machine, .pod .txt_machine { float: right; width: 385px; } .single .txt_machine .icns, .pod .txt_machine .icns { margin-bottom: 10px; } .single .txt_machine .icns li, .pod .txt_machine .icns li { width: 50px; float: left; margin: 0 10px 10px 0; } .single .txt_machine .lead, .pod .txt_machine .lead { width: 385px; float: right; font-size: 1.231em; margin-bottom: 1.5em !important; } .single .txt_machine .tb_spec, .pod .txt_machine .tb_spec { margin-bottom: 30px !important; } .single .txt_machine .tb_spec caption, .pod .txt_machine .tb_spec caption { text-align: left; background: url(/resources/images/common/bg_subtitle.png) no-repeat 0 3px; padding: 0 0 5px 28px; font-size: 1.231em; color: #663e2d; font-weight: bold; } .single .btns_landing, .pod .btns_landing { margin-bottom: 70px; } .single .btns_landing li, .pod .btns_landing li { float: left; } .single .btns_landing .first, .pod .btns_landing .first { margin-right: 20px; } .single .desc_icon, .pod .desc_icon { background-color: #eee; position: relative; margin: 0 0 40px 20px; padding: 15px 0 0 20px; clear: both; } .single .desc_icon dl, .pod .desc_icon dl { margin-top: 0 !important; } .single .desc_icon dl dt, .pod .desc_icon dl dt { width: 14em; text-align: center; color: #fff !important; font-size: 1em !important; line-height: 28px; height: 28px; padding-left: 30px; padding-right: 30px; background-color: #b0b0b0; position: absolute; top: -28px; left: 0; white-space: nowrap; } .single .desc_icon dl dd, .pod .desc_icon dl dd { width: 150px; float: left; margin: 0 5px 15px 0 !important; overflow: hidden; } .single .desc_icon dl dd img, .pod .desc_icon dl dd img { display: block; width: 35px; float: left; } .single .desc_icon dl dd p, .pod .desc_icon dl dd p { width: 112px; float: right; line-height: 1.33; font-size: .924em; margin-bottom: 0 !important; line-height: 35px; } /* .pod { #contentsBtm #commonLinks { padding: 15px 18px; a { display: block; margin-top: 10px; width: 207px; height:50px; float: right; } div { width: 375px; float: left; strong { font-size: 1.154em; } } } } */ .products .point { margin: 0 0 30px 40px; padding: 9px 0 0 19px; position: relative; } .products .point .bg_casecorner { position: absolute; top: -1px; left: -1px; z-index: 1; } .products .point .ttl_point { height: 40px; position: relative; z-index: 10; color: #663e2d; font-size: 1.231em; background-color: #bdd166; line-height: 40px; padding-left: 20px; margin-bottom: 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; } .products .point .ttl_point .circle { display: block; width: 46px; height: 46px; border: 2px solid #bdd166; background-color: #fff; text-align: center; font-size: .813em; font-family: Century Gothic, sans-serif; font-weight: normal; color: #bdd166; position: absolute; top: -5px; left: -36px; line-height: 35px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; } .products .point .ttl_point .no { font-size: 1.539em; display: block; line-height: 1.1; position: relative; top: -13px; font-weight: bold; } .products .point .right { margin-left: 30px; } .products .point .txt_point { margin-left: 20px; } .products .point p { margin-bottom: 2em !important; } .products .point p strong { color: #da7866; } .products .point table { margin-bottom: 0 !important; } .products .service .ttl_point { background-color: #da7866; color: #fff; } .products .service .ttl_point .circle { border: 2px solid #da7866; color: #da7866; } .series .pic_machine { float: none; text-align: center; width: 100%; margin-bottom: 30px; } .series .txt_machine { margin-left: 20px; } .series .icns { margin-bottom: 10px; float: left; } .series .icns li { width: 50px; float: left; margin: 0 10px 10px 0; } .series .lead { font-size: 1.231em; margin-bottom: 1.5em !important; } .series .tb_spec { margin-bottom: 30px !important; } .series .tb_spec caption { text-align: left; background: url(/resources/images/common/bg_subtitle.png) no-repeat 0 3px; padding: 0 0 5px 28px; font-size: 1.231em; color: #663e2d; font-weight: bold; } .series .btns_landing { text-align: center; } .series .btns_landing li { display: inline-block; *display: inline; *zoom: 1; margin: 0 10px; } .series .desc_icon { background-color: #eee; position: relative; margin: 0 0 40px 20px; padding: 15px 0 0 20px; clear: both; } .series .desc_icon dl { margin-top: 0 !important; } .series .desc_icon dl dt { width: 14em; text-align: center; color: #fff !important; font-size: 1em !important; line-height: 28px; height: 28px; padding-left: 30px; padding-right: 30px; background-color: #b0b0b0; position: absolute; top: -28px; left: 0; white-space: nowrap; } .series .desc_icon dl dd { width: 150px; float: left; margin: 0 5px 15px 0 !important; overflow: hidden; } .series .desc_icon dl dd img { display: block; width: 35px; float: left; } .series .desc_icon dl dd p { width: 112px; float: right; line-height: 1.33; font-size: .924em; margin-bottom: 0 !important; line-height: 35px; } /* CAN LINEUP */ #canlineup .mainContents_l section { padding-left: 20px; border-bottom: 4px solid #b0b0b0; } #canlineup .mainContents_l #disaster, #canlineup .mainContents_l #common { border-bottom: none; } #canlineup .mainContents_l .titleWrapper { left: -20px; } #canlineup .mainContents_l .point { margin-left: 20px; } #canlineup #categoryList { text-align: center; margin-bottom: 45px; } #canlineup #categoryList li { display: inline-block; *display: inline; *zoom: 1; margin: 0 10px; } #canlineup .pic_machine { width: 235px; float: left; text-align: center; margin-bottom: 30px; } #canlineup .txt_machine { float: right; width: 385px; } #canlineup .txt_machine .icns { margin-bottom: 10px; width: 385px; } #canlineup .txt_machine .icns li { width: 50px; float: left; margin: 0 10px 10px 0; } #canlineup .txt_machine h2 { width: 385px; font-size: 1.77em; } #canlineup .txt_machine .lead { width: 385px; float: right; font-size: 1.231em; margin-bottom: 1.5em !important; } #canlineup .tb_spec { margin-bottom: 30px !important; } #canlineup .tb_spec.upper { margin-bottom: 10px !important; clear: both; } #canlineup .txt_point dt { color: #444; font-size: 1em !important; margin-bottom: .1em; } #canlineup .txt_point dd { margin-bottom: .5em; margin-left: 1em; } #canlineup .txt_point p { margin-bottom: 0 !important; } #canlineup .btns_landing li { float: left; display: block; margin: 0; } #canlineup .btns_landing .first { margin-right: 20px; } #canlineup .desc_icon { margin-left: 0; } #canlineup #common .msg { margin: 0 0 20px 30px; } #canlineup #common .msg strong { font-size: 1.308em; } #canlineup #common .right { padding-top: 9px; } #canlineup #common .left { width: 380px; } #canlineup #common .left p { margin-bottom: 0 !important; } #pt1 .mainContents_l .titleWrapper, #pt1u .mainContents_l .titleWrapper { left: -20px; } #pt1 .btns_landing, #pt1u .btns_landing { margin-bottom: 25px; } #pt1 .btns_landing li, #pt1u .btns_landing li { margin: 0 5px; display: block; float: left; } #pt1 .btns_landing .first, #pt1u .btns_landing .first { margin-left: 0; } #pt1 .btns_landing .last, #pt1u .btns_landing .last { margin-right: 0; } #pt1 .tb_spec.upper, #pt1u .tb_spec.upper { margin-bottom: 10px !important; clear: both; } #pt1 .txt_right, #pt1u .txt_right { text-align: right; } #pt1 .btns_landing, #pt1u .btns_landing { clear: both; } #pt1 .pic_machine, #pt1u .pic_machine { margin-left: 0; } #pt1 .desc_icon, #pt1u .desc_icon { margin-left: 0; } #pt1 .point, #pt1u .point { margin-left: 20px; } #pt1 .point p, #pt1u .point p { margin-bottom: 0 !important; } #podfeature #mainContents .lead { font-size: 1.231em; margin: 1em 0 2em; } #podfeature #mainContents #pod_merits { padding-bottom: 20px; } #podfeature #mainContents #pod_merits li { width: 207px; margin-right: 19px; float: left; } #podfeature #mainContents #pod_merits li.last { margin-right: 0; } #podfeature #mainContents #pod_merits dl { margin-top: 10px; } #podfeature #mainContents #pod_merits dd a { display: block; margin: .5em 0; } #podfeature #mainContents #usersvoice ul { width: 656px; height: 516px; background: url(/resources/images/products/bg_voice.png) no-repeat 0 0; position: relative; } #podfeature #mainContents #usersvoice ul li { color: #663e2d; font-weight: bold; font-size: 1.077em; position: absolute; } #podfeature #mainContents #usersvoice #voice01 { top: 15px; left: 130px; } #podfeature #mainContents #usersvoice #voice02 { top: 118px; left: 210px; } #podfeature #mainContents #usersvoice #voice03 { top: 220px; left: 210px; } #podfeature #mainContents #usersvoice #voice04 { top: 335px; left: 160px; } #podfeature #mainContents #usersvoice #voice05 { top: 438px; left: 210px; } #podfeature .txt_right { text-align: right; } #podfeature #pod_faq dt { color: #663e2d; font-size: 1.154em; font-weight: bold; line-height: 24px; background: url(/resources/images/common/icn_q.png) no-repeat left center; padding-left: 36px; margin-bottom: 20px; } #podfeature #pod_faq dd { line-height: 27px; font-size: 1.154em; margin-left: 20px; margin-bottom: 30px; padding-left: 36px; background: url(/resources/images/common/icn_a.png) no-repeat left top; } #podfeature .btns_landing { margin-bottom: 30px !important; text-align: center; } #podfeature .btns_landing li { display: inline-block; *display: inline; *zoom: 1; float: none; } #podfeature .btns_landing .first { margin-bottom: 20px; } #podfeature .point { margin-bottom: 0; } #podfeature .point .ttl_point { margin-bottom: 5px; } #podfeature #point2 { margin-left: 90px; } #podfeature #point3 { margin-left: 140px; margin-bottom: 20px; } #podfeature .productList { margin-left: 20px; } #podfeature .productList #pt1 { margin: 24px 120px 20px 105px; } #podfeature .productList #pt1u { float: left; } #podfeature .productList span { display: block; margin-top: 16px; padding: 10px 0; background-color: #eee; text-align: center; } #podfeature .productList .txt_right { clear: both; text-align: right; } #podfeature #usage { margin-bottom: 20px; } #podfeature #usage ol { overflow: hidden; } #podfeature #usage li { width: 108px; float: left; margin-left: 20px; } #podfeature #usage li img { margin-bottom: 10px; } /* CAN FEATURE */ #canfeatures .lead { font-size: 1.231em; } #canfeatures .ml20 .titleWrapper { left: -20px; } #canfeatures .btns_landing { text-align: center; } #canfeatures .btns_landing li { display: inline-block; *display: inline; *zoom: 1; margin: 0 10px; } #canfeatures .point { margin-bottom: 0; } #canfeatures .point .ttl_point { margin-bottom: 5px; } #canfeatures #point2 { margin-left: 90px; } #canfeatures #point3 { margin-left: 140px; } #canfeatures .box_contact { clear: both; border: 2px solid #da7866; position: relative; margin: 50px 0 9px 70px; padding: 0 230px 0 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; } #canfeatures .box_contact h2 { position: absolute; top: -50px; left: -57px; } #canfeatures .box_contact .copy { font-size: 1.154em; font-weight: bold; color: #663e2d; line-height: 1.33; position: absolute; top: 15px; right: 20px; width: 14em; } #canfeatures .box_contact .btn_detail { display: block; width: 98px; height: 40px; padding: 10px; position: absolute; top: 50%; right: 0; } #canfeatures .box_contact a { width: 510px; height: 123px; display: block; padding-left: 80px; } /* FEATURE */ #features .pic_machine { width: 660px; float: none; text-align: left; } #features .txt_machine { float: none; width: auto; } #features .txt_machine .lead { width: auto; float: none; } #features .btns_landing { text-align: center; } #features .btns_landing li { display: inline-block; margin: 0 10px; float: none; } #features .uneven { margin-bottom: 0; } #features .uneven .ttl_point { margin-bottom: 5px; } #features #point2.uneven { margin-left: 90px; } #features #point3.uneven { margin-left: 140px; margin-bottom: 30px; } #features .productList { margin-left: 10px; } #features .productList div { float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #e5e5e5; } #features .productList div span { display: block; margin-top: 16px; padding: 10px 0; background-color: #eee; text-align: center; } #features .productList .last { margin-right: 0; padding-right: 0; border-right: none; } #features .txt_point h3 { background: url(/resources/images/common/bg_subtitle.png) no-repeat 0 3px; padding: 0 0 15px 28px; font-size: 1.231em; color: #663e2d; margin-top: .5em; } #features .with_dot { margin-left: 30px; } #features .with_dot li { list-style-type: disc; } #features .txt_point.floating { width: 280px; float: left; } #features .txt_point.last { clear: left; margin-bottom: 0; } #features #ud_point { margin-bottom: 0; } #features #ud_point .txt_point { margin-bottom: 40px; } #features #ud_point .last { margin-bottom: 0; } #features .lineup li { width: 207px; } #features .lineup .last { margin-right: 0; } #apex100rs .txt_point h3, #apex85qvr .txt_point h3, #apex100qrc .txt_point h3, #apex120qrec .txt_point h3, #apexqvr .txt_point h3 { background: url(/resources/images/common/bg_subtitle.png) no-repeat 0 3px; padding: 0 0 5px 28px; font-size: 1.231em; color: #663e2d; margin-top: .5em; } #apex100rs .txt_point .subttl, #apex85qvr .txt_point .subttl, #apex100qrc .txt_point .subttl, #apex120qrec .txt_point .subttl, #apexqvr .txt_point .subttl { font-size: 1.539em; font-weight: bold; margin-bottom: .5em !important; } #apex100rs .txt_point .right, #apex85qvr .txt_point .right, #apex100qrc .txt_point .right, #apex120qrec .txt_point .right, #apexqvr .txt_point .right { margin-bottom: 30px; } #apex100rs .txt_point .note, #apex85qvr .txt_point .note, #apex100qrc .txt_point .note, #apex120qrec .txt_point .note, #apexqvr .txt_point .note { color: #da7866; } #apex100rs #common .left, #apex85qvr #common .left, #apex100qrc #common .left, #apex120qrec #common .left, #apexqvr #common .left { width: 326px; } #holdings #holdings1 { width: 156; float: left; margin: 0 20px 40px 0; } #holdings #holdings2 { float: left; text-align: right; } #holdings #holdings2 span { font-size: .847em; } #holdings .tableList { clear: both; } #holdings .tableList th { font-weight: bold; color: #663e2d; } #fujiList #img_fuji { margin-bottom: 40px; font-size: .847em; } .sns { clear: both; border-top: 1px solid #663e2d; border-bottom: 1px solid #663e2d; padding: 15px; margin-top: 30px; margin-bottom: 30px; } .sns #btn_backtolist { width: 123px; float: right; } .btns .flow { margin: 20px 0; } #features ._li_style { background: none; } #features .productList ._box { float: left; width: 127px; padding-right: 1px; margin-right: 0px; border-right: 0; } #features .productList ._box2 { float: left; width: 128px; margin-right: 0px; border-right: 0; } #apex100rs ._mg_top10 { margin-top: 10px; } #apex100rs ._mg_bottom20 { margin-bottom: 20px; } #apex100rs ._mg_bottom30 { margin-bottom: 30px; } #apex100rs ._mg_right20 { margin-right: 20px; } #apex100rs .point_inner { padding-left: 21px; } #apex100rs .point_inner p { margin-bottom: 0 !important; } #apex100rs .point_inner ._box { float: left; width: 180px; } #apex100rs .point_inner ._box ._lead { font-weight: bold; } #apex100rs .point_inner ._box ._title { font-size: 1.3em; font-weight: bold; color: #663e2d; border-bottom: #da7866 2px solid; padding-bottom: 5px; } #apex100rs #common .left { width: 326px; } #apex85qvr li#sn_apex85qvr a, #apex100rs li#sn_apex100rs a, #apex100qrc li#sn_apex100qrc a, #apex120qrec li#sn_apex120qrec a, #apexqvr li#sn_apexqvr a { background: #bdd166 url(/resources/images/common/icn_arrow_pink.png) no-repeat 45px 17px; } #sn_apexqvr, #sn_canlineup, #sn_disaster { padding-bottom: 0; background: none; } #aom .titleWrapper { margin-top: 50px; } #aom .inner { margin-left: 20px; } #aom .ml { margin-left: 25px; } #aom .mt { margin-top: 25px; } #aom .btns-service { overflow: hidden; margin-bottom: 30px; } #aom .btns-service a { float: left; } #aom .btns-service a + a { float: right; } #aom .box-service { background-color: #eee; border-radius: 6px; padding: 10px; } #aom .box-service + .box-service { margin-top: 40px; } #aom .box-service-inner { margin-top: 40px; position: relative; } #aom .box-service-inner { padding-left: 130px; } #aom .box-service-inner h3 { position: absolute; top: 0; left: 0; } #aom .box-service-inner h4 { border-radius: 6px; color: #fff; padding: 5px 20px; font-size: 14px; margin-top: 20px; margin-bottom: 20px; } #aom .box-service-inner ol { counter-reset: li; list-style: none; text-indent: -1em; margin-left: 1em; } #aom .box-service-inner ol > li { margin-bottom: 1em; } #aom #service1 .box-service-inner ol > li:before { color: #bdd166; font-weight: bold; counter-increment: li; /* li の数を一つずつ増加 */ content: counter(li) ". "; } #aom #service2 .box-service-inner ol > li:before { color: #da7866; font-weight: bold; counter-increment: li; /* li の数を一つずつ増加 */ content: counter(li) ". "; } #aom .box-service-inner ul.with-bull li + li { margin-top: 2em; } #aom .box-service-inner ul.with-bull li:before { content: '●'; color: #bdd166; } #aom #service2 .notice { color: #da7866; font-size: 13px; } #aom .box-service-inner ol li ul { margin-left: 1em; } #aom .box-service-inner ol li ul li:before { content: '・'; } #aom #service1 .box-service-inner h4 { background-color: #bdd166; } #aom #service2 .box-service-inner h4 { background-color: #da7866; } #aom .list-cando { overflow: hidden; } #aom .list-cando li { float: left; width: 150px; height: 150px; overflow: hidden; background-color: #e5e5e5; border: 1px solid #cdcdcd; border-radius: 6px; margin: 0 10px 10px 0; } #aom .bx-voice { margin-left: 60px; } #aom .bx-voice h3 { background: url(/resources/images/common/bg_subtitle.png) no-repeat 0 3px; padding: 0 0 15px 28px; font-size: 1.231em; color: #663e2d; margin-top: .5em; } #aom .bx-voice .labels { margin-bottom: 40px; } #aom .bx-voice .labels img { display: inline-block; margin-right: 10px; }