* {-webkit-box-shadow: none !important;}
body { 
    -webkit-user-select: none; 
    -webkit-touch-callout: none;
    -moz-user-select: none; 
    -moz-touch-callout: none;
    background: #c8c8c8 url(/iui/pinstripes.png);
    text-shadow:0 0 1px rgba(0,0,0,.1);
    //cursor: url(/img/cursor.png),auto;
}
a{
    //cursor: url(/img/cursor.png),auto;
    text-decoration: none;
}


.add_resavation{
    background:#eee;
    text-align:center;
}
.add_resavation a{
    padding-top:20px;
    padding-bottom:20px;
    font-size:200%;
}
.resavation_info{
    float:right;
    display:block;
    width:520px;
    overflow:hidden;
}


.resavation_info .created{
    float:right;
    display:block;
    width:120px;
    text-align:right;
    overflow:hidden;
}
.resavation_info .num{
    float:right;
    display:block;
    width:70px;
    text-align:right;
    overflow:hidden;
}

.resavation_info .tel{
    display:block;
    float:right;
    width:50px;
    text-align:center;
    padding-left:25px;
    overflow:hidden;
}

.resavation_info .call{
    background:url(/img/tel.gif) no-repeat 15px 3px;
}

.resavation_info .type_name{
    display:block;
    float:right;
    width:250px;
    text-align:right;

}
#nihongo_keyboard_wrap{
    margin:0 -10px 0 -10px;
}
#nihongo_keyboard{
  background:#666 url(/img/ipad_nihongo.png);
  width:1024px;
  height:435px;
  margin:10px auto -10px auto;
  padding:0 0 0 0px;
  position:relative;
}

#nihongo_keyboard .key{
  width:75px;
  height:69px;
  position:absolute;
}

#nihongo_keyboard .key_a {left:939px;top:13px;}
#nihongo_keyboard .key_i {left:939px;top:98px;}
#nihongo_keyboard .key_u {left:939px;top:183px;}
#nihongo_keyboard .key_e {left:939px;top:268px;}
#nihongo_keyboard .key_o {left:939px;top:353px;}

#nihongo_keyboard .key_ka {left:846px;top:13px;}
#nihongo_keyboard .key_ki {left:846px;top:98px;}
#nihongo_keyboard .key_ku {left:846px;top:183px;}
#nihongo_keyboard .key_ke {left:846px;top:268px;}
#nihongo_keyboard .key_ko {left:846px;top:353px;}

#nihongo_keyboard .key_sa {left:753px;top:13px;}
#nihongo_keyboard .key_si {left:753px;top:98px;}
#nihongo_keyboard .key_su {left:753px;top:183px;}
#nihongo_keyboard .key_se {left:753px;top:268px;}
#nihongo_keyboard .key_so {left:753px;top:353px;}

#nihongo_keyboard .key_ta {left:660px;top:13px;}
#nihongo_keyboard .key_ti {left:660px;top:98px;}
#nihongo_keyboard .key_tu {left:660px;top:183px;}
#nihongo_keyboard .key_te {left:660px;top:268px;}
#nihongo_keyboard .key_to {left:660px;top:353px;}

#nihongo_keyboard .key_na {left:567px;top:13px;}
#nihongo_keyboard .key_ni {left:567px;top:98px;}
#nihongo_keyboard .key_nu {left:567px;top:183px;}
#nihongo_keyboard .key_ne {left:567px;top:268px;}
#nihongo_keyboard .key_no {left:567px;top:353px;}

#nihongo_keyboard .key_ha {left:474px;top:13px;}
#nihongo_keyboard .key_hi {left:474px;top:98px;}
#nihongo_keyboard .key_hu {left:474px;top:183px;}
#nihongo_keyboard .key_he {left:474px;top:268px;}
#nihongo_keyboard .key_ho {left:474px;top:353px;}

#nihongo_keyboard .key_ma {left:381px;top:13px;}
#nihongo_keyboard .key_mi {left:381px;top:98px;}
#nihongo_keyboard .key_mu {left:381px;top:183px;}
#nihongo_keyboard .key_me {left:381px;top:268px;}
#nihongo_keyboard .key_mo {left:381px;top:353px;}

#nihongo_keyboard .key_ya {left:288px;top:13px;}
#nihongo_keyboard .key_yu {left:288px;top:183px;}
#nihongo_keyboard .key_yo {left:288px;top:353px;}

#nihongo_keyboard .key_ra {left:195px;top:13px;}
#nihongo_keyboard .key_ri {left:195px;top:98px;}
#nihongo_keyboard .key_ru {left:195px;top:183px;}
#nihongo_keyboard .key_re {left:195px;top:268px;}
#nihongo_keyboard .key_ro {left:195px;top:353px;}

#nihongo_keyboard .key_wa {left:102px;top:13px;}
#nihongo_keyboard .key_wo {left:102px;top:98px;}
#nihongo_keyboard .key_n  {left:102px;top:183px;}
#nihongo_keyboard .key_maru {left:102px;top:268px;}

#nihongo_keyboard .key_del  {left:9px;top:13px;}
#nihongo_keyboard .key_hyphen  {left:9px;top:98px;}
#nihongo_keyboard .key_syou {left:9px;top:183px;}
#nihongo_keyboard .key_ten  {left:9px;top:268px;}
#nihongo_keyboard .key_space{left:9px;top:353px;width:174px}


#nihongo_keyboard_v{
  background:#666 url(/img/ipad_nihongo_v.png);
  width:768px;
  height:326px;
  margin:15px 0 0 -10px;
  padding:0;
  position:relative;
}

#nihongo_keyboard_v .key{
  width:55px;
  height:51px;
  position:absolute;
}

