@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/  */
/* ---------------------------------------------------------------------- FONT FACE
----------------------------------------------------------------------*/
@font-face { font-family: 'oswald-bold-webfont'; src: url("../font/oswald-bold-webfont.eot"); src: url("../font/oswald-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/oswald-bold-webfont.woff") format("woff"), url("../font/oswald-bold-webfont.ttf") format("truetype"), url("../font/oswald-bold-webfont.svg") format("svg"); font-weight: normal; font-style: normal; }

.en-font, .colmunContents #main #sec01 .select .select_btn a p, .colmunContents #main #sec01 .links .item h3 { font-family: "oswald-bold-webfont"; font-weight: normal; }

@font-face { font-family: 'OpenSans-Regular-webfont'; src: url("../font/OpenSans-Regular-webfont.eot"); src: url("../font/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/OpenSans-Regular-webfont.woff") format("woff"), url("../font/OpenSans-Regular-webfont.ttf") format("truetype"), url("../font/OpenSans-Regular-webfont.svg") format("svg"); font-weight: normal; font-style: normal; }

.en-font02 { font-family: "OpenSans-Regular-webfont"; font-weight: normal; }

.clearfix, .colmunContents #main .col2, .colmunContents #main #sec01 .select, .colmunContents #main #sec01 .links, .colmunContents #main #sec01 .links .item ul { *zoom: 1; }
.clearfix:before, .colmunContents #main .col2:before, .colmunContents #main #sec01 .select:before, .colmunContents #main #sec01 .links:before, .colmunContents #main #sec01 .links .item ul:before, .clearfix:after, .colmunContents #main .col2:after, .colmunContents #main #sec01 .select:after, .colmunContents #main #sec01 .links:after, .colmunContents #main #sec01 .links .item ul:after { content: ""; display: block; overflow: hidden; }
.clearfix:after, .colmunContents #main .col2:after, .colmunContents #main #sec01 .select:after, .colmunContents #main #sec01 .links:after, .colmunContents #main #sec01 .links .item ul:after { clear: both; }

/* ---------------------------------------------------------------------- SUPER CLASS
----------------------------------------------------------------------*/
/* ---------------------------------------------------------------------- HIGH-RESOLUTION SCREEN 
----------------------------------------------------------------------*/
/* ---------------------------------------------------------------------- COMMON CLASS
----------------------------------------------------------------------*/
/* device-type */
.tb-pc, .tb, .pc { display: none!important; }

/* ---------------------------------------------------------------------- CONTAINER
----------------------------------------------------------------------*/
#header { margin-bottom: 0; border-bottom: solid 1px #ccc; }
#header #header_in { border-bottom: solid 2px #666; }

