@charset "UTF-8";
/* responsive utility */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, td, th { text-align: left; font-weight: normal; vertical-align: middle; }

blockquote, q { quotes: none; }

blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

em { font-style: normal; }

/* base */
body { -webkit-text-size-adjust: 100%; }

#base { font-size: 13px; color: #666; min-width: 960px; max-width: 100%; overflow: hidden; line-height: 1.55; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; }

*:focus { outline: none; }

.jp #base { font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; line-height: 1.3; }

.ch #base { font-family: "Hiragino Sans", sans-serif; line-height: 1.8; }

body.jp #base { line-height: 1.5; }

a:link, a:visited { color: #af1b3d; }

p a:link, p a:visited { text-decoration: none; }

p a:hover { text-decoration: underline; }

/* global */
.clearfix:after { content: ""; display: table; clear: both; }

.adjusted-anchor { width: 0; height: 0; position: relative; top: -100px; left: 0; display: block; }

.adjusted-anchor-di2 { top: -120px; }

.content_box { width: 960px; margin: 0 auto; position: relative; }

.clear { clear: both; }

.bg_white { background: url("../img/p_white_bg.png") repeat-x; }

.bg_gray { background: #eee url("../img/p_gray_bg.png") repeat-x; }

.bg-gray-new { background: #f1f1f1 url("../img/bg_gray.png") repeat-x; }

.sup { font-size: 10px; vertical-align: super; }

ol.alphabet li { background-repeat: no-repeat; padding-left: 20px; font-size: 12px; white-space: nowrap; padding-top: 3px; background-position: 0 3px; }

ol.alphabet li.a { background-image: url("../img/p_feature_a.png"); }

ol.alphabet li.b { background-image: url("../img/p_feature_b.png"); }

ol.alphabet li.c { background-image: url("../img/p_feature_c.png"); }

ol.alphabet li.d { background-image: url("../img/p_feature_d.png"); }

ol.alphabet li.e { background-image: url("../img/p_feature_e.png"); }

.cyclo-link a { display: block; overflow: hidden; text-decoration: none; width: 194px; height: 39px; background-image: url("../img/p_cyclo.png"); }

.cyclo-link a span { visibility: hidden; }

.cyclo-link a:hover { background-position: 0 -39px; }

.nav-langs { width: 135px; height: 28px; position: absolute; right: 0; top: 0; font-size: 12px; z-index: 1000; }

.nav-langs li { display: none; width: 135px; height: 28px; background: #333; overflow: hidden; }

.nav-langs li a { display: block; text-decoration: none; padding: 4px 5px; }

.nav-langs li a:link, .nav-langs li a:visited { color: #b2b2b2; }

.nav-langs li a:active, .nav-langs li a:hover { color: #ccc; }

.nav-langs li.current { position: absolute; top: 0; left: 0; display: block; background-image: url("../img/icon_arw_d.png"); background-position: 113px 10px; background-repeat: no-repeat; }

.nav-langs li.current a:active, .nav-langs li.current a:hover { color: #b2b2b2; }

.nav-langs:hover { padding-top: 28px; }

.nav-langs:hover li { display: block; }

/* ==== carousel ==== */
.carousel-wrap { position: relative; }

.carousel-nav { position: absolute; height: 100%; top: 0; width: 6px; }

.carousel-nav-active { cursor: pointer; width: 30px; }

.carousel-next { left: 100%; }

.carousel-prev { right: 100%; }

.carousel { overflow: hidden; position: relative; }

.carousel ul { position: absolute; width: 9999px; }

.carousel li { float: left; }

.carousel li a { display: block; width: 100%; height: 100%; }

.carousel li a:hover { opacity: 0.8; }

.carousel-wrap-contents .carousel { width: 960px; height: 202px; }

.carousel-wrap-contents .carousel li { padding-top: 6px; width: 240px; height: 190px; position: relative; }

.carousel-wrap-contents .carousel li a:link { text-decoration: none; }

.carousel-wrap-contents .carousel li em { position: absolute; height: 30px; bottom: 0; left: 0; width: 240px; color: #fff; text-align: center; line-height: 1.2; font-weight: bold; }

.carousel-wrap-contents .carousel li em .lines2 { *position: absolute; *left: 0; *width: 100%; display: block; margin-top: -5px; }

.carousel-wrap-contents .carousel li .new { position: absolute; height: 25px; top: 20px; left: 20px; width: 240px; color: #fff; text-align: left; }

.carousel-wrap-contents .carousel-next { background: url("../img/home_cont_next.png") left top no-repeat; }

.carousel-wrap-contents .carousel-prev { background: url("../img/home_cont_prev.png") right top no-repeat; }

/* spec table ============ */
.spec-table table { margin-bottom: 18px; }

.spec-table th { white-space: nowrap; font-weight: bold; }

.spec-table td, .spec-table th { padding: 0.5em; }

.spec-table table, .spec-table td, .spec-table th { border-collapse: collapse; border-top: 1px solid #000; border-bottom: 1px solid #000; }

.spec-table .noborder-pre td, .spec-table .noborder-pre th { border-bottom: none; }

.spec-table .noborder td, .spec-table .noborder th { border-top: none; }

.spec-table .spec-image h3 { color: #666; padding-bottom: 5px; }

.spec-option-table { margin: 1em 0; }

.spec-option-table h3 { color: #af1b3d; font-weight: bold; }

.spec-option-table table { background-color: #e3e3e3; border-top: 2px solid #af1b3d; border-bottom: 2px solid #af1b3d; width: 93%; }

.spec-option-table th.name { width: 18%; }

.spec-option-table th.img { text-align: center; width: 15%; }

.spec-option-table td.desc { width: 65%; }

.spec-option-table-new { margin: 1em 0; }

.spec-option-table-new h3 { color: #333; font-weight: bold; margin-bottom: .5em; }

.spec-option-table-new table { border-top: 2px solid #333; border-bottom: 2px solid #333; width: 100%; }

.spec-option-table-new th.name { font-weight: bold; }

.spec-option-table-new td.price { white-space: nowrap; }

.spec-option-table-new span.new { background: #ae1b3e; font-weight: bold; color: #fff; display: inline-block; white-space: nowrap; font-size: 10px; padding: .25em .6em; margin-left: .5em; }

/* breadcrumb */
.breadcrumb { background: #000; color: #989898; padding: 4px 0; font-size: 12px; }

.breadcrumb li { display: inline-block; *display: inline; *zoom: 1; }

.breadcrumb a:link, .breadcrumb a:visited { color: #989898; }

.breadcrumb a:active, .breadcrumb a:hover { color: #ccc; }

/* ============ basic page =========== */
.basic-page { padding: 60px 0 120px; }

.basic-page h1 { border-bottom: 2px solid #ededed; }

.basic-page h1 span { color: #b7183f; border-bottom: 2px solid #b7183f; display: inline-block; *display: inline; *zoom: 1; margin-bottom: -2px; font-size: 30px; }

.basic-page-nopad { padding-top: 0; }

.shared-footer .prod-contents { background: #000; clear: left; }

.shared-footer .prod-contents h1 { background-repeat: no-repeat; height: 45px; }

.shared-footer .prod-contents h1 span { visibility: hidden; }

.jp .shared-footer .prod-contents h1 { background-image: url("../img/jp/prod_cont_h.png"); }

.us-en .shared-footer .prod-contents h1 { background-image: url("../img/us-en/prod_cont_h.png"); }

.fr .shared-footer .prod-contents h1 { background-image: url("../img/fr/prod_cont_h.png"); }

.nl .shared-footer .prod-contents h1 { background-image: url("../img/nl/prod_cont_h.png"); }

.it .shared-footer .prod-contents h1 { background-image: url("../img/it/prod_cont_h.png"); }

.de .shared-footer .prod-contents h1 { background-image: url("../img/de/prod_cont_h.png"); }

.ch .shared-footer .prod-contents h1 { background-image: url("../img/ch/prod_cont_h.png"); }

.shared-footer .prod-contents .carousel-next { background: url("../img/prod_cont_next.png") left top no-repeat; }

.shared-footer .prod-contents .carousel-prev { background: url("../img/prod_cont_prev.png") right top no-repeat; }

.shared-footer .prod-sys { padding-bottom: 60px; }

.shared-footer .prod-sys h1 { background-repeat: no-repeat; height: 76px; }

.shared-footer .prod-sys h1 span { visibility: hidden; }

.jp .shared-footer .prod-sys h1 { background-image: url("../img/jp/prod_sys_h.png"); }

.us-en .shared-footer .prod-sys h1 { background-image: url("../img/us-en/prod_sys_h.png"); }

.fr .shared-footer .prod-sys h1 { background-image: url("../img/fr/prod_sys_h.png"); }

.nl .shared-footer .prod-sys h1 { background-image: url("../img/nl/prod_sys_h.png"); }

.it .shared-footer .prod-sys h1 { background-image: url("../img/it/prod_sys_h.png"); }

.de .shared-footer .prod-sys h1 { background-image: url("../img/de/prod_sys_h.png"); }

.ch .shared-footer .prod-sys h1 { background-image: url("../img/ch/prod_sys_h.png"); }

.shared-footer .prod-sys ul { width: 1014px; }

.shared-footer .prod-sys li { width: 453px; border-right: 54px solid transparent; float: left; padding-bottom: 22px; position: relative; }

.shared-footer .prod-sys strong { font-weight: bold; margin: 8px 0 5px; display: block; }

.shared-footer .prod-sys a { display: block; width: 100%; height: 100%; position: absolute; z-index: 5; left: 0; top: 0; }

.shared-footer .prod-sys a span { display: block; position: absolute; bottom: 0; left: 0; }

.shared-footer .prod-sys a:hover { opacity: 0.8; }

.shared-footer .prod-sys p { font-size: 13px; }

.g-arrow-link-wrap { text-align: center; padding: 60px 0 40px; clear: both; }

.g-arrow-link { display: inline-block; padding: 12px 40px 12px 12px; color: #fff; background: #b7183e url("../img/link_arrow.png") right center no-repeat; }

.g-arrow-link:hover, .g-arrow-link:link, .g-arrow-link:visited { color: #fff; text-decoration: none; }

.g-arrow-link:hover { opacity: 0.85; }

#gh { background: #f1f1f1; height: 55px; }

#gn { height: 51px; background: #f1f1f1; border-bottom: 1px solid #cbcbcb; }

#gn li { width: 175px; float: left; background-repeat: no-repeat; }

#gn li a { display: block; text-decoration: none; overflow: hidden; height: 51px; }

#gn li a span { visibility: hidden; }

#gn li a:hover, #gn li a:active, #gn li.current a { height: 48px; border-bottom: 4px solid #b7183f; }

#gn li.gn-nav-has-sub a { height: 51px; border-bottom: none; }

.jp #gn li { background-image: url(../img/jp/gn.png); }

.us-en #gn li { background-image: url(../img/us-en/gn.png); }

.fr #gn li { background-image: url(../img/fr/gn.png); }

.nl #gn li { background-image: url(../img/nl/gn.png); }

.it #gn li { background-image: url(../img/it/gn.png); }

.de #gn li { background-image: url(../img/de/gn.png); }

.ch #gn li { background-image: url(../img/ch/gn.png); }

#gn li.gn-nav-home { background-position: 0 16px; width: 149px; }

#gn li.gn-nav-prod { background-position: -149px 16px; width: 172px; }

#gn li.gn-nav-sup { background-position: -321px 16px; width: 165px; }

#gn li.gn-nav-shop { background-position: -486px 16px; width: 143px; }

#gn li.gn-nav-contact { background-position: -629px 16px; width: 150px; }

#gn li.gn-nav-event { background-position: -779px 16px; width: 181px; }

body.de #gn li.gn-nav-sup { background-position-x: -318px; }

body.de #gn li.gn-nav-home { width: 146px; }

#sn { position: absolute; width: 100%; top: 104px; background: url(../img/sn_shadow.png) left bottom repeat-x; border-top: 3px solid transparent; padding-bottom: 5px; z-index: 999; }

#sn .content_wrap { background: #FFF; height: 0px; overflow: hidden; -webkit-transition: height .1s; transition: height .1s; }

#sn .content_wrap li a { display: none; }

#sn .content_wrap_open { height: 75px; overflow: visible; }

#sn .content_wrap_open li { width: 230px; float: left; height: 75px; overflow: hidden; }

#sn .content_wrap_open li a, #sn .content_wrap_open li .sn-h { display: block; text-decoration: none; font-size: 14px; padding: 20px 0 20px; line-height: 1; }

#sn .content_wrap_open li a em, #sn .content_wrap_open li .sn-h em { display: block; font-size: 12px; font-family: 'Helvetica','Arial',sans-serif; padding: 8px 1px 0; }

#sn .content_wrap_open li a:link, #sn .content_wrap_open li a:visited { color: #808080; }

#sn .content_wrap_open li a:hover, #sn .content_wrap_open li a:active, #sn .content_wrap_open li a.current { color: #b7183f; }

#sn .content_wrap_open li.sn-hasmany a, #sn .content_wrap_open li.sn-hasmany .sn-h { padding: 20px 0 0; }

#sn .content_wrap_open li.sn-hasmany a + .sn-h { padding-top: 15px; }

#sn .content_wrap_open li.sn-hasmany a.sn-inline { display: inline-block; padding: 0; }

#sn .content_wrap_open li.sn-hasmany a.sn-inline em { display: inline-block; }

#sn .content_wrap_open li.sn-hasmany a { padding: 20px 0 0; }

#sn .content_wrap_open li.sn-hasmany a.sn-inline { display: inline-block; padding: 0; }

#sn .content_wrap_open li.sn-hasmany a.sn-inline em { display: inline-block; }

#sn .content_wrap_open.content_wrap_h2 { height: 125px; }

#sn .content_wrap_open.content_wrap_h2 li { height: 125px; }

#sn .content_wrap_open.content_wrap_h2 li.sn-hasmany a.sn-block { padding: 0; }

body.jp #sn .content_wrap_open.content_wrap_h2 { height: 200px; }

body.jp #sn .content_wrap_open.content_wrap_h2 li { height: 200px; }

#sn .sn-nav:before, #sn .sn-nav:after { content: ""; position: absolute; display: block; left: 170px; top: -12px; z-index: 1000; border-color: transparent transparent #cbcbcb; border-width: 0 12px 12px; border-style: solid; }

#sn .sn-nav:after { border-color: transparent transparent #FFF; top: -11px; }

#hNav ul li { width: 320px; overflow: hidden; float: left; }

#main { clear: both; }

#h { position: relative; height: 390px; width: 100%; overflow: hidden; }

#h .himg-nav { width: 51px; height: 51px; position: absolute; cursor: pointer; z-index: 99; top: 180px; left: 50%; }

#h .himg-nav a { display: block; width: 51px; height: 51px; }

#h .himg-nav-next { background: url("../img/p_himg_nav_r.png") no-repeat; margin-left: 457px; }

#h .himg-nav-next a:hover { background: url("../img/p_himg_nav_r.png") no-repeat; }

#h .himg-nav-prev { background: url("../img/p_himg_nav_l.png") no-repeat; margin-left: -505px; }

#h .himg-nav-prev a:hover { background: url("../img/p_himg_nav_l.png") no-repeat; }

#h #hImgsStat { position: absolute; z-index: 100; text-align: right; width: 270px; left: 50%; bottom: 20px; margin-left: 200px; }

#h #hImgsStat li { display: inline-block; *display: inline; *zoom: 1; width: 16px; height: 10px; background-image: url("../img/p_himg_nav_dot.png"); background-position: 0 -10px; background-repeat: no-repeat; cursor: pointer; }

#h #hImgsStat li.on { background-position: 0 0; }

#hImgs { height: 390px; position: absolute; width: 2879px; left: 50%; margin-left: -1440px; }

#hImgs ul { width: 20000em; position: absolute; list-style: none; margin: 0; padding: 0; }

#hImgs ul li { width: 960px; float: left; }

#hIntro { text-align: center; background: #eee url("../img/pedal_c1_bg.png") repeat-x; padding: 48px 0 70px; }

#hIntro .note { font-size: 11px; }

.basic-container { background: url("../img/p_white_bg.png") repeat-x; padding-top: 60px; padding-bottom: 120px; }

/* responsive utility */
/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("../img/vendor/slick/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("../fonts/slick.eot"); src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; line-height: 0px; font-size: 0px; width: 21px; height: 41px; cursor: pointer; background: transparent top center no-repeat; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; z-index: 2; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; opacity: 0.6; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.25; }

.h-contents .slick-prev, .h-contents .slick-next { width: 40px; height: 100px; background-position: center center; background-repeat: no-repeat; top: 50px; -webkit-transform: none; transform: none; }

.slick-prev { left: 20px; background-image: url(../img/idx/idx_feature_prev.png); }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.h-contents .slick-prev { left: 0; margin-left: 0; background-image: url(../img/h/arrow_prev.png); }

.slick-next { right: 20px; left: auto; background-image: url(../img/idx/idx_feature_next.png); }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

.h-contents .slick-next { right: 0; left: auto; margin-left: 0; background-image: url(../img/h/arrow_next.png); }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 60px; }

.slick-dots { position: absolute; bottom: -25px; width: 100%; list-style: none; display: block; padding: 0; text-align: center; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 32px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; display: block; top: 6px; left: 6px; content: ""; width: 17px; height: 17px; border-radius: 8px; background-color: black; opacity: 0.25; }

.slick-dots li.slick-active button:before { background-color: #b7183f; opacity: 1; }

.g-langs { width: 135px; height: 28px; position: absolute; right: 0; top: 0; font-size: 12px; z-index: 1000; }

.g-langs:hover { padding-top: 28px; }

.g-lang { display: none; width: 135px; height: 28px; background: #333; overflow: hidden; }

.g-lang.mode-current { position: absolute; top: 0; left: 0; display: block; background-image: url("../img/icon_arw_d.png"); background-position: 113px 10px; background-repeat: no-repeat; }

.g-langs:hover .g-lang { display: block; }

.g-lang-link { display: block; text-decoration: none; padding: 4px 5px; }

.g-lang-link:link, .g-lang-link:visited { color: #B2B2B2; }

.g-lang-link:active, .g-lang-link:hover { color: #CCC; }

.g-lang.mode-current .g-lang-link:active, .g-lang.mode-current .g-lang-link:hover { color: #B2B2B2; }

.h { background: #f7f7f7; }

.h .g-lang { background-color: #4d4d4d; }

.h-main { position: relative; width: 960px; margin-left: auto; margin-right: auto; height: 83px; }

.h-logo { display: block; float: left; padding-top: 30px; margin-right: 35px; }

.h-logo-img { width: 99px; }

.h-sp-menu, .h-sp-back { display: none; position: absolute; top: 0; z-index: 10000; }

.h-sp-menu { right: 0; }

.h-sp-back { left: 0; }

.h-sp-menu-btn, .h-sp-back-btn { display: block; width: 44px; height: 40px; position: relative; cursor: pointer; }

.h-sp-menu-btn:before, .h-sp-menu-btn:after { width: 31px; height: 2px; content: ""; display: block; position: absolute; margin-top: -1px; background: #000; left: 8px; -webkit-transition: 0.5s; transition: 0.5s; }

.h-sp-menu-btn:before { top: 10px; }

.h.mode-sp-menu-open .h-sp-menu-btn:before { -webkit-transform: rotate(45deg) translate(4px, 10px); transform: rotate(45deg) translate(4px, 10px); }

.h-sp-menu-btn:after { bottom: 9px; }

.h.mode-sp-menu-open .h-sp-menu-btn:after { -webkit-transform: rotate(-45deg) translate(4px, -10px); transform: rotate(-45deg) translate(4px, -10px); }

.h-sp-menu-icon { display: block; position: absolute; width: 31px; height: 2px; background: #000; top: 50%; left: 8px; margin-top: -1px; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }

.h.mode-sp-menu-open .h-sp-menu-icon { opacity: 0; }

.h-sp-back-btn:before, .h-sp-back-btn:after { width: 19px; height: 2px; content: ""; display: block; position: absolute; margin-top: -1px; background: #000; left: 8px; }

.h-sp-back-btn:before { top: 13px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.h-sp-back-btn:after { bottom: 13px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.h-nav-item { display: block; float: left; }

.h-nav-link { display: inline-block; font-size: 14px; font-weight: bold; padding: 31px 20px 31px; cursor: pointer; color: #000; line-height: 1; }

.h-nav-link:hover, .h-nav-link:link, .h-nav-link:visited { color: #000; }

.h-nav-label { display: inline-block; padding: 4px 6px; }

.h-nav-link:hover .h-nav-label { background: #fff; }

.h.mode-products .h-nav-link.mode-products .h-nav-label, .h.mode-contents .h-nav-link.mode-contents .h-nav-label { background: #fff; }

.h-sub { background: #fff; position: absolute; width: 100%; top: 53px; left: 0; z-index: 9999; display: none; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; min-height: 265px; }

.h.mode-products .h-sub.mode-products { display: block; }

.h.mode-contents .h-sub.mode-contents { display: block; }

.h.mode-support .h-sub.mode-support { display: block; }

.h-prod, .h-support { width: 960px; margin-left: auto; margin-right: auto; padding-bottom: 20px; position: relative; }

.h-prod::after, .h-support::after { content: ""; display: table; clear: both; }

.h-prod:before { position: absolute; right: 0; top: 0; content: ""; display: block; width: 275px; height: 275px; background-position: right top; background-repeat: no-repeat; z-index: -1; }

.h-prod.mode-sgxca500::before { background-image: url("../img/h/prod_sgxca500.jpg"); }

.h-prod.mode-sgxca600::before { background-image: url("../img/h/prod_sgxca600.jpg"); }

.h-prod.mode-sgypm930h::before { background-image: url("../img/h/prod_sgypm930h.jpg"); }

.h-prod.mode-sgypm910z::before { background-image: url("../img/h/prod_sgypm910z.jpg"); }

.h-prod.mode-sgypm910zlr::before { background-image: url("../img/h/prod_sgypm910zlr.jpg"); }

.h-prod.mode-sgypk5091S5870gl::before { background-image: url("../img/h/prod_sgypk5091S5870gl.jpg"); }

.h-prod.mode-sgypk91S5870gl::before { background-image: url("../img/h/prod_sgypk91S5870gl.jpg"); }

.h-prod.mode-sgypw510a::before { background-image: url("../img/h/prod_sgypw510a.jpg"); }

.h-prod.mode-cyclosphere::before { background-image: url("../img/h/prod_cyclosphere.jpg"); }

.h-prod.mode-app::before { background-image: url("../img/h/prod_app.jpg"); }

.h-prod-item, .h-support-item { float: left; padding-right: 30px; font-size: 14px; }

.h-prod-h, .h-support-h { display: block; text-decoration: none; padding: 20px 0 10px; line-height: 1; font-weight: bold; color: #000; }

.h-prod-h:link, .h-prod-h:visited, .h-support-h:link, .h-support-h:visited { color: #000; }

.h-prod-link, .h-support-link { display: block; padding: 0 1px 8px; font-family: "Helvetica", "Arial", sans-serif; text-decoration: none; }

.h-prod-link:link, .h-prod-link:visited, .h-support-link:link, .h-support-link:visited { color: #666; }

.h-prod-link.mode-current, .h-prod-link:active, .h-prod-link:hover, .h-support-link.mode-current, .h-support-link:active, .h-support-link:hover { color: #b7183f; }

/* .h-prod { .sn-nav:after, .sn-nav:before { content: ""; position: absolute; display: block; left: 170px; top: -12px; z-index: 1000; border-color: transparent transparent #cbcbcb; border-width: 0 12px 12px; border-style: solid; } .sn-nav:after { border-color: transparent transparent #FFF; top: -11px; } }*/
.h-contents-wrap { width: 960px; margin-left: auto; margin-right: auto; position: relative; }

.h-contents { padding: 49px 35px 36px 50px; }

.h-contents::after { content: ""; display: table; clear: both; }

.h-content-link { display: block; text-decoration: none; text-align: center; font-size: 14px; width: 160px; -webkit-transition: 0.5s; transition: 0.5s; position: relative; }

.h-content-link:link, .h-content-link:visited { color: #000; }

.h-content-link:hover { color: #b7183f; opacity: 0.85; }

.h-content-label { display: block; }

.idx { background: #f7f7f7; }

.idx-feature .slick-prev { left: 50%; margin-left: -501px; }

.idx-feature .slick-next { left: 50%; margin-left: 480px; }

.idx-feature .slick-dots { width: 960px; left: 50%; margin: 0 0 0 -480px; text-align: right; }

.idx-feature .slick-dots li { width: 10px; }

.idx-feature .slick-dots li button { height: 20px; width: 20px; }

.idx-feature .slick-dots li button:before { position: absolute; display: block; top: 6px; left: 6px; content: ""; width: 8px; height: 8px; border-radius: 0; }

.idx-feature-items { margin-left: auto; margin-right: auto; }

.idx-feature-items.slick-slider.slick-dotted { margin-bottom: 30px; }

.idx-feature-link { display: block; width: 100%; min-width: 960px; height: 390px; min-height: 390px; background: #000; position: relative; overflow: hidden; }

.idx-feature-link.mode-jp { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; position: relative; padding: 20px; }

.idx-feature-img { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.idx-feature-img-sp { width: 100%; }

.idx-feature-notice { padding: 30px 25px; width: 80%; max-width: 800px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; border: 2px solid #000; }

.idx-feature-notice h1 { color: #000; font-size: 40px; }

.idx-feature-notice p { font-size: 22px; margin: .5em; }

.idx-feature-notice a:link, .idx-feature-notice a:visited { color: #000; text-decoration: underline; }

.idx-news { width: 960px; margin-left: auto; margin-right: auto; color: #000; position: relative; }

.idx-news-h { font-size: 18px; font-weight: bold; position: absolute; left: 0; top: 0; }

/* .idx-news-nav { text-align: center; font-size: 14px; font-weight: bold; margin-bottom: 51px; @include screen_hh { margin-bottom: 30px; } } .idx-news-nav-item { display: inline-block; margin: 0 20px; @include screen_hh { margin: 0; } } .idx-news-nav-link { display: inline-block; padding: 0 12px; margin-bottom: 9px;; cursor: pointer; &, &:link, &:visited { color: #999; } .idx-news-nav-item.mode-selected & { border-bottom: 2px solid #000; &, &:link, &:visited { color: #000; } } } */
.idx-news-list { margin-bottom: 100px; }

.idx-news-list:after { content: ""; display: table; clear: both; }

.idx-news-list.mode-support { margin-bottom: 0; margin-top: 40px; }

.idx-news-item { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 12px; width: 290px; float: left; margin-right: 45px; margin-bottom: 50px; font-size: 14px; display: none; background: #e5e5e5; border: 2px solid #e5e5e5; }

.idx-news-item.mode-visible { display: block; }

.idx-news-item.mode-visible.mode-2 { margin-right: 0; }

.idx-news-item.mode-visible.mode-0 { clear: left; }

.idx-news-list.mode-support .idx-news-item { width: 215px; margin-right: 33px; }

.idx-news-list.mode-support .idx-news-item.mode-2 { margin-right: 33px; }

.idx-news-list.mode-support .idx-news-item.mode-3 { margin-right: 0; }

.idx-news-item-img { display: block; padding-top: 12px; background: #fff; border-radius: 12px 12px 0 0; }

.idx-news-item-img-link:hover { opacity: 0.8; }

.idx-news-item-img-img { width: 100%; }

.idx-news-item-meta { font-weight: bold; text-align: center; margin-bottom: 8px; }

.idx-news-item-type { color: #b7183f; }

.idx-news-item-type:before { color: #b7183f; content: "| "; }

.idx-news-item-h { padding: 10px 0 0 !important; font-weight: bold; text-align: center; margin-bottom: 8px; }

.idx-news-item-h-link { display: block; position: relative; height: 3.25em; font-size: 24px !important; }

.idx-news-item-h-link:link, .idx-news-item-h-link:visited { color: #333; text-decoration: none; }

.idx-news-list.mode-support .idx-news-item-h-link { font-size: 18px !important; line-height: 1.4; }

.idx-news-item-h-link-label { position: absolute; display: block; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.idx-news-item-date { text-align: center; margin-bottom: 8px; }

.idx-news-item-desc { border-top: 1px solid #000; padding-top: 15px; margin-bottom: 18px; line-height: 1.7; }

.idx-news-item-more { position: relative; }

.idx-news-item-more-link { display: block; padding: 2px 0; background: #4d4d4d; text-align: center; letter-spacing: 1em; }

.idx-news-item-more-link, .idx-news-item-more-link:link, .idx-news-item-more-link:visited { color: #fff; }

.idx-news-item-more-link:hover { text-decoration: none; opacity: 0.8; }

.idx-news-item-more-link:after { content: ""; width: 10px; height: 10px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; display: block; position: absolute; right: 6px; bottom: 6px; }

.idx-news-item-more-link:before { content: ""; width: 14px; height: 1px; background: #fff; display: block; position: absolute; right: 5px; bottom: 11px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.idx-news-more { margin-top: 50px; text-align: center; margin-bottom: 70px; }

.idx-news-more-link { display: inline-block; padding: 16px 80px; font-size: 18px; font-weight: bold; position: relative; background: #fff; line-height: 1; border: 2px solid #ccc; cursor: pointer; }

.idx-news-more-link, .idx-news-more-link:link, .idx-news-more-link:visited { color: #999; }

.idx-news-more-link:hover { opacity: 0.8; }

.idx-news-more-link:after { content: ""; position: absolute; right: 18px; top: 50%; margin-top: -13px; width: 15px; height: 15px; border-right: 2px solid #999; border-bottom: 2px solid #999; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.idx-news-more-link.mode-nomore { cursor: default; opacity: 0.25; }

.idx-news-more-link.mode-nomore:hover { opacity: 0.25; }

.idx-banners-wrap { background: #545454; padding: 20px 0; }

.idx-banners { width: 960px; margin-left: auto; margin-right: auto; }

.idx-banners:after { content: ""; clear: both; display: table; }

.idx-banner { width: 242px; height: 70px; padding: 0; position: relative; float: left; margin-right: 10px; line-height: 1; }

.idx-banner-link { display: block; margin-right: 6px; overflow: hidden; width: 235px; }

.idx-banner-label { position: absolute; height: 12px; background: #000; background: rgba(0, 0, 0, 0.7); bottom: 0; left: 0; line-height: 1; padding: 6px 8px; width: 219px; color: #fff; font-size: 12px; z-index: 5; }

.idx-feature { position: relative; }

.idx-feature-h { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; width: 960px; position: absolute; top: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 5; font-size: 30px; font-weight: bold; color: #fff; }

.idx-info { background: #f7f7f7; padding-bottom: 80px; }

.idx-info-jp { padding: 3em 20px; text-align: center; }

.idx-info-jp-h { font-size: 30px; font-weight: bold; margin-bottom: .3em; }

.idx-info-jp-d { font-size: 20px; font-weight: bold; line-height: 1.8; }

.idx-info-jp-d a:link, .idx-info-jp-d a:visited { color: #333; text-decoration: underline; }

.idx-h { font-size: 30px; font-weight: bold; margin: 0 auto 1em; padding-top: 1em; text-align: center; color: #333; text-decoration: underline; }

.idx-d, .idx-subh, .idx-dl { font-size: 20px; line-height: 1.7; margin-bottom: 1em; color: #333; }

.idx-subh { font-weight: bold; }

.idx-dl { margin-left: 1.5em; }

.idx-dt a:link, .idx-dt a:visited { color: #333; }

.idx-dd { margin-left: 1.5em; }

/* =========================== */
#ft { height: 0; }

#ft .fn-totop { width: 47px; height: 50px; position: absolute; right: -57px; top: -50px; }

#ft .fn-totop .wrap { height: 50px; position: relative; z-index: 99; }

#ft .fn-totop a { background: #fff; }

#ft .fn-totop a img { display: block; }

#ft .fn-totop a:hover img { opacity: 0.9; }

#ft .fn-totop a.totop { background-position: 0 0; display: block; height: 50px; width: 47px; overflow: hidden; }

#ft .fn-totop a.totop span { visibility: hidden; }

#ft .fn-totop a.toshop { width: 192px; height: 50px; left: -192px; top: 0; position: absolute; }

#ft .fn-totop a.toshop-wz-catalog { left: -384px; }

#ft .fn-totop a.tocatalog { width: 192px; height: 50px; left: -192px; top: 0; position: absolute; }

#ft .fn-totop a.toregistercyclo { width: 268px; height: 50px; left: -447px; top: 0; position: absolute; }

#ft .fn-totop a.tosample { width: 179px; left: -179px; top: 0; position: absolute; }

#ft .fn-totop a.tomethod { width: 218; left: -410px; top: 0; position: absolute; }

#fn a img, #fb a img { opacity: 0.8; vertical-align: -1px; margin-right: 8px; }

#fn a:link, #fn a:visited, #fb a:link, #fb a:visited { color: #ccc; text-decoration: none; opacity: 0.8; }

#fn a:hover, #fn a:active, #fb a:hover, #fb a:active { opacity: 1; }

#fn .icon, #fb .icon { padding-top: 5px; }

#fn { background: #343535; font-size: 12px; clear: left; }

#fn .fn-nav { padding-top: 38px; }

#fn .fn-nav-box { float: left; position: relative; width: 169px; padding-bottom: 42px; }

#fn .fn-nav-box h1 { color: #fff; font-size: 15px; font-family: "Helvetica Neue Condensed", "Arial Narrow", sans-serif; padding-bottom: 10px; }

#fn .fn-nav-box ul { font-size: 12px; }

#fn .fn-nav-box li { margin-bottom: 2px; }

#fn .fn-nav-box-r { float: right; width: 136px; }

#fn .fn-nav-box-r .g-langs { top: 40px; }

#fn .fn-nav-box-r .g-langs li { background-color: #4d4d4d; margin-bottom: 0; }

#fn .g-langs li.current a:hover, #fn .g-langs li.current a:active { opacity: 0.8; }

#fb { background: #343535; font-size: 12px; clear: left; border-top: 1px solid #4d4d4d; padding: 13px 0 39px; position: relative; }

#fb .fb-nav li { display: inline-block; *display: inline; *zoom: 1; padding-right: 1em; font-size: 12px; }

#fb .fb-copyright { color: #808080; width: 50%; text-align: right; position: absolute; right: 0; top: 0; }

.footer-social { display: none; }

.footer-social-item { display: inline-block; }

.home { clear: both; }

.home h1 { background-repeat: no-repeat; }

.home h1 span { visibility: hidden; }

.home .home-news { border-bottom: 1px solid #cbcbcb; height: 43px; }

.home .home-news h1 { position: absolute; left: 0; top: 0; height: 40px; width: 70px; }

.home .home-news .carousel { height: 40px; overflow: hidden; margin: 0 76px 0; position: relative; }

.home .home-news ul { position: absolute; }

.home .home-news li { font-size: 12px; padding: 12px 0; float: none; }

.home .home-news li .date { color: #b7183f; font-family: "Helvetica", "Arial", sans-serif; letter-spacing: 1px; display: inline-block; padding-right: 1em; }

.home .home-news li .title a { display: inline; }

.home .home-news .more { position: absolute; display: block; background: #4D4D4D; width: 60px; right: 0; top: 10px; padding: 4px 0 6px; font-family: 'Helvetica Neue','Arial',sans-serif; text-indent: -2px; }

.home .home-news .more:link, .home .home-news .more:visited { color: #FFF; text-decoration: none; font-size: 12px; line-height: 1; text-align: center; }

.home .home-news .more:hover { opacity: 0.8; }

.home .home-news .more:before, .home .home-news .more:after { content: ""; width: 0; height: 0; position: absolute; right: 4px; top: 7px; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #FFF; border-style: solid; }

.home .home-news .more:after { border-left-color: #4D4D4D; right: 5px; }

.jp .home .home-news h1 { background-image: url(../img/jp/home_news_h.png); }

.us-en .home .home-news h1 { background-image: url(../img/us-en/home_news_h.png); }

.fr .home .home-news h1 { background-image: url(../img/fr/home_news_h.png); }

.nl .home .home-news h1 { background-image: url(../img/nl/home_news_h.png); }

.it .home .home-news h1 { background-image: url(../img/it/home_news_h.png); }

.de .home .home-news h1 { background-image: url(../img/de/home_news_h.png); }

.ch .home .home-news h1 { background-image: url(../img/ch/home_news_h.png); }

.fr .home .home-news h1 { width: 98px; }

.fr .home .home-news .carousel { margin-left: 104px; margin-right: 175px; }

.fr .home .home-news .more { width: 165px; }

.nl .home .home-news h1 { width: 79px; }

.nl .home .home-news .carousel { margin-left: 85px; margin-right: 155px; }

.nl .home .home-news .more { width: 145px; }

.de .home .home-news h1 { width: 104px; }

.de .home .home-news .carousel { margin-left: 110px; margin-right: 180px; }

.de .home .home-news .more { width: 170px; }

.ch .home .home-news h1 { width: 94px; }

.ch .home .home-news .carousel { margin-left: 100px; }

.home .home-box { padding: 25px 0; }

.home .home-box h1 { background-position: center top; padding-bottom: 19px; }

.home .home-contents { background: #f1f1f1 url(../img/gray_bottom_shadow.png) left bottom repeat-x; }

.jp .home .home-contents h1 { background-image: url(../img/jp/home_contents_h.png); }

.us-en .home .home-contents h1 { background-image: url(../img/us-en/home_contents_h.png); }

.fr .home .home-contents h1 { background-image: url(../img/fr/home_contents_h.png); }

.nl .home .home-contents h1 { background-image: url(../img/nl/home_contents_h.png); }

.it .home .home-contents h1 { background-image: url(../img/it/home_contents_h.png); }

.de .home .home-contents h1 { background-image: url(../img/de/home_contents_h.png); }

.ch .home .home-contents h1 { background-image: url(../img/ch/home_contents_h.png); }

.home .home-contents .carousel-wrap { width: 972px; height: 252px; margin: 0 auto; }

.home .home-contents .carousel { width: 972px; height: 252px; }

.home .home-contents .carousel li { width: 324px; height: 252px; position: relative; padding: 0; }

.home .home-contents .carousel li a { display: block; width: 100%; height: 100%; }

.home .home-contents .carousel li a img { width: 100%; height: 100%; }

.home .home-contents .carousel li a .new img { width: auto; height: auto; }

.home .home-contents .carousel li em { height: 35px; width: 300px; }

.home .home-contents .carousel li em .lines2 { height: 30px; margin-top: -9px; }

.home .home-contents .carousel-next { background: url(../img/home_cont_next.png) -5px 24px no-repeat; }

.home .home-contents .carousel-prev { background: url(../img/home_cont_prev.png) 5px 24px no-repeat; }

.jp .home .home-products h1 { background-image: url(../img/jp/home_products_h.png); }

.us-en .home .home-products h1 { background-image: url(../img/us-en/home_products_h.png); }

.fr .home .home-products h1 { background-image: url(../img/fr/home_products_h.png); }

.nl .home .home-products h1 { background-image: url(../img/nl/home_products_h.png); }

.it .home .home-products h1 { background-image: url(../img/it/home_products_h.png); }

.de .home .home-products h1 { background-image: url(../img/de/home_products_h.png); }

.ch .home .home-products h1 { background-image: url(../img/ch/home_products_h.png); }

.home .home-products .carousel-wrap { margin-left: -6px; width: 972px; height: 252px; }

.home .home-products .carousel { width: 972px; height: 252px; }

.home .home-products .carousel li { width: 324px; height: 252px; position: relative; }

.home .home-products .carousel li a { display: block; width: 100%; height: 100%; }

.home .home-products .carousel li a img { width: 100%; height: 100%; }

.home .home-products .carousel li a .new img { width: auto; height: auto; }

.home .home-products .carousel-next { background: url(../img/home_prod_next.png) left center no-repeat; }

.home .home-products .carousel-prev { background: url(../img/home_prod_prev.png) right center no-repeat; }

.home .home-sns { padding-bottom: 30px; background: #f1f1f1; border-top: 1px solid #cbcbcb; }

.jp .home .home-sns h1 { background-image: url(../img/jp/home_sns_h.png); }

.us-en .home .home-sns h1 { background-image: url(../img/us-en/home_sns_h.png); }

.fr .home .home-sns h1 { background-image: url(../img/fr/home_sns_h.png); }

.nl .home .home-sns h1 { background-image: url(../img/nl/home_sns_h.png); }

.it .home .home-sns h1 { background-image: url(../img/it/home_sns_h.png); }

.de .home .home-sns h1 { background-image: url(../img/de/home_sns_h.png); }

.ch .home .home-sns h1 { background-image: url(../img/ch/home_sns_h.png); }

.home .home-sns li { float: left; width: 480px; height: 360px; }

.home .home-sns li .fb-like-box { margin-left: 10px; background: #FFF; border: 1px solid #CCC; }

.home .home-external { background: url(../img/home_ext_bg.png) center top repeat-x; }

.home .home-external .carousel-wrap { width: 960px; height: 70px; }

.home .home-external .carousel { width: 960px; height: 70px; }

.home .home-external .carousel li { width: 242px; height: 70px; padding: 0; position: relative; }

.home .home-external .carousel li a { margin-right: 6px; background: #FFF; overflow: hidden; width: 235px; }

.home .home-external .carousel li a em { position: absolute; height: 12px; background: #000; background: rgba(0, 0, 0, 0.7); bottom: 0; left: 0; line-height: 1; padding: 6px 8px; width: 219px; color: #FFF; font-size: 12px; z-index: 5; }

.home .home-external .carousel-next { background: url(../img/home_ext_next.png) left 30px no-repeat; }

.home .home-external .carousel-prev { background: url(../img/home_ext_prev.png) right 30px no-repeat; }

#nNews ul { margin-top: 45px; }

#nNews li { position: relative; margin-left: 35px; width: 925px; }

#nNews .date, #nNews .title { padding-top: 12px; }

#nNews .date { position: absolute; left: 0; top: 0; width: 85px; border-top: 1px solid #af1b3d; color: #af1b3d; z-index: 5; }

#nNews .title, #nNews .content { padding-left: 140px; }

#nNews .title { border-top: 1px solid #CCC; font-weight: bold; }

#nNews .content { padding-top: 20px; padding-bottom: 20px; padding-right: 60px; }

.news-detail { padding-top: 30px; }

.news-detail p, .news-detail h2, .news-detail h3 { margin-bottom: .8em; }

.news-detail strong { font-weight: bold; }

.news-detail h2, .news-detail h3 { font-weight: bold; }

.news-detail p.right { text-align: right; }

.news-detail h2 { font-size: 26px; text-align: center; }

.news-detail h3 { font-size: 20px; }

.news-detail table { width: 90%; margin: 1em auto; }

.news-detail th, .news-detail td { border: 1px solid #666; padding: 3px 10px; }

.news-detail tbody td, .news-detail thead th { border-left: 2px solid #666; border-right: 2px solid #666; }

.news-detail tbody td { text-align: right; }

.news-detail tbody tr.last td { border-bottom: 2px solid #666; }

.news-detail thead th { border-top: 2px solid #666; text-align: center; }

.news-detail thead th.newprice { font-weight: bold; }

.news-detail tbody th { text-align: center; }

.news-detail tr.h th, .news-detail tr.h td { background: #E8E8E8; }

.news-detail tr.h th { text-align: left; }

.news-detail tr.h2 th, .news-detail tr.h2 td { background: #F9F9F9; }

.news-detail tr.h2 th { text-align: left; }

.news-detail td.newprice { font-weight: bold; background: #FDEDF0; padding-left: 20px; padding-right: 20px; }

.news-detail .notice { color: #C00; }

.news-detail td.notice { color: #C00; text-align: center; border-left-width: 1px; font-size: 12px; }

.news-detail .note { border-top: 1px solid #CCC; margin-top: 30px; padding-top: 30px; }

.news-new ul.nav { padding: 15px 0 15px 35px; }

.news-new ul.nav li { font-family: Helvetica,Arial,sans-serif; background: #EEE; border-top: 2px solid #EEE; border-right: 1px solid #FFF; border-left: 1px solid #FFF; display: inline-block; font-weight: bold; text-align: center; width: 100px; }

.news-new ul.nav li a:link, .news-new ul.nav li a:visited { text-decoration: none; color: #666; }

.news-new ul.nav li.current { background: #FFF; border-top: 2px solid #af1b3d; border-right: 1px solid #af1b3d; border-left: 1px solid #af1b3d; }

.news-new ul.nav li.current a:link, .news-new ul.nav li.current a:visited { color: #af1b3d; }

.news-new table { margin: 0 0 0 35px; width: 925px; }

.news-new th, .news-new td { padding-top: 12px; border-top: 1px solid #CCC; vertical-align: top; padding-bottom: 12px; }

.news-new th.date { width: 100px; border-top: 1px solid #af1b3d; color: #af1b3d; }

.news-new td.image { padding-right: 20px; width: 250px; }

.news-new td.image img { width: 250px; border: 1px solid #CCC; }

.news-new td.image a img { border: 1px solid #af1b3d; }

.news-new td h2 { margin-bottom: 12px; color: #af1b3d; }

.news-new td .type { display: inline-block; width: 100px; text-align: center; background: #000; color: #FFF; font-weight: bold; font-family: Helvetica,Arial,sans-serif; margin-bottom: 12px; }

.news-new td .type-EVENT { background: #b7183f; }

.product { padding-top: 75px; }

.product .prod-h { position: relative; height: 72px; background: url("../img/prod_h_shadow.png") left bottom repeat-x; margin-bottom: -8px; z-index: 10; }

.product .prod-h h1 { float: left; }

.product .prod-nav { position: relative; line-height: 1; }

.product .prod-nav .prod-nav-main { width: 400px; padding-left: 40px; float: left; }

.product .prod-nav .prod-nav-sub { position: absolute; right: 0; }

.product .prod-nav li { display: inline-block; *display: inline; *zoom: 1; position: relative; }

.product .prod-nav a { display: block; padding: 37px 10px 14px 0; }

.product .prod-nav a:link, .product .prod-nav a:visited { color: #989898; text-decoration: none; }

.product .prod-nav a.current, .product .prod-nav a:active, .product .prod-nav a:hover { color: #b7183f; }

.product .prod-nav .prod-nav-2nd { position: absolute; left: 0; top: 64px; z-index: 99; display: none; }

.product .prod-nav .prod-nav-2nd li { display: block; white-space: nowrap; position: relative; background: #4d4d4d; background: rgba(77, 77, 77, 0.95); border-right: 34px solid #333; border-right-color: rgba(51, 51, 51, 0.95); }

.product .prod-nav .prod-nav-2nd li a { padding: 13px 18px; display: block; margin-right: -34px; padding-right: 43px; background: url("../img/prod_nav_2nd_arrow.png") right center no-repeat; border-bottom: 1px solid #4d4d4d; }

.product .prod-nav .prod-nav-2nd li a:link, .product .prod-nav .prod-nav-2nd li a:visited { color: #fff; }

.product .prod-nav .prod-nav-2nd li a.current, .product .prod-nav .prod-nav-2nd li a:active, .product .prod-nav .prod-nav-2nd li a:hover { color: #989898; }

.product .prod-nav li:hover .prod-nav-2nd { display: block; }

.product .prod-nav li.print a { padding: 0; }

.product .prod-main-mov a:hover { background: #fff; }

.product .prod-main-mov a:hover img { opacity: 0.9; }

.product .prod-himg { background: #f1f1f1 url("../img/prod_himg_bg.png") repeat-x; height: 410px; position: relative; overflow: hidden; clear: both; }

.product .prod-himg a:active, .product .prod-himg a:hover { opacity: 0.8; }

.product .prod-himg .prod-himg-img { width: 471px; position: relative; }

.product .prod-himg .prod-himg-img img { position: absolute; top: 0; left: 0; }

.product .prod-himg .prod-himg-img img.default { z-index: 2; }

.product .prod-himg .prod-himg-img .color-nav a { position: absolute; background: url("../img/blank.gif"); display: block; width: 35px; height: 33px; z-index: 99; text-decoration: none; }

.product .prod-himg .prod-himg-img .color-nav a.color0 { left: 0; top: 323px; }

.product .prod-himg .prod-himg-img .color-nav a.color1 { left: 35px; top: 323px; }

.product .prod-himg .prod-himg-desc { position: absolute; left: 471px; top: 66px; }

.product .prod-himg .prod-himg-desc h2 { position: relative; width: 487px; height: 110px; }

.product .prod-himg .prod-himg-desc h2 img { position: absolute; left: 0; top: 0; }

.product .prod-himg .prod-himg-desc h2 img.default { z-index: 2; }

.product .prod-himg .prod-himg-desc span.updt { dipslay: block; z-index: 9; position: absolute; left: 248px; top: 34px; }

.product .prod-himg .prod-himg-desc span.updt span.label { background: #af1b3d; padding: 3px 6px; color: #fff; font-size: 12px; font-weight: bold; }

.product .prod-himg .prod-himg-desc span.updt span.release { color: #af1b3d; font-weight: bold; }

.product .prod-himg .prod-himg-desc p { padding-top: 8px; }

.product .prod-himg .prod-himg-desc p strong { font-weight: bold; display: block; margin-bottom: 8px; }

.product .prod-himg .prod-himg-desc ul { margin-top: 8px; margin-left: -5px; }

.product .prod-himg .prod-himg-desc ul li { width: 160px; height: 99px; float: left; }

.product .prod-himg .prod-himg-desc span.note { display: block; font-size: 11px; padding-top: 5px; }

.product .sgypm900 .prod-himg .prod-himg-desc, .product .sgypm910hlr .prod-himg .prod-himg-desc, .product .sgypm910vlr .prod-himg .prod-himg-desc, .product .sgypm910zlr .prod-himg .prod-himg-desc { top: 52px; }

.product .sgypm900 .prod-himg .prod-himg-desc h2 span.crank, .product .sgypm910hlr .prod-himg .prod-himg-desc h2 span.crank, .product .sgypm910vlr .prod-himg .prod-himg-desc h2 span.crank, .product .sgypm910zlr .prod-himg .prod-himg-desc h2 span.crank { position: absolute; left: 0; top: 50px; font-weight: bold; }

.product .sgypm900 .prod-himg .prod-himg-desc h2 span.price, .product .sgypm910hlr .prod-himg .prod-himg-desc h2 span.price, .product .sgypm910vlr .prod-himg .prod-himg-desc h2 span.price, .product .sgypm910zlr .prod-himg .prod-himg-desc h2 span.price { position: absolute; z-index: 3; top: 80px; border-bottom: 1px solid #ccc; width: 100%; padding-bottom: 10px; left: 0; }

.jp .product .sgypm900 .prod-himg .prod-himg-desc h2, .jp .product .sgypm910hlr .prod-himg .prod-himg-desc h2, .jp .product .sgypm910vlr .prod-himg .prod-himg-desc h2, .jp .product .sgypm910zlr .prod-himg .prod-himg-desc h2 { height: 132px; }

.product .sgypm900 .prod-himg .prod-himg-desc .bignotice, .product .sgypm910hlr .prod-himg .prod-himg-desc .bignotice, .product .sgypm910vlr .prod-himg .prod-himg-desc .bignotice, .product .sgypm910zlr .prod-himg .prod-himg-desc .bignotice { font-weight: bold; font-size: 120%; color: #af1b3d; }

.product .sgypm910hlr .prod-himg .prod-himg-desc { top: 16px !important; }

.product .sgypm910hlr .prod-himg .prod-himg-desc h2 { height: 68px !important; }

.product .sgypm910hlr .prod-himg .prod-himg-desc h2 span.price { top: 63px !important; }

.jp .product .sgypm910hlr .prod-himg .prod-himg-desc h2 { height: 132px !important; }

.jp .product .sgypm910hlr .prod-himg .prod-himg-desc h2 span.price { top: 80px !important; }

.product .sgxca900 .prod-himg .prod-himg-desc h2 { height: 80px; }

.jp .product .sgxca900 .prod-himg .prod-himg-desc h2 { height: 100px; }

.product .sgxca900 .prod-himg .prod-himg-desc h2 span.price { position: absolute; z-index: 3; top: 52px; width: 487px; background: #f1f1f1; border-bottom: 1px solid #ccc; padding-bottom: 6px; }

.product .sgxca900 .prod-himg .prod-himg-desc h2 span.price-note { color: #b7183f; font-weight: bold; }

.product .sgxca500 .prod-himg .prod-himg-desc h2, .product .sgypk5091S5870gl .prod-himg .prod-himg-desc h2, .product .sgypk91S5870gl .prod-himg .prod-himg-desc h2, .product .sgypm910h .prod-himg .prod-himg-desc h2, .product .sgypm910h2 .prod-himg .prod-himg-desc h2, .product .sgypm910v .prod-himg .prod-himg-desc h2, .product .sgypm910z .prod-himg .prod-himg-desc h2 { border-bottom: 1px solid #ccc; height: auto; padding-bottom: 8px; margin-bottom: 3px; }

.product .sgxca500 .prod-himg .prod-himg-desc h2 img, .product .sgypk5091S5870gl .prod-himg .prod-himg-desc h2 img, .product .sgypk91S5870gl .prod-himg .prod-himg-desc h2 img, .product .sgypm910h .prod-himg .prod-himg-desc h2 img, .product .sgypm910h2 .prod-himg .prod-himg-desc h2 img, .product .sgypm910v .prod-himg .prod-himg-desc h2 img, .product .sgypm910z .prod-himg .prod-himg-desc h2 img { position: static; }

.product .sgxca500 .prod-himg .prod-himg-desc h2 span, .product .sgypk5091S5870gl .prod-himg .prod-himg-desc h2 span, .product .sgypk91S5870gl .prod-himg .prod-himg-desc h2 span, .product .sgypm910h .prod-himg .prod-himg-desc h2 span, .product .sgypm910h2 .prod-himg .prod-himg-desc h2 span, .product .sgypm910v .prod-himg .prod-himg-desc h2 span, .product .sgypm910z .prod-himg .prod-himg-desc h2 span { display: block; }

.product .sgxca500 .prod-himg .prod-himg-desc h2 .crank, .product .sgypk5091S5870gl .prod-himg .prod-himg-desc h2 .crank, .product .sgypk91S5870gl .prod-himg .prod-himg-desc h2 .crank, .product .sgypm910h .prod-himg .prod-himg-desc h2 .crank, .product .sgypm910h2 .prod-himg .prod-himg-desc h2 .crank, .product .sgypm910v .prod-himg .prod-himg-desc h2 .crank, .product .sgypm910z .prod-himg .prod-himg-desc h2 .crank { font-weight: bold; }

.product .sgxca500 .prod-himg .prod-himg-desc h2 span.price-note, .product .sgypk5091S5870gl .prod-himg .prod-himg-desc h2 span.price-note, .product .sgypk91S5870gl .prod-himg .prod-himg-desc h2 span.price-note, .product .sgypm910h .prod-himg .prod-himg-desc h2 span.price-note, .product .sgypm910h2 .prod-himg .prod-himg-desc h2 span.price-note, .product .sgypm910v .prod-himg .prod-himg-desc h2 span.price-note, .product .sgypm910z .prod-himg .prod-himg-desc h2 span.price-note { color: #b7183f; font-weight: bold; }

.product .sgxca500 .prod-himg .prod-himg-desc ul li, .product .sgypk5091S5870gl .prod-himg .prod-himg-desc ul li, .product .sgypk91S5870gl .prod-himg .prod-himg-desc ul li, .product .sgypm910h .prod-himg .prod-himg-desc ul li, .product .sgypm910h2 .prod-himg .prod-himg-desc ul li, .product .sgypm910v .prod-himg .prod-himg-desc ul li, .product .sgypm910z .prod-himg .prod-himg-desc ul li { width: 244px; height: 105px; }

.product .sgypm910vlr .prod-himg .prod-himg-desc h2, .product .sgypm910zlr .prod-himg .prod-himg-desc h2 { height: auto !important; }

.product .sgypm910vlr .prod-himg .prod-himg-desc h2 .info, .product .sgypm910zlr .prod-himg .prod-himg-desc h2 .info { display: block; padding-top: 50px; }

.product .sgypm910vlr .prod-himg .prod-himg-desc h2 .crank, .product .sgypm910zlr .prod-himg .prod-himg-desc h2 .crank { position: static !important; display: block; }

.product .sgypm910vlr .prod-himg .prod-himg-desc h2 .price, .product .sgypm910zlr .prod-himg .prod-himg-desc h2 .price { position: static !important; display: block; }

.product .sgypm910hlr .prod-himg .prod-himg-desc h2 span.price-note, .product .sgypm910vlr .prod-himg .prod-himg-desc h2 span.price-note, .product .sgypm910zlr .prod-himg .prod-himg-desc h2 span.price-note { color: #b7183f; font-weight: bold; }

.product .sgypm910hlr .prod-himg .prod-himg-desc ul li, .product .sgypm910vlr .prod-himg .prod-himg-desc ul li, .product .sgypm910zlr .prod-himg .prod-himg-desc ul li { width: 244px; height: 105px; }

.product .sgypm910h .prod-himg .prod-himg-desc, .product .sgypm910h2 .prod-himg .prod-himg-desc, .product .sgypm910v .prod-himg .prod-himg-desc, .product .sgypm910z .prod-himg .prod-himg-desc { top: 40px; }

.product .sgypk91S5870gl .prod-himg .prod-himg-desc { top: 30px; }

.product .sgypk5091S5870gl .prod-himg .prod-himg-desc { top: 20px; }

.product .sgypk5091S5870gl .prod-himg .prod-himg-desc .note .note-sub { display: block; font-size: 11px; padding-top: 8px; }

.jp .product .sgxca500 .prod-himg .prod-himg-desc { top: 8px; }

.jp .product .sgypm910v .prod-himg .prod-himg-desc { top: 15px; }

.jp .product .sgypm910z .prod-himg .prod-himg-desc { top: 15px; }

.jp .product .sgypm910vlr .prod-himg .prod-himg-desc { top: 15px; }

.jp .product .sgypm910zlr .prod-himg .prod-himg-desc { top: 15px; }

.us-en .product .sgypm910h .prod-himg .prod-himg-desc, .us-en .product .sgypm910h2 .prod-himg .prod-himg-desc { top: 30px; }

.us-en .product .sgypm910v .prod-himg .prod-himg-desc { top: 12px; }

.us-en .product .sgypm910vlr .prod-himg .prod-himg-desc { top: 22px; }

.nl .product .sgxca500 .prod-himg .prod-himg-desc { top: 23px; }

.nl .product .sgypm910h .prod-himg .prod-himg-desc { top: 17px; }

.nl .product .sgypm910h2 .prod-himg .prod-himg-desc { top: 36px; }

.fr .product .sgxca500 .prod-himg .prod-himg-desc { top: 23px; }

.fr .product .sgypm910h .prod-himg .prod-himg-desc, .fr .product .sgypm910h2 .prod-himg .prod-himg-desc { top: 17px; }

.it .product .sgxca500 .prod-himg .prod-himg-desc { top: 30px; }

.it .product .sgypm910h .prod-himg .prod-himg-desc, .it .product .sgypm910h2 .prod-himg .prod-himg-desc { top: 25px; }

.de .product .sgxca500 .prod-himg .prod-himg-desc { top: 24px; }

.de .product .sgypm910h .prod-himg .prod-himg-desc { top: 10px; }

.de .product .cyclosphere .prod-himg .prod-himg-desc { top: 34px; }

.ch .product .sgxca500 .prod-himg .prod-himg-desc { top: 38px; }

.ch .product .sgypm910h .prod-himg .prod-himg-desc, .ch .product .sgypm910h2 .prod-himg .prod-himg-desc { top: 32px; }

.ch .product .cyclosphere .prod-himg .prod-himg-desc { top: 44px; }

.product .prod-himg-nav a:active, .product .prod-himg-nav a:hover { opacity: 0.8; }

.product .prod-himg-nav ul { border-left: 1px solid #e5e5e5; height: 65px; }

.product .prod-himg-nav li { width: 64px; height: 65px; float: left; font-size: 11px; text-align: center; }

.product .prod-himg-nav li img { border-width: 1px 1px 1px 0; border-color: #e5e5e5; border-style: solid; }

.product .prod-himg-nav li.current { border-bottom: 4px solid #b7183f; }

.product .prod-himg-nav ul.social { position: absolute; left: 471px; top: 0; border: 0; }

.product .prod-himg-nav ul.social li { width: 29px; height: 40px; }

.product .prod-himg-nav ul.social li img { border: 0; }

.product .prod-himg-nav ul.sub { position: absolute; right: 0; top: 0; width: 370px; border: 0; }

.product .prod-himg-nav ul.sub li { width: auto; height: 40px; float: right; }

.product .prod-himg-nav ul.sub li img { border: 0; }

.product .prod-feat-h { clear: left; margin-top: 30px; }

.product .prod-main { clear: left; border-bottom: 1px solid #ccc; padding-bottom: 28px; }

.product .prod-main h1 { font-size: 34px; text-align: center; margin: 25px 0 20px; }

.product .prod-main h1 .pre { display: block; font-size: 23px; font-weight: normal; }

.product .prod-main h1 .pre-sub { font-size: 15px; }

.product .prod-main h1 .updt { display: block; margin: 30px 0 20px; }

.product .prod-main h1 .updt span { background: #af1b3d; color: #fff; font-size: 10px; font-weight: bold; padding: 5px 7px; }

.product .prod-main h2 { font-size: 23px; text-align: center; margin: 30px 0; }

.product .prod-main ol li { list-style-type: decimal; margin-left: 18px; *margin-left: 28px; }

.product .prod-main .h-note { font-size: 12px; text-align: center; margin: -20px 0 30px; }

.product .prod-main .h-sub { text-align: center; font-size: 15px; margin-bottom: 30px; }

.product .prod-main .h-sub a { text-decoration: underline; }

.product .prod-main .h-sub .h-sub-note { font-size: 12px; }

.product .prod-main .img-box-wrap { text-align: center; }

.product .prod-main .img-box { display: inline-block; *display: inline; *zoom: 1; text-align: left; vertical-align: top; }

.product .prod-main .img-box h3 { margin-bottom: 8px; }

.product .prod-main .img-box img { border-bottom: 12px solid transparent; }

.product .prod-main .img-box a.op:hover { background: #fff; }

.product .prod-main .img-box a.op:hover img { opacity: 0.8; }

.product .prod-main .img-box-shadow { background: url("../img/img_box_shadow.jpg") center bottom no-repeat; padding-bottom: 38px; }

.product .prod-main .img-box-shadow img { border-bottom: none; }

.product .prod-main .prod-main-f { clear: left; text-align: right; padding-top: 10px; }

.product .prod-main .prod-main-embed { margin: 0 auto; position: relative; border: 15px solid #eceae9; }

.product .prod-main .prod-main-embed a { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; text-decoration: none; }

.product .prod-main .prod-main-link { text-align: center; }

.product .prod-main .prod-main-table { padding: 2em 0; }

.product .prod-main .prod-main-table table { width: 80%; margin: 0 auto; border-collapse: collapse; }

.product .prod-main .prod-main-table table td, .product .prod-main .prod-main-table table th { padding: 3px 10px; border: 1px solid #ccc; }

.product .prod-main .prod-main-table table th { white-space: nowrap; vertical-align: middle; }

.product .prod-main .prod-main-table table thead th { text-align: center; font-weight: bold; background: #eee; }

.product .prod-main .prod-main-td13 { width: 33.3%; text-align: center; }

.product .prod-main .prod-main-td23 { width: 66.6%; text-align: center; }

.product .sgxca900 .prod-main0 .img-box-wrap, .product .sgxca900 .prod-main1 .img-box-wrap { width: 1040px; }

.product .sgxca900 .prod-main0 .img-box, .product .sgxca900 .prod-main1 .img-box { width: 280px; border-right: 60px solid transparent; border-bottom: 30px solid transparent; }

.product .sgypm900 .prod-main0 { background: url("../img/prod_main_embed_shadow.png") center bottom no-repeat; padding-bottom: 80px; }

.product .sgypm900 .prod-main1 .img-box-wrap0 .img-box { width: 340px; text-align: center; }

.product .sgypm900 .prod-main1 .img-box-wrap0 .img-box h3 { font-size: 20px; }

.product .sgypm900 .prod-main1 .img-box-wrap1 { position: relative; padding-bottom: 60px; }

.product .sgypm900 .prod-main1 .img-box-wrap1 li { position: absolute; width: 500px; text-align: center; margin-left: -250px; font-size: 17px; color: #b7183f; line-height: 1.1; }

.product .sgypm900 .prod-main1 .img-box-wrap1 li.label0 { top: 316px; left: 341px; }

.product .sgypm900 .prod-main1 .img-box-wrap1 li.label1 { top: 610px; left: 173px; }

.product .sgypm900 .prod-main1 .img-box-wrap1 li.label2 { top: 610px; left: 423px; }

.product .sgypm900 .prod-main1 .img-box-wrap1 li .label-sub { display: block; font-size: 13px; }

.product .sgypm900 .prod-main1 .h-sub2 { margin: 60px 0 30px; }

.product .sgypm900 .prod-main3 .img-box-wrap { width: 689px; margin: 0 auto; }

.product .sgypm900 .prod-main3 .img-box-wrap iframe { margin-bottom: 18px; }

.product .sgypm900 .prod-main3 .img-box-wrap p { text-align: right; margin: -12px 10px 12px 0; }

.product .sgypm900 .prod-main4 .img-box-wrap { width: 1010px; margin-left: -25px; }

.product .sgypm900 .prod-main4 .img-box { width: 300px; border: 15px solid transparent; }

.product .sgypm900 .prod-main4 .img-box p { margin-top: -60px; margin-left: 10px; }

.product .sgxca500 .prod-main-di2 .img-box0 { width: 393px; display: block; margin-left: auto; margin-right: auto; padding-bottom: 30px; }

.product .sgxca500 .prod-main-di2 .img-box1 { width: 292px; }

.product .sgxca500 .prod-main-di2 .img-box2 { width: 278px; }

.product .sgxca500 .prod-main-di2 .prod-main-table table { width: 100%; }

.product .sgxca500 .prod-main-di2 .prod-main-f { padding-top: 2em; }

.product .sgxca500 .prod-main-di2 .prod-main-mov-wrap { width: 670px; margin-left: auto; margin-right: auto; }

.product .sgxca500 .prod-main-di2 .prod-main-mov-wrap h3 { font-weight: bold; text-align: center; font-size: 17px; padding: 20px 0 6px; }

.product .sgxca500 .prod-main-di2 .prod-main-mov-wrap p { text-align: right; padding-top: 0.5em; }

.product .sgxca500 .prod-main0 { font-size: 15px; }

.product .sgxca500 .prod-main0 .img-box0 { width: 304px; margin: 20px 40px 0; text-align: right; }

.product .sgxca500 .prod-main0 .img-box0 .img-label2 { font-size: 11px; padding-top: 1em; white-space: nowrap; }

.product .sgxca500 .prod-main0 .img-box1 { width: 487px; margin-top: 20px; position: relative; }

.product .sgxca500 .prod-main0 .img-box1 .img-label { position: absolute; width: 300px; margin-left: -150px; text-align: center; }

.product .sgxca500 .prod-main0 .img-box1 .img-label0 { left: 15px; top: 173px; }

.product .sgxca500 .prod-main0 .img-box1 .img-label1 { left: 212px; top: 2px; }

.product .sgxca500 .prod-main0 .img-box1 .img-label2 { left: 415px; top: 2px; }

.product .sgxca500 .prod-main2 .img-box { width: 310px; }

.product .sgxca500 .prod-main2 .img-box0 { margin-left: 20px; }

.product .sgxca500 .prod-main4 .img-box-wrap { padding-top: 40px; }

.product .sgypm910h .prod-main1 .img-box0, .product .sgypm910h2 .prod-main1 .img-box0, .product .sgypm910v .prod-main1 .img-box0, .product .sgypm910z .prod-main1 .img-box0 { margin-left: 10px; }

.product .sgypm910h .prod-main1 h3, .product .sgypm910h2 .prod-main1 h3, .product .sgypm910v .prod-main1 h3, .product .sgypm910z .prod-main1 h3 { text-align: center; padding-right: 120px; }

.product .sgypm910h .prod-main2 .img-box h2, .product .sgypm910h2 .prod-main2 .img-box h2, .product .sgypm910v .prod-main2 .img-box h2, .product .sgypm910z .prod-main2 .img-box h2 { font-weight: bold; }

.product .sgypm910h .prod-main2 .img-box0, .product .sgypm910h .prod-main2 .img-box1, .product .sgypm910h2 .prod-main2 .img-box0, .product .sgypm910h2 .prod-main2 .img-box1, .product .sgypm910v .prod-main2 .img-box0, .product .sgypm910v .prod-main2 .img-box1, .product .sgypm910z .prod-main2 .img-box0, .product .sgypm910z .prod-main2 .img-box1 { position: relative; }

.product .sgypm910h .prod-main2 .img-box0 .img-label, .product .sgypm910h .prod-main2 .img-box1 .img-label, .product .sgypm910h2 .prod-main2 .img-box0 .img-label, .product .sgypm910h2 .prod-main2 .img-box1 .img-label, .product .sgypm910v .prod-main2 .img-box0 .img-label, .product .sgypm910v .prod-main2 .img-box1 .img-label, .product .sgypm910z .prod-main2 .img-box0 .img-label, .product .sgypm910z .prod-main2 .img-box1 .img-label { width: 450px; margin-left: -200px; position: absolute; text-align: center; z-index: 2; }

.product .sgypm910h .prod-main2 .img-box0 h2, .product .sgypm910h .prod-main2 .img-box1 h2, .product .sgypm910h2 .prod-main2 .img-box0 h2, .product .sgypm910h2 .prod-main2 .img-box1 h2, .product .sgypm910v .prod-main2 .img-box0 h2, .product .sgypm910v .prod-main2 .img-box1 h2, .product .sgypm910z .prod-main2 .img-box0 h2, .product .sgypm910z .prod-main2 .img-box1 h2 { margin: 0; }

.fr .product .sgypm910h .prod-main2 .img-box0, .fr .product .sgypm910h2 .prod-main2 .img-box0, .fr .product .sgypm910v .prod-main2 .img-box0, .fr .product .sgypm910z .prod-main2 .img-box0 { padding-bottom: 30px; }

.product .sgypm910h .prod-main2 .img-box0 .img-label0, .product .sgypm910h2 .prod-main2 .img-box0 .img-label0, .product .sgypm910v .prod-main2 .img-box0 .img-label0, .product .sgypm910z .prod-main2 .img-box0 .img-label0 { left: 290px; top: 41px; }

.product .sgypm910h .prod-main2 .img-box0 .img-label1, .product .sgypm910h2 .prod-main2 .img-box0 .img-label1, .product .sgypm910v .prod-main2 .img-box0 .img-label1, .product .sgypm910z .prod-main2 .img-box0 .img-label1 { left: 289px; top: 197px; }

.product .sgypm910h .prod-main2 .img-box0 .img-label2, .product .sgypm910h2 .prod-main2 .img-box0 .img-label2, .product .sgypm910v .prod-main2 .img-box0 .img-label2, .product .sgypm910z .prod-main2 .img-box0 .img-label2 { left: 350px; top: 391px; }

.product .sgypm910h .prod-main2 .img-box1 .img-label0, .product .sgypm910h2 .prod-main2 .img-box1 .img-label0, .product .sgypm910v .prod-main2 .img-box1 .img-label0, .product .sgypm910z .prod-main2 .img-box1 .img-label0 { left: 321px; top: -18px; }

.product .sgypm910h .prod-main2 .img-box1 .img-label1, .product .sgypm910h2 .prod-main2 .img-box1 .img-label1, .product .sgypm910v .prod-main2 .img-box1 .img-label1, .product .sgypm910z .prod-main2 .img-box1 .img-label1 { left: 251px; top: 423px; }

.product .sgypm910h .prod-main2 .img-box1 .img-label2, .product .sgypm910h2 .prod-main2 .img-box1 .img-label2, .product .sgypm910v .prod-main2 .img-box1 .img-label2, .product .sgypm910z .prod-main2 .img-box1 .img-label2 { left: 251px; top: 448px; }

.product .sgypm910h .prod-main2 .img-box2, .product .sgypm910h2 .prod-main2 .img-box2, .product .sgypm910v .prod-main2 .img-box2, .product .sgypm910z .prod-main2 .img-box2 { margin-right: 200px; padding-top: 20px; }

.product .sgypm910h .prod-main2 .sub-img-box, .product .sgypm910h2 .prod-main2 .sub-img-box, .product .sgypm910v .prod-main2 .sub-img-box, .product .sgypm910z .prod-main2 .sub-img-box { display: inline-block; *display: inline; *zoom: 1; text-align: center; }

.product .sgypm910h .prod-main2 .sub-img-box p, .product .sgypm910h2 .prod-main2 .sub-img-box p, .product .sgypm910v .prod-main2 .sub-img-box p, .product .sgypm910z .prod-main2 .sub-img-box p { text-align: center; }

.de .product .sgypm910h .prod-main2 .img-box3, .de .product .sgypm910h2 .prod-main2 .img-box3, .de .product .sgypm910v .prod-main2 .img-box3, .de .product .sgypm910z .prod-main2 .img-box3 { text-align: center; padding-top: 20px; }

.product .sgypm910h .prod-main3 .img-box p, .product .sgypm910h2 .prod-main3 .img-box p, .product .sgypm910v .prod-main3 .img-box p, .product .sgypm910z .prod-main3 .img-box p { text-align: right; }

.product .sgypm910h2 .prod-main2 .img-box9, .product .sgypm910v .prod-main2 .img-box9, .product .sgypm910z .prod-main2 .img-box9 { text-align: center; }

.product .sgypm910h2 .prod-main2 .img-box8 .img-label0, .product .sgypm910v .prod-main2 .img-box8 .img-label0, .product .sgypm910z .prod-main2 .img-box8 .img-label0 { left: 290px; top: 41px; }

.product .sgypm910h2 .prod-main2 .img-box8 .img-label1, .product .sgypm910v .prod-main2 .img-box8 .img-label1, .product .sgypm910z .prod-main2 .img-box8 .img-label1 { left: 289px; top: 197px; }

.product .sgypm910h2 .prod-main2 .img-box8 .img-label2, .product .sgypm910v .prod-main2 .img-box8 .img-label2, .product .sgypm910z .prod-main2 .img-box8 .img-label2 { left: 361px; top: 361px; }

.product .sgypm910h2 .prod-main2 .img-box8 .img-label3, .product .sgypm910v .prod-main2 .img-box8 .img-label3, .product .sgypm910z .prod-main2 .img-box8 .img-label3 { left: 67px; top: 25px; }

.product .sgypm910h2 .prod-main2 .img-box7 .img-label0, .product .sgypm910v .prod-main2 .img-box7 .img-label0, .product .sgypm910z .prod-main2 .img-box7 .img-label0 { left: 289px; top: 11px; }

.product .sgypm910h2 .prod-main2 .img-box7 .img-label1, .product .sgypm910v .prod-main2 .img-box7 .img-label1, .product .sgypm910z .prod-main2 .img-box7 .img-label1 { left: 226px; top: 438px; }

.product .sgypm910h2 .prod-main2 .img-box7 .img-label2, .product .sgypm910v .prod-main2 .img-box7 .img-label2, .product .sgypm910z .prod-main2 .img-box7 .img-label2 { left: 400px; top: 300px; }

.product .sgypm910h2 .prod-main9 .img-box, .product .sgypm910v .prod-main9 .img-box, .product .sgypm910z .prod-main9 .img-box { text-align: center; }

.product .sgypm910h2 .prod-main9 h2, .product .sgypm910v .prod-main9 h2, .product .sgypm910z .prod-main9 h2 { margin-bottom: 10px; }

.product .sgypm910h2 .prod-main9 .img-box2, .product .sgypm910h2 .prod-main9 .img-box3, .product .sgypm910v .prod-main9 .img-box2, .product .sgypm910v .prod-main9 .img-box3, .product .sgypm910z .prod-main9 .img-box2, .product .sgypm910z .prod-main9 .img-box3 { margin: 0 15px; }

.product .sgypm910v .prod-main2 .img-box7 .img-label0, .product .sgypm910z .prod-main2 .img-box7 .img-label0 { left: 289px; top: -8px; }

.product .sgypm910v .prod-main2 .img-box3 .sub-img-box-label, .product .sgypm910z .prod-main2 .img-box3 .sub-img-box-label { margin-left: -20px; margin-right: -20px; }

.product .sgypm910hlr .img-box, .product .sgypm910vlr .img-box, .product .sgypm910zlr .img-box { text-align: center; }

.product .sgypm910hlr .img-box p, .product .sgypm910vlr .img-box p, .product .sgypm910zlr .img-box p { padding-bottom: 20px; }

.product .sgypm910hlr .prod-main0 .img-box-wrap, .product .sgypm910vlr .prod-main0 .img-box-wrap, .product .sgypm910zlr .prod-main0 .img-box-wrap { border-top: 1px solid #ccc; }

.product .sgypm910hlr .prod-main0 .img-box h2, .product .sgypm910vlr .prod-main0 .img-box h2, .product .sgypm910zlr .prod-main0 .img-box h2 { line-height: 1.1; }

.product .sgypm910hlr .prod-main0 .img-box-h-sub, .product .sgypm910vlr .prod-main0 .img-box-h-sub, .product .sgypm910zlr .prod-main0 .img-box-h-sub { display: block; font-size: 15px; }

.product .sgypm910hlr .prod-main0 .img-box0, .product .sgypm910vlr .prod-main0 .img-box0, .product .sgypm910zlr .prod-main0 .img-box0 { border-right: 1px solid #ccc; }

.product .sgypm910hlr .prod-main3 .img-box, .product .sgypm910vlr .prod-main3 .img-box, .product .sgypm910zlr .prod-main3 .img-box { position: relative; }

.product .sgypm910hlr .prod-main3 .img-label, .product .sgypm910vlr .prod-main3 .img-label, .product .sgypm910zlr .prod-main3 .img-label { width: 400px; margin-left: -200px; position: absolute; text-align: center; }

.product .sgypm910hlr .prod-main3 .img-label0, .product .sgypm910vlr .prod-main3 .img-label0, .product .sgypm910zlr .prod-main3 .img-label0 { left: 229px; top: 514px; }

.product .sgypm910hlr .prod-main3 .img-label1, .product .sgypm910vlr .prod-main3 .img-label1, .product .sgypm910zlr .prod-main3 .img-label1 { left: 612px; top: 302px; }

.product .sgypm910hlr .prod-main3 .img-label2, .product .sgypm910vlr .prod-main3 .img-label2, .product .sgypm910zlr .prod-main3 .img-label2 { left: 723px; top: 783px; }

.product .sgypm910hlr .prod-main4 .img-box p, .product .sgypm910vlr .prod-main4 .img-box p, .product .sgypm910zlr .prod-main4 .img-box p { text-align: right; }

.product .prod-main-combi { background: #eee; }

.product .prod-main-combi p { padding-bottom: 10px; }

.product .prod-main-combi h3 { padding-bottom: 20px; }

.product .prod-main-combi .img-box-wrap1 { border-top: 2px solid #fff; }

.product .prod-main-combi .img-box-wrap1 .img-box { width: 315px; display: inline-block; padding-top: 20px; }

.product .prod-main-combi .img-box-wrap1 .img-box p { padding: 20px 20px 10px; text-align: left; }

.product .prod-main-combi .img-box-wrap1 .img-box1, .product .prod-main-combi .img-box-wrap1 .img-box2 { border-right: 2px solid #fff; }

.product .sgypm910vlr .prod-main-combi h3 + .h-note, .product .sgypm910zlr .prod-main-combi h3 + .h-note { color: #999; padding-top: 0; }

.product .cyclosphere .prod-himg-banner { margin-top: 10px; }

.product .cyclosphere .prod-himg-banner a { display: block; background: url(../img/jp/cyclosphere/banner_bg.png) no-repeat; height: 89px; width: 471px; font-weight: bold; font-size: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 89px; text-align: center; padding-left: 60px; }

.product .cyclosphere .prod-himg-banner a:link, .product .cyclosphere .prod-himg-banner a:visited { color: #fff; text-decoration: none; }

.product .cyclosphere .prod-himg-banner a:hover { opacity: 0.85; }

.product .cyclosphere .prod-main8 .img-box { text-align: center; }

.product .cyclosphere .prod-main8 .img-box h3 { font-size: 15px; }

.product .cyclosphere .prod-main8 .img-box0 { width: 100%; }

.product .cyclosphere .prod-main8 .img-box1, .product .cyclosphere .prod-main8 .img-box2, .product .cyclosphere .prod-main8 .img-box3 { padding: 6px; }

.product .cyclosphere .prod-main10 { border-bottom: 0; }

.product .cyclosphere .prod-himg-nav ul { border-left: 0; }

.product .cyclosphere .prod-main-iphone .img-box-wrap { margin-left: -14px; margin-right: -14px; }

.product .cyclosphere .prod-main-iphone .img-box { border: 14px solid transparent; }

.product .cyclosphere .prod-main-iphone .img-label { text-align: center; font-size: 15px; }

.product .cyclosphere .prod-main-iphone2 .img-box-wrap { margin-left: -14px; margin-right: -14px; }

.product .cyclosphere .prod-main-iphone2 .img-box { border: 14px solid transparent; }

.product .cyclosphere .prod-main-iphone2 .img-label { text-align: center; font-size: 15px; }

.product .cyclosphere .prod-main-iphone2 .icons { margin-right: -8.5%; }

.product .cyclosphere .prod-main-iphone2 .icons li { float: left; width: 25%; position: relative; }

.product .cyclosphere .prod-main-iphone2 .icons li span { display: block; padding: 2px 0 32px 32px; }

.product .cyclosphere .prod-main-iphone2 .icons li img { position: absolute; left: 0; top: 0; }

.product .cyclosphere .prod-main-iphone2 .icons li.clear { clear: left; }

.product .cyclosphere .prod-main-new1 .img-box img { border-bottom: none; }

.product .cyclosphere .prod-main-new1 .img-label { margin-bottom: 40px; }

.product .cyclosphere .prod-main-new1 .img-label0 { padding-left: 175px; }

.product .cyclosphere .prod-main-new1 .img-label1 { padding-left: 182px; }

.product .cyclosphere .prod-main-new0 .img-label { font-size: 15px; text-align: center; }

.product .cyclosphere .prod-main-new0 .img-box0 { display: block; text-align: center; padding-bottom: 20px; }

.product .cyclosphere .prod-main-new0 .img-box1 { margin-right: 30px; }

.product .cyclosphere .prod-main6u .img-label { font-size: 15px; text-align: center; padding-bottom: 6px; }

.product .cyclosphere .prod-main9u .img-box { position: relative; }

.product .cyclosphere .prod-main9u .img-label { color: #af1b3d; text-align: center; position: absolute; width: 400px; margin-left: -200px; line-height: 1.3; }

.product .cyclosphere .prod-main9u .img-label0 { left: 118px; top: 0; }

.product .cyclosphere .prod-main9u .img-label1 { left: 249px; top: 61px; }

.product .cyclosphere .prod-main9u .img-label2 { left: 439px; top: 30px; }

.product .cyclosphere .prod-main9u .img-label3 { left: 249px; top: 268px; }

.product .cyclosphere .prod-main9u .img-label4 { left: 118px; top: 327px; }

.product .cyclosphere .prod-main9u .img-label5 { left: 118px; top: 476px; }

.product .cyclosphere .prod-main9u .img-label6 { left: 438px; top: 226px; }

.product .cyclosphere .prod-main9u .img-label7 { left: 613px; top: 263px; }

.product .cyclosphere .prod-main9u .img-label8 { left: 613px; top: 455px; }

.product .cyclosphere .prod-main9u .img-label9 { left: 784px; top: 232px; }

.product .cyclosphere .prod-main9u-v2 .img-label0 { left: 150px; top: 0; }

.product .cyclosphere .prod-main9u-v2 .img-label1 { left: 281px; top: 50px; }

.product .cyclosphere .prod-main9u-v2 .img-label2 { left: 472px; top: 0; }

.product .cyclosphere .prod-main9u-v2 .img-label3 { left: 278px; top: 406px; }

.product .cyclosphere .prod-main9u-v2 .img-label4 { left: 150px; top: 283px; }

.product .cyclosphere .prod-main9u-v2 .img-label5 { left: 150px; top: 466px; }

.product .cyclosphere .prod-main9u-v2 .img-label6 { left: 475px; top: 331px; }

.product .cyclosphere .prod-main9u-v2 .img-label7 { left: 645px; top: 417px; }

.product .cyclosphere .prod-main9u-v2 .img-label8 { display: none; }

.product .cyclosphere .prod-main9u-v2 .img-label9 { left: 850px; top: 236px; }

.product .cyclosphere .prod-main0u .img-label { text-align: center; font-size: 15px; margin-top: 20px; }

.product .cyclosphere .prod-main0u .img-label h3 { font-weight: bold; }

.product .cyclosphere .prod-main0u .img-box1 .img-wrap, .product .cyclosphere .prod-main0u .img-box2 .img-wrap { width: 628px; margin: 0 auto; }

.product .cyclosphere .prod-main0u .img-box1 .img-label1, .product .cyclosphere .prod-main0u .img-box2 .img-label1 { color: #af1b3d; text-align: left; }

.product .prod-contents { background: #000; clear: left; }

.product .prod-contents h1 { background-repeat: no-repeat; height: 45px; }

.product .prod-contents h1 span { visibility: hidden; }

.jp .product .prod-contents h1 { background-image: url("../img/jp/prod_cont_h.png"); }

.us-en .product .prod-contents h1 { background-image: url("../img/us-en/prod_cont_h.png"); }

.fr .product .prod-contents h1 { background-image: url("../img/fr/prod_cont_h.png"); }

.nl .product .prod-contents h1 { background-image: url("../img/nl/prod_cont_h.png"); }

.it .product .prod-contents h1 { background-image: url("../img/it/prod_cont_h.png"); }

.de .product .prod-contents h1 { background-image: url("../img/de/prod_cont_h.png"); }

.ch .product .prod-contents h1 { background-image: url("../img/ch/prod_cont_h.png"); }

.product .prod-contents .carousel li em { height: 29px; }

.product .prod-contents .carousel li em .lines2 { *top: -7px; margin-top: -7px; }

.product .prod-contents .carousel-next { background: url("../img/prod_cont_next.png") left top no-repeat; }

.product .prod-contents .carousel-prev { background: url("../img/prod_cont_prev.png") right top no-repeat; }

.prod-sys { padding-bottom: 60px; }

.prod-sys h1 { background-repeat: no-repeat; height: 76px; }

.prod-sys h1 span { visibility: hidden; }

.jp .prod-sys h1 { background-image: url("../img/jp/prod_sys_h.png"); }

.us-en .prod-sys h1 { background-image: url("../img/us-en/prod_sys_h.png"); }

.fr .prod-sys h1 { background-image: url("../img/fr/prod_sys_h.png"); }

.nl .prod-sys h1 { background-image: url("../img/nl/prod_sys_h.png"); }

.it .prod-sys h1 { background-image: url("../img/it/prod_sys_h.png"); }

.de .prod-sys h1 { background-image: url("../img/de/prod_sys_h.png"); }

.ch .prod-sys h1 { background-image: url("../img/ch/prod_sys_h.png"); }

.prod-sys ul { width: 1014px; }

.prod-sys li { width: 453px; border-right: 54px solid transparent; float: left; padding-bottom: 22px; position: relative; }

.prod-sys li > img.mode-border { border-bottom: 1px solid #000; }

.prod-sys strong { font-weight: bold; margin: 8px 0 5px; display: block; }

.prod-sys a { display: block; width: 100%; height: 100%; position: absolute; z-index: 5; left: 0; top: 0; }

.prod-sys a span { display: block; position: absolute; bottom: 0; left: 0; }

.prod-sys a:hover { opacity: 0.8; }

.prod-sys .prod-sys-note { font-size: smaller; }

.prod-spec { padding-bottom: 30px; }

.prod-spec ul { margin-bottom: 18px; }

.prod-spec ul li { list-style-type: disc; margin-left: 18px; }

.prod-spec .spec-wrap { width: 634px; margin: 0 auto 60px; }

.prod-spec .spec-box-h { margin-left: -30px; }

body.prod #ft .content_box { width: auto; margin-right: 57px; }

.prod-index { min-height: 500px; }

.prod-index .prod-index-header { padding: 20px 0; }

.prod-index .prod-index-list li.box { width: 328px; float: left; padding-bottom: 30px; }

.prod-index .prod-index-list li.box.row-last { width: 303px; }

.prod-index .prod-index-list li.box.row-first { clear: left; }

.prod-index .prod-index-list li.box a img { border-style: solid; border-color: transparent; border-width: 2px; }

.prod-index .prod-index-list li.box a:hover img { border-color: #af1b3d; }

.prod-index .prod-index-list li.box li { list-style-type: disc; margin-left: 1.5em; }

.prod-index .prod-index-list li.box h2 { font-weight: bold; }

.prod-index .index-note { padding: 60px 0; clear: left; font-size: 11px; }

#optionCa500 .spec-image2 h3 { width: 186px; text-align: center; margin-left: -28px; }

#optionCa500 .spec-image2 .img-box { position: relative; width: 186px; float: left; }

#optionCa500 .spec-image2 .img-label { position: absolute; }

#optionCa500 .spec-image2 .img-label0 { left: 65px; top: -2px; width: 300px; margin-left: -150px; text-align: center; }

#optionCa500 .spec-image2 .img-label1 { left: 103px; top: 60px; }

#optionCa500 .spec-image2 .desc { width: 277px; float: left; }

.product-h2 { padding-top: 125px; }

body.jp .product-h2, body.ch .product-h2 { padding-top: 0; clear: left; }

.product-compare h1 span { font-size: 24px; font-weight: bold; }

.product-compare span.mode-red { color: #af1b3d; }

.product-compare-print { text-align: right; }

.product-compare-print a img { vertical-align: middle; }

.product-compare-table table { width: 100%; margin-top: 20px; border-top: 2px solid #000; border-bottom: 2px solid #000; }

.product-compare-table th { width: 135px; border-bottom: 1px solid #ccc; text-align: right; padding: 5px 8px 5px 0; }

.product-compare-table th.empty { border-bottom: 0; }

.product-compare-table th.full { border-top: 2px solid #000; background: #eee; text-align: center; padding: 5px; }

.product-compare-table td { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; padding: 5px 0; }

.product-compare-table.mode-ca th { width: 160px; }

.cyclosphere .prod-main-assist .h-sub, .sgxca500 .prod-main-assist .h-sub, .sgypm910h2 .prod-main-assist .h-sub, .sgypm910hlr .prod-main-assist .h-sub, .sgypm910v .prod-main-assist .h-sub, .sgypm910vlr .prod-main-assist .h-sub, .sgypm910z .prod-main-assist .h-sub, .sgypm910zlr .prod-main-assist .h-sub { margin-bottom: 30px; }

.cyclosphere .prod-main-assist .img-box-wrap, .sgxca500 .prod-main-assist .img-box-wrap, .sgypm910h2 .prod-main-assist .img-box-wrap, .sgypm910hlr .prod-main-assist .img-box-wrap, .sgypm910v .prod-main-assist .img-box-wrap, .sgypm910vlr .prod-main-assist .img-box-wrap, .sgypm910z .prod-main-assist .img-box-wrap, .sgypm910zlr .prod-main-assist .img-box-wrap { margin-bottom: 70px; margin-left: -30px; margin-right: -30px; }

.cyclosphere .prod-main-assist .img-box-wrap-example img, .sgxca500 .prod-main-assist .img-box-wrap-example img, .sgypm910h2 .prod-main-assist .img-box-wrap-example img, .sgypm910hlr .prod-main-assist .img-box-wrap-example img, .sgypm910v .prod-main-assist .img-box-wrap-example img, .sgypm910vlr .prod-main-assist .img-box-wrap-example img, .sgypm910z .prod-main-assist .img-box-wrap-example img, .sgypm910zlr .prod-main-assist .img-box-wrap-example img { border-bottom: none; }

.cyclosphere .prod-main-assist .img-box-wrap-example .img-label, .sgxca500 .prod-main-assist .img-box-wrap-example .img-label, .sgypm910h2 .prod-main-assist .img-box-wrap-example .img-label, .sgypm910hlr .prod-main-assist .img-box-wrap-example .img-label, .sgypm910v .prod-main-assist .img-box-wrap-example .img-label, .sgypm910vlr .prod-main-assist .img-box-wrap-example .img-label, .sgypm910z .prod-main-assist .img-box-wrap-example .img-label, .sgypm910zlr .prod-main-assist .img-box-wrap-example .img-label { text-align: center; padding-bottom: 1em; }

.cyclosphere .prod-main-assist .img-box, .sgxca500 .prod-main-assist .img-box, .sgypm910h2 .prod-main-assist .img-box, .sgypm910hlr .prod-main-assist .img-box, .sgypm910v .prod-main-assist .img-box, .sgypm910vlr .prod-main-assist .img-box, .sgypm910z .prod-main-assist .img-box, .sgypm910zlr .prod-main-assist .img-box { margin: 0 43px; width: 250px; text-align: center; }

.cyclosphere .prod-main-assist .img-box h3, .sgxca500 .prod-main-assist .img-box h3, .sgypm910h2 .prod-main-assist .img-box h3, .sgypm910hlr .prod-main-assist .img-box h3, .sgypm910v .prod-main-assist .img-box h3, .sgypm910vlr .prod-main-assist .img-box h3, .sgypm910z .prod-main-assist .img-box h3, .sgypm910zlr .prod-main-assist .img-box h3 { font-size: 26px; }

.cyclosphere .prod-main-assist .img-box img, .sgxca500 .prod-main-assist .img-box img, .sgypm910h2 .prod-main-assist .img-box img, .sgypm910hlr .prod-main-assist .img-box img, .sgypm910v .prod-main-assist .img-box img, .sgypm910vlr .prod-main-assist .img-box img, .sgypm910z .prod-main-assist .img-box img, .sgypm910zlr .prod-main-assist .img-box img { margin-bottom: 17px; }

.cyclosphere .prod-main-assist .img-box .img-label, .sgxca500 .prod-main-assist .img-box .img-label, .sgypm910h2 .prod-main-assist .img-box .img-label, .sgypm910hlr .prod-main-assist .img-box .img-label, .sgypm910v .prod-main-assist .img-box .img-label, .sgypm910vlr .prod-main-assist .img-box .img-label, .sgypm910z .prod-main-assist .img-box .img-label, .sgypm910zlr .prod-main-assist .img-box .img-label { font-size: 15px; white-space: nowrap; margin-left: -20px; margin-right: -20px; }

.cyclosphere .prod-main-assist .g-arrow-link, .sgxca500 .prod-main-assist .g-arrow-link, .sgypm910h2 .prod-main-assist .g-arrow-link, .sgypm910hlr .prod-main-assist .g-arrow-link, .sgypm910v .prod-main-assist .g-arrow-link, .sgypm910vlr .prod-main-assist .g-arrow-link, .sgypm910z .prod-main-assist .g-arrow-link, .sgypm910zlr .prod-main-assist .g-arrow-link { min-width: 600px; }

.prod-main-crank .img-box-wrap { margin-left: -8px; margin-right: -8px; padding-bottom: 80px; }

.prod-main-crank .img-box { margin: 0 8px; text-align: center !important; }

.prod-crank-table { width: 825px; margin: 0 auto; padding-bottom: 50px; padding-top: 30px; }

.prod-crank-table table { width: 100%; }

.prod-crank-table thead th { text-align: center; font-weight: bold; background: #eee; border: 1px solid #ddd; padding: 8px 0; }

.prod-crank-table tbody td, .prod-crank-table tbody th { border: 1px solid #ddd; padding: 15px 7px; }

.prod-crank-table tbody th { text-align: center; white-space: nowrap; }

.prod-crank-table .prod-crank-note { padding-top: 18px; }

.prod-cranks { padding-bottom: 40px; }

.prod-cranks .img-box { margin: 0.4px; padding-bottom: 12px; }

.prod-cranks table { width: 100%; }

.prod-cranks table thead th { line-height: 1.7; border-top: 1px solid #ddd; border-bottom: 1px solid #999; width: 50%; padding: 18px 0; text-align: center; font-size: 14px; vertical-align: top; }

.prod-cranks table thead th strong { font-weight: bold; }

.prod-cranks table thead th.prod-cranks-r { border-left: 1px solid #ddd; }

.prod-cranks table tbody td { vertical-align: top; }

.prod-cranks table tbody td .img-box-wrap { text-align: left !important; }

.prod-cranks table tbody td .img-box-wrap .img-box { text-align: center !important; }

.prod-cranks table tbody td.prod-cranks-r { border-left: 1px solid #ddd; padding-left: 80px; }

.prod-cranks table tbody td.prod-cranks-r .img-box { padding-bottom: 22px; }

.prod-cranks-note { padding-top: 2em; text-align: center; }

.sgxca500 .prod-main-assist .img-box-wrap { margin-left: -15px; margin-right: -15px; }

.sgxca500 .prod-main-assist .img-box { margin: 0 15px; width: 209px; text-align: left; }

.sgxca500 .prod-main-assist .img-box-wrap + .g-arrow-link-wrap { padding-top: 0; padding-bottom: 70px; }

.prod-progress-box { padding: 12px 0 30px; }

.prod-progress-box .updt { display: block; margin: 30px 0 20px; }

.prod-progress-box .updt span { background: #af1b3d; color: #fff; font-size: 10px; font-weight: bold; padding: 5px 7px; }

.prod-progress-box .img-box { border-left: 12px solid transparent; border-right: 12px solid transparent; text-align: center !important; }

.prod-progress-box .g-arrow-link-wrap { padding-top: 20px; }

.prod-main-batteryalert .img-box { text-align: center !important; }

.prod-action { text-align: center; padding: 20px 0 100px; }

.prod-action-btn { display: block; background: #b7183f; font-weight: bold; font-size: 18px; padding: 18px 0; }

.prod-action-btn:link, .prod-action-btn:visited { color: #fff; text-decoration: none; }

.prod-action-btn:hover { opacity: 0.85; }

.prod-action-btn img { vertical-align: middle; }

.prod-h-example { font-size: 18px !important; margin-bottom: 15px !important; }

.prod-progress-h-when { display: block; color: #b7183f; font-size: 14px; font-weight: bold; margin-bottom: 18px; }

.prod-progress-h-main { display: inline-block; color: #000; border-left: 1px solid #000; border-right: 1px solid #000; font-weight: bold; font-size: 18px; padding-left: 12px; padding-right: 12px; }

.cyclosphere .prod-main-assist0 .prod-main-embed { margin-bottom: 60px; }

.cyclosphere .prod-main-assist0 .h-sub + .g-arrow-link-wrap { padding-top: 0; padding-bottom: 70px; }

.cyclosphere .prod-main-assist { border-bottom: none; }

.cyclosphere .prod-main-assist-step { border-bottom: none; }

.cyclosphere .prod-main-assist-step .content_box { border-top: 1px solid #ccc; padding-top: 40px; }

.cyclosphere .prod-main-assist-step p { font-size: 15px; }

.cyclosphere .prod-main-assist-step p strong { font-weight: bold; }

.cyclosphere .prod-main-assist-step .hpre-label, .cyclosphere .prod-main-assist-step .hpre-step { display: inline-block; font-size: 18px; border: 1px solid #b7183f; padding: 1px 20px; }

.cyclosphere .prod-main-assist-step .hpre-step { background: #b7183f; color: #fff; }

.cyclosphere .prod-main-assist-step .hpre-label { color: #b7183f; padding: 1px 15px; }

.cyclosphere .prod-main-assist-step .h { display: block; padding: 25px 0 10px; font-size: 30px; }

.cyclosphere .prod-main-assist-step .desc { position: relative; min-height: 263px; padding-right: 500px; }

.cyclosphere .prod-main-assist-step .desc img { position: absolute; right: 0; top: 0; }

.cyclosphere .prod-main-assist-step h2 { text-align: left; font-size: 15px; }

.cyclosphere .prod-main-assist-step h2 span { display: inline-block; color: #fff; background: #000; padding: 3px 13px; }

.cyclosphere .prod-main-assist-step h3 { font-weight: bold; font-size: 15px; padding-bottom: 10px; }

.cyclosphere .prod-main-assist-step .box-wrap { margin-left: -15px; margin-right: -15px; padding-top: 20px; }

.cyclosphere .prod-main-assist-step .box-wrap:after { content: "."; display: block; height: 0; overflow: hidden; clear: both; }

.cyclosphere .prod-main-assist-step .box { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left; padding: 15px; }

.cyclosphere .prod-main-assist-step .box h4 { font-size: 15px; border: 1px solid #b7183f; padding: 3px 13px; text-align: center; color: #b7183f; margin-bottom: 15px; }

.cyclosphere .prod-main-assist-step .box0 h4 { color: #fff; background: #b7183f; }

.cyclosphere .prod-main-assist-step h4.example { font-size: 17px; font-weight: bold; color: #b7183f; padding: 3px 13px; background: #f1f1f1; margin-top: 40px; margin-bottom: 30px; text-align: center; }

.cyclosphere .prod-main-assist-step .img-box-wrap { margin-top: 40px; margin-bottom: 40px; }

.cyclosphere .prod-main-assist-step .img-label { font-size: 15px; }

.cyclosphere .prod-main-assist1 .img-box-wrap, .cyclosphere .prod-main-assist2 .img-box-wrap { margin-left: -20px; margin-right: -20px; }

.cyclosphere .prod-main-assist1 .img-box, .cyclosphere .prod-main-assist2 .img-box { margin: 0 20px; }

.cyclosphere .prod-main-assist2 .img-box-wrap + .g-arrow-link-wrap { padding-top: 0; padding-bottom: 70px; }

.cyclosphere .prod-main-assist3 { border-bottom: 1px solid #ccc; }

.cyclosphere .prod-main-assist3 .img-box { display: block; position: relative; min-height: 448px; margin-bottom: 30px; }

.cyclosphere .prod-main-assist3 .img-box .img-label { padding-right: 500px; }

.cyclosphere .prod-main-assist3 .img-box h5 { font-size: 15px; color: #fff; background: #b7183f; padding: 3px 13px; margin-bottom: 20px; text-align: center; }

.cyclosphere .prod-main-assist3 .img-box h6 { margin-top: 40px; font-weight: bold; margin-bottom: 14px; }

.cyclosphere .prod-main-assist3 .img-box h6 .updt { display: inline-block; background: #af1b3d; padding: 3px 6px; color: #fff; font-size: 12px; font-weight: bold; }

.cyclosphere .prod-main-assist3 .img-box .img-box-img { position: absolute; right: 0; top: 0; }

.cyclosphere .prod-main-assist3 .img-box .img-box-img-caption { padding-left: 90px; font-size: 12px; }

.cyclosphere .prod-main-assist3 .img-box3 { min-height: 490px; }

.sgypk5091S5870gl .prod-himg, .sgypk91S5870gl .prod-himg, .sgypw510a .prod-himg, .jp .cyclosphere .prod-himg, .cyclosphereapp .prod-himg { height: auto; background: #f1f1f1 url("../img/prod_himg_bg_top.png") repeat-x; }

.sgypk5091S5870gl .prod-himg .prod-himg-desc, .sgypk91S5870gl .prod-himg .prod-himg-desc, .sgypw510a .prod-himg .prod-himg-desc, .jp .cyclosphere .prod-himg .prod-himg-desc, .cyclosphereapp .prod-himg .prod-himg-desc { position: static; padding: 30px 0 30px 471px; }

.sgypk5091S5870gl .prod-himg:after, .sgypk91S5870gl .prod-himg:after, .sgypw510a .prod-himg:after, .jp .cyclosphere .prod-himg:after, .cyclosphereapp .prod-himg:after { content: ""; position: absolute; width: 100%; height: 10px; left: 0; bottom: 0; background: #f1f1f1 url("../img/prod_himg_bg_bottom.png") repeat-x; }

.sgypk5091S5870gl .prod-main0 .img-box { display: block; text-align: center; }

.sgypm910vlr .prod-himg, .sgypm910zlr .prod-himg { height: 446px; background: #f1f1f1 url("../img/prod_himg_bg_top.png") repeat-x; }

.sgypm910vlr .prod-himg:after, .sgypm910zlr .prod-himg:after { content: ""; position: absolute; width: 100%; height: 10px; left: 0; bottom: 0; background: #f1f1f1 url("../img/prod_himg_bg_bottom.png") repeat-x; }

.cyclosphereapp .prod-himg .prod-himg-desc { top: 32px; }

.cyclosphereapp .prod-himg-nav ul { border-left: 0; }

.prod-app-link { display: inline-block; margin-top: 30px; }

.prod-app-main { border-bottom: 1px solid #000 !important; margin-top: 80px; }

.prod-main-analyze { margin-top: 0; }

.prod-app-boxes { margin-bottom: 80px; margin-top: 80px; }

.prod-app-boxes:after { content: ""; clear: both; display: table; }

.prod-app-boxes.mode-pink { background: #f5b7c5; }

.prod-app-box { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 35px; padding-right: 35px; float: left; position: relative; }

.prod-app-box + .prod-app-box { text-align: right; }

.prod-app-box.mode-center { text-align: center; }

.prod-app-box-h { font-size: 28px !important; text-align: left !important; margin-top: 0 !important; }

.prod-app-box-subh { font-size: 24px; font-weight: bold; text-align: left; color: #000; margin-bottom: 40px; }

.prod-app-box-subh-sub { display: block; color: #b7183f; font-size: 16px !important; text-align: left; }

.prod-app-box-desc { font-size: 16px !important; text-align: left; line-height: 1.75; }

.prod-app-box-list { font-size: 16px; list-style-type: disc; list-style-position: outside; margin-left: 1.5em; }

.prod-app-box-list-item { margin-bottom: 1.5em; }

.prod-app-box-img-wide { max-width: 450px; }

.prod-app-img-h { font-size: 24px; color: #000; text-align: center; margin-bottom: 30px; }

.prod-app-img { position: relative; }

.prod-app-img.mode-graph { margin-bottom: 70px; }

.prod-app-img.mode-wo { margin-bottom: 200px; }

.prod-app-img.mode-seg { margin-bottom: 160px; }

.prod-app-label { position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.prod-app-label.mode-sec1 { width: 160px; top: 572px; left: 243px; text-align: center; }

.prod-app-label.mode-sec2 { width: 160px; top: 572px; left: 378px; text-align: center; }

.prod-app-label.mode-graph1 { width: 160px; top: 265px; left: 136px; }

.prod-app-label.mode-graph2 { width: 160px; top: 265px; left: 283px; }

.prod-app-label.mode-graph3 { width: 160px; top: 265px; left: 136px; }

.prod-app-label.mode-graph4 { width: 160px; top: 265px; left: 304px; }

.prod-app-label.mode-wo1 { width: 220px; top: 434px; left: 128px; }

.prod-app-label.mode-wo2 { width: 220px; top: 434px; left: 372px; }

.prod-app-label.mode-wo3 { width: 450px; top: 434px; left: 731px; }

.prod-app-label.mode-seg1 { width: 200px; left: 127px; top: 700px; }

.prod-app-label.mode-seg2 { width: 200px; left: 367px; top: 700px; }

.prod-app-label.mode-seg3 { width: 450px; left: 730px; top: 438px; }

.prod-app-label.mode-seg4 { width: 450px; left: 730px; top: 1020px; }

.prod-app-label-h { color: #000; text-align: center; margin-bottom: 0.8em; font-weight: bold; font-size: 14px; }

.prod-app-label-h.mode-caption { font-size: 16px !important; margin-bottom: 10px !important; color: #666; font-weight: normal !important; }

.prod-app-label-desc { font-size: 14px; }

.prod-app-notes { margin-bottom: 50px; list-style-type: disc; list-style-position: inside; }

.prod-910z-img-box { text-align: center; }

.prod-910z-img-subbox { vertical-align: top; display: inline-block; margin: 0 15px; }

.prod-910z-desc.mode-strong { color: #b7183f; }

.prod-910z-desc.mode-strong strong { font-weight: bold; }

.prod-910z-main-sprint .subh { font-weight: bold; color: #000; font-size: 20px !important; }

.prod-910z-main-sprint .subhsub { font-size: 18px; text-align: center; margin-bottom: 1em; }

.prod-910z-main-sprint .img-box { margin-bottom: 40px; text-align: center !important; display: block !important; }

.prod-910z-main-sprint .img-box-wrap:after { display: table; content: ""; clear: both; }

.prod-910z-main-sprint .img-box-wrap h3 { font-size: 18px; text-align: center; width: 50%; float: left; margin-bottom: 12px; }

.prod-910z-main-sprint .img-box-wrap .img-box { clear: left; font-size: 16px; position: relative; padding-bottom: 80px; }

.prod-910z-main-sprint .img-box-wrap .img-box-label { position: absolute; text-align: center; width: 300px; margin-left: -150px; top: 437px; }

.prod-910z-main-sprint .img-box-wrap .img-box-label.mode-1 { left: 251px; }

.prod-910z-main-sprint .img-box-wrap .img-box-label.mode-2 { left: 538px; }

.prod-910z-main-sprint .img-box-wrap .img-box-label.mode-3 { left: 802px; }

.prod-910z-main-sprint .note-list-item { font-size: 16px; position: relative; padding-left: 20px; margin-bottom: 0.3em; }

.prod-910z-main-sprint .note-list-item:before { content: "※"; position: absolute; left: 0; top: 0; }

.prod-main-910zlr-3 .note { text-align: right; margin-top: 30px; }

.sgypw510a .prod-himg .prod-himg-desc h2 { height: auto; padding-bottom: 5px; border-bottom: 1px solid #666; }

.sgypw510a .prod-himg .prod-himg-desc h2 img { position: static; }

.sgypw510a .prod-himg .prod-himg-desc p em { display: block; font-weight: bold; color: #b7183f; margin-top: 5px; }

.sgypw510a .prod-himg .prod-himg-desc .banner { text-align: right; }

.sgypw510a .prod-himg .prod-himg-desc .table-wrap { margin-top: 12px; }

.sgypw510a .prod-himg .prod-himg-desc .table-wrap strong { font-weight: bold; }

.sgypw510a .prod-himg .prod-himg-desc .table-wrap table { border-top: 1px solid #666; }

.sgypw510a .prod-himg .prod-himg-desc .table-wrap th, .sgypw510a .prod-himg .prod-himg-desc .table-wrap td { border-bottom: 1px solid #666; padding: 5px 0; }

.sgypw510a .prod-himg .prod-himg-desc .table-wrap th { white-space: nowrap; padding-right: 2em; }

.pedal-h { background: #000; height: 355px; overflow: hidden; }

body.pedal p { font-size: 15px; }

body.pedal h1 { font-size: 34px; }

body.pedal h2 { font-size: 19px; font-weight: bold; padding: 0 0 18px; }

body.pedal #hIntro { padding-top: 70px; }

body.pedal #hIntro h1 { font-size: 19px; padding-bottom: 18px; padding-top: 18px; }

body.pedal .spec-table p { font-size: 13px; }

#pFeature h1 { padding: 44px 0 36px; }

#pFeature .box1 { width: 471px; float: left; padding-bottom: 18px; }

#pFeature .box1 .wrap { width: 407px; }

#pFeature .box1 p, #pFeature .box1 h2 { padding-right: 1em; }

#pFeature .box2 { padding-bottom: 30px; float: left; }

#pFeature .box2 .mov { margin-bottom: 20px; }

#pFeature .box2 .fig { width: 450px; height: 280px; position: relative; }

#pFeature .box2 .fig ol { position: absolute; left: 330px; width: 300px; bottom: 20px; }

#pPro h1 { padding: 44px 0 36px; }

#pPro .box1 { width: 421px; float: left; padding-bottom: 40px; }

#pPro .box2 { width: 538px; float: left; }

#pPro .caption { font-family: Helvetica,Arial,sans-serif; }

#pPro .caption span { display: block; }

#pPro .caption .pos { color: #af1b3d; }

#pPro .caption .name { font-size: 17px; font-weight: bold; }

#pTech .box1 { padding: 44px 0; width: 505px; float: left; }

#pTech .box1 h1 { padding-bottom: 30px; }

#pTech .box1 h2 { padding-bottom: 18px; }

#pTech .box1 .wrap { width: 473px; }

#pTech .box1 p { padding-bottom: 10px; }

#pTech .box2 { padding: 44px 0; width: 450px; float: left; }

#pTech .tech-cyclo-sample a:hover img { opacity: 0.9; }

#pCyclo { border-top: 2px solid #eee; }

#pCyclo .content_box { border-top: 2px solid #af1b3d; margin-top: -2px; }

#pCyclo h1 { padding-bottom: 54px; font-size: 19px; font-weight: bold; color: #af1b3d; }

#pCyclo .info { padding-bottom: 80px; }

#pCycloImgs .imgs { position: relative; width: 858px; height: 630px; margin: 0 auto 20px; }

#pCycloImgs .imgs img { position: absolute; }

#pCycloImgs .imgs img.hidden { display: none; }

#pCycloImgs .imgs a { position: absolute; display: block; cursor: pointer; z-index: 99; background-image: url("../img/blank.gif"); }

#pCycloImgs .imgs a.img1 { width: 303px; height: 256px; top: 61px; left: 7px; }

#pCycloImgs .imgs a.img2 { width: 440px; height: 284px; top: 42px; left: 407px; }

#pCycloImgs .imgs a.img3 { width: 445px; height: 20px; top: 450px; left: 407px; }

#pCycloImgs .imgs a.img4 { width: 431px; height: 150px; top: 471px; left: 416px; }

.fr #pCycloImgs .imgs { height: 659px; }

.fr #pCycloImgs .imgs a.img3 { top: 479px; }

.fr #pCycloImgs .imgs a.img4 { top: 500px; }

#pSpec .spec { width: 908px; margin: 40px 0 0 26px; font-size: 12px; }

#pSpec .spec ul.desc { padding-right: 2em; padding-bottom: 2.5em; }

body.en #pSpec .spec ul.desc { height: 142px; }

#pSpec .spec ul.desc li { background: url(../img/p_spec_dot.png) 0 3px no-repeat; padding-left: 16px; padding-bottom: 4px; }

#pSpec .spec p.foot { padding-bottom: 5em; }

#pSpec .spec table { margin-right: 20px; }

#pSpec .spec th { white-space: nowrap; font-weight: bold; }

#pSpec .spec th, #pSpec .spec td { padding: .5em; }

#pSpec .spec table, #pSpec .spec th, #pSpec .spec td { border-collapse: collapse; border-top: 1px solid #000; border-bottom: 1px solid #000; }

#pSpec p.clear { height: auto; }

#pSpec .box, #pSpec .foot { width: 454px; float: left; height: auto; }

#pSpec .foot { padding-top: 20px; }

#pSpecNav a { display: block; width: 217px; height: 25px; overflow: hidden; text-decoration: none; float: left; }

#pSpecNav a span { visibility: hidden; }

#pSpecNav a.link-h79 { background-image: url(../img/p_spec_h_pm900h79.png); }

#pSpecNav a.link-h90 { background-image: url(../img/p_spec_h_pm900h90.png); }

#pSpecNav a.selected { background-position: 0 -25px; }

.technology .h-top { background: #000; }

.technology .h-top .h-img { position: relative; height: 356px; overflow: hidden; }

.technology .h-top .h-img a.yt { position: absolute; left: 0; top: 0; z-index: 2; }

.technology #hNav ul li { width: 480px; height: 110px; }

.technology #tTop { background: #eceae9 url(../img/tech_top_bg.png) repeat-x; padding-bottom: 50px; line-height: 1.7; }

.technology #tTop p { font-size: 16px; }

.technology h1 { color: #af1b3d; font-weight: bold; font-size: 19px; line-height: 1; margin: -22px 0 0 130px; }

.technology h2.tech-intro, .technology h2.tech-top { font-size: 34px; font-weight: normal; padding: 38px 0 27px; }

.technology h2.tech-top { text-align: center; }

.technology p { font-size: 15px; line-height: 1.7; }

.technology .article-wrap { border-top: 2px solid #eee; margin-top: 38px; clear: both; }

.technology .article h2 { border-top: 2px solid #af1b3d; font-size: 22px; font-weight: bold; color: #af1b3d; margin-top: -2px; padding-top: 4px; }

.technology .article h2 .sup { font-size: 10px; vertical-align: 10px; }

.technology .article .article-h-note { font-size: 11px; }

.technology .article .article-top { margin-top: 30px; }

.technology .mov-box { padding-top: 40px; }

.technology .mov-box p { width: 260px; float: left; }

.technology .mov-box-nopad { padding-top: 0; }

.technology .mov-box-img { width: 700px; padding-bottom: 40px; float: left; position: relative; }

.technology .mov-box-img a.yt { display: block; position: absolute; left: 0; top: 0; background: #FFF; z-index: 2; }

.technology .mov-box-img a img, .technology .mov-box-img iframe { border: 15px solid #eee; }

.technology .mov-box-img a:hover img { opacity: 0.9; }

.technology .mov-box-alt .mov-box-img { width: 670px; margin-left: 30px; }

.technology .img-box-wrap { clear: left; }

.technology .img-box-wrap .img-box { float: left; text-align: center; padding: 0 0 40px; }

.technology .img-box-wrap .img-box ol { padding-top: 20px; text-align: left; }

.technology .img-box-wrap .img-box p { font-size: 13px; text-align: left; }

.technology .img-box-wrap-0 .img-box0 { width: 251px; margin-right: 80px; }

.technology .img-box-wrap-0 .img-box0 ol { padding-left: 20px; }

.technology .img-box-wrap-0 .img-box1 { width: 315px; margin-right: 80px; }

.technology .img-box-wrap-0 .img-box1 ol { padding-left: 60px; }

.technology .img-box-wrap-0 .img-box2 { width: 229px; }

.technology .img-box-wrap-0 .img-box2 .img-box-img { text-align: right; }

.technology .img-box-wrap-1 .img-box { width: 205px; margin-right: 46px; padding-top: 40px; }

.technology .img-box-wrap-1 .img-box p { padding-top: 7px; line-height: 1.3; }

.technology .img-box-wrap-1 .img-box3 { margin-right: 0; }

.technology .img-box-wrap-2 .img-box0 { width: 384px; }

.technology .img-box-wrap-2 .img-box0 p { text-align: center; padding-right: 25px; }

.technology .img-box-wrap-2 .img-box1 { width: 576px; text-align: left; padding-bottom: 16px; }

.technology .img-box-wrap-2 .img-box1 dl { padding-left: 60px; }

.technology .img-box-wrap-2 .img-box1 dl dt { width: 25px; float: left; clear: left; }

.technology .img-box-wrap-2 .img-box1 dl dd { width: 400px; float: left; }

.technology .img-box-wrap-2 .img-box1 dl dd:before { content: ": "; }

.technology .img-box-wrap-2 .img-box4 { padding-top: 40px; }

.technology #tAna { clear: left; }

.technology .tech-cyclo-site, .technology .tech-cyclo-sample { padding: 20px 0 20px; font-size: 14px; color: #af1b3d; }

.technology .tech-cyclo-sample { width: 438px; float: left; }

.technology .tech-cyclo-sample a img { border: 0; }

.technology .tech-cyclo-sample a:hover img { opacity: 0.9; }

.technology .tech-ana-img { background: #eceae9; margin-bottom: 100px; padding-bottom: 20px; margin-top: 20px; }

.technology .tech-ana-img .h { font-size: 20px; font-weight: bold; padding: 16px 28px 13px; }

.technology .tech-ana-with-pop { position: relative; }

.technology .tech-ana-with-pop .pop { text-align: center; position: absolute; left: 649px; top: 44px; height: 41px; margin-top: -41px; margin-left: -90px; width: 180px; display: block; background: url(../img/tech_ana_img1_pop_bg.png) repeat-x; color: #FFF; font-size: 17px; }

.technology .tech-ana-with-pop .pop span { display: block; padding: 5px 10px; }

.technology .img-box-wrap-3 { padding-left: 19px; background: url(../img/tech_ana_img_arrow.png) center bottom no-repeat; }

.technology .img-box-wrap-3 .img-box { background: url(../img/tech_ana_img_arrow.png) center 220px no-repeat; }

.technology .img-box-wrap-3 h3 { color: #af1b3d; font-size: 18px; font-weight: bold; padding: 8px 8px 0; text-align: left; }

.technology .img-box-wrap-3 .ex { text-align: center !important; font-weight: bold; font-size: 18px !important; padding: 40px 20px 0; color: #333; width: 267px; line-height: 1.3; }

.technology .img-box-wrap-3 .res td { background: url(../img/tech_ana_img1_2_bg.png) no-repeat; width: 307px; height: 117px; }

.technology .img-box-wrap-3 .res td p { text-align: center; font-weight: bold; font-size: 18px; line-height: 1.3; padding: 0 14px; }

.technology .img-box-wrap-3 .img-box0 .res td { color: #666; }

.technology .img-box-wrap-3 .img-box1 .res td { color: #d6003d; }

.technology .img-box-wrap-3 .img-box2 .res td { color: #08f; }

.technology .tech-ana-concl { clear: left; background: url(../img/tech_ana_img1_3_mid.png) repeat-y; margin: 10px 0 0 16px; }

.technology .tech-ana-concl div { background: url(../img/tech_ana_img1_3_top.png) no-repeat; }

.technology .tech-ana-concl p { background: url(../img/tech_ana_img1_3_bottom.png) bottom left no-repeat; padding: 25px 25px; text-align: center; font-weight: bold; font-size: 18px; color: #FFF; }

.interview .h-top { background: #000; }

.interview #hNav ul li { width: 320px; height: 131px; }

.interview .content-wrap { clear: left; padding-bottom: 40px; }

.interview .box { position: relative; }

.interview .content-wrap { position: relative; }

.interview .content-wrap h2 { font-size: 34px; padding: 40px 24px 20px 0; clear: left; }

.interview .content-wrap h2.large { font-size: 44px; text-align: center; padding: 60px 0 0; }

.interview .content-wrap h2.first { padding-top: 20px; }

.interview .content-wrap p { font-size: 15px; padding-right: 24px; }

.interview .box-padding { padding-top: 20px; }

.interview .content, .interview .img-box { float: left; }

.interview .img-box .with-border { border-bottom: 22px solid transparent; }

.interview .img-box p { font-size: 13px; }

.interview .img-box-full { float: none; clear: left; padding-top: 40px; }

.interview .content-r p { padding-right: 0; padding-left: 24px; }

.interview .int-intro { margin-bottom: 22px; padding-top: 34px; background: url(../img/int_intro_bg.png) repeat-x; }

.interview .int-intro .img-box { float: none; }

.interview .int-intro .content { position: absolute; width: 500px; bottom: 8px; right: 0; }

.interview .int-intro .content h2 { font-size: 18px; font-weight: bold; padding-bottom: 12px; }

.interview .int-intro .content h3 { font-family: "Helvetica Neue Condensed","Arial Narrow",sans-serif; font-size: 18px; }

.interview .int-intro .content p { font-size: 13px; }

.interview .int-int0 .content0 { width: 660px; }

.interview .int-int0 .img-box0 { width: 300px; padding-top: 50px; }

.interview .int-int0 .content3 { width: 652px; }

.interview .int-int0 .img-box4 { width: 308px; }

.interview .int-int1 .img-box0 { width: 288px; float: none; }

.interview .int-int1 .content0 { width: 672px; position: absolute; float: none; left: 288px; top: 0; }

.interview .int-int1 .content1 { width: 466px; }

.interview .int-int1 .img-box1 { width: 494px; }

.interview .int-int1 .content2 { width: 301px; }

.interview .int-int1 .img-box2 { width: 659px; }

.interview .int-int1 .intro { position: absolute; bottom: 0; left: 312px; width: 648px; }

.interview .int-int1 .intro h2 { font-size: 16px; border-bottom: 1px solid #666; font-weight: bold; padding-bottom: 7px; margin-bottom: 7px; }

.interview .int-int1 .intro p { font-size: 13px; }

.interview .int-int2 .img-box0 { width: 317px; }

.interview .int-int2 .content0 { width: 643px; }

.interview .int-int2 .content1 { width: 341px; }

.interview .int-int2 .img-box1 { width: 619px; }

.casestudy .case-intro { background: #ECEAE9 url("../img/tech_top_bg.png") repeat-x; }

.casestudy .case-intro h2 { font-size: 34px; padding: 40px 0 40px 0; text-align: center; }

.casestudy .case-intro h2 span { display: block; font-size: 23px; }

.casestudy .case-list { margin-left: -73px; margin-top: 40px; }

.casestudy .case-list li { border-left: 73px solid transparent; width: 271px; float: left; padding-bottom: 60px; font-size: 15px; }

.casestudy .case-list li.clear { clear: left; }

.casestudy .case-list li .logo { line-height: 1; margin-bottom: 10px; }

.casestudy .case-list li h3 { padding-left: 40px; margin-top: 5px; padding-bottom: 10px; white-space: nowrap; background-repeat: no-repeat; background-position: 0 4px; }

.casestudy .case-list li h3.japan { background-image: url(../img/case_icon_japan.png); }

.casestudy .case-list li h3.usa { background-image: url(../img/case_icon_usa.png); }

.casestudy .case-list li h3.nederland { background-image: url(../img/case_icon_nederland.png); }

.casestudy .case-list li h3.germany { background-image: url(../img/case_icon_german.png); }

.casestudy .case-list li h3.australia { background-image: url(../img/case_icon_australia.png); }

.casestudy .case-list li p { color: #999; padding-left: 40px; margin-top: -10px; }

.casestudy .case-list li .name { font-weight: bold; color: #333; }

.casestudy .case-list li .nav { padding-bottom: 10px; font-weight: bold; }

.casestudy .case-list li .mov { margin-top: 8px; }

.casestudy .case-list li .mov a { display: block; clear: left; float: left; width: 138px; margin-bottom: 12px; }

.casestudy .case-list li .mov a:hover { opacity: 0.8; }

.casestudy .case-list li .mov .mov-desc { width: 130px; float: left; line-height: 1.2; }

.method { /* page specific */ }

.method .h-top { background: #000; }

.method #hNav ul li { width: 480px; height: 130px; }

.method #hNav ul.nav-3 li { width: 320px; }

.method #hNav ul.nav-1 li { width: 320px; margin-left: 320px; }

.method.method-asada01 #hNav ul li { height: 119px; }

.method.method-kakinoki03 #hNav ul li { height: 119px; }

.method .met-intro { background: #ECEAE9 url("../img/tech_top_bg.png") repeat-x; }

.method .content-wrap { clear: left; padding-bottom: 40px; }

.method .content-wrap h1 { color: #af1b3d; font-weight: bold; font-size: 19px; line-height: 1; margin: -22px 0 0 130px; }

.method .content-wrap h1.index-title { color: #333; line-height: 1; text-align: left; margin: 40px 0 0; padding: 0 0 0 533px; font-size: 34px; position: relative; }

.method .content-wrap h1.index-title img { position: absolute; left: 230px; }

.method .content-wrap h1.index-title span { font-size: 15px; display: block; padding-top: 8px; line-height: 1.2; }

.method .content-wrap h2 { font-size: 34px; padding: 40px 0 20px 0; text-align: center; }

.method .content-wrap h2 span { display: block; font-size: 23px; }

.method .content-wrap h5 { font-size: 23px; }

.method .content-wrap p { font-size: 15px; text-align: center; }

.method .content-wrap p.desc { text-align: left; }

.method .content-wrap .box { clear: left; }

.method .content-wrap .box:after { content: ""; display: table; clear: both; }

.method .content-wrap .box .img-box { position: relative; }

.method .content-wrap .box .img-box img.with-pad { border-left: 15px solid transparent; }

.method .content-wrap .img-box-float { float: left; }

.method .content-wrap .img-box-50 { width: 50%; }

.method .content-wrap .img-box-55 { width: 55%; }

.method .content-wrap .img-box-60 { width: 60%; }

.method .content-wrap .img-box-full { clear: left; width: auto; }

.method .content-wrap .img-box-right { text-align: right; }

.method .content-wrap .content p { text-align: left; }

.method .content-wrap .content-float { float: left; }

.method .content-wrap .content-50 { width: 50%; }

.method .content-wrap .content-45 { width: 45%; }

.method .content-wrap .content-40 { width: 40%; }

.method .content-wrap .content-pad-b { padding-bottom: 1.4em; }

.method .content-wrap .content-clear { clear: left; }

.method .content-wrap .img-label { position: absolute; z-index: 2; font-size: 15px; width: 370px; text-align: center; margin-left: -185px; }

.method .content-wrap .img-label-list { position: absolute; top: 164px; left: 315px; }

.method .content-wrap .box-photo { margin-top: 40px; }

.method .article-wrap { border-top: 2px solid #eee; clear: both; }

.method .article h3 { border-top: 2px solid #af1b3d; font-size: 22px; font-weight: bold; color: #af1b3d; padding: 4px 0 0; margin: -2px 0 30px; }

.method .article h4 { font-weight: bold; font-size: 15px; color: #af1b3d; margin: 20px 0 10px; }

.method .article h4.with-line { border-top: 1px solid #eee; padding: 5px 0; }

.method .article h4.glay-line { border-top: 1px solid #cccccc; padding: 5px 0; }

.method .content-wrap-gray { background: #eee; }

.method .content-wrap-gray.article-wrap { border-top: 2px solid #DDD; }

.method .conclude-wrap { padding-bottom: 80px; }

.method .conclude h3 { font-size: 34px; text-align: center; color: #af1b3d; }

.method .conclude ol, .method .conclude p { background: #af1b3d; font-size: 22px; color: #FFF; padding: 20px 40px; }

.method .conclude ol li { list-style-type: decimal; margin-left: 20px; }

.method .met-index { border-top: 2px solid #EEE; padding-bottom: 70px; }

.method .met-index ul { border-top: 2px solid #af1b3d; margin-top: -2px; }

.method .met-index li { border-bottom: 1px solid #000; height: 193px; overflow: hidden; position: relative; font-size: 15px; }

.method .met-index li a { display: block; width: 100%; height: 100%; text-decoration: none; margin-top: -5px; }

.method .met-index li a:hover { opacity: 0.85; }

.method .met-index li h3 { font-size: 24px; line-height: 1.3; }

.method .met-index li img { position: absolute; right: 0; top: 0; }

.method .met-index li p { margin: 6px 0; }

.method .met-index li .update { color: #333; }

.method .met-index li .count span, .method .met-index li .more span, .method .met-index li .soon span { background: #000; display: inline-block; *display: inline; *zoom: 1; padding: 1px 18px; color: #FFF; }

.method .met-index li .count-empty span { background: none; }

.method .met-index li .more { position: absolute; bottom: 6px; }

.method .met-index li .more span { background: #af1b3d url(../img/met_more_arrow.png) right 6px no-repeat; padding: 1px 50px; }

.method .met-index li.soon h3, .method .met-index li.soon .update { color: #CCC; }

.method .met-index li.soon .more { position: static; }

.method .met-index li.soon .more span { background: #FFF; border: 1px solid #000; color: #666; font-size: 12px; font-weight: bold; padding: 1px 6px; }

.method-asada01 .box-000 .img-label { left: 387px; top: 3px; color: #FFF; }

.method-asada01 .box-001 .img-label { left: 762px; top: 3px; color: #FFF; }

.method-asada01 .box-002 .img-box { width: 611px; margin: 20px auto 0; }

.method-asada01 .box-002 .img-label1 { left: 295px; top: 67px; color: #FFF; }

.method-asada01 .box-002 .img-label2 { left: 230px; top: 128px; color: #FFF; }

.method-asada01 .box-010 .img-label { left: 325px; top: 5px; color: #FFF; }

.method-asada01 .box-011 .img-label1 { left: 718px; top: 3px; color: #FFF; }

.method-asada01 .box-011 .img-label2 { left: 477px; top: 297px; color: #FFF; }

.method-asada01 .box-100 .img-label { left: 823px; top: 4px; color: #FFF; }

.method-asada01 .box-100 .img-label-list { left: 389px; top: 236px; }

.method-asada01 .box-101 .img-label { left: 593px; top: 3px; color: #FFF; }

.method-asada01 .box-101 .img-label-list { left: 389px; top: 236px; }

.method-asada01 .box-110 .img-label1 { left: 624px; top: 3px; color: #FFF; }

.method-asada01 .box-110 .img-label2 { left: 207px; top: 183px; color: #FFF; }

.method-asada02 .box-000 .img-box { margin-top: 30px; }

.method-asada02 .box-000 .img-label { color: #af1b3d; left: 176px; top: 480px; font-weight: bold; }

.method-asada02 .box-000 .img-label-list { left: 335px; top: 207px; }

.method-asada02 .box-100 .img-box { margin-top: 30px; }

.method-asada02 .box-100 .img-label1 { color: #af1b3d; left: 178px; top: 31px; font-weight: bold; }

.method-asada02 .box-100 .img-label2 { color: #af1b3d; left: 712px; top: 608px; font-weight: bold; }

.method-asada02 .box-100 .img-label-list { left: 335px; top: 440px; }

.method-asada02 .box-110 .img-box { margin-top: 30px; }

.method-asada02 .box-110 .img-label { left: 798px; top: 447px; }

.method-asada03 .box-000 .img-box { margin-top: 30px; }

.method-asada03 .box-001 .img-box { text-align: right; margin-top: 30px; }

.method-asada03 .box-002 .img-box { margin-top: 30px; }

.method-asada03 .box-002 .img-label-list { left: 365px; top: 128px; }

.method-kakinoki .met-intro h2 { padding-bottom: 0; }

.method-kakinoki .box-000 .img-box { margin-top: 20px; padding-bottom: 30px; }

.method-kakinoki .box-000 .img-label1 { left: 321px; top: 19px; color: #FFF; }

.method-kakinoki .box-000 .img-label2 { left: 498px; top: 19px; color: #FFF; }

.us-en .method-kakinoki .box-000 .img-label2 { top: 7px !important; }

.method-kakinoki .box-000 .img-label3 { left: 674px; top: 7px; color: #FFF; }

.method-kakinoki .box-000 .img-label4 { left: 861px; top: 7px; color: #FFF; }

.method-kakinoki .box-000 .img-label5 { left: 395px; top: 530px; }

.method-kakinoki .box-000 .img-label5 .c0 { color: #000; }

.method-kakinoki .box-000 .img-label5 .c1 { color: #FB0012; }

.method-kakinoki .box-000 .img-label5 .c2 { color: #559F3C; }

.method-kakinoki .box-001 { padding-top: 40px; }

.method-kakinoki .box-001 .content { width: 224px; }

.method-kakinoki .box-001 .content p { padding-bottom: 1.2em; }

.method-kakinoki .box-001 .img-box { width: 636px; padding-bottom: 20px; }

.method-kakinoki .box-001 .img-label1 { font-size: 23px; left: 543px; top: 293px; }

.method-kakinoki .box-001 .img-label2 { font-size: 23px; left: 499px; top: 453px; color: #2800F1; }

.method-kakinoki .box-002 { margin: 20px 0; }

.method-kakinoki table { width: 100%; border-collapse: collapse; }

.method-kakinoki td { font-size: 15px; border-width: 1px 1px 0; border-color: #CCC; border-style: solid; padding: 3px 10px; }

.method-kakinoki tr.last td { border-bottom: 1px solid #CCC; }

.method-kakinoki td.empty { background: #FFF !important; border: none; }

.method-kakinoki td.num { text-align: center; }

.method-kakinoki tr.odd td { background: #EEE; }

.method-kakinoki td.focus { color: #af1b3d; }

.method-kakinoki td.focus, .method-kakinoki tr.focus-top td { border-top: 1px solid #af1b3d; }

.method-kakinoki td.focus, .method-kakinoki tr.focus-bottom td { border-bottom: 1px solid #af1b3d; }

.method-kakinoki01 .box-100 .img-label { left: 293px; top: 23px; text-align: right !important; }

.method-kakinoki01 .box-100 .img-label2 { left: 308px; }

.method-kakinoki01 .box-120 .img-label { left: 293px; top: 23px; text-align: right !important; }

.method-kakinoki01 .box-120 .img-label2 { left: 308px; }

.method-kakinoki01 .box-graph .content { padding-bottom: 12px; }

.method-kakinoki01 .box-graph .img-box { padding-bottom: 26px; }

.method-kakinoki01 .box-graph .cLP { color: #285196; }

.method-kakinoki01 .box-graph .cRP { color: #A5002E; }

.method-kakinoki02 #hNav ul li { height: 108px; }

.method-kakinoki02 .box-graph .img-box { text-align: right; margin: 30px 0; }

.method-kakinoki02 .box-graph .img-label1 { left: 90px; top: 133px; }

.method-kakinoki02 .box-graph .img-label2 { left: 460px; top: 10px; color: #af1b3d; text-align: right; }

.method-kakinoki02 .box-graph .img-label3 { left: 460px; top: 32px; text-align: right; font-size: 14px; }

.method-kakinoki02 .box-graph .img-label4 { left: 575px; top: 228px; color: #FFF; }

.method-kakinoki02 .box-graph .c60 { color: #285196; }

.method-kakinoki02 .box-graph .c90 { color: #A5002E; }

.method-kakinoki02 .box-graph .c120 { color: #7AA43A; }

.method-kakinoki02 p.desc { border-top: 1px solid #000; padding-top: 5px; }

.method-kakinoki03 .box-graph .img-box { margin: 30px 0; padding-bottom: 40px; }

.method-kakinoki03 .box-graph .img-label1 { position: relative; margin-left: 0; text-align: left; }

.method-kakinoki03 .box-graph .img-label2 { left: 266px; top: 10px; color: #af1b3d; text-align: right; }

.method-kakinoki03 .box-graph .img-label3 { left: 266px; top: 32px; text-align: right; font-size: 14px; }

.method-kakinoki03 .box-graph .img-label4 { left: 391px; top: 230px; color: #FFF; }

.method-kakinoki03 .img-box-even img, .method-kakinoki03 .img-box-even .img-label1 { border-left: 9px solid transparent; }

.method-kakinoki03 .img-box-even .img-label2 { left: 275px; }

.method-kakinoki03 .img-box-even .img-label3 { left: 275px; }

.method-kakinoki03 .img-box-even .img-label4 { left: 400px; }

.method-kakinoki03 p.desc { border-top: 1px solid #000; padding-top: 5px; }

.method-kakinoki03 .content-result .discover { text-align: center; font-size: 20px; }

.method-kakinoki03 .content-result .content-article { background: #eee; margin-top: 30px; padding-bottom: 30px; }

.method-kakinoki03 .content-result .content-article h2 { color: #af1b3d; font-size: 27px; }

.method-kakinoki03 .content-result .content-article .img-box { position: relative; }

.method-kakinoki03 .content-result .content-article .img-box li { position: absolute; width: 280px; }

.method-kakinoki03 .content-result .content-article .img-box li h3 { color: #af1b3d; font-size: 24px; line-height: 1.3; }

.method-kakinoki03 .content-result .content-article .img-box li p { font-size: 15px; text-align: left; }

.method-kakinoki03 .content-result .content-article li.result0 { left: 342px; top: 13px; }

.method-kakinoki03 .content-result .content-article li.result1 { left: 571px; top: 194px; }

.method-kakinoki03 .content-result .content-article li.result2 { left: 119px; top: 194px; }

.method-kakinoki03 .content-result .result { background: url(../img/method/kakinoki03/arrow.png) top center no-repeat; padding: 60px 0; margin-top: 50px; }

.method-kakinoki03 .content-result .result p { background: #af1b3d; color: #FFF; font-size: 34px; padding: 20px; }

.method-suda .h-top { background: url(../img/method/suda/h-bg.jpg) center top; }

.method-suda .met-intro { background: #E0E0E0 url("../img/method/suda/intro_bg.png") repeat-x; padding: 43px 0; }

.method-suda .met-intro p { font-size: 16px; width: 547px; }

.method-suda .met-intro .met-intro-img { float: right; }

.method-suda strong { color: #af1b3d; }

.method-suda .met-prof .link { padding-top: 20px; text-align: center; }

.method-suda .met-prof .link a:hover img { opacity: .80; }

.method-suda .met-prof p { padding-bottom: 20px; }

.method-suda .met-prof table { border-top: 1px solid #333; }

.method-suda .met-prof table td, .method-suda .met-prof table th { padding: 6px 15px; }

.method-suda .met-prof table td { border-bottom: 1px solid #333; }

.method-suda .met-prof table th { border-bottom: 1px solid #333; border-right: 1px solid #333; text-align: right; }

.method-suda .advice, .method-suda .training, .method-suda .bad, .method-suda .good { float: left; padding-top: 40px; }

.method-suda .advice h3, .method-suda .training h3, .method-suda .bad h3, .method-suda .good h3 { font-size: 17px; border: 1px solid #af1b3d; color: #af1b3d; padding: 1px 10px; }

.method-suda .advice p, .method-suda .training p, .method-suda .bad p, .method-suda .good p { text-align: left; }

.method-suda .bad, .method-suda .good { padding-top: 0; }

.method-suda .bad h4, .method-suda .good h4 { border-top: 3px solid #af1b3d; border-bottom: 3px solid #af1b3d; text-align: center; }

.method-suda .advice, .method-suda .bad { padding-right: 60px; width: 450px; clear: left; }

.method-suda .advice { background: url(../img/method/suda/tri_l.png) right center no-repeat; }

.method-suda .advice .img-box-center p { text-align: center; }

.method-suda .training, .method-suda .good { width: 450px; }

.method-suda .training h3, .method-suda .good h3 { background: #af1b3d; color: #FFF; }

.method-suda .concl { margin-top: 80px; border: 3px solid #B7183B; background: #EEE; }

.method-suda .concl h2 { background: #B7183B; margin: 0 0 8px; padding: 0; }

.method-suda .concl .img-box { padding: 0 0 8px 8px; width: 168px; }

.method-suda .concl .content { width: 762px; }

.method-suda .concl h3 { border-bottom: 1px solid #DDD; padding: 8px 0; margin-bottom: 0; }

.method-suda .concl p { padding-top: 8px; border-top: 1px solid #FFF; }

.method-suda #hNav { background: url(../img/method/suda/hnav_bg.png) top left repeat-x; height: 93px; }

.method-suda #hNav ul li { width: 320px; height: 93px; overflow: hidden; }

.method-suda #hNav ul li.current { border-bottom: 3px solid #af1b3d; height: 90px; }

.method-suda .method-suda-content { clear: left; padding: 80px 0; }

.method-suda h1 { margin: 0 0 20px !important; padding: 35px; color: #333 !important; text-align: center; font-size: 40px !important; font-weight: normal !important; border-top: 5px solid #af1b3d; border-bottom: 5px solid #af1b3d; }

.method-suda h1 span { display: inline-block; color: #FFF; background: #af1b3d; font-size: 22px; padding: 5px 10px; vertical-align: 5px; }

.method-suda .method-suda-caption { font-size: 26px !important; color: #af1b3d; }

.method-suda h2 { margin-bottom: 14px; margin-top: 14px; }

.method-suda h3, .method-suda h4 { font-size: 26px; margin-bottom: 5px; font-weight: bold; color: #af1b3d; }

.method-suda h4 { margin: 20px 0 10px; }

.method-suda p { font-size: 16px; text-align: left; }

.method-suda .box p { padding-bottom: 20px; }

.method-suda .img-box-arrow p { padding-right: 30px; }

.method-suda .img-box-img-arrow { background: url(../img/method/suda/tri.png) right center no-repeat; }

.method-suda .img-box-arrow-s p { padding-right: 30px; }

.method-suda .img-box-img-arrow-s { background: url(../img/method/suda/tri_s.png) right center no-repeat; }

.method-suda .box1-7 p { text-align: left; }

.method-suda .met-nav-bottom { margin: 30px 0 60px; }

.method-suda .met-nav-bottom li { width: 320px; height: 91px; overflow: hidden; float: left; }

.method-suda .met-nav-bottom li a:hover img { opacity: .80; }

/* SUPPORT */
body.support .basic-page { padding-top: 0; }

body.support .top-info { margin: 60px 60px 0; }

body.support #h { height: auto; background: url(../img/p_white_bg.png) bottom repeat-x; }

body.support #h .content_box { background: #fff; width: 100%; text-align: center; height: 245px; border-bottom: 1px solid #f2f2f2; }

body.support #hNav ul li { width: 480px; height: 129px; }

body.support h3 .icon { width: 64px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; }

body.support h3 .icon img { vertical-align: middle; }

#sCyclo { clear: left; font-size: 14px; line-height: 2; padding-bottom: 60px; background: url(../img/sup_cyclo_bg.png) repeat-x; padding-top: 68px; }

#sCyclo h2 { font-weight: bold; font-size: 24px; text-align: center; padding: 60px 60px 0; }

#sCyclo h3 { font-size: 16px; }

#sCyclo h3.pccc-h { margin: 22px 60px 0; }

#sCyclo h3.pccc-h2 { margin-top: 32px; text-align: center; }

#sCyclo ol { list-style-type: decimal; margin: 0 60px; padding-left: 1em; clear: left; }

#sCyclo li .article-box { margin-left: -1em; background: #f1f1f1; padding: 10px 0; }

#sCyclo li h4 { margin-left: 20px; font-weight: bold; }

#sCyclo li p { margin-left: 60px; }

#sCyclo .article { background: #EEE; margin: 60px 60px 0; }

#sCyclo .article h2 { padding: 20px 0 10px 100px; font-size: 20px; line-height: 120%; text-align: center; }

#sCyclo .article ul { font-size: 21px; padding: 0 0 10px 30px; line-height: 1.7; }

#sCyclo .img-box-wrap { position: relative; line-height: 1.3; margin: 30px 0 0; text-align: center; }

#sCyclo .img-box-wrap .img-box { float: left; width: 320px; overflow: hidden; font-weight: bold; font-size: 15px; padding-bottom: 60px; }

#sCyclo .img-box-wrap .img-box h3 { padding-bottom: 20px; }

#sCyclo .img-box-wrap .img-sub-box { position: absolute; width: 300px; margin-left: -150px; padding-top: 30px; background: url(../img/sup_img_arrow.png) no-repeat top center; top: 100px; }

#sCyclo .img-box-wrap .img-sub-box0 { left: 320px; }

#sCyclo .img-box-wrap .img-sub-box1 { left: 640px; }

#sCyclo .img-box-wrap-new { width: 858px; margin: 30px auto 0; }

#sCyclo .img-box-wrap-new .img-box { padding: 30px 0; }

#sCyclo .img-box-wrap-new .img-box0 { width: 280px; margin-left: -60px; }

#sCyclo .img-box-wrap-new .img-box1 { width: 400px; }

#sCyclo .img-box-wrap-new .img-box2 { width: 220px; }

#sCyclo .img-box-wrap-new .img-sub-box { background: none; padding-top: 0; }

#sCyclo .img-box-wrap-new .img-sub-box0 { left: 212px; top: 250px; }

#sCyclo .img-box-wrap-new .img-sub-box1 { left: 590px; top: 250px; }

#sCyclo .img-box-wrap-new .img-sub-box2 { left: 408px; top: 11px; color: #af1b3d; }

#sCyclo .img-box-wrap-new .img-sub-box3 { left: 79px; top: 105px; }

#sCyclo .img-box-wrap-new .img-sub-box4 { left: 79px; top: 276px; }

#sMan h1, #sInst h1 { position: relative; }

#sMan h1 .sub, #sInst h1 .sub { display: block; position: absolute; right: 0; bottom: -18px; line-height: 1; font-size: 12px; }

#sMan { margin-top: 10px; }

#sMan h1 { margin-bottom: 0; }

#sMan h2 { margin-top: 40px; margin-left: 60px; }

#sMan h3 { margin-left: 60px; font-size: 16px; padding-bottom: 8px; clear: left; }

#sMan .dl { position: relative; background: #eee; text-align: center; margin: 0 50px 20px; padding-top: 30px; }

#sMan .dl:after { content: ""; display: table; clear: both; }

#sMan .dl h4 { font-size: 12px; text-align: left; margin-top: -10px; padding-bottom: 8px; }

#sMan .dl h4 img { vertical-align: middle; }

#sMan .dl a { display: block; float: left; border-width: 0 18px 30px 3px; border-color: #EEE; border-style: solid; text-decoration: none; position: relative; }

#sMan .dl a img.on { position: absolute; left: 0; top: 0; visibility: hidden; }

#sMan .dl a:hover img.on { visibility: visible; }

#sMan .dl a .sub { width: 248px; display: block; text-align: left; color: #999; font-size: 11px; }

#sMan .dl .filesize, #sMan .dl .forshop { position: absolute; width: 238px; left: 0; }

#sMan .dl .forshop { text-align: center; top: -22px; }

#sMan .dl .filesize { color: #666; text-align: right; top: 148px; font-size: 11px; }

#sMan .dl-off { background: #DDD; }

#sMan .dl-off a { border-color: #DDD; }

#sMan .dl-strong { background: #ddcdd0; }

#sMan .dl-strong a { border-color: #ddcdd0; }

#sMan .dl-soft-wrap a { border-right-width: 17px; }

#sMan .dl-other-h { color: #af1b3d; font-weight: bold; font-size: 22px; }

#sMan .dl-other a { border-bottom-width: 20px; clear: left; }

#sMan .dl-wrap { margin-left: 33px; }

#sMan .dl-newstyle { margin-bottom: 20px; }

#sMan .dl-newstyle .dl { padding-top: 24px; margin-bottom: -20px; clear: left; }

#sMan .dl-last { margin-bottom: 20px !important; }

#sMan .dl-soft { width: 542px; font-size: 12px; }

#sMan .dl-soft .dl-soft-info { text-align: left; position: absolute; bottom: 33px; left: 300px; }

#sMan .dl-sub { float: left; width: 525px; height: 85px; text-align: left; }

#sMan .dl-sub p { display: block; padding-top: 20px; }

#sMan .dl-note { clear: both; margin-bottom: 10px; text-align: left; font-size: 13px; }

#sMan .dl-oss { clear: both; line-height: 1.3; font-size: 10px; text-align: left; padding: 0 60px 20px 0; }

#sMan .dl-oss strong { font-weight: bold; }

#sMan .dl-oss a { display: inline; border: none; text-decoration: underline; float: none; }

#sMan .dl-osx-notice { clear: left; text-align: left; position: relative; top: -25px; font-size: 12px; }

#sInst { clear: left; margin-top: 40px; padding-bottom: 70px; background: url(../img/s_man_bg.jpg) no-repeat center top; padding-top: 70px; }

#sInst .content_box { overflow: hidden; }

#sInst ul { margin-top: 40px; width: 1023px; }

#sInst ul .inst { width: 341px; overflow: hidden; float: left; padding-bottom: 20px; }

#sInst ul .inst .h { margin-bottom: 10px; height: 36px; padding-left: 68px; font-size: 16px; }

#sInst ul .inst .h td { vertical-align: midde; height: 36px; }

#sInst ul .inst a { display: block; width: 276px; height: 161px; background-repeat: no-repeat; overflow: hidden; }

#sInst ul .inst a:hover img { visibility: hidden; }

#sInst ul .inst1 .h { background: url(../img/s_inst_1_h.png) no-repeat; }

#sInst ul .inst2 .h { background: url(../img/s_inst_2_h.png) no-repeat; }

#sInst ul .inst3 .h { background: url(../img/s_inst_3_h.png) no-repeat; }

#sInst ul .inst4 .h { background: url(../img/s_inst_4_h.png) no-repeat; }

#sInst ul .inst5 .h { background: url(../img/s_inst_5_h.png) no-repeat; }

#sInst ul .inst1 a { background-image: url(../img/s_inst_1_img_on.jpg); }

#sInst ul .inst2 a { background-image: url(../img/s_inst_2_img_on.jpg); }

#sInst ul .inst3 a { background-image: url(../img/s_inst_3_img_on.jpg); }

#sInst ul .inst4 a { background-image: url(../img/s_inst_4_img_on.jpg); }

#sInst ul .inst5 a { background-image: url(../img/s_inst_5_img_on.jpg); }

#xAgreement .btns { text-align: center; padding: 18px; }

#xAgreement .btns a { display: inline-block; width: 150px; height: 30px; background-repeat: no-repeat; text-decoration: none; }

body.jp #xAgreement .btns a.agree { background-image: url(../img/jp/s_btn_agree.png); }

body.jp #xAgreement .btns a.disagree { background-image: url(../img/jp/s_btn_disagree.png); }

body.us-en #xAgreement .btns a.agree { background-image: url(../img/us-en/s_btn_agree.png); }

body.us-en #xAgreement .btns a.disagree { background-image: url(../img/us-en/s_btn_disagree.png); }

body.fr #xAgreement .btns a.agree { background-image: url(../img/fr/s_btn_agree.png); }

body.fr #xAgreement .btns a.disagree { background-image: url(../img/fr/s_btn_disagree.png); }

body.nl #xAgreement .btns a.agree { background-image: url(../img/nl/s_btn_agree.png); }

body.nl #xAgreement .btns a.disagree { background-image: url(../img/nl/s_btn_disagree.png); }

body.it #xAgreement .btns a.agree { background-image: url(../img/it/s_btn_agree.png); }

body.it #xAgreement .btns a.disagree { background-image: url(../img/it/s_btn_disagree.png); }

body.de #xAgreement .btns a.agree { background-image: url(../img/de/s_btn_agree.png); }

body.de #xAgreement .btns a.disagree { background-image: url(../img/de/s_btn_disagree.png); }

body.ch #xAgreement .btns a.agree { background-image: url(../img/ch/s_btn_agree.png); }

body.ch #xAgreement .btns a.disagree { background-image: url(../img/ch/s_btn_disagree.png); }

#xAgreement .btns a:hover { background-position: 0 -30px; }

#xAgreement .btns a span { visibility: hidden; }

#xAgreement .frame { height: 400px; margin: 0 auto; padding: 1em; line-height: 1.65; overflow-y: scroll; font-size: 13px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

#xAgreement .frame h3 { margin: 20px 0 5px 0; font-size: 16px; font-weight: bold; }

#xAgreement .frame ul { margin: 1em 0; }

#xAgreement .frame ul li { padding-bottom: .8em; }

#xAgreement .frame .bo { font-weight: 600; }

#sDealer { width: 960px; margin: 0 auto; text-align: center; padding-bottom: 70px; }

#sDealer a:hover img { opacity: 0.9; }

.support-container { clear: both; background: #dfdfdf; padding-bottom: 100px; margin-bottom: -50px; }

.support-h { background: #ae1b3e; margin-bottom: 50px; height: 390px; }

.support-h-img { display: block; width: 960px; margin: 0 auto; }

.support-h-img-img { margin-left: -80px; }

.support-notice { text-align: center; margin-top: -25px; margin-bottom: 25px; }

.support-notice-link { display: inline-block; border: 8px solid #d7181f; background: #fff; padding: .5em 5em; font-weight: bold; font-size: 24px; }

.support-notice-link:link, .support-notice-link:visited { color: #d7181f; }

.support-group-h { background: #ae1b3e; color: #fff; text-align: center; font-size: 50px; font-weight: bold; line-height: 1.2; padding: 35px 0; margin: 0 0 50px; clear: left; }

.support-group-h.mode-multiline { padding-top: 10px; padding-bottom: 10px; }

.support-group-h-text { display: block; width: 960px; margin: 0 auto; }

.support-items { max-width: 900px; margin: 0 auto 50px; }

.support-items:after { content: ""; clear: both; display: table; }

.support-item { margin: 0; padding: 0; font-weight: bold; width: 425px; float: left; margin-bottom: 50px; }

.support-item.mode-even { margin-left: 50px; }

.support-item.mode-email { width: 900px; }

.support-item-link { display: block; position: relative; border: 14px solid #ae1b3e; padding: 14px; color: #ae1b3e; background: #fff; text-decoration: none; -webkit-transition: background-color .4s, -webkit-box-shadow .4s; transition: background-color .4s, -webkit-box-shadow .4s; transition: background-color .4s, box-shadow .4s; transition: background-color .4s, box-shadow .4s, -webkit-box-shadow .4s; cursor: pointer; }

.support-item-link:hover { background: #ffde29; -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.5); box-shadow: 0 0 18px rgba(0, 0, 0, 0.5); /* .support-item.mode-selector &{ background:#fff; box-shadow: none; cursor:default; } */ }

.support-item-link:hover, .support-item-link:visited { color: #ae1b3e; }

.support-item-link:after { position: absolute; right: 14px; bottom: 14px; content: ""; display: block; width: 0; height: 0; border: 16px solid #ae1b3e; border-left-color: transparent; border-top-color: transparent; }

.support-item.mode-has-pane .support-item-link:after { border-right-color: #fff; border-bottom-color: #fff; right: 19px; bottom: 109px; border-width: 14px; }

.support-item.mode-email .support-item-link:after { bottom: 19px; }

.support-item.mode-selector .support-item-link:after { display: none; }

.support-item-img { width: 188px; height: 188px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 44px auto 30px; padding-top: 34px; border-radius: 94px; background: #ae1b3e; text-align: center; overflow: hidden; }

.support-item.mode-email .support-item-img { position: absolute; left: 50px; top: 50px; margin: 0; padding: 0; height: auto; }

.support-item-h { text-align: center; font-size: 42px; }

.support-item-desc { font-size: 28px; padding: 0 35px; line-height: 1.2; height: 100px; }

.support-item.mode-dl .support-item-desc { height: 120px; }

.support-item-desc-sub { display: block; font-size: 20px; }

.support-item-pane { margin-top: 20px; padding: 20px 18px; background: #ae1b3e; color: #fff; text-align: center; line-height: 1; }

.support-item.mode-email .support-item-pane { margin-top: 0; padding: 55px 0 55px 255px; text-align: left; }

.support-item-pane-h { font-size: 24px; margin-bottom: 8px; display: block; }

.support-item.mode-email .support-item-pane-h { font-size: 36px; }

.support-item-pane-desc { font-size: 34px; display: block; white-space: nowrap; }

.support-item.mode-email .support-item-pane-desc { font-size: 30px; }

.support-item-note { line-height: 1.35; font-size: 20px; height: 80px; padding-top: 10px; }

.support-item-select-wrap { margin: -20px auto 0; height: 40px; width: 80%; color: #666; position: relative; font-weight: normal; }

.support-item-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #CCC; border-radius: 7px; background: #fff; padding-left: .5em; max-height: 240px; overflow-y: auto; overflow-x: hidden; }

.support-item-select:after { content: ""; border-style: solid; border-width: 8px 8px 0; border-color: #666 transparent transparent; position: absolute; right: 12px; top: 16px; display: block; }

.support-item-select-opt { display: none; }

.support-item-select-opt:first-child { display: block; }

.support-item-select.mode-open .support-item-select-opt { display: block; }

.support-item-select-link { display: block; font-size: 17px; line-height: 1.2; padding: 10px .5em; text-decoration: none; -webkit-transition: opacity .5s; transition: opacity .5s; }

.support-item-select-link:link, .support-item-select-link:visited { color: #666; }

.support-item-select-link:link:hover { opacity: 0.6; }

.shop .shop-table ul { margin: 18px 0 8px; }

.shop .shop-table ul li { display: inline; padding-right: 1em; }

.shop .shop-table table { width: 100%; border-top: 2px solid #af1b3d; }

.shop .shop-table thead th { background: #eee; }

.shop .shop-table th, .shop .shop-table td { border: 1px solid #999; padding: 3px; }

.shop .shop-table th.first, .shop .shop-table td.first { border-left: none; }

.shop .shop-table th.last, .shop .shop-table td.last { border-right: none; }

.shop .shop-country-name { font-weight: bold; padding: 20px 0 10px; }

.term .term-contents { padding: 20px 60px 0 55px; }

.term h1 { margin-right: 60px; }

.term h2 { font-weight: bold; border-bottom: 1px solid #666; margin: 20px 0 10px; }

.term h3 { font-weight: bold; color: #b7183f; margin-left: 1em; }

.term h4 { font-weight: bold; margin-left: 1em; }

.term ul li { list-style-type: disc; margin-left: 2em; margin-bottom: 10px; }

.term table { margin: 10px 2em 30px; border-collapse: collapse; width: 60%; }

.term table th, .term table td { font-weight: bold; border: 1px solid #666; padding: 30px; }

.term table th { text-align: center; background: #CCC; }

.term p { margin-left: 1em; margin-bottom: 10px; }

.sitemap .sitemap-box-wrap { width: 50%; float: left; padding-bottom: 40px; }

.sitemap .sitemap-box { margin: 60px 0 60px 120px; }

.sitemap .sitemap-box h2 { border-bottom: 1px solid #CCC; font-size: 22px; font-weight: bold; margin-bottom: 12px; }

.sitemap .sitemap-box h3 { font-weight: bold; margin: 8px 0 0; }

.sitemap .sitemap-box h3 a:link, .sitemap .sitemap-box h3 a:visited { color: #666; }

.sitemap .sitemap-box a:link, .sitemap .sitemap-box a:visited { color: #989898; text-decoration: none; }

.sitemap .sitemap-box a:hover, .sitemap .sitemap-box a:active { color: #b7183f; }

.contact ul.region { margin: 18px 0 8px; }

.contact ul.region li { display: inline; padding-right: 1em; }

.contact h3 { font-weight: bold; margin: 22px 0 6px; }

.campaign-topimg { background: #000; margin-top: 10px; }

.campaign-topimg-img.mode-full { display: block; margin-left: -520px; }

.campaign-link { color: #b7183f; font-weight: bold; }

.campaign-intro { padding: 30px 0 50px; text-align: center; font-size: 15px; }

.campaign-desc { background: #eeeeee; padding: 40px 0 30px; text-align: center; }

.campaign-lead-pre { font-size: 17px; color: #666; font-weight: bold; display: block; padding-bottom: 10px; line-height: 1.65; }

.campaign-note { padding: 10px 0 30px; }

.campaign-desc-btn { background: #b7183f; color: #fff; display: block; font-size: 22px; font-weight: bold; margin: 20px 110px 0; padding: 15px 0; text-align: center; }

.campaign-desc-btn:link, .campaign-desc-btn:visited { color: #fff; }

.campaign-content h1 { border-bottom: 0; }

.campaign-table { border-top: 1px solid #000; width: 100%; }

.campaign-table td, .campaign-table th { vertical-align: middle; text-align: center; padding: 20px 10px; }

.campaign-table th { border-bottom: 1px solid #ccc; }

.campaign-table td, .campaign-table th.th-l { border-bottom: 1px solid #000; }

.campaign-table td, .campaign-table th { border-left: 1px solid #ccc; }

.campaign-table th.th-l { border-left: none; font-size: 15px; }

.campaign-content1 { padding-bottom: 80px !important; }

.campaign-content1 .campaign-desc-action { padding-top: 60px; }

.campaign-pts-topimg .content_box { width: 1160px; }

.campaign-topimg-pts-img { margin-left: -121px; }

.campaign-pts-box { font-size: 20px; clear: left; }

.campaign-pts-intro-desc { font-size: 20px; padding-top: 20px; padding-bottom: 20px; }

.campaign-intro-h { border-bottom: none !important; }

.campaign-pts-box .campaign-intro-h { margin-top: 20px; margin-bottom: 30px; }

.campaign-pts-h { border-bottom: none !important; }

.campaign-lead.mode-pts-wide { margin-left: -20px; }

.campaign-img-box { float: left; width: 468px; }

.campaign-img-box.mode-crank { width: 500px; }

.campaign-img-box.mode-menu { width: 540px; }

.campaign-img-box-desc { text-align: center; }

.campaign-desc-box { width: 492px; padding-bottom: 80px; float: left; }

.campaign-desc-box.mode-crank { width: 460px; }

.campaign-desc-box.mode-menu { width: 420px; }

.campaign-desc-box-desc.mode-narrow { padding-right: 68px; }

.campaign-desc-box-desc-sub { font-size: 16px; margin-top: 20px; margin-bottom: 20px; }

.campaign-img-box.mode-crank .img-box-wrap { margin-left: -10px; margin-right: 15px; }

.campaign-img-box.mode-crank .img-box { width: 50%; float: left; font-size: 13px; }

.campaign-img-box.mode-crank .img-label { text-align: center; }

.campaign-pts-action { clear: left; padding: 20px 0; text-align: center; }

.campaign-pts-action-btn { background: #b7183f; display: inline-block; position: relative; font-size: 18px; padding: 6px 10px 6px 20px; }

.campaign-pts-action-btn:link, .campaign-pts-action-btn:visited { color: #fff; }

.campaign-pts-action-btn:hover { opacity: 0.8; }

.campaign-pts-action-btn:after { content: "▶"; display: inline-block; padding-left: 1em; }

.campaign-pts-subh { clear: left; text-align: center; margin-top: -20px; margin-bottom: 20px; }

.campaign-pts-img-box-wrap { margin-left: 20px; }

.campaign-pts-img-box-wrap .img-box { float: left; width: 233px; padding-bottom: 50px; }

.campaign-pts-box .product { padding-top: 0; }

.campaing-pts-table { width: 108%; margin-bottom: 50px; }

.campaing-pts-table td, .campaing-pts-table th { padding-bottom: 16px; }

.campaing-pts-table th { font-weight: bold; text-align: right; padding-right: 40px; width: 45%; vertical-align: top; }

.campaing-pts-table td { white-space: nowrap; }

.campaign-2017s-intro-desc { line-height: 1.75; text-align: left; margin-bottom: 1.5em; color: #000; font-size: 16px; }

.campaign-2017s-intro-desc strong { color: #b7183f; font-weight: bold; }

.campaign-2017s-intro-desc a { color: #0083bb !important; text-decoration: underline !important; }

.campaign-2017s-intro-img { margin-bottom: 50px; text-align: left; }

.campaign-2017c-about-h, .campaign-2017s-about-h { clear: both; border-top: 1px solid #000; border-bottom: 1px solid #000 !important; font-size: 32px; font-weight: bold; color: #000; text-align: center; padding: 6px 0; margin-bottom: 40px; }

.campaign-2017s-table { font-size: 18px; color: #000; margin-bottom: 40px; }

.campaign-2017s-table td, .campaign-2017s-table th { vertical-align: top; }

.campaign-2017s-table th { padding: 12px 30px 12px 10px; font-weight: bold; text-align: right; white-space: nowrap; }

.campaign-2017s-table td { padding: 12px 10px; }

.campaign-2017s-table strong { font-weight: bold; }

.campaign-2017s-table .campaign-2017s-td-strong { font-weight: bold; font-size: 24px; }

.campaign-2017s-table .campaign-2017s-table-subh { text-align: left; }

.campaign-2017s-table.mode-2017c { margin-left: auto; margin-right: auto; }

.campaign-2017s-table.mode-2017c th { text-align: left; }

.campaign-2017s-table.mode-2017c td strong { font-weight: bold; color: #be2e51; }

.campaign-2017s-box-bordered { border-top: 3px solid #eee; }

.campaign-2017s-box-bordered .content_box { border-top: 3px solid #b7183f; margin-top: -3px; }

.campaign-2017s-box-bordered .campaign-h { border-bottom: none; }

.campaign-2017s-box-bordered.mode-pad .content_box { padding-top: 20px; }

.campaign-2017s-box-bordered.mode-pad .content_box .prod-app-box-h { margin-bottom: 1em; }

.campaign-2017s-subh { font-size: 30px; font-weight: bold; text-align: center; margin: 30px; color: #333; border-bottom: none !important; }

.campaign-2017s-img-box-1 { position: relative; padding-bottom: 150px; }

.campaign-2017s-img-label-1 { position: absolute; top: 194px; font-size: 20px; white-space: nowrap; }

.campaign-2017s-img-label-1.mode-1 { left: 0; }

.campaign-2017s-img-label-1.mode-2 { left: 500px; }

.campaign-2017s-img-label-1.mode-3 { left: 732px; }

.campaign-2017s-img-box-train { width: 528px; float: left; }

.campaign-2017s-img-box-train-label { padding: 10px 30px 40px 0; text-align: center; font-size: 20px; }

.campaign-2017s-desc-action { clear: left; }

.campaign-2017s-img-box-train-menu { float: left; line-height: 1.7; font-size: 20px; color: #333; }

.campaign-2017s-img-box-train-menu strong { font-weight: bold; }

.campaign-2017s-cyclo-box { margin-top: 100px; }

.campaign-2017s-cyclo-img-h { text-align: center; font-size: 20px; color: #333; padding-bottom: 20px; }

.campaign-2017s-cyclo-items { margin-left: -20px; margin-right: -20px; padding-bottom: 40px; }

.campaign-2017s-cyclo-items:after { content: ""; display: block; clear: both; }

.campaign-2017s-cyclo-item { width: 33.333333%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; float: left; font-size: 18px; color: #333; }

.campaign-2017s-cyclo-item.mode-clear { clear: left; }

.campaign-2017s-cyclo-item-h { font-weight: bold; font-size: 24px; margin-bottom: 5px; }

.campaign-2017c { color: #000; }

.campaing-2017c-box-gray { background: #f9f9f9; padding-top: 50px; padding-bottom: 10px; }

.campaign-2017c-h { font-size: 40px; font-weight: bold; border-bottom: none !important; text-align: center; margin-bottom: 30px; }

.campaign-2017c-h.mode-alt { color: #8cb226; }

.campaign-2017c-intro-desc { font-size: 18px; font-weight: bold; margin-top: 50px; line-height: 1.75; }

.campaign-2017c-intro-desc.mode-lg { margin-top: 30px; font-size: 24px; }

.campaign-2017c-desc { margin: 30px 0; text-align: center; font-size: 16px; color: #666; line-height: 1.8; }

.campaign-2017c-require { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 30px auto 50px; padding: 20px; max-width: 550px; background: #be2e51; text-align: center; font-size: 16px; color: #fff; line-height: 2; }

.campaign-2017c-require a { color: #fff; }

.campaign-2017c-img-box { margin-bottom: 40px; text-align: center; }

.campaign-2017c-img-box img { vertical-align: top; }

.campaign-2017c-img-box.mode-2 img { margin: 0 7px; }

.campaign-2017c-act { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 20px auto 50px; padding: 15px; max-width: 550px; text-align: center; background: #000; line-height: 1.75; font-weight: bold; text-decoration: none; }

.campaign-2017c-act-main { font-size: 26px; color: #fff; text-decoration: underline; }

.campaign-2017c-act-main s { color: #666; }

.campaign-2017c-act-sub { font-size: 22px; color: #8cb226; text-decoration: underline; }

.campaign-2017c-act-sub.mode-desc { display: block; text-decoration: none; color: #fff; font-size: 13px; margin-top: 1em; font-weight: normal; text-align: left; }

.campaign-2017c-box { padding-top: 1px; }

.campaign-2017c-about-h { margin-top: 30px; font-size: 26px; }

.campaign-2017c-img-img { display: inline-block; position: relative; }

.campaign-2017c-img-link { position: absolute; display: block; width: 140px; height: 30px; z-index: 1; text-decoration: none; }

.campaign-2017c-img-link.mode-2 { left: 22px; top: 180px; }

.campaign-2017c-img-link.mode-3 { left: 142px; top: 160px; }

.campaign-2017w-intro-desc { line-height: 1.75; text-align: left; margin-bottom: 1.5em; color: #000; font-size: 16px; }

.campaign-2017w-intro-desc.mode-center { text-align: center; }

.campaign-2017w-intro-desc strong { color: #b7183f; font-weight: bold; }

.campaign-2017w-intro-desc a { font-weight: bold; color: #b7183f; text-decoration: underline !important; }

.campaign-2017w-desc-action { padding-bottom: 70px; }

.campaign-2017w-desc-action .campaign-desc-btn { width: 50%; font-size: 18px; margin: 0; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

.campaign-2017w-desc-action .campaign-desc-btn.mode-1 { border-right: 8px solid #fff; }

.campaign-2017w-desc-action .campaign-desc-btn.mode-2 { border-left: 8px solid #fff; }

.campaign-2017w-desc-action:after { content: ""; clear: both; display: table; }

.campaign-2017w-desc-action.mode-2nd { margin-top: -40px; text-align: center; }

.campaign-2017w-desc-action.mode-2nd .campaign-desc-btn { display: inline-block; float: none; }

.campaign-2017w-subh-sub { font-weight: bold; color: #b7183f; font-size: 18px; text-align: center; margin-top: -18px; }

.campaign-2018s-intro-desc, .campaign-2018s-intro-img { font-size: 16px; width: 50%; float: left; text-align: left; line-height: 2; padding-bottom: 60px; }

.campaign-2018s-intro-img { text-align: right; }

.campaign-2018s-box { width: 50%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; border: 50px solid #fff; color: #000; }

.campaign-2018s-box.mode-full { width: auto; float: none; clear: left; border-top-width: 20px; }

.campaign-2018s-box p { font-size: 14px; }

.campaign-2018s-desc-action { clear: left; margin-bottom: 60px; }

.campaign-2018s-box-h { font-size: 25px; font-weight: bold; margin: 20px 0 8px; }

.campaign-2018s-box-h-note { display: inline-block; margin-bottom: 8px; border: 1px solid #b7183f; color: #b7183f; font-size: 18px; padding: 5px 10px; }

.campaign-2018w-intro-desc { color: #000; }

.campaign-2018w-link:link, .campaign-2018w-link:visited { color: #fc1764; text-decoration: underline; }

.campaign-2018w-intro-movlink { -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }

.campaign-2018w-intro-movlink:hover { opacity: 0.8; }

.campaign-2018w-intro-img { color: #000; }

.campaign-2018w-products { margin-bottom: 100px; }

.campaign-2018w-products:after { display: table; content: ""; clear: both; }

.campaign-2018w-product { width: 297px; float: left; margin-right: 34px; }

.campaign-2018w-product:nth-child(3n) { margin-right: 0; }

.campaign-2018w-product-link { display: block; text-decoration: none; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }

.campaign-2018w-product-link:hover { opacity: 0.8; }

.campaign-2018w-product-name { font-weight: 800; color: #000; font-size: 14px; }

.campaign-2018w-product-btn { display: block; text-align: center; background: #ccc6c6; color: #000; font-weight: 800; font-size: 18px; padding: 12px 0; margin-top: 10px; }

.campaign-2018w-product:nth-child(2n) .campaign-2018w-product-btn { background: #c6ccc7; }

.campaign-2019sp-intro-box { clear: both; }

.campaign-2019sp-intro-desc { width: 50%; float: left; text-align: left; }

.campaign-2019sp-intro-desc-desc { font-size: 16px; line-height: 2; margin-bottom: 1.5em; color: #000; }

.campaign-2019sp-intor-h { font-size: 24px; font-weight: bold; color: #000; margin-bottom: 1em; }

.campaign-2019sp-desc-action { margin-bottom: 50px; }

.campaign-2019sp-desc-action .campaign-desc-btn { width: 100%; margin: 0; background: #fc1764; }

.campaign-2019sp-product-desc { display: block; color: #000; margin: 20px 0 0; font-size: 14px; line-height: 1.75; min-height: 234px; }

.campaign-2018w-intro-img.mode-2019sp { margin-bottom: 0; }

.campaign-2018w-product-btn.mode-yellow { background: #feb727; color: #000; }

.campaign-2018w-product-btn.mode-purple { color: #fff; background: #61207d !important; }

.campaign-2018w-product-btn.mode-gray { color: #000; background: #e5e5e5; }

/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/*  User Style: Change the following styles to modify the appearance of Colorbox.  They are ordered & tabbed in a way that represents the nesting of the generated HTML. */
#cboxOverlay { background: #fff; }

#colorbox { outline: 0; }

#cboxContent { margin-top: 32px; overflow: visible; background: #000; }

.cboxIframe { background: #fff; }

#cboxError { padding: 50px; border: 1px solid #ccc; }

#cboxLoadedContent { background: #000; padding: 1px; }

#cboxLoadingGraphic { background: url(images/loading.gif) no-repeat center center; }

#cboxLoadingOverlay { background: #000; }

#cboxTitle { position: absolute; top: -22px; left: 0; color: #000; }

#cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: -20px; background: url(images/controls.png) no-repeat 0 0; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxPrevious { background-position: 0px 0px; right: 44px; }

#cboxPrevious:hover { background-position: 0px -25px; }

#cboxNext { background-position: -25px 0px; right: 22px; }

#cboxNext:hover { background-position: -25px -25px; }

#cboxClose { background-position: -50px 0px; right: 0; }

#cboxClose:hover { background-position: -50px -25px; }

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 66px; }

.cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; }

.cboxSlideshow_on #cboxSlideshow:hover { background-position: -100px -25px; }

.cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; }

.cboxSlideshow_off #cboxSlideshow:hover { background-position: -75px -25px; }

/* lw styles */
#connect { width: 95%; text-align: left; margin-top: -15px; margin-bottom: 30px; }

.connect_title { font-size: 1.17em; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; }

.runlog { text-align: left; margin-top: 20px; display: block; width: 100%; }

.runlog a { text-decoration: none; }

.runlog a:hover { text-decoration: underline; }

#reco_bro { margin-top: 5px; }

#reco_bro p { font-size: 12px; }

#reco_bro p.ttl { margin-top: 12px; font-size: 12px; }

#reco_bro td { border: thin solid #666; padding: 10px; font-weight: 600; }

#reco_bro .wt { width: 100px !important; }

#reco_bro { font-size: 12px; margin-top: 15px; clear: left; }

.noCrank { position: absolute; left: 264px; top: 372px; z-index: 100; }

.noCrank2 { position: absolute; left: 410px; top: 280px; z-index: 100; }

.noCrank3 { position: absolute; left: 250px; top: 305px; z-index: 100; }

.proNew { position: absolute; top: 0x; left: 0px; padding: 5px 10px; line-height: 1em; background-color: #b7183e; display: block; color: #FFF; z-index: 100; }

.x-fixed-fixed { position: fixed; width: 100%; left: 0; top: 0; z-index: 999; background: #FFF; }

.p-hnav { background: none !important; }

.p-hnav-nav-main { width: 200px !important; }

.p-hnav-name { display: none; }

.p-section.mode-top { background: #f3f3f3; clear: both; }

.p-content { background: #f7f7f7; clear: both; position: relative; min-width: 1070px; }

.p-content:after { content: ""; display: table; clear: both; }

.p-content.mode-last { padding-bottom: 80px; }

.p-content.mode-pad-top { padding-top: 8em; }

.p-section.mode-top .p-content { background: none; width: 1070px; margin: 0 auto; }

.p-content-h { font-size: 32px; line-height: 1.7; font-weight: 800; margin: 0 0 20px; }

.p-h-content > .p-content-h { font-size: 24px; }

.p-2col-content .p-content-h { font-size: 24px; }

.p-2col-content .p-content-h.mode-l { font-size: 32px; }

.p-content-h.mode-center { text-align: center; padding: 2em 0; }

.p-content-h-s { font-size: 13px; }

.p-content-h-icons { display: block; margin-bottom: 10px; }

.p-content-subh .p-content-h-icons { padding-top: 40px; }

.p-content-h-icon { vertical-align: middle; margin-right: 20px; }

.p-content-h-sub { font-size: 14px; display: block; margin-bottom: -20px; }

.p-content-new { display: block; text-align: center; margin-bottom: 1.5em; }

.p-content-new-text { display: inline-block; background: #ae1b3e; color: #fff; font-weight: bold; padding: 4px 7px; line-height: 1; }

.p-content-desc { font-size: 14px; line-height: 2; margin-bottom: 1em; clear: both; }

.p-content-desc.mode-note { font-size: 12px; line-height: 1.65; }

.p-content > .p-content-desc { max-width: 1070px; margin: 0 auto 40px; padding-left: 15px; padding-right: 15px; }

.p-list + .p-content-desc { margin-top: -40px; margin-bottom: 60px; }

.slick-dotted + .p-content-desc { margin-top: 40px; }

.p-content-desc-h { font-weight: bold; font-size: 14px; }

.p-content > .p-content-desc-h { max-width: 1070px; margin: 0 auto 10px; }

.p-content-subh { text-align: center; margin-bottom: 50px; }

.p-content-subh.mode-pad-top { padding-top: 80px; }

.p-content-subh-img { max-width: 85%; }

.p-content-subh-text { display: block; font-weight: bold; font-size: 14px; }

.p-content-img-img { max-width: 100%; }

.p-content-banners { display: block; margin-top: 20px; }

.p-content-banners.mode-mar-top { margin-top: 60px; }

.p-content-banner-link { display: inline-block; vertical-align: top; }

.p-content-banner-link:link, .p-content-banner-link:visited { color: #000; }

.p-content-banner { margin-right: 10px; }

.p-content-update-h { max-width: 1070px; margin: 0 auto 4em; position: relative; text-align: center; line-height: 1; padding: 0; }

.p-content-update-h:after { width: 100%; content: ""; background: #ae1b3e; height: 10px; position: absolute; top: 50%; left: 0; margin-top: -5px; z-index: 0; display: block; }

.p-content-update-h-text { z-index: 1; position: relative; display: inline-block; background: #ae1b3e; color: #fff; font-weight: bold; font-size: 18px; padding: 10px 30px; border-radius: 8px; }

.p-content-update-subh { max-width: 1070px; margin: 0 auto 10px; font-size: 24px; font-weight: bold; color: #ae1b3e; border-bottom: 1px solid #ae1b3e; margin-bottom: 2em; }

.p-content-update-full-img { display: block; margin: 0 auto 20px; padding: 0; max-width: 1070px; }

.p-content-update-full-img-img { max-width: 100%; }

.p-h-imgs { width: 530px; float: left; position: relative; }

.p-h-img-img { max-width: 100%; }

.p-h-content { width: 482px; float: left; padding-top: 50px; }

.p-h-h { border-bottom: 1px solid #000; line-height: 1; font-weight: bold; padding-bottom: 8px; margin-bottom: 20px; }

.p-h-h-img { max-width: 100%; }

.p-h-price { display: block; line-height: 1.5; }

.p-h-price-new { display: inline-block !important; white-space: nowrap; color: #ae1b3e; }

.p-h-price-new-new { display: inline-block !important; background: #ae1b3e; color: #fff; margin-right: 5px; padding: 0 7px; font-weight: bold; }

.p-h-desc { font-size: 14px; line-height: 2.7; padding-bottom: 50px; }

.p-h-desc-sub { line-height: 1.6; font-size: 12px; margin-top: -35px; padding-bottom: 40px; }

.p-2col-img { width: 49.5833333%; float: left; position: relative; }

.p-content.mode-rl .p-2col-img { float: right; }

.p-2col-img-carousel { position: absolute; width: 68.907563%; height: 88.21%; left: 18%; top: 11.79%; }

.p-2col-img-link { display: block; }

.p-2col-img-img { display: block; width: 100%; }

.p-2col-img-img.mode-sub { -webkit-transition: top 1s; transition: top 1s; position: absolute; left: 0; top: 0; }

.p-2col-img-img.mode-sub.mode-sub1 { top: -11%; }

.p-2col-img-img.mode-sub.mode-sub3 { top: 5%; }

.p-content.mode-in-window .p-2col-img-img.mode-sub { top: 0 !important; }

.p-2col-content { position: relative; width: 50.4166667%; float: left; }

.p-content.mode-rl .p-2col-content { float: right; }

.p-2col-content-content { max-width: 540px; position: absolute; width: 100%; top: 50%; right: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0 65px 0 15px; }

.p-content.mode-lr .p-2col-content-content { padding: 0 15px 0 80px; right: auto; left: 0; }

.p-list { max-width: 1070px; margin: 0 auto; padding: 0 15px 30px; }

.p-list:after { content: ""; display: table; clear: both; }

.p-list.mode-1col { max-width: 335px; }

.p-list.mode-2col { max-width: 670px; }

.p-list.mode-2col-wide { max-width: 1070px; }

.p-list.slick-dotted { padding-bottom: 0; }

.p-list-item { position: relative; float: left; padding-bottom: 4em; }

.p-list-item.mode-nopad { padding-bottom: 0; }

.p-list.mode-one .p-list-item { width: 475px; float: none; margin-left: auto; margin-right: auto; }

.p-list.mode-one-lg .p-list-item { width: 960px; float: none; margin-left: auto; margin-right: auto; }

.p-list.mode-3col .p-list-item, .p-list.mode-2col .p-list-item, .p-list.mode-1col .p-list-item { line-height: 1.7; font-size: 14px; }

.p-list.mode-1col .p-list-item { width: 100%; }

.p-list.mode-2col .p-list-item { width: 50%; }

.p-list.mode-2col .p-list-item:nth-child(2n + 1) { clear: left; }

.p-list.mode-3col .p-list-item { width: 33.3333333%; }

.p-list.mode-3col .p-list-item:nth-child(3n + 1) { clear: left; }

.p-list.mode-4col .p-list-item { width: 25%; }

.p-list.mode-4col .p-list-item:nth-child(4n + 1) { clear: left; }

.p-list-item-content { width: 267px; margin-left: auto; margin-right: auto; }

.p-list.mode-4col .p-list-item-content { width: 245px; }

.p-list.mode-4col .p-list-item:nth-child(4n + 1) .p-list-item-content, .p-list.mode-3col .p-list-item:nth-child(3n + 1) .p-list-item-content, .p-list.mode-2col .p-list-item:nth-child(2n + 1) .p-list-item-content { margin-left: 0; margin-right: auto; }

.p-list.mode-4col .p-list-item:nth-child(4n) .p-list-item-content, .p-list.mode-3col .p-list-item:nth-child(3n) .p-list-item-content, .p-list.mode-2col .p-list-item:nth-child(2n) .p-list-item-content { margin-right: 0; margin-left: auto; }

.p-list.mode-one .p-list-item-content { width: 475px; }

.p-list.mode-one-lg .p-list-item-content { width: 960px; }

.p-list.mode-2col-wide .p-list-item-content { width: 500px; }

.p-list.mode-3col-wide .p-list-item-content { width: 330px; }

.p-list.mode-opaq .p-list-item-content { padding-bottom: 5px; background: #fff; }

.p-list-img-img { max-width: 100%; display: block; }

.p-list-img-img.mode-pc-margin { margin-bottom: 128px; }

.p-list-h { font-size: 14px; font-weight: bold; margin: 8px 0; }

.p-list-h.mode-pc-nobr br { display: none; }

.p-list-item.mode-sp-l .p-list-h { display: inline-block; vertical-align: middle; }

.p-list.mode-opaq .p-list-h { margin: 0 24px 18px; }

.p-list-desc { margin-bottom: 1em; font-size: 14px; }

.p-list.mode-opaq .p-list-desc { margin: 0 24px 24px; }

.p-list-desc.mode-note { font-size: 12px; }

.p-list-desc.mode-expand { white-space: nowrap; }

.p-list-desc.mode-sp-only { display: none; }

.p-list-desc-note { font-size: smaller; }

.p-list-crank { display: block; line-height: 2.5; padding: 0 5px; margin-bottom: 8px; }

.p-list-crank.mode-9100 { background: #c6ccc7; }

.p-list-crank.mode-8000 { background: #ccc6c6; }

.p-large-img { max-width: 726px; margin: 0 auto; padding: 0 15px; margin-bottom: 100px; }

.p-mov-link { display: block; border: 10px solid #eceae8; }

.p-table { width: 1070px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: -40px auto 0; background: #fff; border: 24px solid #fff; font-size: 14px; }

.p-th { vertical-align: middle; border-bottom: 10px solid #fff; border-right: 10px solid #fff; padding: 0 5px; }

.p-th.mode-9100 { background: #c6ccc7; }

.p-th.mode-8000 { background: #ccc6c6; }

.p-td { border-bottom: 10px solid #fff; background: #f7f7f7; padding: 20px 10px; }

@media screen and (max-width: 640px) { body.mode-responsive #base { width: 100%; min-width: 0; } body.mode-responsive .content_box { width: auto; margin: 0; } body.mode-responsive .spec-table th { white-space: normal; min-width: 60px; } body.mode-responsive .spec-option-table table { width: auto; } body.mode-responsive .basic-page h1 span { padding-left: 10px; padding-top: 10px; font-size: 22px; } body.mode-responsive .slick-prev, body.mode-responsive .slick-next { height: 20px; width: 20px; } body.mode-responsive .slick-prev:hover, body.mode-responsive .slick-prev:focus, body.mode-responsive .slick-next:hover, body.mode-responsive .slick-next:focus { opacity: 1; } body.mode-responsive .slick-prev:hover:before, body.mode-responsive .slick-prev:focus:before, body.mode-responsive .slick-next:hover:before, body.mode-responsive .slick-next:focus:before { opacity: 1; } body.mode-responsive .slick-prev:before, body.mode-responsive .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; } body.mode-responsive .slick-prev { margin-left: 0; left: 10px; z-index: 2; background: none; } body.mode-responsive .slick-next { left: auto; right: 10px; background: none; margin-left: 0; } body.mode-responsive .slick-dots { text-align: center; width: 100%; margin: 0; left: 0; } body.mode-responsive .slick-dots li { width: 20px; } body.mode-responsive .g-lg-only { display: none; } body.mode-responsive .h { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; -webkit-transition: background-color 0.5s; transition: background-color 0.5s; } body.mode-responsive .h.mode-sp-menu-open { background: #fff; height: 100%; } body.mode-responsive .h .g-langs { display: none; } body.mode-responsive .h-main { width: 100%; height: 40px; text-align: center; } body.mode-responsive .h.mode-sp-menu-open .h-main { height: 100%; } body.mode-responsive .h-logo { padding-top: 10px; margin-right: 0; float: none; display: inline-block; } body.mode-responsive .h-logo-img { width: 124px; } body.mode-responsive .h-sp-menu { display: block; } body.mode-responsive .h.mode-open2nd .h-sp-back { display: block; } body.mode-responsive .h-nav { background: #fff; position: absolute; left: 0; top: 40px; width: 100%; z-index: 9998; -webkit-transition: 0.4s; transition: 0.4s; display: none; } body.mode-responsive .h.mode-sp-menu-open .h-nav { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; overflow-y: auto; padding-bottom: 40px; } body.mode-responsive .h.mode-open2nd .h-nav { -webkit-transform: translateX(-100%); transform: translateX(-100%); } body.mode-responsive .h-nav-item { float: none; } body.mode-responsive .h-nav-link { font-size: 16px; border-bottom: 1px solid #000; text-align: left; display: block; padding: 11px 80px 11px 16px; position: relative; } body.mode-responsive .h-nav-link:before, body.mode-responsive .h-nav-link:after { content: ""; position: absolute; right: 16px; top: 50%; width: 8px; height: 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #000; margin-top: -2px; } body.mode-responsive .h-nav-link:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 2px; } body.mode-responsive .h-sub { top: 40px; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; overflow-y: auto; padding-bottom: 40px; } body.mode-responsive .h.mode-open2nd .h-sub { -webkit-transform: translateX(0); transform: translateX(0); } body.mode-responsive .h.mode-products-click.mode-sp-menu-open .h-sub.mode-products { display: block; } body.mode-responsive .h.mode-contents-click.mode-sp-menu-open .h-sub.mode-contents { display: block; } body.mode-responsive .h.mode-support-click.mode-sp-menu-open .h-sub.mode-support { display: block; } body.mode-responsive .h-prod:before { display: none; } body.mode-responsive .h-prod-item, body.mode-responsive .h-support-item { font-size: 18px; float: none; padding-right: 0; padding-left: 20px; } body.mode-responsive .h-contents { padding: 0 0 20px; } body.mode-responsive .h-content { float: none; margin-right: 0; } body.mode-responsive .h-content-link { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 77px; padding: 16px 16px 18px 130px; width: auto; text-align: left; } body.mode-responsive .h-content-img { width: 98px; position: absolute; left: 16px; top: 10px; } body.mode-responsive .idx-feature { padding-top: 40px; } body.mode-responsive .idx-feature .slick-dots { text-align: center; width: 100%; margin: 0; left: 0; } body.mode-responsive .idx-feature-items { margin-left: 10px; margin-right: 10px; } body.mode-responsive .idx-feature-link { min-width: 0; height: auto; width: auto; } body.mode-responsive .idx-feature-img { position: static; -webkit-transform: none; transform: none; display: none; } body.mode-responsive .idx-feature-img-sp { display: block; } body.mode-responsive .idx-feature-notice h1 { font-size: 30px; } body.mode-responsive .idx-feature-notice p { font-size: 20px; } body.mode-responsive .idx-news { width: 100%; padding: 20px 45px; -webkit-box-sizing: border-box; box-sizing: border-box; } body.mode-responsive .idx-news-h { font-size: 17px; position: static; text-align: center; margin-bottom: 20px; } body.mode-responsive .idx-news-item { width: auto; max-width: 290px; margin-right: 0; float: none; margin-left: auto; margin-right: auto !important; } body.mode-responsive .idx-banners-wrap { padding-top: 40px; } body.mode-responsive .idx-banners { width: auto; text-align: center; } body.mode-responsive .idx-banner { float: none; margin-left: auto; margin-right: auto; margin-bottom: 25px; } body.mode-responsive .idx-feature-h { font-size: 20px; top: 50px; padding-left: 30px; } body.mode-responsive .idx-info-jp-h { font-size: 24px; } body.mode-responsive .idx-info-jp-d { font-size: 18px; } body.mode-responsive .idx-h { font-size: 24px; padding-left: 15px; padding-right: 15px; } body.mode-responsive .idx-d, body.mode-responsive .idx-subh, body.mode-responsive .idx-dl { font-size: 18px; padding-left: 15px; padding-right: 15px; } body.mode-responsive #fn .fn-nav { padding-top: 16px; } body.mode-responsive #fn .fn-nav-box { width: auto; float: none; padding-bottom: 16px; margin-bottom: 16px; } body.mode-responsive #fn .fn-nav-box:first-child { border-bottom: 1px solid #aaa; } body.mode-responsive #fn .fn-nav-box:nth-child(4) { display: none; } body.mode-responsive #fn .fn-nav-box h1 { font-size: 16px; } body.mode-responsive #fn .fn-nav-box ul { font-size: 16px; } body.mode-responsive #fn .fn-nav-box-r .g-langs { position: relative; left: 0; top: 0; } body.mode-responsive #fn .content_box { width: auto; padding: 0 16px; } body.mode-responsive #fb { border-top: none; } body.mode-responsive #fb .fb-copyright { position: static; width: auto; text-align: left; padding-top: 10px; } body.mode-responsive #fb .content_box { width: auto; padding: 0 16px; } body.mode-responsive .footer-social { display: block; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; text-align: center; padding: 20px 0; } body.mode-responsive .product .prod-nav .prod-nav-sub { display: none; } body.mode-responsive .prod-contents h1 { background-position: 15px top; } body.mode-responsive .prod-sys { padding: 0 15px 30px; } body.mode-responsive .prod-sys ul { width: auto; } body.mode-responsive .prod-sys li { width: auto; border-right: none; margin-bottom: 20px; } body.mode-responsive .prod-sys li > img { width: 100%; height: auto; } body.mode-responsive .prod-spec .spec-wrap { width: auto; margin: 20px 15px 30px; } body.mode-responsive .prod-spec .spec-box-h { max-width: 100%; height: auto !important; margin-left: 0; } body.mode-responsive .p-bread { display: none; } body.mode-responsive .p-hnav { background: #000 !important; margin-top: 40px; height: auto !important; } body.mode-responsive .p-hnav-h { float: none; text-align: center; color: #fff; } body.mode-responsive .p-hnav-logo { display: none; } body.mode-responsive .p-hnav-name { display: inline-block; padding: 8px; } body.mode-responsive .p-hnav-nav-main { display: none; } body.mode-responsive .p-section.mode-top .p-content { width: auto; } body.mode-responsive .p-content { min-width: 0; border-top: 1px solid #eaeaea; } body.mode-responsive .p-content-h { padding: 1em 0 0.3em; font-size: 18px !important; } body.mode-responsive .p-h-content > .p-content-h { font-size: 18px !important; } body.mode-responsive .p-content > .p-content-h { padding-left: 15px; padding-right: 15px; } body.mode-responsive .p-2col-content .p-content-h { padding: 9px 0 0; } body.mode-responsive .p-content-h.mode-center br { display: none; } body.mode-responsive .p-content-h.mode-sub { font-size: 16px !important; } body.mode-responsive .p-content-subh .p-content-h-icons { padding-top: 20px; } body.mode-responsive .p-content-h-icon { max-width: 60px; } body.mode-responsive .p-content > .p-content-desc-h { padding-left: 15px; padding-right: 15px; } body.mode-responsive .p-content-subh { padding-left: 15px; padding-right: 15px; } body.mode-responsive .p-content-banners { margin-top: 20px; text-align: center; font-size: 11px; } body.mode-responsive .p-content-banner { width: 135px; } body.mode-responsive .p-content-update-h:after { height: 6px; margin-top: -3px; } body.mode-responsive .p-content-update-h-text { font-size: 14px; } body.mode-responsive .p-content-update-subh { font-size: 18px; margin-left: 15px; margin-right: 15px; } body.mode-responsive .p-h-imgs { width: auto; float: none; } body.mode-responsive .p-h-content { width: auto; padding: 0 15px; float: none; } body.mode-responsive .p-h-desc { line-height: 1.9; } body.mode-responsive .p-2col-img { width: auto; float: none; } body.mode-responsive .p-2col-content .p-2col-img-img { display: none; } body.mode-responsive .p-2col-content { width: auto; float: none; } body.mode-responsive .p-2col-content-content { max-width: none; width: auto; position: static; -webkit-transform: none; transform: none; padding: 15px !important; background: #fff; } body.mode-responsive .p-list-item { float: none; padding-bottom: 1em; }
  body.mode-responsive .p-list-item.slick-slide { float: left !important; clear: none !important; } body.mode-responsive .p-list.mode-one .p-list-item { width: auto; } body.mode-responsive .p-list.mode-one-lg .p-list-item { width: auto; } body.mode-responsive .p-list.mode-1col .p-list-item { width: auto; } body.mode-responsive .p-list.mode-2col .p-list-item { width: auto; } body.mode-responsive .p-list.mode-3col .p-list-item { width: auto; } body.mode-responsive .p-list.mode-4col .p-list-item { width: auto; } body.mode-responsive .p-list.mode-slick-sp .p-list-item { clear: none; } body.mode-responsive .p-list.mode-sp-2col .p-list-item { width: 50%; float: left; clear: none; }
  body.mode-responsive .p-list.mode-sp-2col .p-list-item:nth-child(2n + 1) { clear: left; } body.mode-responsive .p-list-item-content { margin-left: auto !important; margin-right: auto !important; } body.mode-responsive .p-list.mode-one .p-list-item-content { width: auto; } body.mode-responsive .p-list.mode-one-lg .p-list-item-content { width: auto; } body.mode-responsive .p-list.mode-2col-wide .p-list-item-content { width: auto !important; } body.mode-responsive .p-list.mode-3col-wide .p-list-item-content { width: auto !important; } body.mode-responsive .p-list-item.mode-sp-l .p-list-item-content { width: auto; padding-bottom: 1.5em; } body.mode-responsive .p-list.mode-sp-2col .p-list-item-content { width: auto; text-align: center; } body.mode-responsive .p-list.mode-sp-2col .p-list-item:nth-child(2n + 1) .p-list-item-content { margin-right: 5px !important; } body.mode-responsive .p-list.mode-sp-2col .p-list-item:nth-child(2n) .p-list-item-content { margin-left: 5px !important; } body.mode-responsive .p-list-item.mode-sp-l .p-list-img { display: inline-block; margin-right: 5px; vertical-align: middle; } body.mode-responsive .p-list-img-img.mode-pc-margin { margin-bottom: 0; } body.mode-responsive .p-list-item.mode-sp-l .p-list-img-img { max-width: 100px; vertical-align: middle; } body.mode-responsive .p-list-h.mode-pc-nobr br { display: inline; } body.mode-responsive .p-list-desc.mode-sp-nobr br { display: none; } body.mode-responsive .p-list-desc.mode-expand { white-space: normal; } body.mode-responsive .p-list-desc.mode-sp-only { display: block; } body.mode-responsive .p-table { margin: 0 15px 60px; width: auto; } body.mode-responsive .p-th { display: block; border: none; padding: 10px; } body.mode-responsive .p-td { display: block; border: none; word-break: break-word; } }

@media screen and (min-width: 641px) { body.mode-responsive .g-sp-only { display: none; } body.mode-responsive .idx-feature-img-sp { display: none; } }

@media screen and (max-width: 374px) { body.mode-responsive .idx-news { padding: 20px 25px; } }