#nihongo_keyboard_v .key_a {left:705px;top:10px;}
#nihongo_keyboard_v .key_i {left:705px;top:74px;}
#nihongo_keyboard_v .key_u {left:705px;top:138px;}
#nihongo_keyboard_v .key_e {left:705px;top:201px;}
#nihongo_keyboard_v .key_o {left:705px;top:265px;}

#nihongo_keyboard_v .key_ka {left:635px;top:10px;}
#nihongo_keyboard_v .key_ki {left:635px;top:74px;}
#nihongo_keyboard_v .key_ku {left:635px;top:138px;}
#nihongo_keyboard_v .key_ke {left:635px;top:201px;}
#nihongo_keyboard_v .key_ko {left:635px;top:265px;}

#nihongo_keyboard_v .key_sa {left:565px;top:10px;}
#nihongo_keyboard_v .key_si {left:565px;top:74px;}
#nihongo_keyboard_v .key_su {left:565px;top:138px;}
#nihongo_keyboard_v .key_se {left:565px;top:201px;}
#nihongo_keyboard_v .key_so {left:565px;top:265px;}

#nihongo_keyboard_v .key_ta {left:496px;top:10px;}
#nihongo_keyboard_v .key_ti {left:496px;top:74px;}
#nihongo_keyboard_v .key_tu {left:496px;top:138px;}
#nihongo_keyboard_v .key_te {left:496px;top:201px;}
#nihongo_keyboard_v .key_to {left:496px;top:265px;}

#nihongo_keyboard_v .key_na {left:426px;top:10px;}
#nihongo_keyboard_v .key_ni {left:426px;top:74px;}
#nihongo_keyboard_v .key_nu {left:426px;top:138px;}
#nihongo_keyboard_v .key_ne {left:426px;top:201px;}
#nihongo_keyboard_v .key_no {left:426px;top:265px;}

#nihongo_keyboard_v .key_ha {left:356px;top:10px;}
#nihongo_keyboard_v .key_hi {left:356px;top:74px;}
#nihongo_keyboard_v .key_hu {left:356px;top:138px;}
#nihongo_keyboard_v .key_he {left:356px;top:201px;}
#nihongo_keyboard_v .key_ho {left:356px;top:265px;}

#nihongo_keyboard_v .key_ma {left:286px;top:10px;}
#nihongo_keyboard_v .key_mi {left:286px;top:74px;}
#nihongo_keyboard_v .key_mu {left:286px;top:138px;}
#nihongo_keyboard_v .key_me {left:286px;top:201px;}
#nihongo_keyboard_v .key_mo {left:286px;top:265px;}

#nihongo_keyboard_v .key_ya {left:217px;top:10px;}
#nihongo_keyboard_v .key_yu {left:217px;top:138px;}
#nihongo_keyboard_v .key_yo {left:217px;top:265px;}

#nihongo_keyboard_v .key_ra {left:147px;top:10px;}
#nihongo_keyboard_v .key_ri {left:147px;top:74px;}
#nihongo_keyboard_v .key_ru {left:147px;top:138px;}
#nihongo_keyboard_v .key_re {left:147px;top:201px;}
#nihongo_keyboard_v .key_ro {left:147px;top:265px;}

#nihongo_keyboard_v .key_wa {left:77px;top:10px;}
#nihongo_keyboard_v .key_wo {left:77px;top:74px;}
#nihongo_keyboard_v .key_n  {left:77px;top:138px;}
#nihongo_keyboard_v .key_maru {left:77px;top:201px;}

#nihongo_keyboard_v .key_del  {left:7px;top:10px;}
#nihongo_keyboard_v .key_hyphen  {left:7px;top:74px;}
#nihongo_keyboard_v .key_syou {left:7px;top:138px;}
#nihongo_keyboard_v .key_ten  {left:7px;top:201px;}
#nihongo_keyboard_v .key_space{left:7px;top:265px;width:125px}


#nihongo_keyboard .key a,#nihongo_keyboard_v .key a{
  display:block;
  width:100%;
  height:100%;
}

#customer_name_box{
  padding:5px;
  margin:10px;
  background:#fff;
  font-size:50px;
  line-height:51px;
  text-align:left;
}
#number_keyboard{
  background:#666 url(/img/ipad_number.png);
  width:284px;
  height:350px;
  padding:0;
  margin:5px auto 0 auto;
  position:relative;
}

#number_keyboard.eng{
  background:#666 url(/img/ipad_number_eng.png);
}

#number_keyboard.ko{
  background:#666 url(/img/ipad_number_eng.png);
}

#number_keyboard.zh{
  background:#666 url(/img/ipad_number_eng.png);
}

#number_keyboard.iphone{
  background:#666 url(/img/ipad_number_h.png);
  width:377px;
  height:265px;
}
#number_keyboard.eng.iphone{
  background:#666 url(/img/ipad_number_h_eng.png);
}
#number_keyboard.ko.iphone{
  background:#666 url(/img/ipad_number_h_eng.png);
}
#number_keyboard.zh.iphone{
  background:#666 url(/img/ipad_number_h_eng.png);
}


#number_keyboard.asura{
  background:#666 url(/img/ipad_number_h2.png);
  width:563px;
  height:180px;
}
#number_keyboard.eng.asura{
  background:#666 url(/img/ipad_number_h2_eng.png);
}

#number_keyboard .key{
  width:75px;
  height:69px;
  position:absolute;
}

#number_keyboard .key_1   {left:10px;top:13px;}
#number_keyboard .key_4   {left:10px;top:98px;}
#number_keyboard .key_7   {left:10px;top:183px;}
#number_keyboard .key_del {left:10px;top:268px;}

#number_keyboard .key_2   {left:103px;top:13px;}
#number_keyboard .key_5   {left:103px;top:98px;}
#number_keyboard .key_8   {left:103px;top:183px;}
#number_keyboard .key_0   {left:103px;top:268px;}

