@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/  */
/*
#header h1 a{ background:#FFF !important; background-image:none !important; img{ visibility:hidden; }
}
*/
/* ---------------------------------------------------------------------- HTML NORMALIZE
----------------------------------------------------------------------*/
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; }

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; }

.clearfix, #header, #footer, #page { *zoom: 1; }
.clearfix:before, #header:before, #footer:before, #page:before, .clearfix:after, #header:after, #footer:after, #page:after { content: ""; display: block; overflow: hidden; }
.clearfix:after, #header:after, #footer:after, #page:after { clear: both; }

/* ---------------------------------------------------------------------- FONT FACE
----------------------------------------------------------------------*/
@font-face { font-family: "Oswald-Bold"; src: url("/global/it/wat/ble/common1/font/oswald-bold-webfont.eot"); src: url("/global/it/wat/ble/common1/font/oswald-bold-webfont.eot?#iefix") format("eot"), url("/global/it/wat/ble/common1/font/oswald-bold-webfont.woff") format("woff"), url("/global/it/wat/ble/common1/font/oswald-bold-webfont.ttf") format("truetype"), url("/global/it/wat/ble/common1/font/oswald-bold-webfont.svg#Oswald-Bold") format("svg"); font-weight: normal; font-style: normal; }

/* ---------------------------------------------------------------------- CONTAINER
----------------------------------------------------------------------*/
html { background: #000; }

body { background: #000; position: relative; }

#container { visibility: hidden; color: #FFF; font-family: "Helvetica", "Arial", "Verdana", sans-serif; }

#loader { background: #000; z-index: 9000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
#loader span { visibility: hidden; margin-left: -40px; position: absolute; top: 400px; left: 50%; display: block; width: 80px; height: 24px; background: url("../img/bg_loader.png") no-repeat 0 0 ; overflow: hidden; text-indent: -9999px; }

#contentLoader { z-index: 9000; width: 100%; height: 800px; position: absolute; top: 0; right: 0; overflow: hidden; }
#contentLoader span { visibility: visible; margin-left: -15px; position: absolute; top: 400px; left: 50%; display: block; width: 30px; height: 30px; background: url("../img/bg_loader2.png") no-repeat 0 0 ; overflow: hidden; text-indent: -9999px; }

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

.btn-linear-gradient, .search-btn { -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/it/wat/ble/common1/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/it/wat/ble/common1/css/PIE.htc"); -webkit-box-shadow: 0 1px 0 #646464; box-shadow: 0 1px 0 #646464; behavior: url("/global/it/wat/ble/common1/css/PIE.htc"); display: block; border: 1px solid #000; }
.btn-linear-gradient div, .search-btn 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/it/wat/ble/common1/css/PIE.htc"); border-top: 1px solid #676767; }

.bd_shadow01 { margin-bottom: 1px; border-bottom: 2px solid #000; -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/it/wat/ble/common1/css/PIE.htc"); }

::-moz-selection { background: #f23030; color: #fff; }

::selection { background: #f23030; color: #fff; }

/* ---------------------------------------------------------------------- HEADER
----------------------------------------------------------------------*/
#header { position: relative; z-index: 1000; }
#header ul { list-style-type: none; }
#header a { text-decoration: none; }
#header a:hover { text-decoration: none; }

/* ---------------------------------------------------------------------- FOOTER
----------------------------------------------------------------------*/
#footer { position: relative; z-index: 1000; overflow: hidden; }
#footer ul, #footer ol { list-style-type: none; }

/* ---------------------------------------------------------------------- PAGE
----------------------------------------------------------------------*/
#page { position: relative; overflow: hidden; z-index: 900; }

/* ---------------------------------------------------------------------- COMMON ELEMENT
----------------------------------------------------------------------*/
a { color: #FFF; text-decoration: none; }
a:hover { text-decoration: none; }

.screenReader { display: none; }

.btn, .back-btn { background: #F00; padding: 7px 3px 5px 7px; margin-right: 5px; font-weight: bold; line-height: 1 !important; font-size: 75% !important; font-family: "Helvetica", "Arial", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", sans-serif !important; display: inline-block; vertical-align: middle; }
.btn img, .back-btn img { display: inline-block; width: 16px; height: 16px; background: url("../img/bg_vector.png") no-repeat -90px -30px ; overflow: hidden; text-indent: -9999px; vertical-align: middle; margin-top: -4px; *margin-top: 0px; }
.btn img.download, .back-btn img.download { background-position: -150px -30px; }
.btn:hover, .back-btn:hover { text-decoration: underline; }

.back-btn { padding: 7px 7px 5px 3px; }
.back-btn img { background-position: -70px -30px; margin-left: -3px; }

.nowrap { white-space: nowrap !important; }

.search-btn { position: relative; padding: 10px 60px; font-weight: bold; text-align: center; font-size: 125% !important; display: inline-block; }
.search-btn img { width: 20px; height: 20px; background: url("../img/bg_vector.png") no-repeat -86px -111px; margin: -3px 3px 0 0; *margin-top: 0; vertical-align: middle; }

.new { background: #F00; padding: 3px; margin: -2px 5px 0 0; font-weight: bold; line-height: 1 !important; font-size: 50% !important; font-family: "Helvetica", "Arial", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", sans-serif !important; display: inline-block; vertical-align: middle; }

ul.list-ex li, ul.list-disc li { text-indent: -1em; padding-left: 1em; list-style: none; margin-top: .3em; }

ul.note li { text-indent: -0.4em; padding-left: 0.4em; list-style: none; line-height: 1.2; font-size: 75%; margin-bottom: .75em; }

.bg_music { background: #c66 !important; }

.bg_fashion { background: #393 !important; }

.bg_art { background: #969 !important; }

.bg_sports { background: #36c !important; }

.bg_people { background: #39c !important; }

.bg_event { background: #f90 !important; }

/* 2013.11.19 */
#cboxContent { padding-bottom: 16em !important; }

/* 2013.11.26 */
#productData .caution { color: #FFFFFF; font-size: 75%; margin-top: 10px; text-align: center; padding-bottom: 1em; }

/* 2013.12.13 */
#products.detail .variation-color { *zoom: 1; }

#products.detail .variation-color:before, #products.detail .variation-color:after { content: ""; display: block; overflow: hidden; }

#products.detail .variation-color:after { clear: both; }

#products.detail .variation-color { width: 100%; position: relative; top: 0; left: 0; padding: 20px 0; text-align: center; margin: 0 auto; }

#products.detail .variation-color .btns { width: 424px; margin: 0 auto 30px; padding-top: 20px; display: none; }

#products.detail .variation-color ul { position: relative; width: 100%; margin: 0 auto; text-align: center; }

#products.detail .variation-color ul li { float: left; width: 30%; height: 70px; margin: 0 5px 5px 0; background: #333; overflow: hidden; border: solid 1px #666; }

#products.detail .variation-color ul li img { position: relative; margin: 0 auto; display: block; width: auto; height: 100%; }

#products.detail .note { width: auto; height: auto; margin: 0 0 15px 0; }

#products.detail .note .text { margin: 0 0 15px 0; width: auto; word-wrap: break-word; }

#products.detail .note .btn, #products.detail .note .back-btn { display: block; width: 50%; background: #FF0000; text-align: center; position: relative; margin: 0 auto; font-size: 125% !important; padding: 10px 0; }

#products.detail .mv_txt { display: none; }

#products.detail .mv_txt .img { margin-bottom: 10px; }

#products.detail .mv_txt .img p.tl { font-weight: bold; margin-bottom: 5px; color: #fff; padding-top: 10px; }

#products.detail .mv_txt .img ul li { padding-top: 5px; float: left; margin-right: 10px; margin-bottom: 10px; font-size: 80%; list-style: none; width: 100px; }

#products.detail .mv_txt .img ul li a img { border: solid 2px #ccc; width: 100px; display: block; margin-bottom: 5px; }

#products.detail .mv_txt .img ul li a:hover { color: #fff; text-decoration: none; }

#products.detail .mv_txt .img ul li a:hover img, #products.detail .mv_txt .img ul li a.on img { border: solid 2px #fa931a; color: #fff; }

#products.detail .mv_txt .txt { clear: both; padding: 10px 0; border-top: solid 1px #ccc; }

#products.detail .mv_txt .txt p { line-height: 1.4; color: #fff; font-size: 70%; }

#products.detail #contents .terms { color: #fff; }

#products.detail #contents .terms h1 { font-size: 200%; margin-bottom: 20px; }

#products.detail #contents .terms li, #products.detail #contents .terms p { line-height: 1.4; font-size: 85%; }

#products.detail #contents .terms b { line-height: 1.6; font-size: 115%; font-weight: bold; }

#products.detail #contents .terms ul { margin: 0 0 0 1em; padding: 0; }

#products.detail #contents .terms ul li { margin: 0 0 5px 0; }

#products.detail #contents .terms #contentInner { padding: 30px; background-color: #000000; background-color: rgba(0, 0, 0, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000}'); background: none\9 !important; background: #031221 \9  !important; }

#products.detail #contents .terms .btns ul { margin-bottom: 0; position: relative; width: 70%; margin: 0 auto; padding-top: 20px; }

#products.detail #contents .terms .btns ul { *zoom: 1; }

#products.detail #contents .terms .btns ul:before, #products.detail #contents .terms .btns ul:after { content: ""; display: block; overflow: hidden; }

#products.detail #contents .terms .btns ul:after { clear: both; }

#products.detail #contents .terms .btns ul li { list-style: none; float: left; width: 200px; height: 50px; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); behavior: url("/global/it/wat/ble/common1/css/PIE.htc"); -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/it/wat/ble/common1/css/PIE.htc"); position: relative; }

#products.detail #contents .terms .btns ul li a { position: relative; display: block; height: 26px; padding-top: 14px; font-size: 125%; font-weight: bold; text-align: center; }

#products.detail #contents .terms .btns ul li a:hover { color: #fff; text-decoration: none; }

#products.detail #contents .terms .btns ul li.btn01 { background-color: #1c1c1c; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1d1d1d), color-stop(1, #1c1c1c)); background-image: -webkit-linear-gradient(top, #1d1d1d, #1c1c1c); background-image: -moz-linear-gradient(top, #1d1d1d, #1c1c1c); background-image: -o-linear-gradient(top, #1d1d1d, #1c1c1c); background-image: -ms-linear-gradient(top, #1d1d1d, #1c1c1c); background-image: linear-gradient(top, #1d1d1d, #1c1c1c); -pie-background: linear-gradient(#1d1d1d, #1c1c1c); behavior: url("/global/it/wat/ble/common1/css/PIE.htc"); padding: 5px 7px; }

#products.detail #contents .terms .btns ul li.btn01 a img { position: absolute; top: 11px; left: 8px; width: 21px; height: 23px; background: url(../img/ico_btn03.png) no-repeat center 1px; }

#products.detail #contents .terms .btns ul li.btn02 { float: right; background-color: #04548f; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #006ebd), color-stop(1, #04548f)); background-image: -webkit-linear-gradient(top, #006ebd, #04548f); background-image: -moz-linear-gradient(top, #006ebd, #04548f); background-image: -o-linear-gradient(top, #006ebd, #04548f); background-image: -ms-linear-gradient(top, #006ebd, #04548f); background-image: linear-gradient(top, #006ebd, #04548f); -pie-background: linear-gradient(#006ebd, #04548f); behavior: url("/global/it/wat/ble/common1/css/PIE.htc"); }

#products.detail #contents .terms .btns ul li.btn02 a { font-size: 130%; }

#products.detail .variation-color ul li.current { border: solid 1px #fff; background: #555; }

.red01 { color: #f00 !important; }
/* 20150316 -------------------------------------------------- */
#bleProduct .pageTitle h1 span, .guide .pageTitle h1 span {
    color: #16499f !important;
}

#globalNav, #localNav, #primalyNav, #bleGlobalNav, #fnPage, #fnSitemap, #bleGlobalNavSP, #spMenu, #spFav{
	display:none !important;
}