@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 author     :itoh (admin)
 style info :ログイン、パスワードリマインダ画面
 
このスタイルシートの構成
 基本設定、レイアウトなど
 body
  #header
  #footer
  #contents

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

/*----------------------------------------------------
	リンクカラー
----------------------------------------------------*/
a:link {
	color: #8a7323;
}

a:visited {
	color: #97823b;
}

a:hover {
	color: #e69a3e;
	text-decoration: none;
}

a:active {
}


/*----------------------------------------------------
	body
----------------------------------------------------*/
body {
	background: url(../Image/login/bg.png) repeat-x left top;
	color: #625741;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	position: relative;
	overflow: hidden;
	min-width: 600px;
	margin: 0 auto;
	text-align: left;
}


/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
	position: relative;
	overflow: hidden;
	left: 50%;
	width: 600px;
	margin-top: 10px;
	margin-left: -650px;	/*  -1 * ( padding-left + width / 2 )  */
	padding: 0 350px;
	background: url(../Image/login/bg_header.png) no-repeat center top;
}
h1 {
	margin-top: 55px;
	text-align: center;
}
.remPassBody #header {	/*** remPassBody ***/
	padding-bottom: 30px;
}
.remPassBody h1 {	/*** remPassBody ***/
	margin-top: 30px;
	margin-right: 50px;
	text-align: right;
}


/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer {
	position: relative;
	overflow: hidden;
	left: 50%;
	width: 600px;
	margin-left: -650px;	/*  -1 * ( padding-left + width / 2 )  */
	margin-bottom: 50px;
	padding: 20px 350px 0;
	background: url(../Image/login/bg_footer.png) no-repeat center top;
	font-size: 10px;
}

#footer .copyright {
	text-align: center;
}



/*----------------------------------------------------
	#SentenceAgreement
----------------------------------------------------*/
#SentenceAgreement {
	position: relative;
	left: 50%;
	width: 550px;
	height:248px;
	margin-top: -1px;
	margin-left: -325px;
	padding: 1px 50px 10px;
	background: url(../Image/login/bg_contents.png) no-repeat center bottom;
}

#SentencePanel2 {
	margin-top: -5px;
	height:240px;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	position: relative;
	left: 50%;
	width: 500px;
	margin-top: -1px;
	margin-left: -300px;
	padding: 1px 50px 1px;
	background: url(../Image/login/bg_contents.png) no-repeat center bottom;
	text-align: center;
}

#contents p {
	margin: 10px 0;
}

#contents #tblUsrInput{
	width: 500px;
	height:80px
}

.inputTable td {
	background: url(../Image/login/bg_contents.png) no-repeat center bottom;
}



/* user id, pwd */
label img {
	vertical-align: middle;
	margin-left: 0px;
	margin-bottom: 0px;
}
input.inputBox {
	width: 200px;
}
#index_username, #index_password {
	width: 120px;
	margin-bottom: 10px;
}
/* submit - login */
#index_index_login {
	margin-top: 20px;
}

/** error message **/
.errMsg {
	margin: 15px 0;
	padding: 5px 0;
	background: url(../Image/login/bg_err.png) no-repeat center;
}
.errMsg span {
	padding-left: 20px;
	background: url(../Image/item/icon_err.gif) no-repeat left center;
	color: #d81515;
	font-weight: bold;
	white-space: nowrap;
}
.errMsg2 {
	margin: 0 0 15px;
	padding: 5px 20px;
	background: url(../Image/login/bg_err_2.png) no-repeat center;
	text-align: left;
}
.errMsg2 span {
	display: block;
	padding-left: 20px;
	background: url(../Image/item/icon_err.gif) no-repeat left .3em;
	color: #d81515;
	font-weight: bold;
}

/*** remPassBody ***/
.remPassBody #contents {
	padding: 0 50px 10px;
}
.remPassBody #contents p {
	margin: 0 0 10px;
}
.remPassBody p input {
	margin: 0 15px;
	vertical-align: middle;
}

#user {
	margin: 0 0 30px;
	padding: 25px 8px 0;
	background: url(../Image/login/bg_user.gif) no-repeat;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
#user p {
	margin: 0 0 8px;
	padding: 5px 0 8px;
	border-top: 1px #675e4a solid;
}
#user p span {
	margin-right: 15px;
	padding: 7px 30px 3px 10px;
	border-right: 1px #675e4a solid;
}

.remPassBody .msg {
	padding: 0 70px;
	text-align: left;
}

.remPassBody table {
	width: 400px;
	margin: 30px auto;
	border-top: 1px #675e4a solid;
	border-left: 1px #675e4a solid;
	border-collapse: collapse;
	border-spacing: 0;
}

.remPassBody th {
	padding: 10px;
	background: #675e4a;
	border-right: 1px #675e4a solid;
	border-bottom: 1px #fff solid;
	color: #fff;
	white-space: nowrap;
}
.remPassBody td {
	padding: 10px;
	background: #fff;
	border-right: 1px #675e4a solid;
	border-bottom: 1px #675e4a solid;
	text-align: left;
}
.remPassBody .bottomRow
{
    padding: 10px;
	background: #675e4a;
	border-right: 1px #675e4a solid;
	border-bottom: 1px #675e4a solid;
	color: #fff;
	white-space: nowrap;
}