.colmunContents #main .header { color: #fff; background: url(../img/sp/bg.jpg) no-repeat center center black; background-size: auto 100%; padding: 20px 10px 0; height: 100px; margin-bottom: 20px; }
.colmunContents #main .header h1 span { display: block; }
.colmunContents #main .header h1 .en-font, .colmunContents #main .header h1 #sec01 .select .select_btn a p, .colmunContents #main #sec01 .select .select_btn a .header h1 p, .colmunContents #main .header h1 #sec01 .links .item h3, .colmunContents #main #sec01 .links .item .header h1 h3 { font-size: 131%; margin-bottom: 4px; }
.colmunContents #main .header h1 .lrg { font-size: 250%; margin-bottom: 2px; }
.colmunContents #main .header h1 .en-font02 { font-size: 125%; }
.colmunContents #main h2 { color: #fff; padding: 8px 10px; background: #999; font-size: 113%; margin-bottom: 10px; }
.colmunContents #main .col2 .col { width: 48%; float: left; }
.colmunContents #main #sec01 { margin: 0 10px 15px; }
.colmunContents #main #sec01 .select { overflow: hidden; }
.colmunContents #main #sec01 .select .bd01 { display: none; }
.colmunContents #main #sec01 .select .select_btn { float: left; position: relative; width: 100%; height: 72px; padding-bottom: 10px; margin-bottom: 15px; overflow: hidden; }
.colmunContents #main #sec01 .select .select_btn a { border: solid 1px #ccc; display: block; padding-left: 46px; color: #000; text-decoration: none; background: #fff; padding-top: 25px; height: 55px; cursor: default; }
.colmunContents #main #sec01 .select .select_btn a h3 { margin-bottom: 5px; }
.colmunContents #main #sec01 .select .select_btn a h3 img { height: 16px; }
.colmunContents #main #sec01 .select .select_btn a p { font-size: 138%; }
.colmunContents #main #sec01 .select .select_btn a .wat { position: absolute; bottom: 0; right: 8px; width: 82px; }
.colmunContents #main #sec01 .select .select_btn a .check { background: url(../img/ico_check.png) no-repeat; width: 24px; height: 24px; position: absolute; top: 50%; left: 10px; margin-top: -12px; }
.colmunContents #main #sec01 .select .select_btn a .arw { display: none; background: url(../img/img_arwD2.png) no-repeat; width: 20px; height: 10px; position: absolute; bottom: -11px; left: 148px; }
.colmunContents #main #sec01 .select .select_btn a.on { background: #ddd; }
.colmunContents #main #sec01 .select .select_btn a.on .check { background: url(../img/ico_check_on.png) no-repeat; }
.colmunContents #main #sec01 .select .select_btn.wat_dummy { display: none; }
.colmunContents #main #sec01 .select .select_btn.wat01 a.on { border: solid 1px #e60012; }
.colmunContents #main #sec01 .select .select_btn.wat01 a.on .arw { background: url(../img/img_arwD2_wat01.png) no-repeat; }
.colmunContents #main #sec01 .select .select_btn.wat02 a { padding-top: 6px; height: 73px; }
.colmunContents #main #sec01 .select .select_btn.wat02 a h3 { margin-bottom: 5px; }
.colmunContents #main #sec01 .select .select_btn.wat02 a h3 img { height: 40px; }
.colmunContents #main #sec01 .select .select_btn.wat02 a .wat { position: absolute; bottom: 0; right: 14px; width: 70px; }
.colmunContents #main #sec01 .select .select_btn.wat02 a.on { border: solid 1px #002b60; }
.colmunContents #main #sec01 .select .select_btn.wat02 a.on .arw { background: url(../img/img_arwD2_wat02.png) no-repeat; }
.colmunContents #main #sec01 .select .select_btn.wat03 a.on { border: solid 1px #000000; }
.colmunContents #main #sec01 .select .select_btn.wat03 a.on .arw { background: url(../img/img_arwD2_wat03.png) no-repeat; }
.colmunContents #main #sec01 .select .select_btn.wat04 a.on { border: solid 1px #000000; }
.colmunContents #main #sec01 .select .select_btn.wat04 a.on .arw { background: url(../img/img_arwD2_wat03.png) no-repeat; }
.colmunContents #main #sec01 .select .select_btn.wat05 a { padding-top: 6px; height: 73px; }
.colmunContents #main #sec01 .select .select_btn.wat05 a h3 { margin-bottom: 5px; }
.colmunContents #main #sec01 .select .select_btn.wat05 a h3 img { height: 40px; }
.colmunContents #main #sec01 .select .select_btn.wat05 a .wat { position: absolute; bottom: 0; right: 14px; width: 70px; }
.colmunContents #main #sec01 .select .select_btn.wat05 a.on { border: solid 1px #002b60; }
.colmunContents #main #sec01 .select .select_btn.wat05 a.on .arw { background: url(../img/img_arwD2_wat02.png) no-repeat; }
.colmunContents #main #sec01 .links { position: absolute; top: 0; left: -9999px; }
.colmunContents #main #sec01 .links.on { position: relative; left: 0; }
.colmunContents #main #sec01 .links .item h3 { background: #eee; margin-bottom: 11px; padding: 8px 10px 6px; color: #333; font-size: 131%; }
.colmunContents #main #sec01 .links .item h3 .sml { vertical-align: middle; font-size: 75%; }
.colmunContents #main #sec01 .links .item ul { padding: 0 10px; }
.colmunContents #main #sec01 .links .item ul li { display: inline-block; *display: inline; padding: 0 10px 10px 0; }
.colmunContents #main #sec01 .links .item ul li a { font-size: 100%; color: #333; display: block; padding-left: 13px; background: url(../img/img_arw.png) no-repeat left 0.2em; text-decoration: none; }
.colmunContents #main #sec01 .links .item ul li a:hover { text-decoration: underline; }