@charset "UTF-8";
/** SMARTPHONE CSS	@version	 0.01 2012-06-27 @copyright All Rights Reserved, Copyright (C) CASIO COMPUTER CO., LTD @link			http://casio.jp/	*/
/* ---------------------------------------------------------------------- SUPER CLASS
----------------------------------------------------------------------*/
/* ---------------------------------------------------------------------- SUPER CLASS
----------------------------------------------------------------------*/
.clearfix, .help #contents, .inr-s, #bleProduct #bleGlobalNav, .help #page #contents div.startGuide ul, .help #page #contents .spCol ul, #bleProduct.helpGuide3 #page #guideContents .unit1-3 .unit1 ul, .helpGuide6 #page #contents .spCol .unit1-2, .helpGuide6 #page #contents .spCol .unit1-2 dl, .helpGuide6 #page #contents .spCol .unit1-3, .helpGuide6 #page #contents .spCol .unit1-3 .unit2-3, .col2, .col3.arw.ptn2 .col, .col.g6_img { *zoom: 1; }
.clearfix:before, .help #contents:before, .inr-s:before, #bleProduct #bleGlobalNav:before, .help #page #contents div.startGuide ul:before, .help #page #contents .spCol ul:before, #bleProduct.helpGuide3 #page #guideContents .unit1-3 .unit1 ul:before, .helpGuide6 #page #contents .spCol .unit1-2:before, .helpGuide6 #page #contents .spCol .unit1-2 dl:before, .helpGuide6 #page #contents .spCol .unit1-3:before, .helpGuide6 #page #contents .spCol .unit1-3 .unit2-3:before, .col2:before, .col3.arw.ptn2 .col:before, .col.g6_img:before, .clearfix:after, .help #contents:after, .inr-s:after, #bleProduct #bleGlobalNav:after, .help #page #contents div.startGuide ul:after, .help #page #contents .spCol ul:after, #bleProduct.helpGuide3 #page #guideContents .unit1-3 .unit1 ul:after, .helpGuide6 #page #contents .spCol .unit1-2:after, .helpGuide6 #page #contents .spCol .unit1-2 dl:after, .helpGuide6 #page #contents .spCol .unit1-3:after, .helpGuide6 #page #contents .spCol .unit1-3 .unit2-3:after, .col2:after, .col3.arw.ptn2 .col:after, .col.g6_img:after { content: ""; display: block; overflow: hidden; }
.clearfix:after, .help #contents:after, .inr-s:after, #bleProduct #bleGlobalNav:after, .help #page #contents div.startGuide ul:after, .help #page #contents .spCol ul:after, #bleProduct.helpGuide3 #page #guideContents .unit1-3 .unit1 ul:after, .helpGuide6 #page #contents .spCol .unit1-2:after, .helpGuide6 #page #contents .spCol .unit1-2 dl:after, .helpGuide6 #page #contents .spCol .unit1-3:after, .helpGuide6 #page #contents .spCol .unit1-3 .unit2-3:after, .col2:after, .col3.arw.ptn2 .col:after, .col.g6_img:after { clear: both; }

.en-font { font-family: "Oswald-Bold", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; }

