@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.helpGuide .section ul.btns00, .help.helpGuide .section ul.btns01, .help.helpGuide .section ul.btns02, .help.helpGuide .section ul.btns03, .help.helpGuide .section ul.btns05, .help.helpGuide .section ul.btns06, .help.helpGuide .section ul.movie, .help.helpGuide .section#info article { *zoom: 1; }
.clearfix:before, .help.helpGuide .section ul.btns00:before, .help.helpGuide .section ul.btns01:before, .help.helpGuide .section ul.btns02:before, .help.helpGuide .section ul.btns03:before, .help.helpGuide .section ul.btns05:before, .help.helpGuide .section ul.btns06:before, .help.helpGuide .section ul.movie:before, .help.helpGuide .section#info article:before, .clearfix:after, .help.helpGuide .section ul.btns00:after, .help.helpGuide .section ul.btns01:after, .help.helpGuide .section ul.btns02:after, .help.helpGuide .section ul.btns03:after, .help.helpGuide .section ul.btns05:after, .help.helpGuide .section ul.btns06:after, .help.helpGuide .section ul.movie:after, .help.helpGuide .section#info article:after { content: ""; display: block; overflow: hidden; }
.clearfix:after, .help.helpGuide .section ul.btns00:after, .help.helpGuide .section ul.btns01:after, .help.helpGuide .section ul.btns02:after, .help.helpGuide .section ul.btns03:after, .help.helpGuide .section ul.btns05:after, .help.helpGuide .section ul.btns06:after, .help.helpGuide .section ul.movie:after, .help.helpGuide .section#info article: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; 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); -webkit-box-shadow: 0 1px 0 #646464; box-shadow: 0 1px 0 #646464; 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; border-top: 1px solid #676767; }

.h3_type301 { margin-right: 10px; margin-left: 10px; }

.sectionLv1 { margin-top: 0 !important; margin-bottom: 0; }

.res_txt { margin-bottom: 15px; }
.res_txt .m_no { font-weight: bold; font-size: 125%; }

#gNavimdl ul { background: none repeat scroll 0 0 #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; box-sizing: border-box; height: auto; width: 100%; overflow: hidden; }

#gNavimdl ul li { background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 50%, #f0f0f0 50%, #f0f0f0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-top: 1px solid #CCCCCC; box-sizing: border-box; display: block; height: auto; width: 100% !important; }

#gNavimdl ul li span { background: rgba(0, 0, 0, 0); color: #333333; display: block; font-size: 100%; font-weight: bold; height: auto; line-height: 1; padding: 12px 12px; text-decoration: none; width: 100%; }

#lNavi li.firstChild { border-top: 1px solid #CCCCCC !important; }

#lNavi li ul li.firstChild { border-top: none !important; }

