@charset "euc-jp";
/* CSS Document */

/* -----                                          ----- */
/* ----- 1.グローバルメニュー[クライアント] Start ----- */
/* -----                                          ----- */
#header {
	display: table;
	width: 100%;
	margin: 10px 0 5px 0;
}

#header > div {
	display: table-cell;
	vertical-align: top;
}
#header > div:nth-child(1) {
	width: 180px;
	text-align: center;
}
#header > div:nth-child(2) {
}
#header h2{}

#header h2 {
	width: 180px;
	margin: 20px 0 0 auto;
	padding: 0 10px;
	text-align: center;
	line-height: 20px;
	font-weight: normal;
	color: #ffffff;
	background-color: #283238;
	border-radius: 10px;
}


/* -----                                          ----- */
/* ----- 1.グローバルメニュー[クライアント] End   ----- */
/* -----                                          ----- */




/* -----                                      ----- */
/* ----- 2.メインメニュー[クライアント] Start ----- */
/* -----                                      ----- */
#main-menu ul {
	border-top: 5px solid #1976D2;
}
#main-menu li a {
	display: block;
	width: 150px;
}
#main-menu li:nth-child(1),
#main-menu li:nth-child(3) {
	width: 400px;
}
#main-menu li:nth-child(1) a {
	margin: 0 0 0 auto;
}
#main-menu li:nth-child(2) a {
	margin: 0 auto 0 auto;
}
#main-menu li:nth-child(3) a {
	margin: 0 auto 0 0;
}
#main-menu li:nth-child(2) {
	width: 200px;
}
#main-menu + #container #content {
	float: none;
	margin: 0 auto;
}


/* -----                                      ----- */
/* ----- 2.メインメニュー[クライアント] End   ----- */
/* -----                                      ----- */





/* -----                                ----- */
/* ----- 3.文字装飾[クライアント] Start ----- */
/* -----                                ----- */
.required{ /* 必須アイコン */
  background: url(../images/icon_text.gif) no-repeat;
  display: block;
  height: 16px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 38px;
}

.caution{
}
.warning{
  color: #ea2026;
}
/* -----                                ----- */
/* ----- 3.文字装飾[クライアント] End   ----- */
/* -----                                ----- */





/* -----                                    ----- */
/* ----- 4.サブメニュー[クライアント] Start ----- */
/* -----                                    ----- */
#sub-menu h3{
  margin: 0;
}

#h3-login-beginner{
  background: url(../images/client/btn_sub_menu_login.gif) 0 0 no-repeat;
  display: block;
  height: 36px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 180px;
}
  a:hover#h3-login-beginner{
    background-position: -180px 0;
  }
  a:active#h3-login-beginner{
/*    background-position: -360px 0;*/
  }
#h3-login-faq{
  background: url(../images/client/btn_sub_menu_login.gif) 0 -36px no-repeat;
  display: block;
  height: 36px;
  margin: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width:180px;
}
  a:hover#h3-login-faq{
    background-position: -180px -36px;
  }
  a:active#h3-login-faq{
/*    background-position: -360px -36px;*/
  }

#h3-login-requirement{
  background: url(../images/client/btn_sub_menu_login.gif) 0 -72px no-repeat;
  display: block;
  height: 36px;
  margin: 0;
  margin-bottom: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width:180px;
}
  a:hover#h3-login-requirement{
    background-position: -180px -72px;
  }

/* セキュアドマーク表示用：画面上の位置は、サブメニューエリアのフッター付近 */
/* ログイン入力画面のときのみ #norton-securedが表示される */
#norton-secured{
  bottom:-20px;
  height:60px;
  left:25px;
  margin:-60px 0 0 0;
  position:relative;
  width:100px;
}


/* -----                                    ----- */
/* ----- 4.サブメニュー[クライアント] End   ----- */
/* -----                                    ----- */




/* -----                                  ----- */
/* ----- 5.共通ボタン[クライアント] Start ----- */
/* -----                                  ----- */
.btn-cmn{
  display: inline-block;
  *display: block;
  height: 30px;
  margin: 0 5px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  *zoom: 1; /* IE6対応 */
}
/* 送信 */
.btn-218{
  background: url(../images/client/btn_02.gif) 0px -595px no-repeat;  width: 65px;
}
  a:hover.btn-218{  background-position: -65px -595px;}
  a:active.btn-218{  background-position: -130px -595px;}

/* 実行 */
.btn-227{
  background: url(../images/client/btn_02.gif) 0px -910px no-repeat;  width: 65px;
}
  a:hover.btn-227{  background-position: -65px -910px;}
  a:active.btn-227{  background-position: -130px -910px;}

/* -----                                  ----- */
/* ----- 5.共通ボタン[クライアント] End   ----- */
/* -----                                  ----- */