.btn-linear-gradient { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/global/en/wat/ble/common/css/PIE.htc"); background-color: #262626; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4c4c4c), color-stop(1, #262626)); background-image: -webkit-linear-gradient(top, #4c4c4c, #262626); background-image: -moz-linear-gradient(top, #4c4c4c, #262626); background-image: -o-linear-gradient(top, #4c4c4c, #262626); background-image: -ms-linear-gradient(top, #4c4c4c, #262626); background-image: linear-gradient(top, #4c4c4c, #262626); -pie-background: linear-gradient(#4c4c4c, #262626); behavior: url("/global/en/wat/ble/common/css/PIE.htc"); -webkit-box-shadow: 0 1px 0 #646464; box-shadow: 0 1px 0 #646464; behavior: url("/global/en/wat/ble/common/css/PIE.htc"); display: block; border: 1px solid #000; }
.btn-linear-gradient div { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/global/en/wat/ble/common/css/PIE.htc"); border-top: 1px solid #676767; }

.help #contents { font-size: 119%; }
.help #contents h2.spTitle { background: none !important; color: #000 !important; font-size: 163% !important; margin: 0 10px 15px; padding: 0 0 1px 0; border-bottom: solid 1px #000; }

.en-font, .app #contentsTitle h1, #ble.guide #page #main .headTitle h1 { font-family: "Oswald-Bold", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; }

/* ---------------------------------------------------------------------- BLE Global
----------------------------------------------------------------------*/
#bleProduct .pageTitle { background: url(../img/bg_sp_header.jpg) no-repeat top center white; background-size: auto 100px; height: 100px; padding: 0 !important; margin: 0 !important; border-bottom: none; position: relative; overflow: hidden; }
#bleProduct .pageTitle h1 { padding: 20px 0 5px 10px; line-height: 1.2; }
#bleProduct .pageTitle h1 span { display: block; }
#bleProduct .pageTitle p { display: block; padding: 0 0 0 10px; }
#bleProduct .pageTitle p#spImg { position: absolute; top: -25px; right: -20px; }
#bleProduct #categoryImage { position: relative; width: 100%; top: 0; left: 0; height: auto; }
#bleProduct #categoryImage img { width: 100%; position: relative; }

#bleGlobalNav { display: none; }

#bleGlobalNavSP { margin: 10px; position: relative; overflow: hidden; background-color: #082755; border: 1px solid #082755; }
#bleGlobalNavSP li { border-top: 1px solid #053a6e; border-bottom: 1px solid #000; font-weight: bold; font-size: 81%; }
#bleGlobalNavSP li a { display: block; position: relative; color: #fff !important; background-color: #082755; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0b2f64), color-stop(1, #082755)); background-image: -webkit-linear-gradient(top, #0b2f64, #082755); background-image: -moz-linear-gradient(top, #0b2f64, #082755); background-image: -o-linear-gradient(top, #0b2f64, #082755); background-image: -ms-linear-gradient(top, #0b2f64, #082755); background-image: linear-gradient(top, #0b2f64, #082755); -pie-background: linear-gradient(#0b2f64, #082755); behavior: url("/global/en/wat/ble/common/css/PIE.htc"); position: relative; padding: 17px 10px; }
#bleGlobalNavSP li a:hover { text-decoration: none !important; }
#bleGlobalNavSP li .arrow_l { display: block; position: absolute; top: 50%; right: 0; margin-top: -12px; }

.ico-ble { background: url("../img/bg_bitmap@2x_2.png") repeat scroll 0 0/300px auto transparent; display: inline-block; height: 20px; position: relative; width: 20px; }
.ico-ble.arrow_l { background-position: -215px -40px; height: 25px; width: 25px; }

#bleProduct #contents article { padding-top: 15px !important; }
#bleProduct #contents article.sp { padding-top: 0 !important; min-height: 300px !important; }
#bleProduct #contents #contentsTitle h1 { font-size: 16px; text-indent: 0; line-height: 1.3; width: auto; height: auto; background: none; }
#bleProduct #contents #contentsTitle h1 br { display: none; }
#bleProduct #contents p.lead { padding: 0 10px; margin-bottom: 10px; color: #333; }
#bleProduct #contents p.lead br { display: none; }
#bleProduct #contents .spBtnCol { position: relative; }
#bleProduct #contents .spBtnCol:before { content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: white; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); top: 0px; }
#bleProduct #contents .spBtnCol:after { content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: white; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); bottom: -3px; }
#bleProduct #contents .spBtnCol ul { margin-right: 0px; }
#bleProduct #contents .spBtnCol .spBtn { position: static; top: 0; right: 0; }
#bleProduct #contents .notes li { text-indent: -1em !important; }
#bleProduct #contents .ftNotes { color: #fff; margin-bottom: 20px; padding: 10px; border-top: 2px solid #000; border-bottom: 2px solid #000; position: relative; }
#bleProduct #contents .ftNotes:before { content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: white; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); top: 0px; left: 0px; }
#bleProduct #contents .ftNotes:after { content: ''; display: block; position: absolute; width: 100%; height: 1px; background-color: white; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); bottom: -3px; left: 0px; }
#bleProduct #contents .spCol { padding: 0 0 20px !important; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; }
#bleProduct.help #bleGlobalNav li.navHel a, #bleProduct.products #bleGlobalNav li.navPro a, #bleProduct.help #bleGlobalNav li.navHel a, #bleProduct.smartphone #bleGlobalNav li.navSma a, #bleProduct.app #bleGlobalNav li.navApp a, #bleProduct.concept #bleGlobalNav li.navCon a, #bleProduct.function #bleGlobalNav li.navFun a, #bleProduct.style #bleGlobalNav li.navSty a { border-top: 1px solid #354763; background-color: #062352; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #061c40), color-stop(1, #062352)); background-image: -webkit-linear-gradient(top, #061c40, #062352); background-image: -moz-linear-gradient(top, #061c40, #062352); background-image: -o-linear-gradient(top, #061c40, #062352); background-image: -ms-linear-gradient(top, #061c40, #062352); background-image: linear-gradient(top, #061c40, #062352); -pie-background: linear-gradient(#061c40, #062352); behavior: url("/global/en/wat/ble/common/css/PIE.htc"); }

/*-------------------------------------------
	Help
---------------------------------------------*/
/*-------------------------------------------
	Help
---------------------------------------------*/
.help.helpGuide .pcCol { display: none; }
.help.helpGuide #contentsTitle h1 { display: none; }
.help.helpGuide #contentsTitle h1.read { display: block; margin-bottom: 0px; }
.help.helpGuide #page #contents h2.head { color: #fff; position: relative; background: none; margin: 0px; padding-top: 15px !important; border-top: 1px solid #000; }
.help.helpGuide #page #contents h2.head:after { content: ''; position: absolute; width: 100%; height: 1px; top: 1px; left: 0; background-color: white; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); }
.help.helpGuide #page #contents h2.spTitle { font-size: 131% !important; }
.help.helpGuide #page #contents p.btn { margin-left: 10px !important; }
.help.helpGuide #page #contents .spCol { display: block; padding-bottom: 0px; }
.help.helpGuide #page #contents .spCol ol li p { position: relative; }
.help.helpGuide #page #contents .spCol ol li p span { left: -28px !important; top: 0 !important; }
.help.helpGuide #page #contents .spCol h2 { color: #000; text-align: left; border-left: 3px solid #16499f !important; padding: 6px 0 4px 6px; margin-bottom: 10px; background: #fff !important; }
.help.helpGuide #page #contents .spCol h3 { font-size: 14px; font-weight: bold; display: block; padding: 8px; margin-bottom: 10px; }
.help.helpGuide #page #contents .spCol aside.note2 h3 { padding: 0; background: none; }
.help.helpGuide #page #contents .spCol h4 { font-size: 12px; }
.help.helpGuide #page #contents .spCol ul { margin: 5px 0 0 15px; padding-bottom: 15px; width: auto; }
.help.helpGuide #page #contents .spCol ul li { padding: 0 !important; }
.help.helpGuide aside.important { margin: 0 10px; }

.help #page #contents aside.important { margin-bottom: 20px; }
.help #page #contents ul.btn_helptop { width: auto !important; margin: 0 10px 13px !important; padding: 0 0 20px !important; }
.help #page #contents ul.btn_helptop li { float: none !important; width: auto !important; margin-right: 0 !important; margin-bottom: 5px; }
.help #page #contents ul.btn_helptop li a.dummy, .help #page #contents ul.btn_helptop li span.dummy { min-height: 0 !important; _height: auto; padding: 5px 0; }
.help #page #contents ul.btn_helptop li a.dummy span.inner, .help #page #contents ul.btn_helptop li span.dummy span.inner { display: block; padding: 0 12px; position: relative; }
.help #page #contents ul.btn_helptop li a.dummy span.inner span.title, .help #page #contents ul.btn_helptop li span.dummy span.inner span.title { display: block !important; margin-bottom: 3px !important; font-size: inherit !important; }
.help #page #contents ul.btn_helptop li a.dummy .links, .help #page #contents ul.btn_helptop li span.dummy .links { display: block; padding: 0 12px; position: static !important; top: 0; margin-top: 0 !important; }
.help #page #contents ul.btn_helptop li a.dummy .links a, .help #page #contents ul.btn_helptop li span.dummy .links a { color: #000; }
.help #page #contents ul.btn_helptop li.item01 span.inner, .help #page #contents ul.btn_helptop li.item02 span.inner { top: 0; margin-top: 0; }
.help #page #contents ul.btn_helptop li.item03 div.bg, .help #page #contents ul.btn_helptop li.item04 div.bg { background-image: none !important; display: inline; }
.help #page #contents ul.btn_helptop li.item03 div.bg span.inner, .help #page #contents ul.btn_helptop li.item04 div.bg span.inner { top: 0 !important; margin-top: 0 !important; position: static !important; }
.help #page #contents ul.btn_helptop li.item03 div.bg a, .help #page #contents ul.btn_helptop li.item04 div.bg a { line-height: 1.7 !important; }
.help #page #contents ul.btn_helptop li.item05 { margin-right: 0; }
.help #page #contents ul.btn_helptop li.item05 span.inner { top: 0; margin-top: 0; }

/*-------------------------------------------
	Help > GUIDE
---------------------------------------------*/
/*-------------------------------------------
	Guide
---------------------------------------------*/
#bleProduct.helpGuide #page #contentsTitle { padding: 10px 0 0 !important; display: block !important; }
#bleProduct.helpGuide #page #contentsTitle h1 { text-indent: 0 !important; text-align: left !important; margin: 0 10px 10px; display: block !important; }
#bleProduct.helpGuide #page #contentsTitle h1 span.guidetxt { margin-right: 0 !important; margin-bottom: 10px; font-size: 144%; display: block; text-align: left; font-family: "Helvetica", "Arial", "Verdana", sans-serif; }
#bleProduct.helpGuide #page p.lead { text-align: left; margin-bottom: 20px; }
#bleProduct.helpGuide #page p.lead br { display: block !important; }
#bleProduct.helpGuide #page #contents ul.btn_helpnavi { margin: 0 10px; width: auto; }
#bleProduct.helpGuide #page #contents ul.btn_helpnavi li { width: 48% !important; }
#bleProduct.helpGuide #page #contents ul.btn_helpnavi li a.dummy, #bleProduct.helpGuide #page #contents ul.btn_helpnavi li span.dummy { font-size: 75%; }
#bleProduct.helpGuide #page #bleGlobalNav, #bleProduct.helpGuide #page #navHead { display: none; }
#bleProduct.helpGuide #page #navFoot { padding-right: 0; float: none; width: auto !important; display: block; margin: 0 13px; overflow: visible; }
#bleProduct.helpGuide #page #navFoot .guideLocalNav { float: none; width: auto; padding-right: 0; }
#bleProduct.helpGuide #page #navFoot .guideLocalNav li { list-style: none; font-weight: bold; padding: 0; }
#bleProduct.helpGuide #page #navFoot .guideLocalNav li a { display: block; position: relative; padding-left: 0; }
#bleProduct.helpGuide #page #navFoot .guideLocalNav li a .btn { padding: 7px 7px 5px 7px; color: #fff; }
#bleProduct.helpGuide #page #navFoot .guideLocalNav li a .btn:hover { text-decoration: none; }
#bleProduct.helpGuide #page #navFoot .guideLocalNav li a img { position: absolute; left: auto; top: auto; background-position: 0 0; }
#bleProduct.helpGuide #page #navFoot .guideLocalNav li:first-child a { padding: 5px 10px; background-color: #e6e6e6; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #e6e6e6)); background-image: -webkit-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: -moz-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: -o-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: -ms-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: linear-gradient(top, #fdfdfd, #e6e6e6); -pie-background: linear-gradient(#fdfdfd, #e6e6e6); behavior: url("/global/en/wat/ble/common/css/PIE.htc"); }
#bleProduct.helpGuide #page #navFoot .guideLocalNav li:first-child a span { color: #333; }
#bleProduct.helpGuide #page #navFoot .guideLocalNav li.first { padding: 0; background: none; }
#bleProduct.helpGuide #page #navFoot .guideLocalNav li.first a { padding-left: 0; color: #fff; }
#bleProduct.helpGuide #page #navFoot .guideLocalNav li.first a:hover { text-decoration: none; cursor: default; }
#bleProduct.helpGuide #page #navFoot .guideLocalNav li.first img { display: none; }
#bleProduct.helpGuide #page #navFoot ul.guideLocalNav { border: solid 1px #ccc; margin-bottom: 12px; width: 100%; padding: 0; }
#bleProduct.helpGuide #page #navFoot ul.guideLocalNav li { float: none; display: block; width: 100%; border-bottom: 1px solid #ccc; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); behavior: url("/global/en/wat/ble/common/css/PIE.htc"); padding: 0; }
#bleProduct.helpGuide #page #navFoot ul.guideLocalNav li:last-child { border: none; }
#bleProduct.helpGuide #page #navFoot ul.guideLocalNav li a { position: relative; margin: 0; padding: 5px 9px; border: none; overflow: hidden; background-color: #fbfbfb; background-color: rgba(251, 251, 251, 0.97); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7FBFBFB',EndColorStr='#F7FBFBFB')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7FBFBFB',EndColorStr='#F7FBFBFB}'); }
#bleProduct.helpGuide #page #navFoot ul.guideLocalNav li a img.arwR { display: block; }
#bleProduct.helpGuide #page #navFoot ul.guideLocalNav li a span { display: block; text-align: left; color: #333; text-shadow: none; height: auto; font-size: 106%; width: auto; padding: 4px 3px; }
#bleProduct.helpGuide #page #navFoot ul.guideLocalNav li a img { margin-top: -6px; position: absolute; right: 7px; top: 50%; background-position: -59px 0; background-repeat: no-repeat; height: 12px; margin-right: 3px; width: 8px; }
#bleProduct.helpGuide #page #navFoot ul.guideLocalNav li a .btn { position: relative; display: inline; vertical-align: middle; right: 0; color: #fff; padding: 2px 4px; font-size: 66%; font-weight: normal; }
#bleProduct.helpGuide #page #navFoot ul.guideLocalNav li a.cur { background-color: #e5e5e5; background-color: rgba(229, 229, 229, 0.97); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7E5E5E5',EndColorStr='#F7E5E5E5')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7E5E5E5',EndColorStr='#F7E5E5E5}'); }
#bleProduct.helpGuide #page #navFoot ul.guideLocalNav li a.cur img.arwR { display: none; }
#bleProduct.helpGuide #page #navFoot ul.guideLocalNav li a.cur span { text-shadow: none; }
#bleProduct.helpGuide #page #navFoot ul.guideLocalNav li a.cur .btn { color: #fff; }
#bleProduct.helpGuide #page #navFoot ul.guideLocalNav li a:hover { text-decoration: none; }
#bleProduct.helpGuide #page #navFoot.last .first a span { border-left: solid 3px #fd0100; padding-left: 6px !important; }

.helpGuideIndex #page article { background: none; min-height: auto; height: auto; }
.helpGuideIndex #page article p.lead { margin-bottom: 20px !important; padding-left: 18px !important; }
.helpGuideIndex #page article aside.note2 { float: none; margin: 0 10px 20px; width: auto !important; }
.helpGuideIndex #page article aside.note2 p.lead { font-size: 88% !important; margin-bottom: 15px !important; padding: 0 !important; }
.helpGuideIndex #page article #navIndex { padding-right: 0; float: none; width: auto !important; display: block; margin: 0 13px; overflow: visible; }
.helpGuideIndex #page article #navIndex .guideIndexNav { float: none; width: auto; padding-right: 0; }
.helpGuideIndex #page article #navIndex .guideIndexNav li { list-style: none; font-weight: bold; padding: 0; }
.helpGuideIndex #page article #navIndex .guideIndexNav li a { display: block; position: relative; padding-left: 0; }
.helpGuideIndex #page article #navIndex .guideIndexNav li a .btn { padding: 7px 7px 5px 7px; color: #fff; }
.helpGuideIndex #page article #navIndex .guideIndexNav li a .btn:hover { text-decoration: none; }
.helpGuideIndex #page article #navIndex .guideIndexNav li a img { position: absolute; left: auto; top: auto; background-position: 0 0; }
.helpGuideIndex #page article #navIndex .guideIndexNav li.first { padding: 0; background: none; }
.helpGuideIndex #page article #navIndex .guideIndexNav li.first a { padding-left: 0; color: #fff; }
.helpGuideIndex #page article #navIndex .guideIndexNav li.first a:hover { text-decoration: none; cursor: default; }
.helpGuideIndex #page article #navIndex .guideIndexNav li.first img { display: none; }
.helpGuideIndex #page article #navIndex ul.guideIndexNav { border: solid 1px #ccc; margin-bottom: 12px; width: 100%; padding: 0; }
.helpGuideIndex #page article #navIndex ul.guideIndexNav li { float: none; display: block; width: 100%; border-bottom: 1px solid #ccc; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); behavior: url("/global/en/wat/ble/common/css/PIE.htc"); padding: 0; }
.helpGuideIndex #page article #navIndex ul.guideIndexNav li:last-child { border: none; }
.helpGuideIndex #page article #navIndex ul.guideIndexNav li a { position: relative; margin: 0; padding: 5px 9px; border: none; overflow: hidden; background-color: #fbfbfb; background-color: rgba(251, 251, 251, 0.97); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7FBFBFB',EndColorStr='#F7FBFBFB')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F7FBFBFB',EndColorStr='#F7FBFBFB}'); }
.helpGuideIndex #page article #navIndex ul.guideIndexNav li a img.arwR { display: block; }
.helpGuideIndex #page article #navIndex ul.guideIndexNav li a span { display: block; text-align: left; color: #333; text-shadow: none; height: auto; font-size: 106%; width: auto; padding: 4px 3px; }
.helpGuideIndex #page article #navIndex ul.guideIndexNav li a img { margin-top: -6px; position: absolute; right: 7px; top: 50%; background-position: -59px 0; background-repeat: no-repeat; height: 12px; margin-right: 3px; width: 8px; }
.helpGuideIndex #page article #navIndex ul.guideIndexNav li a .btn { position: relative; display: inline; vertical-align: middle; right: 0; color: #fff; padding: 2px 4px; font-size: 66%; font-weight: normal; }
.helpGuideIndex #page article #navIndex ul.guideIndexNav li a.cur { background-color: #9f9f9f; background-color: rgba(159, 159, 159, 0.97); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F79F9F9F',EndColorStr='#F79F9F9F')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F79F9F9F',EndColorStr='#F79F9F9F}'); }
.helpGuideIndex #page article #navIndex ul.guideIndexNav li a.cur img.arwR { display: none; }
.helpGuideIndex #page article #navIndex ul.guideIndexNav li a.cur span { text-shadow: none; color: #fff; }
.helpGuideIndex #page article #navIndex ul.guideIndexNav li a.cur .btn { color: #fff; }
.helpGuideIndex #page article #navIndex ul.guideIndexNav li a:hover { text-decoration: none; }
.helpGuideIndex #page article #navIndex ul.guideIndexNav li.first a { padding: 5px 10px; color: #fff; background-color: #e6e6e6; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #e6e6e6)); background-image: -webkit-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: -moz-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: -o-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: -ms-linear-gradient(top, #fdfdfd, #e6e6e6); background-image: linear-gradient(top, #fdfdfd, #e6e6e6); -pie-background: linear-gradient(#fdfdfd, #e6e6e6); behavior: url("/global/en/wat/ble/common/css/PIE.htc"); }
.helpGuideIndex #page article #navIndex ul.guideIndexNav li.first a img { display: none; }
.helpGuideIndex #page article #navIndex ul.last .first a span { border-left: solid 3px #fd0100; padding-left: 6px !important; }

#bleProduct.helpGuide #page #guideContents .spCol h2 { display: block; color: #fff !important; background: #456db2 !important; border: none !important; font-size: 113% !important; }
#bleProduct.helpGuide #page #guideContents .spCol h2.spTitle { display: block; color: #fff !important; background: #456db2 !important; border: none !important; font-size: 113% !important; }
#bleProduct.helpGuide #page #guideContents .spCol .note h2 { padding: 0 important; color: #000 !important; background: none !important; border-bottom: solid 1px #666 !important; }
#bleProduct.helpGuide #page #guideContents .spCol .half { font-size: 81%; width: 50%; float: left; margin: 0; padding: 0; }
#bleProduct.helpGuide #page #guideContents .spCol .half dl { margin: 0 5px; }
#bleProduct.helpGuide #page #guideContents .spCol .col3, #bleProduct.helpGuide #page #guideContents .spCol .col3w { margin-top: 0px; }
#bleProduct.helpGuide #page #guideContents .spCol .btm { clear: left; padding: 15px 0 0; }
#bleProduct.helpGuide #page #guideContents .spCol ol li { padding: .3em 0 0 2em; }
#bleProduct.helpGuide #page #guideContents .spCol ol li p span { font-size: 81% !important; width: 20px !important; height: 20px !important; }
#bleProduct.helpGuide #page #guideContents .spCol ol li p span em { width: 16px !important; height: 16px !important; top: 2px !important; left: 2px !important; line-height: 16px !important; }

.en-font, .app #contentsTitle h1, #ble.guide #page #main .headTitle h1 { font-family: "Oswald-Bold", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; }

.btn-back { overflow: hidden; font-size: 14px; }
.btn-back a img { background: url(../../../common/img/bg_vector.png) no-repeat -70px -30px; }

.svg .btn-back a img { background-image: url(../../../common/img/bg_vector.png) !important; }

.btn-back { padding: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/global/en/wat/ble/common/css/PIE.htc"); background-color: #292929; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4b4b4b), color-stop(1, #292929)); background-image: -webkit-linear-gradient(top, #4b4b4b, #292929); background-image: -moz-linear-gradient(top, #4b4b4b, #292929); background-image: -o-linear-gradient(top, #4b4b4b, #292929); background-image: -ms-linear-gradient(top, #4b4b4b, #292929); background-image: linear-gradient(top, #4b4b4b, #292929); -pie-background: linear-gradient(#4b4b4b, #292929); behavior: url("/global/en/wat/ble/common/css/PIE.htc"); display: inline-block; background-color: #000; border: 1px solid #000; -webkit-box-shadow: 0px 1px 1px #797979; box-shadow: 0px 1px 1px #797979; behavior: url("/global/en/wat/ble/common/css/PIE.htc"); }
.btn-back a { font-weight: bold !important; color: #fff !important; padding: 5px 5px 5px 18px; background-color: #292929; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4b4b4b), color-stop(1, #292929)); background-image: -webkit-linear-gradient(top, #4b4b4b, #292929); background-image: -moz-linear-gradient(top, #4b4b4b, #292929); background-image: -o-linear-gradient(top, #4b4b4b, #292929); background-image: -ms-linear-gradient(top, #4b4b4b, #292929); background-image: linear-gradient(top, #4b4b4b, #292929); -pie-background: linear-gradient(#4b4b4b, #292929); behavior: url("/global/en/wat/ble/common/css/PIE.htc"); position: relative; }
.btn-back a:link { text-decoration: none !important; }
.btn-back a img { width: 16px; height: 16px; position: absolute; top: 50%; left: 0; margin-top: -8px; }

sup { font-size: 113% !important; }

aside.asideLink p { width: 250px; margin-left: -130px !important; }

dl.number2 dt, dl.number2 dd strong { font-weight: bold !important; }

img.img-w160L { width: 160px; }

table.tb-imgw600 { width: 100%; }
table.tb-imgw600 td.cir-img { width: 30%; }
table.tb-imgw600 img.img-w200 { width: 100% !important; }

#bleProduct.helpGuide #page #guideContents .spCol ol li p span.new { display: inline-block; display: inline\9; left: 3px !important; font-size: 66% !important; position: relative !important; top: -2px !important; color: #FFF; width: auto !important; height: auto !important; padding: 3px 4px 2px 4px !important; background: #ff0000 !important; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/global/en/wat/ble/stb1000/guide_app/wf/common/css/PIE.htc"); position: relative; -webkit-text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); behavior: url("/global/en/wat/ble/stb1000/guide_app/wf/common/css/PIE.htc"); position: relative; }

.helpGuide #page .note3 { margin-bottom: 10px; width: auto; }
.helpGuide #page .note3 h3 { padding: 6px; }
.helpGuide #page .note3 .inr { margin: 0; padding: 9px; }
.helpGuide #page .note3 .inr.col2 .img { float: none; margin: 0 auto 10px; }
.helpGuide #page .note3 .inr.col2 .img img { width: auto; display: block; margin: 0 auto 5px; }
.helpGuide #page .note3 .inr.col2 .txt { margin-right: 0; font-size: 100%; }

img.markBle { vertical-align: middle; width: 23px !important; height: auto; }

/* ---------------------------------------------------------------------- zoom Icon
----------------------------------------------------------------------*/
table, img { max-width: 100%; }

.col.img_l.ptn2 .img, .col.img_l.ptn2 .txt, .col.img_l.ptn3 .img, .col.img_l.ptn3 .txt { margin-right: 0; float: none; width: 100%; }
.col.img_l.ptn2 .img, .col.img_l.ptn3 .img { margin-bottom: 10px; text-align: center; }
.col.img_l.ptn2 .img img, .col.img_l.ptn3 .img img { width: auto; }
.col.img_l.ptn2 .img img { width: 100%; }
.col .txt_num { position: relative; width: 80% !important; margin: 0 auto !important; padding-bottom: 28px !important; }

.col2 { margin-bottom: 30px; }
.col2 .col { margin-bottom: 0; }
.col2 .col.fl_l { float: none; width: 100%; margin-bottom: 20px; }
.col2.ptn2 .img { float: left; width: 66%; }
.col2.ptn2 .txt { float: right; width: 31%; }
.col2.ptn3 .img { float: left; width: 32%; }
.col2.ptn3 .txt { float: right; width: 65%; }
.col2.bgArw { background: none; }
.col2.bgArw .col .img.left, .col2.bgArw .col .img.right { text-align: center !important; }
.col2.bgArw .col:first-child { margin-bottom: 10px; padding-bottom: 84px; background: url(../../img/bg_arrow_d.jpg) no-repeat center bottom; }
.col2 .col { width: 100%; }
.col2.g8_col { width: auto; }
.col2.g8_col .col { width: auto; }
.col2.g8_col .col .img { width: 145px; }
.col2.g8_col .col .txt { float: none; width: auto; margin-left: 155px; }
.col2.g9_col .col h3 { font-size: 140% !important; }
.col2.g9_col .i01 .img { width: auto; }
.col2.g9_col .i01 .txt { float: none; width: auto; margin-left: 155px; }
.col2.g9_col .i02 .img { float: none; width: auto; text-align: center; }
.col2.g9_col .i02 .img img { width: 80%; }
.col2.g9_col .i02 .txt { float: none; width: auto; }

.col3 .col { width: 52%; margin-right: 2%; margin-bottom: 20px; }
.col3 .col .img, .col3 .col .txt { padding-right: 12% !important; }
.col3 .col:nth-child(2) { float: right; margin-right: 0; width: 46%; }
.col3 .col:nth-child(2) .img, .col3 .col:nth-child(2) .txt { padding-right: 0 !important; }
.col3 .col:nth-child(3) { clear: both; margin-right: 0; float: none; width: 100%; }
.col3.arw .col { float: none; width: 100%; padding-bottom: 30px; margin-right: 0 !important; margin-bottom: 20px !important; background: url(../../img/arrow_d.gif) center bottom no-repeat; }
.col3.arw .col.sp-noArw, .col3.arw .col:last-child { background: none; padding-bottom: 0; }
.col3.arw .col .img, .col3.arw .col .txt { width: 100%; float: none; }
.col3.arw .col .img { background: none; }
.col3.arw .col .img img { width: 80%; }
.col3.arw.ptn2 .col { float: none !important; width: 100% !important; padding-bottom: 30px; margin-right: 0 !important; margin-bottom: 20px !important; background: url(../../img/arrow_d.gif) center bottom no-repeat; }
.col3.arw.ptn2 .col:last-child { background: none; padding-bottom: 30px; }
.col3.arw.ptn2 .col .img, .col3.arw.ptn2 .col .txt { padding-right: 0 !important; }
.col3.arw.ptn2 .col .img { width: 145px; margin-bottom: 0; float: left; background: none; }
.col3.arw.ptn2 .col .txt { width: auto; margin-left: 165px; }
.col3.arw.ml40.g8_col { padding: 0 !important; margin-left: 0 !important; margin-bottom: 0; }
.col3.arw.ml40.g8_col .col .img { width: 145px; margin-left: 40px !important; margin-bottom: 5px; float: none; background: none; }
.col3.arw.ml40.g8_col .col .txt { width: auto; margin-left: 0; }

.col4 .col { width: 100%; float: none; margin-bottom: 20px; }
.col4 .col .img { text-align: center; }
.col4 .col .img img { width: 80%; }
.col4.arw .col { padding-bottom: 30px; margin: 0 0 20px 0; background: url(../../img/arrow_d.gif) center bottom no-repeat; }
.col4.arw .col:last-child { padding-bottom: 0; background: none; }
.col4.arw .col .img, .col4.arw .col .txt { padding-right: 0; }
.col4.arw .col .img { background: none; }
.col4.arw2 .col { padding-bottom: 30px; margin: 0 0 20px 0; background: url(../../img/arrow_d.gif) center bottom no-repeat; }
.col4.arw2 .col:last-child { padding-bottom: 0; background: none; }
.col4.arw2 .col .img, .col4.arw2 .col .txt { padding-left: 0; }
.col4.arw2 .col .img { background: none; }
.col4.ml40.g8_col { margin-left: 0 !important; }

.btn_grn01 .arwR { width: 8px !important; height: 12px !important; }

.col.g6_img { margin-bottom: 0; }
.col.g6_img .img { margin-bottom: 30px; }

.sp-w80 { width: 80% !important; }

.help.helpGuide #page #contentsTitle { margin-bottom: 15px; }
.help.helpGuide #page #contentsTitle h1 { padding-bottom: 0; }
.help.helpGuide #page #contentsTitle .note { margin: 0 10px; }