.h1_type101 { border: solid 1px #ccc; margin-bottom: 15px; padding: 7px; font-weight: bold; background-color: #f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #f2f2f2)); background-image: -webkit-linear-gradient(top, white, #f2f2f2); background-image: -moz-linear-gradient(top, white, #f2f2f2); background-image: -o-linear-gradient(top, white, #f2f2f2); background-image: -ms-linear-gradient(top, white, #f2f2f2); background-image: linear-gradient(top, white, #f2f2f2); -pie-background: linear-gradient(#ffffff, #f2f2f2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); -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; }
.h1_type101 h1 { border-left: solid 4px #000; padding-left: 7px; font-size: 150%; font-weight: bold; color: #000; }

.help.helpGuide .btn_spt { font-size: 119%; }
.help.helpGuide .section { margin: 0 0 10px; line-height: 1.5; }
.help.helpGuide .section .link { position: relative; left: 0; top: -1em; text-align: right; width: 100%; }
.help.helpGuide .section .link .arwR4 { position: relative; left: 4px; top: 1px; background-image: url("../images/icon.png"); background-position: -59px 0; background-repeat: no-repeat; height: 12px !important; width: 8px; }
.help.helpGuide .section ul.bdb { padding-bottom: 10px; margin-bottom: 15px; border-bottom: solid 1px #ccc; }
.help.helpGuide .section ul.btns00 { width: 100%; padding-bottom: 5px; }
.help.helpGuide .section ul.btns00 li { margin: 0 0 7px 0; font-size: 106%; display: table; }
.help.helpGuide .section ul.btns00 li a { position: relative; display: block; vertical-align: middle; padding: 0; }
.help.helpGuide .section ul.btns00 li a span.inr { display: block; position: relative; color: #666 !important; padding: 0 0 0 25px; }
.help.helpGuide .section ul.btns00 li a span.inr .arwR5 { position: absolute; top: 50%; left: 11px; margin-top: -4px; }
.help.helpGuide .section ul.btns01 { width: 100%; padding-bottom: 5px; }
.help.helpGuide .section ul.btns01 li { margin: 0 0 10px 0; border: solid 1px #ccc; font-weight: bold; background-color: #aaaaaa; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888888), color-stop(1, #aaaaaa)); background-image: -webkit-linear-gradient(top, #888888, #aaaaaa); background-image: -moz-linear-gradient(top, #888888, #aaaaaa); background-image: -o-linear-gradient(top, #888888, #aaaaaa); background-image: -ms-linear-gradient(top, #888888, #aaaaaa); background-image: linear-gradient(top, #888888, #aaaaaa); -pie-background: linear-gradient(#888888, #aaaaaa); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
.help.helpGuide .section ul.btns01 li a { position: relative; display: block; }
.help.helpGuide .section ul.btns01 li a span.inr { position: relative; display: block; color: #fff !important; padding: 10px 5px 10px 51px; }
.help.helpGuide .section ul.btns01 li a span.inr .ico { position: absolute; top: 50%; left: 7px; width: 28px; margin-top: -14px; }
.help.helpGuide .section ul.btns01 li a span.inr .arwR4 { position: absolute; top: 50%; left: 41px; margin-top: -4px; }
.help.helpGuide .section ul.btns01 li a:hover span.inr { color: #ccc !important; }
.help.helpGuide .section ul.btns01 li.list, .help.helpGuide .section ul.btns01 li.list ul li { margin: 0; border: none; font-weight: normal; background-color: white; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, white)); background-image: -webkit-linear-gradient(top, white, white); background-image: -moz-linear-gradient(top, white, white); background-image: -o-linear-gradient(top, white, white); background-image: -ms-linear-gradient(top, white, white); background-image: linear-gradient(top, white, white); -pie-background: linear-gradient(#ffffff, #ffffff); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
.help.helpGuide .section ul.btns01 li.list a, .help.helpGuide .section ul.btns01 li.list ul li a { position: relative; display: block; padding: 0; }
.help.helpGuide .section ul.btns01 li.list a span.inr, .help.helpGuide .section ul.btns01 li.list ul li a span.inr { position: relative; display: block; color: #333 !important; padding: 0; }
.help.helpGuide .section ul.btns01 li.list a:hover span.inr, .help.helpGuide .section ul.btns01 li.list ul li a:hover span.inr { color: #00349a !important; }
.help.helpGuide .section ul.btns01 li.list { padding: 5px 10px; }
.help.helpGuide .section ul.btns01 li.list ul { margin-right: 0; overflow: visible; padding-bottom: 0; * padding-bottom: 0; }
.help.helpGuide .section ul.btns01 li.list ul li { font-size: 100%; float: none; width: auto; margin-bottom: 5px; }
.help.helpGuide .section ul.btns02 { width: 100%; padding-bottom: 5px; }
.help.helpGuide .section ul.btns02 li { margin: 0 0 7px 0; font-size: 113%; font-weight: bold; border: solid 1px #ccc; 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); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
.help.helpGuide .section ul.btns02 li a { position: relative; display: block; vertical-align: middle; padding: 0; }
.help.helpGuide .section ul.btns02 li a span.inr { display: block; position: relative; padding: 24px 5px 24px 56px; }
.help.helpGuide .section ul.btns02 li a span.inr .arwR3 { position: absolute; top: 50%; left: 45px; margin-top: -4px; }
.help.helpGuide .section ul.btns02 li a span.inr .ico { position: absolute; top: 50%; left: 7px; width: 30px; margin-top: -15px; }
.help.helpGuide .section ul.btns02 li.no-ico a span.inr { padding: 7px 5px 7px 28px; }
.help.helpGuide .section ul.btns02 li.no-ico a span.inr .arwR3 { position: absolute; top: 50%; left: 12px; margin-top: -4px; }
.help.helpGuide .section ul.btns02 li.pdf { border: solid 1px #ccc; background-color: #aaaaaa; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #888888), color-stop(1, #aaaaaa)); background-image: -webkit-linear-gradient(top, #888888, #aaaaaa); background-image: -moz-linear-gradient(top, #888888, #aaaaaa); background-image: -o-linear-gradient(top, #888888, #aaaaaa); background-image: -ms-linear-gradient(top, #888888, #aaaaaa); background-image: linear-gradient(top, #888888, #aaaaaa); -pie-background: linear-gradient(#888888, #aaaaaa); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
.help.helpGuide .section ul.btns02 li.pdf a span.inr { color: #fff !important; padding: 10px 5px 10px 51px; }
.help.helpGuide .section ul.btns02 li.pdf a span.inr .ico { position: absolute; top: 50%; left: 7px; width: 28px; margin-top: -14px; }
.help.helpGuide .section ul.btns02 li.pdf a span.inr .arwR4 { position: absolute; top: 50%; left: 41px; margin-top: -4px; }
.help.helpGuide .section ul.btns02 li.pdf a:hover span.inr { color: #ccc !important; }
.help.helpGuide .section ul.btns03 { width: 100%; padding-bottom: 5px; }
.help.helpGuide .section ul.btns03 li { float: left; width: 48.5%; margin: 0 0 7px 0; font-size: 100%; font-weight: bold; display: table; border: solid 1px #ccc; 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); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
.help.helpGuide .section ul.btns03 li:nth-child(2n) { float: right; }
.help.helpGuide .section ul.btns03 li a { position: relative; display: table-cell !important; vertical-align: middle; }
.help.helpGuide .section ul.btns03 li a span.inr { display: block; position: relative; padding: 10px 5px 10px 49px; }
.help.helpGuide .section ul.btns03 li a span.inr .arwR3 { position: absolute; top: 50%; left: 38px; margin-top: -4px; }
.help.helpGuide .section ul.btns03 li a span.inr .ico { position: absolute; top: 50%; left: 7px; width: 24px; margin-top: -12px; }
.help.helpGuide .section ul.btns05 { width: 100%; padding-bottom: 5px; }
.help.helpGuide .section ul.btns05 li { float: left; width: 48.5%; margin: 0 0 10px 0; border: solid 1px #ccc; font-weight: bold; background-color: #999999; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777777), color-stop(1, #999999)); background-image: -webkit-linear-gradient(top, #777777, #999999); background-image: -moz-linear-gradient(top, #777777, #999999); background-image: -o-linear-gradient(top, #777777, #999999); background-image: -ms-linear-gradient(top, #777777, #999999); background-image: linear-gradient(top, #777777, #999999); -pie-background: linear-gradient(#777777, #999999); }
.help.helpGuide .section ul.btns05 li:nth-child(2n) { float: right; }
.help.helpGuide .section ul.btns05 li a { position: relative; display: block; padding: 6px 0; border: solid 1px #fff; }
.help.helpGuide .section ul.btns05 li a span.inr { position: relative; display: block; padding: 0 5px 0 15px; color: #fff !important; }
.help.helpGuide .section ul.btns05 li a span.inr .arwR4 { position: absolute; top: 50%; left: 5px; margin-top: -4px; }
.help.helpGuide .section ul.btns05 li a:hover span.inr { color: #ccc !important; }
.help.helpGuide .section ul.btns06 { width: 100%; padding-bottom: 5px; }
.help.helpGuide .section ul.btns06 li { float: left; width: 48.5%; margin: 0 0 7px 0; border: solid 1px #ccc; font-size: 94%; font-weight: bold; display: table; background-color: #dfdfdf; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #dfdfdf)); background-image: -webkit-linear-gradient(top, white, #dfdfdf); background-image: -moz-linear-gradient(top, white, #dfdfdf); background-image: -o-linear-gradient(top, white, #dfdfdf); background-image: -ms-linear-gradient(top, white, #dfdfdf); background-image: linear-gradient(top, white, #dfdfdf); -pie-background: linear-gradient(#ffffff, #dfdfdf); }
.help.helpGuide .section ul.btns06 li:nth-child(2n) { float: right; }
.help.helpGuide .section ul.btns06 li a { position: relative; display: table-cell !important; vertical-align: middle; padding: 5px 0; }
.help.helpGuide .section ul.btns06 li a span.inr { display: block; position: relative; padding: 0 5px 0 15px; }
.help.helpGuide .section ul.btns06 li a span.inr .arwR3 { position: absolute; top: 50%; left: 5px; margin-top: -4px; }
.help.helpGuide .section ul.movie { padding-bottom: 5px; }
.help.helpGuide .section ul.movie li { float: left; width: 48.5%; margin: 0 0 5px; border: solid 1px #ccc; background-color: #dfdfdf; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #dfdfdf)); background-image: -webkit-linear-gradient(top, white, #dfdfdf); background-image: -moz-linear-gradient(top, white, #dfdfdf); background-image: -o-linear-gradient(top, white, #dfdfdf); background-image: -ms-linear-gradient(top, white, #dfdfdf); background-image: linear-gradient(top, white, #dfdfdf); -pie-background: linear-gradient(#ffffff, #dfdfdf); font-size: 100%; font-weight: bold; }
.help.helpGuide .section ul.movie li:nth-child(2n) { float: right; }
.help.helpGuide .section ul.movie li a { position: relative; display: block; padding: 0 0 0px; border: solid 1px #fff; }
.help.helpGuide .section ul.movie li a span.inr { position: relative; display: block; padding: 4px 4px 1px 4px; }
.help.helpGuide .section ul.movie li a span.inr img { position: relative; display: block; width: 100%; z-index: 1; }
.help.helpGuide .section ul.movie li a span.inr img.bg { position: absolute; top: 0; left: 0; z-index: 2; }
.help.helpGuide .section ul.movie li a p { position: relative; padding: 5px 5px 5px 25px; }
.help.helpGuide .section ul.movie li a p .arwR3 { position: absolute; top: 50%; left: 10px; margin-top: -4px; }
.help.helpGuide .section ul.btns_bnr li .inr { position: relative; margin-bottom: 5px; }
.help.helpGuide .section ul.btns_bnr li .inr .img { position: relative; z-index: 1; border: solid 1px #ccc; padding: 1px; }
.help.helpGuide .section ul.btns_bnr li .inr .img img { width: 100%; }
.help.helpGuide .section ul.btns_bnr li .inr .txt { position: absolute; top: 50%; left: 10px; z-index: 2; margin-top: -1.2em; font-weight: bold; }
.help.helpGuide .section ul.btns_bnr li .inr .txt p.more { padding-top: 0; font-size: 81%; }
.help.helpGuide .section ul.btns_bnr li .inr .txt p.more .arwR3 { top: 0; }
.help.helpGuide .section ul.btns_bnr li .txt_ul { font-size: 94%; text-decoration: underline; }
.help.helpGuide .section a { color: #333 !important; text-decoration: none !important; }
.help.helpGuide .section a span { color: #333 !important; }
.help.helpGuide .section a:hover { color: #16499f !important; }
.help.helpGuide .section a:hover span { color: #16499f !important; }
.help.helpGuide .section#info { margin-bottom: 30px; }
.help.helpGuide .section#info article { margin: 0 0 2px 10px; padding: 0 !important; }
.help.helpGuide .section#info article time { display: block; float: left; }
.help.helpGuide .section#info article p { margin-left: 75px; }
.help.helpGuide .section#info article p a { padding-right: 6px; color: #16499f !important; text-decoration: none !important; }
.help.helpGuide .section#info article p a:hover { color: #16499f !important; text-decoration: underline !important; }
.help.helpGuide .section#info article p a, .help.helpGuide .section#info article p .dummy { padding-right: 6px; }
.help.helpGuide .section#info article p .btn { background: #f00; padding: 2px 5px 1px 5px; font-size: 81%; color: #fff !important; }
.help.helpGuide .section h3 { padding-left: 6px; border-left: solid 3px #333; margin-bottom: 10px; font-size: 100%; font-weight: bold; line-height: 1.2; }
.help.helpGuide .section.guides { margin: 0 0 15px; }
.help.helpGuide .section.guides.noBd { border-bottom: none; padding-bottom: 15px; margin-bottom: 0; }
.help.helpGuide .section.guides h3 { padding-left: 0; border-left: none; margin-bottom: 15px; font-size: 100%; line-height: 1.2; padding: 7px; background: #efefef; border-bottom: solid 1px #ccc; }
.help.helpGuide .section.guides h3 * { vertical-align: middle; }
.help.helpGuide .section.guides h3 img { padding-right: 10px; width: 29px; }
.help.helpGuide .section.guides h3 .wrap { display: inline-block; padding-right: 20px; white-space: nowrap; }
.help.helpGuide .section.guides h4 { padding-left: 6px; border-left: solid 3px #333; margin-bottom: 10px; font-size: 100%; font-weight: bold; line-height: 1.2; }
.help.helpGuide .note ul li { text-indent: -0.8em; margin-left: 0.8em; text-align: left; }

.pc { display: none !important; }

.adobeBox { display: none; }

.lnk_li01 { padding-bottom: 10px; }
.lnk_li01 li { text-indent: -1.6em; margin-left: 1.6em; font-size: 100%; padding-bottom: 5px; }