/* -----                                  ----- */
/* ----- 6.共通バナー[クライアント] Start ----- */
/* -----                                  ----- */
#content h2{

}
#h2-login{} /* ログイン */
#h2-password-regist{} /* パスワード本登録 */
#h2-password-reissue{} /* パスワード再発行 */
#h2-password-reissue-apply{} /* パスワード再発行受付完了 */
#h2-password-reissue-check{} /* パスワード再発行確認 */
#h2-password-reissue-error{} /* パスワード再発行エラー */
#h2-password-reissue-done{} /* パスワード再発行完了 */
#h2-home{} /* ホーム */


#content h3{

}

#h3-regist{} /* 登録情報 */
#h3-information{} /* お知らせ */
#h3-order{} /* 発注管理 */
#h3-contract{} /* 契約管理 */
#h3-timesheet{} /* 勤怠管理 */
#h3-demand{} /* 請求管理 */

/* -----                                  ----- */
/* ----- 6.共通バナー[クライアント] End   ----- */
/* -----                                  ----- */

/* -----                                                ----- */
/* ----- 7.共通ポップアップバルーン[クライアント] Start ----- */
/* -----                                                ----- */

/* [.balloon] アイコン右上にポップアップ表示 幅190px テキスト分量2行程度を想定
   [.balloon-reverse] .balloonを左右反転
   [.balloon-label] アイコン右側に付箋を表示 幅190px
   [.balloon-label-reverse] .balloon-labelを左右反転
   [.balloon-label-midium] 幅を290pxに拡張
   [.balloon-label-midium-reverse]左右反転したもの
*/
a.balloon,
a.balloon-reverse,
a.balloon-label,
a.balloon-label-reverse,
a.balloon-label-midium,
a.balloon-label-midium-reverse{
  background: url(../images/icon_mini_pict.gif) no-repeat right -272px;
  display: inline-block;
  height: 16px;
  width: 16px;
}
  a:hover.balloon,
  a:hover.balloon-reverse,
  a:hover.balloon-label,
  a:hover.balloon-label-reverse,
  a:hover.balloon-label-midium,
  a:hover.balloon-label-midium-reverse{
    position: relative; /* IE6対応 */
    text-decoration:none;
  }

a.balloon span,
a.balloon-reverse span,
a.balloon-label span,
a.balloon-label-reverse span,
a.balloon-label-midium span,
a.balloon-label-midium-reverse span{
  display: none;
}
a:hover.balloon span{
  display: block;
  background: url(../images/client/bg_balloon.gif) no-repeat left bottom #F5FAFF;
  border:none;
  display: block;
  font-size: 0.9em;
  padding:0.5em 5px 5px;
  position: absolute;
  text-decoration: none;
  top: -4.5em;
  left: 0;
  width: 190px;
}
a:hover.balloon-reverse span{
  display: block;
  background: url(../images/client/bg_balloon.gif) no-repeat right bottom #F5FAFF;
  border:none;
  display: block;
  font-size: 0.9em;
  padding:0.5em 5px 5px;
  position: absolute;
  text-decoration: none;
  top: -4.5em;
  right: 0px;
  width: 190px;
}

/* --------- */

a:hover.balloon-label span{
  display: block;
  background: url(../images/client/bg_balloon_label.gif) no-repeat top left #F5FAFF;
  border-bottom: 1px solid #94877A;
  border-right: 1px solid #94877A;
  display: block;
  font-size: 0.9em;
  padding: 0.5em 0.5em 0.5em 12px;
  position: absolute;
  text-decoration: none;
  top: 2em;
  left: 1.5em;
  width: 190px;
}
a:hover.balloon-label-reverse span{
  display: block;
  background: url(../images/client/bg_balloon_label.gif) no-repeat right -500px #F5FAFF;
  border-bottom: 1px solid #94877A;
  border-right: 1px solid #94877A;
  display: block;
  font-size: 0.9em;
  padding: 0.5em 12px 0.5em 0.5em;
  position: absolute;
  text-decoration: none;
  top: 2em;
  right: 1.5em;
  width: 190px;
}

/* --------- */

a:hover.balloon-label-midium span{
  display: block;
  background: url(../images/client/bg_balloon_label.gif) no-repeat top left #F5FAFF;
  border-bottom: 1px solid #94877A;
  border-right: 1px solid #94877A;
  display: block;
  font-size: 0.9em;
  padding: 0.5em 0.5em 0.5em 12px;
  position: absolute;
  text-decoration: none;
  top: 2em;
  left: 1.5em;
  width: 290px;
}
a:hover.balloon-label-midium-reverse span{
  display: block;
  background: url(../images/client/bg_balloon_label.gif) no-repeat right -500px #F5FAFF;
  border-bottom: 1px solid #94877A;
  border-right: 1px solid #94877A;
  display: block;
  font-size: 0.9em;
  padding: 0.5em 12px 0.5em 0.5em;
  position: absolute;
  text-decoration: none;
  top: 2em;
  right: 1.5em;
  width: 290px;
}