#number_keyboard .key_3   {left:196px;top:13px;}
#number_keyboard .key_6   {left:196px;top:98px;}
#number_keyboard .key_9   {left:196px;top:183px;}
#number_keyboard .key_delall {left:196px;top:268px;}

#number_keyboard.iphone .key_delall {left:289px;top:13px;}
#number_keyboard.iphone .key_del {left:289px;top:98px;}
#number_keyboard.iphone .key_0   {left:289px;top:183px;}

#number_keyboard.asura .key_1   {left:10px;top:13px;}
#number_keyboard.asura .key_2   {left:103px;top:13px;}
#number_keyboard.asura .key_3   {left:196px;top:13px;}
#number_keyboard.asura .key_4   {left:289px;top:13px;}
#number_keyboard.asura .key_5   {left:382px;top:13px;}
#number_keyboard.asura .key_del {left:475px;top:13px;}
#number_keyboard.asura .key_6   {left:10px;top:98px;}
#number_keyboard.asura .key_7   {left:103px;top:98px;}
#number_keyboard.asura .key_8   {left:196px;top:98px;}
#number_keyboard.asura .key_9   {left:289px;top:98px;}
#number_keyboard.asura .key_0   {left:382px;top:98px;}
#number_keyboard.asura .key_delall {left:475px;top:98px;}

:root {
    --ps: 1.5;
}

#number_keyboard.public_id{
    width:calc(284px * var(--ps));
    height:calc(350px * var(--ps));
    background-size:100% auto;
    margin:calc(5px * var(--ps)) auto 0 auto;
}
#number_keyboard.eng.public_id,#number_keyboard.ko.public_id,#number_keyboard.zh.public_id{
    background-size:100% auto;
}

#number_keyboard.iphone.public_id{
  width:calc(377px * var(--ps));
  height:calc(265px * var(--ps));
}
#number_keyboard.public_id .key{
  width:calc(75px * var(--ps));
  height:calc(69px * var(--ps));
  position:absolute;
}
#number_keyboard.public_id .key_1   {left:calc(10px * var(--public_id_scale));top:calc(13px * var(--ps));}
#number_keyboard.public_id .key_4   {left:calc(10px * var(--ps));top:calc(13px * var(--ps) + 85px * var(--ps))}
#number_keyboard.public_id .key_7   {left:calc(10px * var(--ps));top:calc(13px * var(--ps) + 85px * var(--ps) * 2)}
#number_keyboard.public_id .key_del {left:calc(10px * var(--ps));top:calc(13px * var(--ps) + 85px * var(--ps) * 3)}

#number_keyboard.public_id .key_2   {left:calc(10px * var(--ps) + 93px * var(--ps));top:calc(13px * var(--ps));}
#number_keyboard.public_id .key_5   {left:calc(10px * var(--ps) + 93px * var(--ps));top:calc(13px * var(--ps) + 85px * var(--ps))}
#number_keyboard.public_id .key_8   {left:calc(10px * var(--ps) + 93px * var(--ps));top:calc(13px * var(--ps) + 85px * var(--ps) * 2)}
#number_keyboard.public_id .key_0   {left:calc(10px * var(--ps) + 93px * var(--ps));top:calc(13px * var(--ps) + 85px * var(--ps) * 3)}

#number_keyboard.public_id .key_3   {left:calc(10px * var(--ps) + 93px * var(--ps) * 2);top:calc(13px * var(--ps));}
#number_keyboard.public_id .key_6   {left:calc(10px * var(--ps) + 93px * var(--ps) * 2);top:calc(13px * var(--ps) + 85px * var(--ps))}
#number_keyboard.public_id .key_9   {left:calc(10px * var(--ps) + 93px * var(--ps) * 2);top:calc(13px * var(--ps) + 85px * var(--ps) * 2)}
#number_keyboard.public_id .key_delall {left:calc(10px * var(--ps) + 93px * var(--ps) * 2);top:calc(13px * var(--ps) + 85px * var(--ps) * 3)}

#number_keyboard.iphone.public_id .key_delall {left:calc(10px * var(--ps) + 93px * var(--ps) * 3);top:calc(13px * var(--ps));}
#number_keyboard.iphone.public_id .key_del {left:calc(10px * var(--ps) + 93px * var(--ps) * 3);top:calc(13px * var(--ps) + 85px * var(--ps))}
#number_keyboard.iphone.public_id .key_0   {left:calc(10px * var(--ps) + 93px * var(--ps) * 3);top:calc(13px * var(--ps) + 85px * var(--ps) * 2)}

#number_keyboard_name{
  background:#666 url(/img/ipad_number.gif);
  width:284px;
  height:350px;
  padding:0;
  margin:0px auto 0 auto;
  position:relative;
}
#number_keyboard_name.eng{
  background:#666 url(/img/ipad_number_eng.png);
}
#number_keyboard_name.iphone{
  background:#666 url(/img/ipad_number_h.png);
  width:377px;
  height:265px;
}
#number_keyboard_name.eng.iphone{
  background:#666 url(/img/ipad_number_h_eng.png);
}
#number_keyboard_name.asura{
  background:#666 url(/img/ipad_number_h2.png);
  width:563px;
  height:180px;
}
#number_keyboard_name.eng.asura{
  background:#666 url(/img/ipad_number_h2_eng.png);
}
#number_keyboard_name .key{
  width:75px;
  height:69px;
  position:absolute;
}

#number_keyboard_name .key_1   {left:10px;top:13px;}
#number_keyboard_name .key_4   {left:10px;top:98px;}
#number_keyboard_name .key_7   {left:10px;top:183px;}
#number_keyboard_name .key_del {left:10px;top:268px;}

#number_keyboard_name .key_2   {left:103px;top:13px;}
#number_keyboard_name .key_5   {left:103px;top:98px;}
#number_keyboard_name .key_8   {left:103px;top:183px;}
#number_keyboard_name .key_0   {left:103px;top:268px;}

