@charset "utf-8";
/* CSS Document */
#loginBox { width:350px; padding:20px 0 0; margin: 30px auto 0; background:#fff !important;}
#like { height:28px; padding-top:7px; display:block; position:absolute; left:262px; top:0; width:112px; color:#fff !important;}
@media only screen and (orientation : portrait) {
	#like { height:28px; padding-top:7px; display:block; position:absolute; left:10px; top:0; width:30%; overflow:hidden; color:#fff !important;}
}

h2#loginHead { font-weight: bold; background:#666; padding:6px 10px; margin:-20px 0px 20px 0px; color:#fff;}


/* フォーム */
#loginBox ::-webkit-input-placeholder { color: #ccc; font-weight: lighter;}
#loginBox ::-moz-input-placeholder { color: #ccc; font-weight: lighter;}

#loginBox input[type=ID],
#loginBox input[type=email],
#loginBox input[type=password],
#loginBox input[type=text],
#loginBox textarea[type=text] { margin-left:15px; font-family: "Helvetica Neue", Helvetica, sans-serif; font-size: 25px; color: #999; padding: 10px; border: 1px solid #ddd; border-radius: 5px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); background:#fff !important; width:300px;}

#loginBox input[type=ID]:hover,
#loginBox input[type=email]:hover,
#loginBox input[type=password]:hover,
#loginBox input[type=text]:hover,
#loginBox textarea[type=text]:hover { outline: none; border: 1px solid #bbb; box-shadow: none;}

#loginBox input[type=ID]:focus,
#loginBox input[type=email]:focus,
#loginBox input[type=password]:focus,
#loginBox input[type=text]:focus,
#loginBox textarea[type=text]:focus { outline: none; border: 1px solid #00bce9; box-shadow: 0 0 5px #2da1ec;}

#loginBox input.highlight { border: 1px solid #ffcc33; box-shadow: 0 0 5px #ffff00;}
#loginBox input.error { border: 1px solid #dd212b; box-shadow: 0 0 5px #ed1b24;}


/*ログインボタン*/
#loginBox #btn_login { width: 320px; padding:15px 10px; margin-left:15px; background: #0051a4; border: 0; font-size: 14px; color: #FFFFFF; font-weight:bold; -webkit-appearance: none; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor:pointer; -webkit-transition: all .3s; transition: all .3s;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); /* Firefox用*/
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); /* webkit用 */
	-ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.4); /* IE用 */
	box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
}
#loginBox #btn_login:hover { background:#004286;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4); /* Firefox用*/
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4); /* webkit用 */
	-ms-box-shadow: 0px 0px 5px rgba(0,0,0,0.4); /* IE用 */
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}


/*ボタン下リンク*/
#bMenu { margin-left:10px;}
#bMenu li { display:inline-block; margin:0 12px;
	/display: inline;  /* IE用ハック */
	/zoom: 1;  /* IE用ハック */
}

#bMenu li a { color: #0b52a4; padding:8px 0; font-size:12px; display:block; padding-left:12px; position: relative;}
#bMenu li a::before { content: ""; width: 6px; height: 6px; border-top: 2px solid #0b52a4; border-right: 2px solid #0b52a4; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -3px; position: absolute; left: -2px; top: 50%; -webkit-transition:all 0.1s linear; transition:all 0.1s linear;}
#bMenu li a:hover::before { left: 0;}