/* -----                                                ----- */
/* ----- 7.共通ポップアップバルーン[クライアント] End   ----- */
/* -----                                                ----- */





/* -----                                        ----- */
/* ----- 8.ログインフォーム[クライアント] Start ----- */
/* -----                                        ----- */
#login-segment {
	width: 480px;
	margin: 0 auto 10px auto;
	background-color: #EEEEEE;
	border: 1px solid #E0E0E0;
	border-radius: 10px;
}
#login-segment div label {
	width: 320px;
	margin: 0 80px;
}
#login-segment div input {
	margin-right: 5px;
}
.tbl-login {
	width: 320px;
	margin: 10px auto 0 auto;
}
.tbl-login td {
    padding: 0 0 20px 0;
    vertical-align: middle;
}

/* フォーム関連 */
.tbl-login input[type="text"],
.tbl-login input[type="password"] {
	width: 100%;
	height: 30px;
	padding: 0 0 0 5px;
	line-height: 30px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
}
.tbl-login input[type="text"]:focus,
.tbl-login input[type="password"]:focus {
	background: #fcfcfc;
}
.tbl-login input[type="text"].warning,
.tbl-login input[type="password"].warning {
	background: #FDE8E9;
}

  .tbl-login input.warning { /* IE6,7のみ適用される */
    *background: #FDE8E9;
    *border: 1px solid #dfdbb7;
  }

.tbl-login + div {
	width: 320px;
}


#login-segment table {

}
#login-segment td{

}
#login-segment label {
	display: block;
	color: #666666;
}

/* フォーム関連 */
input{
}
input[type="text"],
input[type="password"]{
}
input[type="text"].warning,
input[type="password"].warning{
	background: #FDE8E9;
}
input.warning { /* IE6,7のみ適用される */
	*background: #FDE8E9;
	*border: 1px solid #dfdbb7;
}
#login-segment .size-small{
	width: 21em;
}

/* 画像ボタン */
#btn-login{
	display: block;
	width: 240px;
	margin: 10px auto 0 auto;
	background-color: #3070D6;
	border-radius: 23px;
	color: #ffffff;
	line-height: 46px;
	text-align: center;
	font-size: 18px;
}
a:hover#btn-login{
}
a:active#btn-login{
}
#forget-password{
	text-align: center;
	display: block;
	width: 320px;
	margin: 15px auto 10px auto;
	font-size: 10px;
	text-decoration: underline;
}

a#forget-password:hover {
    color: #BC005B;
}

/* -----                                        ----- */
/* ----- 8.ログインフォーム[クライアント] End   ----- */
/* -----                                        ----- */








/* -----                                                                ----- */
/* ----- 9.お知らせ(システムメンテナンス情報)[クライアント/Login] Start ----- */
/* -----                                                                ----- */
#information{
  width:750px;
}
#information h3{
	margin: 0;
}
#information a{
	text-decoration: underline;
}
.info-area {
	border-top: 1px dotted #999999;
	padding: 5px 0 30px 0;
	overflow: hidden;
}
.info-area dt {
	float: left;
	width: 120px;
	font-size: 16px;
	word-break: break-all; /* 強制改行 */
}
.info-area dd {
	float: right;
	width: 630px;
	word-break: break-all; /* 強制改行 */
}
.info-area dd span {
	font-size: 16px;
}
.info-area dd a {
	display: inline-block;
	padding: 5px 0 0 0;
	/*color: #3070D6;*/
}
#h2-information{ /* for Login */
	background: url(../images/client/ban_h2.gif) 0 -240px no-repeat;
	height: 28px;
	margin: 0 0 20px;
	width: 750px;
}
#information h3{
	font-weight: bold;
}


/* お知らせ[システムメンテナンス情報] */
#maintenance-info{
}
#h3-maintenance-info{
}
#maintenance-info dl{
	border-top: 1px dotted #999999;
	padding: 5px 0 30px 0;
	overflow: hidden;
}
#maintenance-info dt {
	float: left;
	width: 120px;
	font-size: 16px;
	word-break: break-all; /* 強制改行 */
}
#maintenance-info dd {
	float: right;
	width: 630px;
	word-break: break-all; /* 強制改行 */
}
#maintenance-info dd span {
	font-size: 16px;
}
#maintenance-info dd a {
	display: inline-block;
	padding: 5px 0 0 0;
	/*color: #3070D6;*/
}
.icon-new{ /* for Login */
  background: url(../images/icon_text.gif) no-repeat -1px -16px;
  display:block;
  height: 16px;
  margin: -3px 0px 0;
  overflow: hidden;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 32px;
}

#information dd a:hover {
    color: #BC005B;
}
/* -----                                                                ----- */
/* ----- 9.お知らせ(システムメンテナンス情報)[クライアント/Login] End   ----- */
/* -----                                                                ----- */