@charset "UTF-8";
/** COMMON 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 #page #contents div.startGuide ul, .helpGuide #page .spCol, .col.g6_img { *zoom: 1; }
.clearfix:before, .help #page #contents div.startGuide ul:before, .helpGuide #page .spCol:before, .col.g6_img:before, .clearfix:after, .help #page #contents div.startGuide ul:after, .helpGuide #page .spCol:after, .col.g6_img:after { content: ""; display: block; overflow: hidden; }
.clearfix:after, .help #page #contents div.startGuide ul:after, .helpGuide #page .spCol: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/ko/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/ko/wat/ble/common/css/PIE.htc"); -webkit-box-shadow: 0 1px 0 #646464; box-shadow: 0 1px 0 #646464; behavior: url("/global/ko/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/ko/wat/ble/common/css/PIE.htc"); border-top: 1px solid #676767; }

.help #page #contents { padding: 10px !important; }

.en-font, .guide #page #contents #sideNavi li.quide-top a span.guide { font-family: "Oswald-Bold", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; }

/*-------------------------------------------
	Help
---------------------------------------------*/
/*-------------------------------------------
	Help
---------------------------------------------*/
.helpGuide #page #contentsTitle { padding-top: 10px; }
.helpGuide #page #navHead { width: 100% !important; }
.helpGuide #page #navHead ul.guideLocalNav { width: 100% !important; }
.helpGuide #page #navHead ul.guideLocalNav li { display: table-cell; width: 25%; }
.helpGuide #page #navHead ul.guideLocalNav li a { position: relative; }
.helpGuide #page #navHead ul.guideLocalNav li a span { padding: 0; }
.helpGuide #page #navHead ul.guideLocalNav li a img { display: none; position: absolute; top: 50%; right: 10px; height: 7px !important; margin-top: -2px; width: 11px !important; background-image: url("../img/icon.png"); background-position: -64px -13px; }
.helpGuide #page #navHead ul.guideLocalNav li a:hover img, .helpGuide #page #navHead ul.guideLocalNav li a.cur img { background-position: -12px -13px; }
.helpGuide #page #navHead ul.guideLocalNav li a.hv img { background-position: -53px -15px; }
.helpGuide #page #navHead ul.guideLocalNav5c li { width: 20%; }
.helpGuide #page #navHead ul.guideLocalNav li a span { font-size: 75% !important; }
.helpGuide #page #navHead ul.guideLocalSubNav { width: 100% !important; }
.helpGuide #page #navHead ul.guideLocalSubNav li { vertical-align: bottom; }
.helpGuide #page #navHead ul.guideLocalSubNav li a span { font-size: 75% !important; }
.helpGuide #page #navHead ul.guideLocalSubNav li a span.btn { top: 0; }
.helpGuide #page #navHead .guideLocalSubNavs .guideLocalSubNav { width: 25.1% !important; }
.helpGuide #page #navHead .guideLocalSubNavs .guideLocalSubNav.i01 { left: 0; }
.helpGuide #page #navHead .guideLocalSubNavs .guideLocalSubNav.i02 { left: 25.1%; }
.helpGuide #page #navHead .guideLocalSubNavs .guideLocalSubNav.i03 { left: 50.1%; }
.helpGuide #page #navHead .guideLocalSubNavs .guideLocalSubNav.i04 { left: 75.1%; }
.helpGuide #page #navHead .guideLocalSubNavs .guideLocalSubNav li { margin-bottom: 0; }
.helpGuide #page #contents ul.btn_helptop.btn_helpnavi { margin-bottom: 20px !important; padding: 0 0 10px !important; }
.helpGuide #page #contents ul.btn_helptop li { margin-right: 0 !important; width: 49% !important; }
.helpGuide #page #contents ul.btn_helptop li:nth-child(2n) { float: right; }
.helpGuide #page #contents ul.btn_helpnavi { margin-bottom: 20px !important; width: 100%; }
.helpGuide #page #contents ul.btn_helpnavi li { width: 48% !important; }
.helpGuide #page #contents ul.btn_helpnavi li a.dummy { background: none; min-height: auto; height: auto; }
.helpGuide #page #contents .helpGuideIndex #page article { background: none; min-height: auto; height: auto; }

