@charset "utf-8";

/* skip navigation */
.cont-acc {position:absolute; top:-9999em; left:-9999em; height:1px; width:1px; text-align:left; overflow:hidden; color: #fff; font-size:14px; padding:0 10px; height:50px; line-height:40px; z-index:9999; text-decoration:none; background: #0077a9; background:-moz-linear-gradient(left,  #0077a9 44%, #333333 100%); background:-webkit-gradient(linear, left top, right top, color-stop(44%,#0077a9), color-stop(100%,#333333)); background:-webkit-linear-gradient(left,  #0077a9 44%,#333333 100%); background:-o-linear-gradient(left,  #0077a9 44%,#333333 100%); background:-ms-linear-gradient(left,  #0077a9 44%,#333333 100%); background:linear-gradient(to right,  #0077a9 44%,#333333 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3264A0', endColorstr='#333333',GradientType=1 );}
.cont-acc:active, .cont-acc:focus, .cont-acc:hover {left:0; top:0; width:100%; text-align:center; overflow:visible; color:#fff; text-decoration:none; line-height:50px;}

a, a:link, a:visited {color:#333;}
a:hover, a:active {color:#0a5db1;}

.bsc-line, .bsc-line:link, .bsc-line:visited, .bsc-line:hover, .bsc-line:active {color:#0a5db1; text-decoration:underline;}

.eng {font-family:tahoma, verdana, sans-serif;}
.only-pc {display:block;}
/*
.hidden-pc {display:none;}
.show-pc {display:none;}

@media screen and (max-width: 640px){
  .hidden-tablet {display:none;}
  .show-tablet {display:block;}
}
@media screen and (max-width: 400px){
  .hidden-tablet, .hidden-mo {display:none;}
  .show-mo {display:block;}
}
*/

.pc-zone {display:block;}
.tb-zone, .mo-zone {display:none;}

@media screen and (max-width: 640px){
  .tb-zone {display:block;}
  .pc-zone {display:none;}
}
@media screen and (max-width: 400px){
  .mo-zone {display:block;}
  .pc-zone {display:none;}
}