/* ■■--------ログイン用のCSS（positon width などの指定はありません）----------------*/
/* ※最下部にエラー時の設定を記述 */

/* ------- ページ全体---------------------------------------------------- */

/*** ページ全体の背景などを指定 */
body {
background: #F1F2F3 url(../img/login_bk.gif) repeat-x left top;
}

/* コンテンツの幅 */
#stage {
background: url(../img/login_head.png) no-repeat;
color: #2B2B2B;
}

#main {
padding-top: 40px;
}

/* ボタンエリア（コンテンツ下部） */
#main .function_bottom {
list-style: none;
font: normal 80% "メイリオ,ＭＳ Ｐゴシック", sans-serif;
margin-top: 0px;
margin-bottom: 10px;
margin-right: 3%;/**** テーブル幅-1%に合わせるため*/
text-align: center;
}

#main .function_bottom .button {
margin: 2px;
}

/* ヘッダー（システム名表示エリア） */
#system {

}

/* h1 */
#system h1 {
font: normal 180% "メイリオ,ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
padding-top: 135px;
padding-left: 180px;
color: #241D22;
}

/* メッセージ・情報表示エリア */
#massage {
text-align: center;
}

/* メッセージの書式*/
#massage .text {
font: normal 90% "メイリオ,ＭＳ Ｐゴシック", sans-serif;
}

/* ログインボックスのあるエリア */
#login {
width: 330px;
margin-top: 60px;
border: #A79BA7 solid 1px;
margin-left:auto;
margin-right:auto;
background: #FFFFFF;
}

/* ログインレイアウトテーブル（全般） */
#login .box {
font: normal 90% "メイリオ,ＭＳ Ｐゴシック", sans-serif;
color: #010101;
background: url(../img/login_login.gif) no-repeat;
width: 330px;
}

/* テーブル共通設定 */
#login .box td {
padding: 3px;
}

#login .box td.user,#login .box td.password {
font-weight: bold;
padding-left: 20px;
}

/* ヘッダー部分設定 */
#login .box .head {
height: 40px;
}

/* テキストエリア部分設定 */
#login .box input {
width: 13em;
}

#login .box .item {
width: 60%;
}

#login .function_bottom {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}

/* フッター　*/
#footer {
margin-top: 20px;
}

#footer .text {
font: normal 80% "メイリオ,ＭＳ Ｐゴシック", sans-serif;
text-align: center;
color: #6A6A6A;
}

/* -------------------------------エラー時設定-------------------------- */
#stage_err {
background-color: #D1373B;
}

#main_err {
padding-top: 40px;
background-color: #D1373B;
}

#main_err .function_bottom {
list-style: none;
font: normal 80% "メイリオ,ＭＳ Ｐゴシック", sans-serif;
margin-top: 0px;
margin-bottom: 10px;
margin-right: 3%;/**** テーブル幅-1%に合わせるため*/
text-align: center;
}

#main_err .function_bottom .button {
margin: 2px;
}

#main_err .text {
font: normal 100% "メイリオ,ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
color: #FFFFFF;
}

#massage_err {
text-align: center;
background-color: #D1373B;
}

/* メッセージの書式*/
#massage_err .text {
font: normal 100% "メイリオ,ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
color: #FFFFFF;
}

/* ヘッダー（システム名表示エリア） */
#system_err {

}

/* h1 */
#system_err h1 {
font: normal 180% "メイリオ,ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
padding-top: 135px;
padding-left: 180px;
color: #FFFFFF;
}

/* エラー時フッター　*/
#footer_err {
margin-top: 20px;
background-color: #D1373B;
}

#footer_err .text {
font: normal 80% "メイリオ,ＭＳ Ｐゴシック", sans-serif;
text-align: center;
color: #FFFFFF;
}
/* --------------------------------------------------------------------- */