#number_keyboard_name .key_3   {left:196px;top:13px;}
#number_keyboard_name .key_6   {left:196px;top:98px;}
#number_keyboard_name .key_9   {left:196px;top:183px;}
#number_keyboard_name .key_delall {left:196px;top:268px;}

#number_keyboard_name.iphone .key_delall {left:289px;top:13px;}
#number_keyboard_name.iphone .key_del {left:289px;top:98px;}
#number_keyboard_name.iphone .key_0   {left:289px;top:183px;}

#number_keyboard_name.asura .key_1   {left:10px;top:13px;}
#number_keyboard_name.asura .key_2   {left:103px;top:13px;}
#number_keyboard_name.asura .key_3   {left:196px;top:13px;}
#number_keyboard_name.asura .key_4   {left:289px;top:13px;}
#number_keyboard_name.asura .key_5   {left:382px;top:13px;}
#number_keyboard_name.asura .key_del {left:475px;top:13px;}
#number_keyboard_name.asura .key_6   {left:10px;top:98px;}
#number_keyboard_name.asura .key_7   {left:103px;top:98px;}
#number_keyboard_name.asura .key_8   {left:196px;top:98px;}
#number_keyboard_name.asura .key_9   {left:289px;top:98px;}
#number_keyboard_name.asura .key_0   {left:382px;top:98px;}
#number_keyboard_name.asura .key_delall {left:475px;top:98px;}

#customer_number_box,#web_customer_number_box{
  padding:5px;
  margin:10px;
  background:#fff;
  font-size:50px;
  line-height:50px;
  text-align:left;
  
}


#backButton {
border-width:0 8px 0 14px;
display:none;
left:6px;
max-width:120px;
padding:0;
right:auto;
}

.submit_name_box{
    position:relative;
    height:86px;
}
#submit_name,#web_submit_name{
    opacity:0.2;
}
#submit_name_block,#web_submit_name_block{
    position:absolute;
    top:0px;
    width:100%;
    height:100%;
}
#submit_name_block_same,#web_submit_name_block_same,#submit_ninzu_block_limit{
    position:absolute;
    top:0px;
    width:100%;
    padding-top:15px;
    font-size:35px;
    text-align:center;
    font-weight:bold;
    display:none;
    color:#a00;
    text-shadow: #fff 1px 1px 0  !important;
}

#submit_number_block_same,#submit_number_block_same2,#web_submit_number_block_same,#web_submit_number_block_same2{
    position:absolute;
    top:0px;
    width:100%;
    padding-top:15px;
    font-size:35px;
    text-align:center;
    font-weight:bold;
    display:none;
    color:#a00;
    text-shadow: #fff 1px 1px 0  !important;
}


#submit_ninzu{
    opacity:0.2;
}
#submit_ninzu_block{
    position:absolute;
    top:0px;
    width:100%;
    height:100%;
}

#submit_number,#web_submit_number{
    opacity:0.2;
}
#submit_number_block,#web_submit_number_block{
    position:absolute;
    top:0px;
    width:100%;
    height:100%;
}

.confirm{
    text-align:left;
    padding:0 0 0 10px;
    font-size:300%;
}

.confirm span{
    font-weight:bold;
}

.text-normal{
    font-weight:normal;
}

#password_number{
    display:none;
}
#password_number_multi{
    display:none;
}

#password_number_call_view{
    display:none;
}


#cancel_top{
    display:none;
}


.panel > h2 {
    font-size:30px;
}

body > ul > li{
    font-size:30px;
}

body > ul > li{
    font-size:30px;
}

a[selected], a:active {
    background-color: transparent !important;
    background-image: none !important;
    text-shadow: #000 1px 1px 0  !important;
    color: #FFFFFF !important;
}



.whiteButton{
    font-size:40px;
    color:black;
    text-shadow: #fff 1px 1px 0;
    padding:0 0;
    border-width:12px;
    border: 12px solid #999; 
    -webkit-border-image: url(/iui/whiteButton.png)  12 12 12 12 / 12px stretch stretch;
    -moz-border-image: url(/iui/whiteButton.png)  12 12 12 12 fill stretch;
    border-image: url(/iui/whiteButton.png)  12 12 12 12 fill stretch;
    text-decoration:none;
}



a.whiteButton[selected], a.whiteButton:active {
    text-shadow: #000 1px 1px 0  !important;
}



.cancelButton{
    font-size:40px;
    font-weight:bold;
    color:black;
    text-shadow: #fff 1px 1px 0;
    padding:0;
    -webkit-border-image: url(/img/cancelButton.png)  12 12 12 12 / 12px stretch stretch;
    -moz-border-image: url(/img/cancelButton.png)  12 12 12 12 fill stretch;
    border-image: url(/img/cancelButton.png)  12 12 12 12 fill stretch;
    display:inline;
    text-decoration:none
}



#backButton{
    font-size:30px;
    padding:10px;
}

.button{
    font-size:30px;
    padding:10px;
    font-weight: normal;
    height:26px;
    line-height: 26px;
    margin-top:1px;
    -webkit-border-image: url(/iui/toolButton.png) 5 5 5 5 / 3px stretch stretch;
    -moz-border-image: url(/iui/toolButton.png) 5 5 5 5 fill stretch;
    border-image: url(/iui/toolButton.png) 5 5 5 5 fill stretch;

}

body > .toolbar{
    height:65px;
    background:#123f7c;
}

body > :not(.toolbar){
    top:65px;
}

.toolbar > h1 {
    font-size:30px;
    width:350px;
    margin-left:-175px;
}

body[orient="landscape"] > .toolbar > h1 {
    width:350px;
    margin-left:-175px;
}

.panel{
  position:relative;
}


.machi_infomation{
  font-size:100px;
  text-align:center;
  font-weight:bold;
  padding-top:30px;
}

.machi_infomation small{
  font-size:70px;
}

