@charset "utf-8";

/* ========================================================================================================================/
	
	Document    : login.css
	Description : ログイン

		0-0, layout
		1-0, login
		2-0, logout

/======================================================================================================================== */

/* ------------------------------------------------------------------------------------------------------------------------/
	0-0, layout
/------------------------------------------------------------------------------------------------------------------------ */

body {
	background-color:#f5f5f5;
	margin-top:0 !important;
	padding-bottom:0 !important;
	}

.login-wp {
    position:absolute;
	/*position:relative;*/
    top:50%;
    left:50%;
    width:480px;
    height:330px;
	text-align:center;

	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;	

	box-shadow:0 0 2px #aaa;
	-moz-box-shadow:0 0 2px #aaa;
	-webkit-box-shadow:0 0 2px #aaa;

    margin-top:-165px;  /* ボックス高の半分を指定 */
    margin-left:-240px; /* ボックス幅の半分を指定 */
    overflow:auto;
	}

.subject {
	height:100px;
	color:#ffffff;
	font-size:13px !important;
	background:url('../image/login/title-bg.gif') no-repeat left top;
	}

.login-box {
	position:relative;
	height:229px;
	background:url('../image/login/bg.jpg') repeat-x left top;
		   
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	
	-moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px;
	}

.login-box dd input {
	position:relative;

	border-top:1px solid #7d7d7d;
	border-left:1px solid #7d7d7d;
	border-bottom:1px solid #afafaf;
	border-right:1px solid #afafaf;

	-moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

	padding:5px;
	}


/* ------------------------------------------------------------------------------------------------------------------------/
	1-0, login
/------------------------------------------------------------------------------------------------------------------------ */

#login p img {
	vertical-align:middle;
	margin-right:8px;
	margin-bottom:3px;
	}

#login dl {
	width:380px;
	text-align:left;
	margin:0 auto;
	padding-top:25px;
	padding-bottom:10px;
	}

#login dt {
	float:left;
	clear:both;
	width:80px;
	text-align:right;
	margin-top:6px;
	}
	#login dt img { margin-right:10px; }

#login dd {
	text-align:left;
	margin-left:100px;
	margin-bottom:10px;
	/margin-bottom:5px;
	}
	#login dd input {
		width:92%;
		height:16px;
		background-color:#f8f8f8;
		}
	#login dd input:focus,
	#login dd input.focused {
		background-color:#ffffff;
		}
#login .bt-orange {
	width:10em;
	height:2.5em;
	font-weight:bold;
	margin:0 auto;
	padding:0 !important;
	}


/* ------------------------------------------------------------------------------------------------------------------------/
	2-0, logout
/------------------------------------------------------------------------------------------------------------------------ */

#logout ul {
	text-align:center;
	padding-top:30px;
	list-style:none;
	}
	#logout ul li {
		display:-moz-inline-box;
		display:inline-block;
		/display:inline;
		/zoom:1;
		margin:0 5px;
		}

#logout .bt {
	padding:0 !important;
	}
	#logout .bt a {
		width:12em;
		font-weight:bold;
		padding:8px 0;
		}