.helpGuideIndex #page article aside.note2 { width: 50%; }
.helpGuideIndex #page article aside.note2 p.lead { font-size: 88% !important; margin-bottom: 20px !important; }
.helpGuideIndex #page article #navIndex { width: 46%; }
.helpGuideIndex #page article #navIndex .guideIndexNav { float: left; width: 100%; margin-bottom: 20px; }
.helpGuideIndex #page article #navIndex .guideIndexNav li { list-style: none; font-size: 88%; font-weight: bold; padding: 8px 11px; }
.helpGuideIndex #page article #navIndex .guideIndexNav li a { display: block; position: relative; padding-left: 12px; }
.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: 0; top: 0; background-position: 0 0; }
.helpGuideIndex #page article #navIndex .guideIndexNav li.first { padding: 11px; background: #999; padding: 11px; }
.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 { top: 50%; margin-top: -4px; right: 0; left: auto; background-position: -13px 0; display: block !important; }
.helpGuideIndex #page article #navIndex .last li.first { background: #e67373; }

/*.helpGuideIndex.andos #page article aside.note2 { float: none; width: auto; margin-right: 0; }
.helpGuideIndex.andos #page article #navIndex { float: none; width: auto; padding-right: 42%; background: url(../../help/img/android/img_android.png) no-repeat top right; background-size: 40% auto; }
.helpGuideIndex.andos #page article #navIndex .guideIndexNav { padding: 0 2% 0 0; }
*/
.helpGuide #page .spCol { padding: 10px 0 20px !important; }
.helpGuide #page .spCol aside.note2 .img { padding: 10px 0 10px 20px; }
.helpGuide #page .spCol aside.note2 .img img { width: auto; }
.helpGuide #page .spCol aside.note2.ptn2 .img { padding: 10px 20px; }
.helpGuide #page .spCol aside.note2.ptn2 .img img { width: 100%; }
.helpGuide #page .note3 { width: auto; clear: both; }
.helpGuide #page .note3 h3 { padding: 6px; }
.helpGuide #page .note3 .inr { padding: 9px; }
.helpGuide #page .note3 .inr.col2 .img img { width: auto; display: block; margin: 0 auto 10px; }
.helpGuide #page .note3 .inr.col2 .txt { font-size: 100%; }

.note05 { padding: 10px; border: solid 2px #ccc; }
.note05 dt { width: 100% !important; margin-bottom: 5px; float: none !important; text-align: left !important; }
.note05 dd { width: 100% !important; float: none !important; }
.note05 dd ul { margin-left: 20px; }
.note05 dd ul li { text-align: left !important; list-style: disc !important; margin-bottom: 5px !important; }

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

.en-font, .guide #page #contents #sideNavi li.quide-top a span.guide { font-family: "Oswald-Bold", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; }

/* ---------------------------------------------------------------------- /global/ko/wat/ble/stb1000/guide_app/abvio/
----------------------------------------------------------------------*/
.helpGuideIndex #page article #navIndex .guideIndexNav li a img { height: 12px; }

.col.img_l.ptn2 .img, .col.img_l.ptn2 .txt { margin-right: 0; float: none; width: 100%; }
.col.img_l.ptn2 .img { margin-bottom: 10px; }
.col.img_l.ptn3 .img, .col.img_l.ptn3 .txt { width: 48%; }
.col.img_l.ptn4 .img { width: 48%; }
.col.img_l.ptn4 .txt { width: 52%; }

.col2.bgArw { background: url(../../img/bg_arrow.jpg) no-repeat center center; background-size: 14% auto; }
.col2.bgArw .col { width: 40%; }

.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: left !important; width: 31% !important; margin-right: 2% !important; margin-bottom: 0 !important; }
.col3.arw .col .img, .col3.arw .col .txt { padding-right: 12% !important; }
.col3.arw .col .img { width: auto; text-align: left; }
.col3.arw .col .img img { width: 100%; }
.col3.arw .col:nth-child(3) { clear: none; }

.col4 .col { width: 48%; margin-bottom: 20px; }
.col4 .col:nth-child(2n) { margin-right: 0; float: right; }
.col4.rev .col { float: right; }
.col4.rev .col:nth-child(2n) { margin-right: 0; float: left; }
.col4.arw .col .txt_num { width: 72%; }
.col4.arw2 .col .txt_num { width: 78%; }

.bdb_d01 { padding-bottom: 20px !important; margin-bottom: 20px !important; border-bottom: dotted 1px #ccc; }

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

.btn_spt { margin: 10px 0 0 10px !important; }
.btn_spt a { padding: 2px 5px 2px 17px; font-size: 88%; }
.btn_spt a img.arwR { top: 5px; }

.col.g6_img { margin-bottom: 0; }
.col.g6_img .img { margin-bottom: 30px; }
.col.g6_img .img img { width: 50% !important; }

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