@charset "utf-8";

/*popup_newから移植*/
#security-keyboard{
  min-height:400px;
  background:#fff url(../images/pmang/template/bg.png) repeat-x 0 -200px;
  text-align:center;
  position:absolute;
  z-index:1002;
  display:none;
}
.s_keyboard_popup{
  width:478px;
  border:#dddddd solid 1px;
  margin:0 auto;
  position:relative;
}
.s_keyboard_main_area{
  border:#eeeeee solid 4px;
  background:#fff;
  color:#666;
  padding:28px 15px 15px;
}
.s_keyboard_popup h1{
  background:#9ca0ac url(../images/pmang/template/popup.png) no-repeat 0 -114px;
  color:#fff;
  line-height:1.5;
  text-align:left;
  font-weight:bold;
  padding:7px 10px 7px 29px;
  margin:0 0 10px;
}


/*調整*/
.s_keyboard_popup a.s_keyboard_c {
  background:url(../images/pmang/guide/s_keyboard.png) -486px -437px  no-repeat;
  width:19px;
  padding:19px 0 0;
  margin:0;
  position:absolute;
  top:8px;
  right:8px;
}

.s_keyboard_popup{
  width:543px;
}

.s_keyboard_wrap_ttl{
  background:#9ca0ac url(../images/pmang/template/popup.png) 100px -114px  no-repeat;
  text-align:left;
}
.s_keyboard_popup h1{
  width:400px;
}

.s_keyboard_area_help{
  width:505px;
  margin:5px auto 0;
}
.s_keyboard_area_help a{
  background:url(../images/pmang/template/side_area.png) -200px -620px  no-repeat;
  width:64px;
  padding:18px 0 0;
  margin:0 0 0 441px;
}
.s_keyboard_area_help a:hover{
  background-position: -264px -620px;
}

