@charset "UTF-8";
/** DESKTOP 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, #main #sec01 .select .select_btn a p, #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, .colmunContents .pageTop, #main .col2, #main #sec01 .select, #main #sec01 .links, #main #sec01 .links .item ul { *zoom: 1; }
.clearfix:before, .colmunContents #main:before, .colmunContents .pageTop:before, #main .col2:before, #main #sec01 .select:before, #main #sec01 .links:before, #main #sec01 .links .item ul:before, .clearfix:after, .colmunContents #main:after, .colmunContents .pageTop:after, #main .col2:after, #main #sec01 .select:after, #main #sec01 .links:after, #main #sec01 .links .item ul:after { content: ""; display: block; overflow: hidden; }
.clearfix:after, .colmunContents #main:after, .colmunContents .pageTop:after, #main .col2:after, #main #sec01 .select:after, #main #sec01 .links:after, #main #sec01 .links .item ul:after { clear: both; }

.colmunContents { background: none; }

.colmunContents #main, .colmunContents .pageTop { float: none; width: auto; }

.clear_pc { clear: both; }

/* ---------------------------------------------------------------------- HIGH-RESOLUTION SCREEN
----------------------------------------------------------------------*/
.svg .col li img { background-image: url(../img/icon.svg) !important; }

/* ---------------------------------------------------------------------- COMMON CLASS
----------------------------------------------------------------------*/
/* device-type */
.sp, .tb, sp-tb { display: none !important; }

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

#main .header { color: #fff; background: url(../img/pc/bg.jpg) no-repeat center center; padding: 60px 15px 0; height: 180px; margin-bottom: 20px; }
#main .header h1 span { display: block; }
#main .header h1 .en-font, #main .header h1 #sec01 .select .select_btn a p, #main #sec01 .select .select_btn a .header h1 p, #main .header h1 #sec01 .links .item h3, #main #sec01 .links .item .header h1 h3 { font-size: 213%; margin-bottom: 10px; }
#main .header h1 .lrg { font-size: 388%; margin-bottom: 2px; }
#main .header h1 .en-font02 { font-size: 175%; }
#main h2 { color: #fff; padding: 8px 10px; background: #999; font-size: 113%; margin-bottom: 18px; }
#main .col2 .col { width: 48%; float: left; }
#main #sec01 { margin-bottom: 25px; padding-bottom: 80px; border-bottom: solid 1px #ccc; }
#main #sec01 .select { overflow: hidden; margin-right: -9px; padding-bottom: 30px; }
#main #sec01 .select .bd01 { clear: both; position: relative; margin-right: 9px; padding-bottom: 10px; border-bottom: solid 2px #bbb; margin-bottom: 20px; text-align: center; }
#main #sec01 .select .bd01 img { position: absolute; bottom: -25px; left: 50%; margin-left: -25px; }
#main #sec01 .select .select_btn { float: left; position: relative; width: 314px; height: 100px; margin-right: 9px; padding-bottom: 10px; margin-bottom: 10px; }
#main #sec01 .select .select_btn a { border: solid 1px #ccc; display: block; padding-left: 46px; color: #000; text-decoration: none; background: #fff; padding-top: 34px; height: 75px; outline: none; }
#main #sec01 .select .select_btn a h3 { margin-bottom: 5px; }
#main #sec01 .select .select_btn a h3 img { height: 16px; }
#main #sec01 .select .select_btn a p { font-size: 138%; }
#main #sec01 .select .select_btn a .wat { position: absolute; bottom: 0; right: 20px; }
#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; }
#main #sec01 .select .select_btn a .arw { display: none; background: url(../img/img_arwD2.png) no-repeat; width: 36px; height: 18px; position: absolute; bottom: -19px; left: 140px; }
#main #sec01 .select .select_btn a.on { background: #ddd; /*						.arw{
							display:block;
						}*/ }
#main #sec01 .select .select_btn a.on .check { background: url(../img/ico_check_on.png) no-repeat; }
#main #sec01 .select .select_btn.wat_dummy { background: #ccc; }
#main #sec01 .select .select_btn.wat01 a { padding-top: 34px; height: 75px; }
#main #sec01 .select .select_btn.wat01 a.on { border: solid 1px #e60012; }
#main #sec01 .select .select_btn.wat01 a.on .arw { background: url(../img/img_arwD2_wat01.png) no-repeat; }
#main #sec01 .select .select_btn.wat02 a { padding-top: 12px; height: 97px; }
#main #sec01 .select .select_btn.wat02 a h3 { margin-bottom: 5px; }
#main #sec01 .select .select_btn.wat02 a h3 img { height: 38px; }
#main #sec01 .select .select_btn.wat02 a .arw { background: url(../img/img_arwD2_wat02.png) no-repeat; }
#main #sec01 .select .select_btn.wat02 a.on { border: solid 1px #002b60; }
#main #sec01 .select .select_btn.wat02 a.on .arw { background: url(../img/img_arwD2_wat02.png) no-repeat; }
#main #sec01 .select .select_btn.wat03 a.on { border: solid 1px #000000; }
#main #sec01 .select .select_btn.wat03 a.on .arw { background: url(../img/img_arwD2_wat03.png) no-repeat; }
#main #sec01 .select .select_btn.wat04 a.on { border: solid 1px #000000; }
#main #sec01 .select .select_btn.wat04 a.on .arw { background: url(../img/img_arwD2_wat03.png) no-repeat; }
#main #sec01 .select .select_btn.wat05 a { padding-top: 12px; height: 97px; }
#main #sec01 .select .select_btn.wat05 a h3 { margin-bottom: 5px; }
#main #sec01 .select .select_btn.wat05 a h3 img { height: 38px; }
#main #sec01 .select .select_btn.wat05 a .arw { background: url(../img/img_arwD2_wat02.png) no-repeat; }
#main #sec01 .select .select_btn.wat05 a.on { border: solid 1px #002b60; }
#main #sec01 .select .select_btn.wat05 a.on .arw { background: url(../img/img_arwD2_wat02.png) no-repeat; }
#main #sec01 .select .select_btn.wat06 a.on { border: solid 1px #000000; }
#main #sec01 .select .select_btn.wat06 a.on .arw { background: url(../img/img_arwD2_wat06.png) no-repeat; }
#main #sec01 .links { position: absolute; top: 0; left: -9999px; margin-right: -9px; }
#main #sec01 .links.on { position: relative; left: 0; }
#main #sec01 .links .item { float: left; width: 314px; margin-right: 9px; }
#main #sec01 .links .item h3 { background: #eee; margin-bottom: 11px; padding: 8px 10px 6px; color: #333; font-size: 131%; }
#main #sec01 .links .item h3 .sml { vertical-align: middle; font-size: 75%; }
#main #sec01 .links .item ul { padding: 0 10px 10px; }
#main #sec01 .links .item ul li { display: inline-block; *display: inline; padding: 0 10px 10px 0; }
#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; }
#main #sec01 .links .item ul li a:hover { text-decoration: underline; }