@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, .col.img_l, .col.img_r, .col2, .col3, .col4 { *zoom: 1; }
.clearfix:before, .col.img_l:before, .col.img_r:before, .col2:before, .col3:before, .col4:before, .clearfix:after, .col.img_l:after, .col.img_r:after, .col2:after, .col3:after, .col4:after { content: ""; display: block; overflow: hidden; }
.clearfix:after, .col.img_l:after, .col.img_r:after, .col2:after, .col3:after, .col4:after { clear: both; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif !important; }

body { /** Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ font-size: 100%; line-height: 1; -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; /*overflow-y: scroll;*/ }

h1, h2, h3, h4, h5, h6, strong { font-weight: bold; }

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

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

img { border: 0; -ms-interpolation-mode: bicubic; }

pre, code, kbd, samp, tt { font-family: monospace, serif; font-size: 1em; *font-family: 'courier new', monospace; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

table { font-size: inherit; font: 100%; border-collapse: collapse; border-spacing: 0; }

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

[hidden] { display: none; }

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

video, audio, canvas { display: inline-block; *display: inline; *zoom: 1; }

svg:not(:root) { overflow: hidden; }

audio:not([controls]) { display: none; }

.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/th/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/th/wat/ble/common/css/PIE.htc"); -webkit-box-shadow: 0 1px 0 #646464; box-shadow: 0 1px 0 #646464; behavior: url("/global/th/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/th/wat/ble/common/css/PIE.htc"); border-top: 1px solid #676767; }

h2, h3 { position: relative; }

h2 { background: none repeat scroll 0 0 #456EB3; color: #FFFFFF; font-size: 100%; margin-bottom: 20px; padding: 8px; position: relative; }
h2.spTitle { background: none !important; color: #333 !important; font-size: 163% !important; margin-bottom: 20px; padding: 0 0 1px 0; border-bottom: solid 1px #000; }

/* ---------------------------------------------------------------------- BLE Global
----------------------------------------------------------------------*/
img.iconPdf { width: 16px; height: 16px; vertical-align: top; margin-left: 5px; }
img.icon { margin-right: 5px; background-image: url(../img/bg_vector.png); }

.svg img.icon { background-image: url(../img/bg_vector.svg); }

img.appIcon { width: 100px; height: 100px; /* background: url(../img/appIcon.png) no-repeat 0 0;*/ background-size: 100%; }
img.spn { width: 20px; height: 20px; background-position: -20px 0; }
img.iphone { width: 11px; height: 19px; background-position: -45px 0; }
img.android { width: 13px; height: 19px; background-position: -64px 0; }
img.movie { width: 17px; height: 13px; background-position: -82px -4px; }
img.blemark { width: 170px; height: 55px; background-position: 0 -25px; }
img.blemark2 { width: 170px; height: 55px; background-position: 0 -85px; }
img.func1 { width: 170px; height: 72px; background-position: 0 -210px; }
img.func2 { width: 170px; height: 72px; background-position: 0 -300px; }
img.func3 { width: 170px; height: 72px; background-position: 0 -390px; }
img.func4 { width: 170px; height: 72px; background-position: 0 -490px; }
img.func5 { width: 170px; height: 72px; background-position: 0 -731px; }
img.func6 { width: 170px; height: 72px; background-position: 0 -818px; }
img.appstore { width: 170px; height: 61px; background-position: 0 -144px; }
img.video { width: 80px; height: 62px; background-position: 0 -574px; }
img.manual { width: 57px; height: 65px; background-position: -91px -572px; }
img.faq { width: 80px; height: 50px; background-position: 0 -659px; }
img.blank { width: 15px; height: 13px; background-position: -123px -4px; margin: 0 0 0 5px !important; }
img.arwL { width: 18px; height: 35px; background-position: -82px -643px; }
img.pdfIcon { width: 13px; height: 14px; margin: 0 5px; background-position: -140px -11px; }
img.cur { width: 20px; height: 8px; margin: 0; background-position: -141px -1px; }

.svg img.arwR, .svg img.arwD { background-image: url(../img/icon.svg) !important; }

img.arwR { background-image: url(../img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; margin-top: 2px; margin-right: 3px; }
img.arwD { background-image: url(../img/icon.png); background-repeat: no-repeat; background-position: -12px -13px; width: 11px; height: 8px; margin-right: 3px; }
img.sqr { position: relative; width: 12px !important; height: 12px !important; margin-right: 5px; background: #333; top: 0; }

.svg img.arwR2 { background-image: url("../img/icon.svg") !important; }

img.arwR2 { background-image: url("../img/icon.png"); background-repeat: no-repeat; background-position: -52px 0; width: 8px; height: 12px; margin-top: 2px; margin-right: 3px; }

img.pdf { background-image: url("../img/pdficon.gif"); background-repeat: no-repeat; background-position: 0 0; width: 32px; height: 32px !important; margin-right: 3px; }

.mb00 { margin-bottom: 0 !important; }

.mb20 { margin-bottom: 20px !important; }

.sml { font-size: 90% !important; }

.col { position: relative; font-size: 81%; margin-bottom: 30px; }
.col .img { text-align: center; }
.col ol li p span em, .col p.num span em { font-size: 138% !important; }
.col.fl_l { float: left; }
.col.fl_r { float: right; }
.col.img_l .img { float: left; text-align: left; width: 48%; }
.col.img_l .txt { float: right; width: 48%; }
.col.img_l.ptn2 .img { float: left; width: 66%; }
.col.img_l.ptn2 .txt { float: right; width: 31%; }
.col.img_l.ptn3 .img { float: left; width: 32%; }
.col.img_l.ptn3 .txt { float: right; width: 65%; }
.col.img_l.ptn4 .img { float: left; width: 23%; }
.col.img_l.ptn4 .img .inr { padding-right: 40px; }
.col.img_l.ptn4 .img .inr img { width: 100%; }
.col.img_l.ptn4 .txt { float: right; width: 77%; }
.col.img_r .img { float: right; text-align: right; width: 48%; }
.col.img_r .txt { float: left; width: 48%; }
.col .btn_grn01 a span.btn_inr { font-size: 123% !important; }

.col2 { margin-bottom: 30px; }
.col2 .col { margin-bottom: 0; }
.col2.img_r .img { float: right; width: 48%; }
.col2.img_r .txt { float: left; width: 48%; }
.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.g8_col .col .txt { float: none; margin-left: 165px; }
.col2.g3_col .col { width: 100%; }
.col2.g3_col .col .img { width: 145px; }
.col2.g3_col .col .txt { float: none; margin-left: 165px; width: auto; }
.col2.bgArw { background: url(../../img/bg_arrow.jpg) no-repeat center center; }
.col2 .col { width: 48%; }
.col2.g9_col { margin-bottom: 0; }
.col2.g9_col .col h3 { font-size: 142% !important; }
.col2.g9_col .i01 { width: 33%; margin-right: 4%; }
.col2.g9_col .i02 { width: 63%; }

.col3 { margin-bottom: 30px; }
.col3 .col { float: left; width: 31%; margin-right: 2%; margin-bottom: 0; }
.col3 .col .img { width: auto; margin-bottom: 5px; }
.col3 .col .img img { width: 100%; }
.col3.arw .col .txt_num { position: relative; width: 100%; margin: 0 auto 38px; }
.col3.arw .col .img, .col3.arw .col .txt { padding-right: 40px; }
.col3.arw .col .img { background: url(../../img/arrow.gif) right center no-repeat; }
.col3.arw .col .img.noArw { background: none; }
.col3.arw2 .col { margin-right: 0; margin-left: 2%; }
.col3.arw2 .col .img, .col3.arw2 .col .txt { padding-left: 40px; }
.col3.arw2 .col .img { background: url(../../img/arrow.gif) left center no-repeat; }
.col3.arw2 .col .img.noArw { background: none; }

.col4 .col { float: left; width: 23%; margin-right: 2%; margin-bottom: 0; padding-bottom: 30px; }
.col4 .col .img { width: auto; margin-bottom: 5px; }
.col4 .col .img img { width: 100%; }
.col4 .col.w2 { width: 48%; margin-right: 0; }
.col4.arw .col .txt_num { position: relative; width: 99%; margin: 0 auto 38px; }
.col4.arw .col .img, .col4.arw .col .txt { padding-right: 40px; }
.col4.arw .col .img { background: url(../../img/arrow.gif) right center no-repeat; }
.col4.arw .col .img.noArw { background: none; }
.col4.arw .col.txt .col2 .col { width: auto; margin-right: 0; }
.col4.arw .col.txt .col2 .col .img, .col4.arw .col.txt .col2 .col .txt { padding-right: 0; }
.col4.arw .col.txt .col2 .col.img_r { padding-top: 10px; }
.col4.arw .col.txt .col2 .col.img_r .img { float: right; width: 48%; }
.col4.arw .col.txt .col2 .col.img_r .img img { width: 100%; }
.col4.arw .col.txt .col2 .col.img_r .txt { float: none; margin-right: 52%; }
.col4.arw2 .col { margin-right: 0; margin-left: 2%; }
.col4.arw2 .col .txt_num { position: relative; width: 63%; margin: 0 auto 38px; }
.col4.arw2 .col .img, .col4.arw2 .col .txt { padding-left: 40px; }
.col4.arw2 .col .img { background: url(../../img/arrow.gif) left center no-repeat; }
.col4.arw2 .col .img.noArw { background: none; }
.col4.arw2.ml00 .col { margin-right: 2%; margin-left: 0; }

.bg_pnk01 { background: #ffe5e5; }

.noPdr { padding-right: 0 !important; }

.wAuto { width: auto !important; }

.left { text-align: left !important; }

.center { text-align: center !important; }

.right { text-align: right !important; }

.ml40 { width: auto !important; margin-left: 40px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb40 { margin-bottom: 40px !important; }

.bds_gry01 { border: solid 1px #ccc; }

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

.sml { font-size: 75% !important; font-weight: normal !important; }
.sml strong, .sml em { font-weight: bold !important; }

.lrg { font-size: 125% !important; }

.clear { clear: both; }

.bold { font-weight: bold; vertical-align: baseline !important; }

.popup_html { display: none; }