.s_keyboard_wrap_char,
.s_keyboard_wrap_mark{
  width:505px;
  margin:2px auto 0;
  text-align:left;
  overflow:hidden;
}
.s_keyboard_wrap_mark{
  margin:13px auto 0;
}
.s_keyboard_wrap_char dl{
  width:233px;
}
.s_keyboard_wrap_mark dt.f_left{
  width:335px;
}
.s_keyboard_wrap_mark dt.f_right{
  width:131px;
}
.s_keyboard_wrap_char dt,
.s_keyboard_wrap_mark dt{
  color:#1c1f2b;
  font-size:14px;
  font-weight:bold;
  /line-height:1.1;
}
.s_keyboard_wrap_char dd,
.s_keyboard_wrap_mark dd{
  margin:7px 0 0;
}
.s_keyboard_wrap_char .imgsp,
.s_keyboard_wrap_mark .imgsp{
  background:url(../images/pmang/guide/s_keyboard.png) 0 0  no-repeat;
  width:29px;
  padding:29px 0 0;
  margin-right:5px;
  margin-bottom:5px;
  float:left;
  height:0px;
}
.s_keyboard_wrap_char .imgsp.end,
.s_keyboard_wrap_mark .imgsp.end{
  margin-right:0;
}
.s_keyboard_wrap_char .imgsp.a:hover{
  background-position:0 -199px;
}
.s_keyboard_wrap_char .f_right .imgsp.a{
  background-position:-272px 0;
}
.s_keyboard_wrap_char .f_right .imgsp.a:hover{
  background-position:-272px -199px;
}
.s_keyboard_wrap_char .imgsp.b{
  background-position:-34px 0;
}
.s_keyboard_wrap_char .imgsp.b:hover{
  background-position:-34px -199px;
}
.s_keyboard_wrap_char .f_right .imgsp.b{
  background-position:-306px 0;
}
.s_keyboard_wrap_char .f_right .imgsp.b:hover{
  background-position:-306px -199px;
}
.s_keyboard_wrap_char .imgsp.c{
  background-position:-68px 0;
}
.s_keyboard_wrap_char .imgsp.c:hover{
  background-position:-68px -199px;
}
.s_keyboard_wrap_char .f_right .imgsp.c{
  background-position:-340px 0;
}
.s_keyboard_wrap_char .f_right .imgsp.c:hover{
  background-position:-340px -199px;
}
.s_keyboard_wrap_char .imgsp.d{
  background-position:-102px 0;
}
.s_keyboard_wrap_char .imgsp.d:hover{
  background-position:-102px -199px;
}
.s_keyboard_wrap_char .f_right .imgsp.d{
  background-position:-374px 0;
}
.s_keyboard_wrap_char .f_right .imgsp.d:hover{
  background-position:-374px -199px;
}
.s_keyboard_wrap_char .imgsp.e{
  background-position:-136px 0;
}
.s_keyboard_wrap_char .imgsp.e:hover{
  background-position:-136px -199px;
}
.s_keyboard_wrap_char .f_right .imgsp.e{
  background-position:-408px 0;
}
.s_keyboard_wrap_char .f_right .imgsp.e:hover{
  background-position:-408px -199px;
}
.s_keyboard_wrap_char .imgsp.f{
  background-position:-170px 0;
}
.s_keyboard_wrap_char .imgsp.f:hover{
  background-position:-170px -199px;
}
.s_keyboard_wrap_char .f_right .imgsp.f{
  background-position:-442px 0;
}
.s_keyboard_wrap_char .f_right .imgsp.f:hover{
  background-position:-442px -199px;
}
.s_keyboard_wrap_char .imgsp.g{
  background-position:-204px 0;
}
.s_keyboard_wrap_char .imgsp.g:hover{
  background-position:-204px -199px;
}
.s_keyboard_wrap_char .f_right .imgsp.g{
  background-position:-476px 0;
}
.s_keyboard_wrap_char .f_right .imgsp.g:hover{
  background-position:-476px -199px;
}
.s_keyboard_wrap_char .imgsp.h{
  background-position:0 -34px;
}
.s_keyboard_wrap_char .imgsp.h:hover{
  background-position:0 -233px;
}
.s_keyboard_wrap_char .f_right .imgsp.h{
  background-position:-272px -34px;
}
.s_keyboard_wrap_char .f_right .imgsp.h:hover{
  background-position:-272px -233px;
}
.s_keyboard_wrap_char .imgsp.i{
  background-position:-34px -34px;
}
.s_keyboard_wrap_char .imgsp.i:hover{
  background-position:-34px -233px;
}
.s_keyboard_wrap_char .f_right .imgsp.i{
  background-position:-306px -34px;
}
.s_keyboard_wrap_char .f_right .imgsp.i:hover{
  background-position:-306px -233px;
}
.s_keyboard_wrap_char .imgsp.j{
  background-position:-68px -34px;
}
.s_keyboard_wrap_char .imgsp.j:hover{
  background-position:-68px -233px;
}
.s_keyboard_wrap_char .f_right .imgsp.j{
  background-position:-340px -34px;
}
.s_keyboard_wrap_char .f_right .imgsp.j:hover{
  background-position:-340px -233px;
}
.s_keyboard_wrap_char .imgsp.k{
  background-position:-102px -34px;
}
.s_keyboard_wrap_char .imgsp.k:hover{
  background-position:-102px -233px;
}
.s_keyboard_wrap_char .f_right .imgsp.k{
  background-position:-374px -34px;
}
.s_keyboard_wrap_char .f_right .imgsp.k:hover{
  background-position:-374px -233px;
}
.s_keyboard_wrap_char .imgsp.l{
  background-position:-136px -34px;
}
.s_keyboard_wrap_char .imgsp.l:hover{
  background-position:-136px -233px;
}
.s_keyboard_wrap_char .f_right .imgsp.l{
  background-position:-408px -34px;
}
.s_keyboard_wrap_char .f_right .imgsp.l:hover{
  background-position:-408px -233px;
}
.s_keyboard_wrap_char .imgsp.m{
  background-position:-170px -34px;
}
.s_keyboard_wrap_char .imgsp.m:hover{
  background-position:-170px -233px;
}
.s_keyboard_wrap_char .f_right .imgsp.m{
  background-position:-442px -34px;
}
.s_keyboard_wrap_char .f_right .imgsp.m:hover{
  background-position:-442px -233px;
}
.s_keyboard_wrap_char .imgsp.n{
  background-position:-204px -34px;
}
.s_keyboard_wrap_char .imgsp.n:hover{
  background-position:-204px -233px;
}
.s_keyboard_wrap_char .f_right .imgsp.n{
  background-position:-476px -34px;
}
.s_keyboard_wrap_char .f_right .imgsp.n:hover{
  background-position:-476px -233px;
}
.s_keyboard_wrap_char .imgsp.o{
  background-position:0 -68px;
}
.s_keyboard_wrap_char .imgsp.o:hover{
  background-position:0 -267px;
}
.s_keyboard_wrap_char .f_right .imgsp.o{
  background-position:-272px -68px;
}
.s_keyboard_wrap_char .f_right .imgsp.o:hover{
  background-position:-272px -267px;
}
.s_keyboard_wrap_char .imgsp.p{
  background-position:-34px -68px;
}
.s_keyboard_wrap_char .imgsp.p:hover{
  background-position:-34px -267px;
}
.s_keyboard_wrap_char .f_right .imgsp.p{
  background-position:-306px -68px;
}
.s_keyboard_wrap_char .f_right .imgsp.p:hover{
  background-position:-306px -267px;
}
.s_keyboard_wrap_char .imgsp.q{
  background-position:-68px -68px;
}
.s_keyboard_wrap_char .imgsp.q:hover{
  background-position:-68px -267px;
}
.s_keyboard_wrap_char .f_right .imgsp.q{
  background-position:-340px -68px;
}
.s_keyboard_wrap_char .f_right .imgsp.q:hover{
  background-position:-340px -267px;
}
.s_keyboard_wrap_char .imgsp.r{
  background-position:-102px -68px;
}
.s_keyboard_wrap_char .imgsp.r:hover{
  background-position:-102px -267px;
}
.s_keyboard_wrap_char .f_right .imgsp.r{
  background-position:-374px -68px;
}
.s_keyboard_wrap_char .f_right .imgsp.r:hover{
  background-position:-374px -267px;
}
.s_keyboard_wrap_char .imgsp.s{
  background-position:-136px -68px;
}
.s_keyboard_wrap_char .imgsp.s:hover{
  background-position:-136px -267px;
}
.s_keyboard_wrap_char .f_right .imgsp.s{
  background-position:-408px -68px;
}
.s_keyboard_wrap_char .f_right .imgsp.s:hover{
  background-position:-408px -267px;
}
.s_keyboard_wrap_char .imgsp.t{
  background-position:-170px -68px;
}
.s_keyboard_wrap_char .imgsp.t:hover{
  background-position:-170px -267px;
}
.s_keyboard_wrap_char .f_right .imgsp.t{
  background-position:-442px -68px;
}
.s_keyboard_wrap_char .f_right .imgsp.t:hover{
  background-position:-442px -267px;
}
.s_keyboard_wrap_char .imgsp.u{
  background-position:-204px -68px;
}
.s_keyboard_wrap_char .imgsp.u:hover{
  background-position:-204px -267px;
}
.s_keyboard_wrap_char .f_right .imgsp.u{
  background-position:-476px -68px;
}
.s_keyboard_wrap_char .f_right .imgsp.u:hover{
  background-position:-476px -267px;
}
.s_keyboard_wrap_char .imgsp.v{
  background-position:0 -102px;
}
.s_keyboard_wrap_char .imgsp.v:hover{
  background-position:0 -301px;
}
.s_keyboard_wrap_char .f_right .imgsp.v{
  background-position:-272px -102px;
}
.s_keyboard_wrap_char .f_right .imgsp.v:hover{
  background-position:-272px -301px;
}
.s_keyboard_wrap_char .imgsp.w{
  background-position:-34px -102px;
}
.s_keyboard_wrap_char .imgsp.w:hover{
  background-position:-34px -301px;
}
.s_keyboard_wrap_char .f_right .imgsp.w{
  background-position:-306px -102px;
}
.s_keyboard_wrap_char .f_right .imgsp.w:hover{
  background-position:-306px -301px;
}
.s_keyboard_wrap_char .imgsp.x{
  background-position:-68px -102px;
}
.s_keyboard_wrap_char .imgsp.x:hover{
  background-position:-68px -301px;
}
.s_keyboard_wrap_char .f_right .imgsp.x{
  background-position:-340px -102px;
}
.s_keyboard_wrap_char .f_right .imgsp.x:hover{
  background-position:-340px -301px;
}
.s_keyboard_wrap_char .imgsp.y{
  background-position:-102px -102px;
}
.s_keyboard_wrap_char .imgsp.y:hover{
  background-position:-102px -301px;
}
.s_keyboard_wrap_char .f_right .imgsp.y{
  background-position:-374px -102px;
}
.s_keyboard_wrap_char .f_right .imgsp.y:hover{
  background-position:-374px -301px;
}
.s_keyboard_wrap_char .imgsp.z{
  background-position:-136px -102px;
}
.s_keyboard_wrap_char .imgsp.z:hover{
  background-position:-136px -301px;
}
.s_keyboard_wrap_char .f_right .imgsp.z{
  background-position:-408px -102px;
}
.s_keyboard_wrap_char .f_right .imgsp.z:hover{
  background-position:-408px -301px;
}
.s_keyboard_wrap_mark .imgsp.n0{
  background-position:0 -170px;
}
.s_keyboard_wrap_mark .imgsp.n0:hover{
  background-position:0 -369px;
}
.s_keyboard_wrap_mark .imgsp.n1{
  background-position:-34px -170px;
}
.s_keyboard_wrap_mark .imgsp.n1:hover{
  background-position:-34px -369px;
}
.s_keyboard_wrap_mark .imgsp.n2{
  background-position:-68px -170px;
}
.s_keyboard_wrap_mark .imgsp.n2:hover{
  background-position:-68px -369px;
}
.s_keyboard_wrap_mark .imgsp.n3{
  background-position:-102px -170px;
}
.s_keyboard_wrap_mark .imgsp.n3:hover{
  background-position:-102px -369px;
}
.s_keyboard_wrap_mark .imgsp.n4{
  background-position:-136px -170px;
}
.s_keyboard_wrap_mark .imgsp.n4:hover{
  background-position:-136px -369px;
}
.s_keyboard_wrap_mark .imgsp.n5{
  background-position:-170px -170px;
}
.s_keyboard_wrap_mark .imgsp.n5:hover{
  background-position:-170px -369px;
}
.s_keyboard_wrap_mark .imgsp.n6{
  background-position:-204px -170px;
}
.s_keyboard_wrap_mark .imgsp.n6:hover{
  background-position:-204px -369px;
}
.s_keyboard_wrap_mark .imgsp.n7{
  background-position:-238px -170px;
}
.s_keyboard_wrap_mark .imgsp.n7:hover{
  background-position:-238px -369px;
}
.s_keyboard_wrap_mark .imgsp.n8{
  background-position:-272px -170px;
}
.s_keyboard_wrap_mark .imgsp.n8:hover{
  background-position:-272px -369px;
}
.s_keyboard_wrap_mark .imgsp.n9{
  background-position:-306px -170px;
}
.s_keyboard_wrap_mark .imgsp.n9:hover{
  background-position:-306px -369px;
}
.s_keyboard_wrap_mark .imgsp.hy{
  background-position:-374px -170px;
}
.s_keyboard_wrap_mark .imgsp.hy:hover{
  background-position:-374px -369px;
}
.s_keyboard_wrap_mark .imgsp.ub{
  background-position:-408px -170px;
}
.s_keyboard_wrap_mark .imgsp.ub:hover{
  background-position:-408px -369px;
}
.s_keyboard_wrap_mark .imgsp.dot{
  background-position:-442px -170px;
}
.s_keyboard_wrap_mark .imgsp.dot:hover{
  background-position:-442px -369px;
}
.s_keyboard_wrap_mark .imgsp.at{
  background-position:-476px -170px;
}
.s_keyboard_wrap_mark .imgsp.at:hover{
  background-position:-476px -369px;
}

.s_keyboard_area_btn{
  width:239px;
  margin:21px auto 0;
  padding: 0 0 10px;
  overflow:hidden;
}
.s_keyboard_area_btn .imgsp{
  background:url(../images/pmang/guide/s_keyboard.png) 0 0  no-repeat;
  width:114px;
  padding:24px 0 0;
  height:0px;
}
.s_keyboard_area_btn .imgsp.f_left{
  background-position:0 -500px;
}
.s_keyboard_area_btn .imgsp.f_left:hover{
  background-position:0 -524px;
}
.s_keyboard_area_btn .imgsp.f_right{
  background-position:-122px -500px;
}
.s_keyboard_area_btn .imgsp.f_right:hover{
  background-position:-122px -524px;
}