* :befor, * :after {
    /*box-sizingはwidthの幅でboxを固定できる*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.loginbox::before, body {
  /* 画像ファイルの指定 */
  /*background-image: url(jpg/rainbow.jpg);*/
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
}

body {
    width: 100%;
    height: 100%;
    /*border: 1px solid #FF0000;*/  
    margin: 0 auto;
    border:0;
	padding:0;
    display: table; /* display:table-cell;を指定するのに親にこれが必要 */
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font-family: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;*/
    }

html, body, .main{
        height: 100%; /* 画面全体の高さを出すためにここでheightを出す */
}

.main {
    vertical-align:middle;
    /* background:#999; */
    display:table-cell;
    position: relative;
}

/*--font関連--*/
.f12 {
	font-size:12px;
	color:#565656;
	}
	
.f10 {
	font-size:10px;
	color:#565656;
}

.white {
    color:#ffffff;
}

/*-- ログインIDチェックボックス関連--*/
ul {
    padding:0;
    margin: 5px;
}

li {
    display:inline;
	}
    
.focusoff{
/*border-color: #D5D5D5;*/
border-color:#D5D5D5;
}

.focuson{
/*border-color: green;*/
border-color:#1780fb;
}