html,body
{
    width:100%;
    height:100%;
    padding:0;
    margin:0;
}

body
{
width:100%;
height:100%;

background-color:#00A0E8;
background-image: 
	url(../img/bg_login01.png), 
	url(../img/bg_login02.png), 
	url(../img/bg_login03.jpg);

background-position: 
	center bottom, 
	center top, 
	center bottom;

background-repeat: 
	no-repeat,
	repeat-x,
	repeat-x;
	
background-size: 
	contain, 
	contain,
	contain;

}


h1{
	text-align:center;
	max-width:660px;
	display:block;
	margin:0 auto;
	padding: 0;
}
h1 img{ width:100%;}


.main_container_login_vertical
{
	display: box;
	display: -moz-box;
	display: -webkit-box;
	box-align: center;
	-moz-box-align: center;
	-webkit-box-align: center;
	box-pack: center;
	-moz-box-pack: center;
	-webkit-box-pack: center;
	width:100%;
	height:100%;

	box-orient:vertical;
	-moz-box-orient:vertical;
	-webkit-box-orient:vertical;
}





.main_container_login
{
	min-width:320px;
	padding:0;
}

.item_name,.item_comment
{
    color:#FFFFFF;
}

.item
{
	padding:10px 0 0;
}
.item>div
{
   display:inline-table;
}

.item input
{
	margin: 0 0 0 10px;
	font-size:100%;
	padding:5px;
	border-radius: 5px 5px 5px 5px;
}


.item .item_name
{
    font-size:100%;
}

.item .item_comment
{
    font-size:80%;
}



.item_loginbtn
{
    text-align:center;
}

.btn_common{/* 薄い青と黒の文字 */
    background: #ddf1f9; /* Old browsers */
    background: -moz-linear-gradient(top, #ddf1f9 1%, #a0d8ef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ddf1f9), color-stop(100%,#a0d8ef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ddf1f9 1%,#a0d8ef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ddf1f9 1%,#a0d8ef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ddf1f9 1%,#a0d8ef 100%); /* IE10+ */
    background: linear-gradient(top, #ddf1f9 1%,#a0d8ef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf1f9', endColorstr='#a0d8ef',GradientType=0 ); /* IE6-9 */
    
    border: 2px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 2px #000000;
/*  text-shadow: 0 -1px 0 #000000; */
    display: inline-block;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    padding: 7px 3px;
    color:#000000;
}
.btn_login
{
    padding-left:2em;
    padding-right:2em;
    font-size:100%;
	white-space: nowrap;
	cursor: pointer;
}


/* エラーメッセージ表示画面用 */

.overray_main
{
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    z-index:100;
    color:#FFFFFF;
    min-height:150px;
    min-width:200px;
    
}
.overray_main>div
{
    border-radius:10px;
}
.overray_main .btn_confirm
{
    letter-spacing: 0.5em;
}


.btn_confirm
{
    padding:0em 2em;
    margin:0 1em 0 1em;
    display:inline-block;
    color:#FFFFFF;
    line-height:2;
    margin-top:1px;
    cursor:pointer;
    border:2px solid #FFFFFF;
    border-radius:10px;
        
    background: #00b7ea; /* Old browsers */
    background: -moz-linear-gradient(top,  #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00b7ea 0%,#009ec3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */

}