.wait_time{
  font-size:50px;
  font-weight:bold;
  position:absolute;;
  right:20px;
  top:70px;
}


#start_resavation_button{
  padding:30px 10px 0px 10px;
  font-weight:bold;
  text-align:center;
  font-size:30px;
  background: #fff;
}

#start_resavation_button a{
  text-decoration:none;
}

#start_resavation_button .whiteButton{

  height:70px;
  line-height:70px;
  /* padding-top:10px; */
  position:relative;
}

#start_resavation_button .whiteButton > span{
  line-height:1em;
  position:absolute;
  top:50%;
  left:0;
  margin-top: -1em;
  width:100%;
}

#start_resavation_button .whiteButton > span > small{
 font-size:30px;
}

#start_resavation_button .left{
  width:46.5%;
  float:left;
}
#start_resavation_button .right{
  width:46.5%;
  float:right;
}
#start_resavation_button .center{

}

#call_button{
  opacity:0.2;
}
#call_button_block{
  position:absolute;
  height:100%;
  width:100%;
  top:0px;
  left:0px;
}

#call_cancel_button{
  opacity:0.2;
}
#call_cancel_button_block{
  position:absolute;
  height:100%;
  width:100%;
  top:0px;
  left:0px;
}
#call_pendding_button{
  opacity:0.2;
}
#call_pendding_button_block{
  position:absolute;
  height:100%;
  width:100%;
  top:0px;
  left:0px;
}

#call_button_multi{
  opacity:0.2;
}
#call_button_block_multi{
  position:absolute;
  height:100%;
  width:100%;
  top:0px;
  left:0px;
}

#call_cancel_button_multi{
  opacity:0.2;
}
#call_cancel_button_block_multi{
  position:absolute;
  height:100%;
  width:100%;
  top:0px;
  left:0px;
}
#call_pendding_button_multi{
  opacity:0.2;
}
#call_pendding_button_block_multi{
  position:absolute;
  height:100%;
  width:100%;
  top:0px;
  left:0px;
}


#call_button_call_view{
  opacity:0.2;
}
#call_button_block_call_view{
  position:absolute;
  height:100%;
  width:100%;
  top:0px;
  left:0px;
}

#call_cancel_button_call_view{
  opacity:0.2;
}
#call_cancel_button_block_call_view{
  position:absolute;
  height:100%;
  width:100%;
  top:0px;
  left:0px;
}

#history{
    left: 6px;
    right: auto;
    display:none;
    font-family: monospace;
}

#password_history{
    display:none;
}

#password_history_button{
  opacity:0.2;
}
#password_history_button_block{
  position:absolute;
  height:100%;
  width:100%;
  top:0px;
  left:0px;
}

.call_tel_number{
    font-size:30px;
    text-align:center;
    font-weight:bold;
    line-height: 45px;
    /*margin-top:40px;*/
}


.reservation_lists{
   width:100%;
   border: 0px;
   border-spacing: 0;
    color:white;
    text-shadow: #333 1px 1px 0;
}
.reservation_lists td{
border-style:none;
}

.reservation_lists tr{
    height:40px;
}
.reservation_lists td{
    padding:10px;
    font-size:30px;
    height:2em;
}

.reservation_lists .reservation_list{

    font-weight:bold;
    text-decoration:none;
}

.reservation_lists tr.stripe_0{
    background:#a8b3c7 url(/img/stripe0.png);
}
.reservation_lists tr.stripe_1{
    background: #88a0c4  url(/img/stripe1.png);
}
.reservation_lists .number{
    text-align:right;
    width:20px;
}

.reservation_lists .name .small{
    font-size:20px;
}

.reservation_lists .created{
    width:30px;
}
.reservation_lists .call_times{
    width:200px;
}

.reservation_lists .call_times .call_set{
    color:#fbb;
}
.reservation_lists .call_times .call_progress{
    color:#f77;
}
.reservation_lists .call_times .call_not_complete{
    color:#f33;
}
.reservation_lists .call_times .call_complete{
    color:#fff;
}
.reservation_lists .call_times .call_answerphone{
    color:#ccf;
}




.escote{
    color:white;
    text-decoration:none;
    height:100%;
    display:inline;
}



.infomation_fieldset{
    position: relative;
    margin: 0 0 20px 0;
    padding: 5px;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #999999;
    text-align: left;
    font-size: 30px;
    width:300px;
    float:left;
}

table.confirm{
  border: 1px solid #999999;
  padding:0;
  margin:0 0 10px 0;
}
.confirm tr.stripe_1 td{
    background:#f66;
}


#clock{
  font-size:30px;
  font-weight:bold;
  color:#fff;
  top:15px;
  right:30px;
  position:absolute;
  text-decoration:none;
  display:block;
}


.navi_info{
    position:absolute;
    left:50%;
    top:-62px;
    width:380px;
    margin-left:-185px;
    height:60px;
}
.navi_info a{
    display:block;
    float:left;
    width:30px;
    background:url(/img/next2.png) 0px 13px no-repeat;
    color:#fff;
    font-weight:bold;
    font-size:30px;
    padding:15px 5px 0px 5px;
    height:52px;
}
.navi_info a.select{
    width:88px;
    background:url(/img/next.png) 0px 5px no-repeat;
    padding:11px 5px 0px 7px;
    font-size:28px;
}

#block_panel{
    z-index:99;
    position:absolute;
    width:100%;
    height:100%;
    background: #c8c8c8 url(/iui/pinstripes.png);
}
#top_middle{
    background:#fff;
}

#clear_call_reservation_message{
    font-weight:bold;
    font-size:24px;
    color:#900;
    text-shadow: #fff 1px 1px 0;
    margin:10px 0 0 0;
    width:33%;
}

#submit_login{
    opacity:0.2;
}
#pageTitle{
  z-index: 100;
}
#submit_login_block{
    position:absolute;
    top:0px;
    width:100%;
    height:100%;
}

