body{
font: 20px/1.4 "../system/font/migmix-1p-regular.ttf",メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3";
color:#252525;


  /* 画像ファイルの指定 */
  background-image: url(../login/);
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #ffffff;

  /* ウインドウを固定 */
  -webkit-text-size-adjust: 100%;
}
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 910px;
}


#loginstyle {
text-align: center
}
caption {
font-size: 1em;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.5em
}
table {
margin-left: auto;
margin-right: auto
}
th, td {
padding: 10px 15px;
}

div.login_msg0 {
    font-size: 0.9em;
    letter-spacing: -1px;
    line-height: 1.3;
    }
    
span.headtitle {
     vertical-align: 80px;
     font-size: 20px;
     color: #336699;
    }
span.login_msg1 {
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: -2px;
    }
span.login_msg2 {
    font-size: 90%;
    letter-spacing: -1px;
    }
span.login_msg3 {
    font-size: 130%;
    letter-spacing: -1px;
    }
span.login_msg4 {
    font-size: 130%;
    font-weight: bold;
    letter-spacing: -2px;
    color: #84cbc5;
    }
    
span.view00 {
    font-size: 3.3em;
    letter-spacing: -3px;
    color: #333;
    }
span.view01 {
    font-size: 2.8em;
    letter-spacing: -2px;
    color: #333;
    }
span.view02 {
    font-size: 30px;
    letter-spacing: -2px;
    color: #333;
    }    
    
    
    
input.login_data {
width:450px;
height:50px;
font-size:1.5em;
}
select.input_size2 {
width:450px;
height:50px;
font-size:1.5em;
background: #ffb;
}

input.login_data2 {
width:450px;
height:50px;
font-size:1.5em;
}

button.login_data {
width:450px;
height:80px;
font-size:1.5em;
}

span.input_msg1 {
    font-size: 2.5em;
    letter-spacing: -2px;
    }
select.input_size {
width:190px;
height:100px;
font-size:1.5em;
background: #bbf;
}
input.input_size2 {
width:30px;
height:30px;
}
textarea. {
width:100%;
height:100px;
font-size:1.8em;
}

.bg_select {
    @include border-radius(4px);
    background: #00b31e;
    background: -moz-linear-gradient(top center, #3bd255 0%, #00b31e 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#3bd255), to(#00b31e));
    background: linear-gradient(to bottom center, #3bd255 0%, #00b31e 100%);
    position: relative;
    z-index: 10;
    width: 398px;
    border: 1px solid #ccc;
    overflow: hidden;
}

select {
width:400px;
height:50px;
font-size:1.2em;
}

input.login_submit {
    width:450px;
    height:80px;
    font-size: 30px;
    // 背景色を黒に指定
    background-color: #00f;
    // 文字色を白に指定
    color: #fff;
    // submitボタンのを枠を非表示にする
    border-style: none;
}

    // 売上処理ボタン専用
   input.login_submit2 {
    width:100px;
    height:50px;
    font-size: 25px;
    // 背景色を黒に指定
    background-color: #00f;
    // 文字色を白に指定
    color: #fff;
    // submitボタンのを枠を非表示にする
    border-style: none;
}

    //売上処理インプット枠
    input.login_data9 {
    width:200px;
    height:50px;
    font-size: 25px;
}

    //売上処理セレクト枠
    select.input_size3 {
    width:300px;
    height:50px;
    font-size: 25px;
    background: #fff;
}

input.login_chk {
width:30px;
height:30px;
}



 .sampleTable {
    border-collapse: collapse;
    table-layout: fixed;
}
.sampleTable th,
.sampleTable td {
    border: 0px solid #CCCCCC;
    padding: 5px 10px;
    text-align: left;
}
.sampleTable th {
    background-color: #FFFFFF;
}

p {
}
.right {
    margin-left: auto;
}

.blinking {
    -webkit-animation: 0.5s linear 0s alternate none infinite running blink;
    -moz-animation: 0.5s linear 0s alternate none infinite running blink;
    animation: 0.5s linear 0s alternate none infinite running blink;
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}