/*login*/
/*--------------------------------------------------------------------------------------------------------*/

body,button, fieldset, input, label, legend, select, textarea{	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",arial,sans-serif;	}

/*safari*/
@media screen and (min-color-index:0)
   and(-webkit-min-device-pixel-ratio:0) { @media {
body,button, fieldset, input, label, legend, select, textarea{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",arial, sans-serif;
}

}}




#head.login{ border:none;}



#login{
height: 100%;
margin: 0;
padding: 0;
}


#loginbase {
width: 100%;
height: 50%;
min-height:400px;
margin-top: -150px;
}

#loginBlock {
	width: 100%;
text-align:center;
clear: both;
position: relative;
margin:auto;
top: -150px;
font-size:16px;
}



#loginBlock h2{ color:#4FA0C8;
font-size:28px; margin-bottom:25px;}






#loginBlock p{ line-height:1.5;}


#loginBlock .loginBox{ background:#F1F1F1; border: solid 1px #DDDDDD; border-radius: 5px; 
margin:30px auto 10px;  width:400px; padding:40px 40px 30px;}

#loginBlock .loginBox table td{ padding-bottom:15px; width:290px; } 
#loginBlock .loginBox table th{ padding:0 10px 10px 0; width:100px; text-align:left; vertical-align: middle;} 
#loginBlock .loginBox table td input{ width:100%; padding:5px ;}

#loginBlock .assist{ text-align:left; font-size:12px;  width:480px; margin:auto; }
#loginBlock .assist a{ color:#666666;}
#loginBlock .assist a:hover{ color:#999999;}



#loginBlock input.login{ border:none; cursor:pointer; color: #FFF;   padding: 7px 30px 7px 40px; margin: 10px 0 0; font-size:14px; border-radius: 4px; 
background:#4FA0C8 url(../images/common/arrowWhiteM.png) no-repeat 8px center;
}

#loginBlock input.login:hover{ background-color:#09C; }


/*  パスワードを忘れた */

#loginBlock .loginBox.forgot{padding:30px 40px 20px;}
#loginBlock .loginBox.forgot table td{ padding-bottom:10px; width:400px; text-align:left;} 



/**/
#foot p{ padding-left: 1em; color:#4FA0C8;}