#mini_logo{
     position:absolute;
     right:90px;
     top:-50px;
     z-index:0;
}

#restart{
     position:absolute;
     left:245px;
     top:-46px;
     z-index:0;
}

#enable_tel_button{
     dislpay:block;
     width:25px;
     height:25px;
     position:absolute;
     left:175px;
     top:-46px;
     z-index:100;
}

#enable_tel_button.eng{
     left:165px;
}

#enable_vpn{
     dislpay:block;
     width:25px;
     height:25px;
     position:absolute;
     left:105px;
     top:-46px;
     z-index:100;
}
#enable_bluetooth{
     dislpay:block;
     width:25px;
     height:25px;
     position:absolute;
     left:215px;
     top:-46px;
     z-index:100;
}
 #enable_vpn.en{
    left:145px;
}

 #enable_vpn.zh{
    left:165px;
}

#enable_memos,#enable_memos_history{
     dislpay:block;
     width:25px;
     height:25px;
     position:absolute;
     left:145px;
     top:-46px;
     z-index:100;
}
#enable_memos.en,#enable_memos_history.en{
    left:165px;
}
#enable_memos.zh,#enable_memos_history.zh{
    left:205px;
}


#enable_charges,#enable_charges_history{
     dislpay:block;
     width:25px;
     height:25px;
     position:absolute;
     left:180px;
     top:-46px;
     z-index:100;
}
#enable_charges.en,#enable_charges_history.en{
    left:165px;
}
#enable_charges.zh,#enable_charges_history.zh{
    left:205px;
}




#finish_message{
    width:586px;
    padding:30px;
    position:absolute;
    left:50%;
    top:150px;
    margin-left:-280px;
    text-align:center;
    filter: drop-shadow(10px 10px 10px rgba(128,128,128,0.6));

}

#move_block{
    position:absolute;
    background:#000;
    z-index:99;
    opacity:0;
}

#debug_memo{
    display:none;
    position:absolute;
    top: 50px;
    left:50px;
    width:300px;
    height:200px;
    background:#fff;
    z-index:9999;
    font-size:10px;
}
#debug_memo2{
    display:none;
    position:absolute;
    top: 50px;
    left:400px;
    width:300px;
    height:200px;
    background:#fff;
    z-index:9999;
    font-size:10px;
}
#memo_box{
    width:210px;
    text-align:center;
    padding:5px;
    float:right;
    margin:5px 0 0 0;
}
#memo_box textarea{
    width:188px;
    height:210px;
    margin:0 auto;
    font-size:120%;
    background:#ffc;
}
#CallMemoSelect{
    width:188px;
}

.in_memo , .in_memo_in_memo{
    color:#ee6;
}

.online_customer{
	color:#0f8d00;
}
.online_customer_self{
	color:#555;
}
.online_customer_self_in_memo{
	color:#555;
	text-shadow: #eaff00 1px 1px 0;
}


.reservation_cancel{
    text-decoration:line-through;
    color:#f99;
}


#clear_call_reservation_tel_number{
    font-weight:bold;
    font-size:32px;

    text-shadow: #fff 1px 1px 0;
    margin:10px 0 0 0;
    width:33%;
}

.red{
    color:#f00;
}
.blue{
    color:#00f;
}


#re_print,#no_sound_delete{
    display:none;
    font-weight:bold;
    font-size:32px;
    text-shadow: #fff 1px 1px 0;
    margin:10px 0 0 0;
    width:33%;
}

#no_sound_delete{
    display:none;
    font-weight:bold;
    font-size:24px;
    text-shadow: #fff 1px 1px 0;
    margin:10px 0 0 0;
    width:33%;
}

#other_ilists_outer{
    position:absolute;
    left:10px;
    top:5px;
    height:126px;
    width:160px;
    display:table;
}
#other_ilists{
    height:126px;
    width:160px;
    display:table-cell;
    vertical-align:middle;
}

.other_ilist{
    width:120px;
    border:1px solid #666;
    color:#666;
    font-size:15px;
    line-height: 20px;
    text-align:center;
    padding:2px;
    background:#eee;
    margin-bottom:5px;
    display:inline-block;
}


.web{
    color:#66f;
}
.pendding{
    color:#333;
    text-shadow: #fff 1px 1px 0;
}

.pendding .in_memo span,.pendding .in_memo_in_memo span{
    color:#ee6;
    text-shadow: #000 1px 1px 0;
}





#desk_panel{
    background:#fff;
    overflow: hidden;
}
#desk_name{
    font-size:100px;
    text-align:center;
    background:#060;
    color:#fff;
    line-height: 150px;
    overflow: hidden;
    height:150px;
    position: relative;
}
#desk_type{
    position: absolute;
    right:10px;
    top:5px;
    color: white;
    font-size: 22px;
    height:1em;
    line-height: 1em;
}
#desk_number{
    font-size:480px;
    font-weight:bold;
    text-align:center;
    background:#fff;
    line-height: 420px;
    height:429px;
    position:relative;
    overflow: hidden;
}
#desk_number_no_name{
    font-size:610px;
    font-weight:bold;
    text-align:center;
    background:#fff;
    line-height: 1em;
    height:580px;
    overflow: hidden;
    position:relative;
}
#desk_types{
    position:absolute;
    right:0;
    bottom: 0px;
    font-size: 20px;
    color: #333;
    height:30px;
    line-height: 1em;
    text-align:right;
    padding:0 20px;

}
#desk_panel table{
    background: #fff;
}

.name a{
    color:#fff;
    text-decoration: none;
}
.desk_link_table{
    width: 100%;
}
.desk_link_table td{
    text-align: center;
}
.desk_link_table a{
    font-size:30px;
    color:#ccc;
    text-decoration:none;
    margin:0 20px;
}

#desk_panel .machi_infomation{
    position:absolute;
    right:0;
    top: 35px;
    font-size: 40px;
    color: #000;
    height:30px;
    line-height: 1em;
    text-align:right;
    padding:0 20px;
    color:#fff;
}
#desk_panel .wait_time{
    position:absolute;
    right:0;
    top: 90px;
    font-size: 50px;
    color: #000;
    height:30px;
    line-height: 1em;
    text-align:right;
    padding:0 20px;
    color:#666;
}

.types_over,.types_over4,.types_over5,.types_over6,.types_over7,.types_over8,.types_over9,.types_over10{
    float:left;
    margin:0 15px 20px 0;
}
.types_over1{
    float:left;
    margin:0 6px 20px 6px;
    width: 45%;
    width: -webkit-calc(50% - 36px) ;
    width: calc(50% - 36px) ;
}
.types_over2{
    float:left;
    margin:0 6px 20px 6px;
    width: 30%;
    width: -webkit-calc(33% - 36px) ;
    width: calc(33% - 36px) ;
}
#type_first .types_over2 .wait_count_type_first{
    font-size: 28px;
    right:0px;
}
.types_over3{
    float:left;
    margin:0 6px 20px 6px;
    width: 20%;
    width: -webkit-calc(25% - 36px) ;
    width: calc(25% - 39px) ;
}
#type_first .types_over3 .wait_count_type_first{
    font-size: 24px;
    right:0px;
}

#desk_number_no_name.voice,#desk_number.voice{
    font-size:120px;
    height:200px;
    line-height: 200px;
}
#type_first{
    line-height:12px;
    padding:0 80px 0 80px;
}
#type_first span{
    text-align: left;
}
#type_first .wait_count_type_first{
    color:#fff;
    text-shadow: #000 1px 1px 0;
    position:absolute;
    right:10px;
}
.type_border td{
    border-top: 3px solid #000;
}
td.number{

}
td.number span,td.number a{
    margin:0;
    padding:0;
    display: inline;
    font-size:140%;
}

td span.pendding{
    font-size:100%;
}

.voice_desk .desk_link_table{
    width: 100%;
}
.voice_desk .desk_link_table td{
    text-align: center;
    padding:10px;
}
.voice_desk .desk_link_table a{
    font-size:30px;
    color:#000;
    text-decoration:none;
    padding:5px 30px;
    margin:2px 0;
    background: #ffe;
    width:80px;
    border:2px solid #ccc;

    //width:80px;
    //text-shadow: #fff 1px 1px 0;
    //padding:3px 10px;
    //-webkit-border-image: url(/iui/whiteButton.png)  12 12 12 12 / 3px stretch stretch;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}






.voice_desk #desk_name{
    font-size:50px;
    text-align:center;
    background:#060;
    color:#fff;
    line-height: 100px;
    overflow: hidden;
    height:100px;
    position: relative;
}
.desk_memo{
    display:none;
}
.voice_desk .desk_memo{
    display:block;
    //height:50px;
    font-size: 20px;
    padding:10px;
    color:#999;
    text-align: right;
}
body > .panel{
    padding-bottom: 0;
}

#clear_call_reservation_webcam{
    position: absolute;
    top:171px;
    z-index: -99;
    width:350px;
    height:262px;
    /*border:1px solid #666;*/
    border-radius: 10px;
}
.view_finish_number {
    height:148px;
    position:relative; 
}
.view_finish_number .machi_infomation{
    width:50%;
    font-size:70px;
    position:absolute;
    right:0px;
    bottom:0px;
}
.view_finish_number .machi_infomation small{
  font-size:50px;
}

.view_finish_number .finish_number{
    width:50%;
    position:absolute;
    left:0px;
    bottom:0px;
    font-size:100px;
    text-align:center;
    font-weight:bold;
    padding-top:30px;
}

.view_finish_number .finish_number small{
  font-size:50px;
}

#desk_time_counter{
    font-size:30px;
    color:#aaa;
}
#memo_select{

}

#memo_select_box{
    position:absolute;
    left:10px;
    top:0px;
    width:300px;
    height:200px;
}
#memo_select_box .memo_select_content{
    font-size:18px;
    text-align: left;
    height:32px;
    line-height: 32px;
    color:#ddd;
    padding-left:30px;
}

.desk_results{
    position: absolute;
    bottom:0px;
    left:0px;
    line-height:1em;
    font-size:22px;
    font-weight:normal;
    color:#666;
    -webkit-user-select: none;
}
.gray{
    color:#ccc;
}
.gray2{
    color:#aaa;
}
.desk_result{
    margin:20px 0 0 10px;
}
.desk_result_select{
    font-size:120%;
    display:block;
}
#submit_id,#submit_id_v1,#submit_id_v2,#submit_id_v3,#submit_id_v4,#submit_id_v5,#submit_id_v6,#submit_id_v7,#submit_id_v8,#submit_id_reservation,#submit_id_k{
    opacity:0.2;
}
#webcam_image{
    display:none;
    position:absolute;
    top:120px;
    right:150px;
    border:2px solid #666;
    width:352px;
    height:288px;
    border-radius: 10px;
}
.sticky {
  width: 200px;
  height: 50px;
  background: url(/img/close.png) no-repeat 0px 0px #ffff9a;
  cursor: pointer;
  border:1px solid #d9d92b;
  padding:10px 3px 3px 3px;
  font-size: 14px;
  font-family: Helvetica;
  opacity:0.7;
  overflow: hidden;
  position: absolute;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.headquater{
  background: url(/img/close_h.png) no-repeat 0px 0px #ffcccc;
  border:1px solid #eb6b6b;
}
.memo{
    display:none;
    text-align: left;
}
.charge{
    display:none;
    text-align: left;
}

#use_number_card_web_button{
    line-height:12px;
    padding:20px 0px 0 0px;
}
#use_number_card_web_button.type_first{
    padding:20px 80px 0 80px;
}
#submit_show_again_ticket{
    margin:20px 0 0 0;
}
#submit_show_again_ticket.type_first{
    margin:20px 80px 0 80px;
}

#use_number_card_web_button span.whiteButton{
    font-size:40px;
    color:black;
    text-shadow: #fff 1px 1px 0;
    padding:0;
    //-webkit-border-image: url(/iui/whiteButton.png)  12 12 12 12 / 12px stretch stretch;
    text-decoration:none;
}
#headquaters {
    background:#fff;
    height:500px;
}
#headquaters #desk_panel{
    height: 100%;
}
#headquaters #shop_name{
    font-size:50px;
    text-align:center;
    background:#060;
    color:#fff;
    line-height: 100px;
    overflow: hidden;
    height:100px;
    position: relative;
}
#language_flugs{
    height:35px;
    width:300px;
    position:absolute;
    right:250px;
    top:-50px;
    text-align:right;
}
.finish{
    display:none;
}
.desk{
    display:none;
}
.button_heading{
    border-image: none;text-shadow:none;border:none;padding:12px;
}


#add_name_num_input{
    position:absolute;
    top:0;
    left:0;
    width:400px;
    height:60px;
    line-height: 40px;
    font-size: 40px;
    text-align: left;
    padding:10px;
}
#add_name_input{
    padding:3px;
    font-size:30px;
}
#add_name_input_title,#add_num_input_title{
    font-size:20px;
    font-weight: normal;
    line-height: 20px;
    width:180px;
    margin-right: 10px;
    
}
#add_name_num_input input{
    font-size:30px;
    font-weight: normal;
    line-height: 30px;
    width:180px;
    margin-right: 10px;
    
}
.desk_result_title{
    text-align: left;
}


#card{
    padding: 20px 50px;
    text-align: center;
}

#card #paper{
    background:url("/img/paper.png") white;
    margin: auto;
    padding:20px;
    //border:1px solid #aaa;

    filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));

    animation-name: fadein;
    animation-duration: 1s;
    animation-iteration-count: 1;

    


}
@keyframes fadein {
    from {
        transform: translateY(-400px);
    }
    to {
        transform: translateY(0px);
    }
}

#card #paper #paper_ilist_name{
    font-size:xx-large;
    font-weight: bold;
    border-bottom: 2px solid #888;
    padding-bottom: 5px;
}

#card #paper #paper_date_time{
    text-align: right;
}

#card #paper #paper_date_order_number{
    font-size: 100px;
    font-weight: bold;
}
#card #paper #paper_date_information{
    text-align: right;
    border-bottom: 2px solid #888;
}
#card #paper #paper_date_information_no_number{
    text-align: center;
    font-size:50px;
    border-bottom: 2px solid #888;
    padding-bottom: 20px;
}
#card #card_message {
    padding:0 0 20px 0;
    font-weight: bold;
    font-size: 30px;
}
#card #card_message_buttom {
    padding:20px 0 20px 0;
    font-weight: bold;
    font-size: 30px;
}


#card #card_download_image{
    margin:30px;
}
#card #card_download_image a{
    color:black;
    font-size:40px;
}

#card #card_count{
    color:black;
    font-size:50px;
}
#card #paper_comment{
    font-size:30px;
}
#card #qrcode{
    margin:20px auto;
}
#card .card_message{
    color:red;
    font-size:30px;
}
#card #self_cancel_link{
    text-align: right;
    font-size:30px;
    position: absolute;
    text-align: right;
    line-height: 60px;
    display: inline;
    right:0px;
    bottom:0px;
}
#card #self_cancel_link a{
    color:#333;
}
#card #card_footer{
    position: relative;
    height:130px;
}

#card #card_line_link{
    font-size:30px;
    position: absolute;
    text-align: right;
    line-height: 60px;
    display: inline;
    left:0px;
    bottom:0px;
}
#card #card_line_link a{
    color:#333;
}

#error_message{
    width:550px;
    padding:30px;
    position:absolute;
    left:50%;
    top:150px;
    margin-left:-280px;
    text-align:center;
}

#cancel_dialog{
    position: fixed;
    top: 100px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    width:600px;
    height:150px;
    background: white;
    border:1px solid #aaa;
    border-radius: 10px;
    filter: drop-shadow(10px 10px 10px rgba(128,128,128,0.6));
    padding:30px;
    z-index:2;
}
#cancel_dialog h4{
    text-align: left;
    font-size: 40px;
    margin: 0;
    padding: 0;
}
#cancel_dialog .yes{
    position: absolute;
    right:20px;
    bottom: 20px;
    width:180px;
    font-size: 30px;
    height:50px;
    border: 1px solid #5590ff;
    text-align: center;
    line-height: 50px;
    border-radius: 10px;
    background: #5590ff;
    color: #fff;
}
#cancel_dialog .no{
    position: absolute;
    right:220px;
    bottom: 20px;
    width:180px;
    font-size: 30px;

    height:50px;
    border: 1px solid #aaa;
    text-align: center;
    line-height: 50px;
    border-radius: 10px;
    color:#5590ff;
}
#cancel_dialog_back{
    background: #000;
    position: fixed;
    top:-200px;
    left:0;
    width:100vw;
    height:100vh;
    z-index:1;
    opacity: 0.5;
    display: none;

}


#paper{
    border-radius: 3px 3px 6px 6px / 120px 120px 120px 120px;
    border-top:1px dashed #aaa;
    border-bottom:1px dashed #aaa;
}

#questionnaire,#questionnaire a{
    font-size:50px;
    text-align: left;
    color:#000;
}

.check_in{
	color:#fff;
}

img.in_memo{
	filter: brightness(0) saturate(100%) invert(97%) sepia(5%) saturate(4711%) hue-rotate(343deg) brightness(105%) contrast(91%);
}