@CHARSET "utf-8";

/***********************************************************
    @import
 ***********************************************************/

/***********************************************************
    構成
 ***********************************************************/
*{
    margin  : 0px;
    padding : 0px;
}

html,body,#content{
    height      : 100%;
    min-height  : 100%;
}

body > #content {
    height  : auto;
}

#content {
    height      : auto !important;
    height      : 100%;
    min-height  : 100%;
    position    : relative;
}

* html #content {
    height  : 100%;
}

/* IE6では下記構文は未対応のため無視される */
* input[type="submit"] {
	padding:1px 5px;
}

/* IE6では下記構文は未対応のため無視される */
* input[type="button"] {
    padding:1px 5px;
}

/***********************************************************
  Header
 ***********************************************************/

#topTitle {
    width       : 100%;
    color       : white;
    background-image  : url(../img/header.png);
    background-repeat : repeat-x;   /*背景を横方向に繰り返し表示*/
    z-index     : 1;
    font-size   : 40px;
    /*font-family:GlimChe,sans-serif;*/
    font-family : arial;
    /*font-style:italic;*/
    border-style: none;
    font-style  : italic;
}

/* ヘッダエリアのWebアプリタイトル */
#topTitle h1 {
    /*font-family:MS ゴシック;New Gulim;Century Gothic*/
    font-family : arial;
    /*font-style:italic;*/
    font-size   : 38px;
    border-style: none;
}

/* 各画面のサブタイトル */
h2 {
	position    : absolute;
	padding     : 3px 10px 0px 0px;
	left        : 10px;
	width       : 20em;
	font-size   : 30px;
	font-weight : bold;
	color       : #00008b;  /* darkblue */
}

h2#setting , h2#successLogin {
    position    : relative;
    font-size   : 30px;
    font-weight : bold;
    color       : #00008b;  /* darkblue */
}

div#pass_limit{
	position:absolute;
	top:5px;
	left:auto;
	right:10px;
	height:30px;
	width:310px;
	padding:2px 5px;

	border:2px red solid;
	background-color:#FFCD8F;
/*
	border-bottom: 1px solid #fff;
	background: #FFCD8F;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: inset 0px 1px 2px 0px #666;
	-webkit-box-shadow: inset 0px 1px 2px 0px #666;
	-moz-box-shadow: inset 0px 1px 2px 0px #666;
*/
	font-size:12px;
	color:black;
}

div#pass_limit p{
	margin-top:3px;
	vertical-align:middle;
	line-height:1.0;
}
/***********************************************************
  Footer
 ***********************************************************/

#footer-space {
    margin  : 10px 0px 0px 0px;
    height  : 30px;
}

#footer {
    clear       : both;
    position    : relative;
    margin      : -35px 0px 0px 0px;
    height      : 30px;
    font-size   : 12px;
    font-family : MS ゴシック;
    color       : white;
    width       : 100%;
    text-align  : right;
    background-image  : url(../img/footer.png);
    background-repeat : repeat-x;
}

#footer a.title {
    font-size   : 16px;
    font-weight : bold;
}

/* マニュアル */
#footer a.manual {
    color       : #adff2f;		/* greenyellow */
    font-size   : 13px;
    font-weight : bold;
    position    : absolute;
    left        : 10px;
    top         : 10px;
}

/***********************************************************
  Menutab
 ***********************************************************/
#menu{
	position:absolute;
	z-index:100;
	height:50px;
	width:680px;
}

#navi ul{
	margin-top:1px;
	list-style:none;
}
#menu ul.subMenu{
	margin-top:0px;
	list-style:none;
}

#navi li.navi_menu a{
	background:url("../img/menu/tab_menu.png") no-repeat left top;
}
#navi li{
	/*color:#faebd7;*/
	float:left;
	width:135px;
	margin-right:1px;
}
#navi li a{
	font-size:14px;
	color:#faf0e6;
	display:block;
	width:100%;
	padding:4px 0;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}
#navi ul li a:hover{
	background:url("../img/menu/tab_menu_hover.png") no-repeat left top;
}
#navi li.navi_menu_on a{
	background:url("../img/menu/tab_menu_hover.png") no-repeat left top;
}
/* サブメニュー */
#navi ul li.navi_menu ul{
	display:none;
}
#navi ul li.navi_menu_on ul{
	display:block;
}

#navi li.navi_menu_on iframe{
	width:130px;
	position:absolute;
}
#navi li.navi_menu iframe{
	width:0px;
	height:0px;
	position:absolute;
}
#navi li.navi_menu_on li a{
	width:133px;
	color:#8b008b;
	background:none;
	/*background-color:#ffffe0;*/
	background-color:#fffcfe;
	border:1px solid #6cb0b2;
}
#navi li.navi_menu_on li a:hover{
	background:url("../img/menu/brank.png") repeat-x left top;
	background-color:#f4f4ff; /*#eaeaff*/
}

/***********************************************************
    contents
 ***********************************************************/
#outline {
    left    : 15px;
    margin  : 70px;
}

/***********************************************************
    button
 ***********************************************************/
/* Loginボタンの位置 */
input.btnLogin {
    position    : absolute;
    margin      : -60px 0px 0px 395px;
}

/* Logoutボタンの位置 */
input.btnLogout {
    position    : absolute;
    margin      : 75px 0px 0px 700px;
}

/* Login・Logoutボタンマウスオーバー時のアクション */
.btnLogin:hover, .btnLogout:hover {
/* コンテンツ全体がずれるため無効化 todo 要修正
	position: relative;
	left: 1px;
	top: 1px;
*/
}

/* 新規申請ボタン */
input.btnNewApplication {
    position   : absolute;
    /* margin     : 260px 0px 0px 800px; */
    top:  325px;
    left: 800px;
}

/* CSVボタン */
input.btnHistoryCSV {
    position   : absolute;
    top:  325px;
    left: 910px;
}

/* CSVボタン */
input.btnHistoryCSV2 {
    position   : absolute;
    top:  300px;
    left: 800px;
}

/***********************************************************
    common
 ***********************************************************/
/* エラーメッセージ start >>>>> */
div.errArea {
    position    : static;
    width       : 550px;
    margin      : 20px 20px 30px;
    padding     : 15px;
    border      : 1px solid #FBB14E;
    background  : #FEE7C6;
}

div.errAreaLogin {
    position    : static;
    width       : 450px;
    margin      : 40px 50px -100px 80px;
    padding     : 15px;
    border      : 1px solid #FBB14E;
    background  : #FEE7C6;
}

div.errArea div p.messageTitle {
/* イメージ付きエラータイトル
    background  : url(../img/alert_image.gif) no-repeat 0 0;
    padding     : 5px 0px 0px 40px;
    min-height  : 30px;
*/
    font-weight : bold;
}

div.errArea div, div.errAreaLogin div {
    border      : 1px solid #FFCD8F;
    padding     : 10px 20px;
    background  : url(../img/err_bg_stripe.gif) repeat 0 0;
}

div.errArea div p li, div.errAreaLogin div p li  {
    padding     : 7px 0px 5px 50px;
}

div.errArea div p.messageAlert, div.errAreaLogin div p.messageAlert {
    background  : url(../img/err_bg_stripe.gif) repeat 0 0;
}

div.errArea p.alert, div.errAreaLogin p.alert {
    color       : red;
    font-size   : small;
    line-height : 140%;
}
/* <<<<< end エラーメッセージ */

/* ページ内通知コメント */
p.pageNotice {
    width           : 840px;
    margin          : 0px 0px 10px 10px;
    padding         : 10px;
    border          : 1px solid #F90;
    background-color: #FF9;
    text-align      : center;
    font-weight     : bold;
    font-size       : large;
    font-family     : "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
    line-height     : 150%; /* 行間 */
}

/* 完了処理画面スタイル start >>>>> */
div.procCenter {
    width       : 840px;
    margin      : 0px 0px 0px 10px;
    text-align  : center;
}

table.procComp {
	width          : 700px;
	margin-left    : auto; /* Firefox/Opera/ChromeでテーブルをCSSでセンタリングする対応 */
	margin-right   : auto; /* Firefox/Opera/ChromeでテーブルをCSSでセンタリングする対応 */
}

table.procComp th{
    background-color: red;
    color		: whitesmoke;
	padding 	: 10px;
	font-weight	: bold;
	font-size	: large;
}

table.procComp td{
	padding 	: 10px;
	text-align	: center;
	font-weight	: bold;
}

table.procComp li{
	margin      : 0 0 0 1em;
	padding		: 5px 10px;
	text-align	: left;
	list-style	: disc; /* none:なし,disc:黒丸,circle:白丸,square:四角 */
	font-weight	: normal;
}
/* <<<<< end 完了処理画面スタイル */

/* 入力必須項目の説明メッセージ */
span.required {
	color      : red;
	font-size  : small;
}
/***********************************************************
    ログイン
 ***********************************************************/
table#Login {
    font-size   : large;
    margin      : 40px 0px 0px 80px;
}

/* Staffロゴ位置 */
div#staffLogo {
    padding :10px 0px 0px 0px;
}

/* ログイン画面のID,PWの入力欄 */
input.id,input.pw {
    font-size   : 15px;
    width       : 160px;
    height      : 25px;
    line-height : 25px; /* 上下中央対応 */
}

/* 見出し */
tr.header , th.header {
    text-align      : center;
/*    background-color: rgb(220,255,225);*/
    background-color: #DCE6F2;
    width   : 100px;
    padding : 5px;
}

tr.important, td.important {
    color   : red;
}

div.passNotice {
    margin      : -30px 0px 0px 500px;
    font-size   : small;
    color       : #FF0000;
}

div.topNotice {
    margin  : 120px 0px 0px 80px;
}

/* ログイン失敗時のメッセージ */
li.errMsg {
    color           : red;
    list-style-type : disc; /* none:なし,disc:黒丸,circle:白丸,square:四角 */
    position        : absolute;
    margin          : 40px 0px 0px 100px;
}

li.errMsgBrowseMode {
    color           : red;
    list-style-type : disc; /* none:なし,disc:黒丸,circle:白丸,square:四角 */
    margin          : 0px 0px 0px 100px;
}

td.login {
	padding        : 0px;
	vertical-align : middle;
}

p.topNotice {
    padding     : 5px;
    font-weight : bold;
    font-size   : large;
}

table.indexInfo td {
    min-width       : 110px;
    vertical-align  : top;
    font-family     : "ＭＳ Ｐゴシック",sans-serif;
}
/***** ログインデータ(右上部表示) [Start] *****/
div.BrowseMode {
    position    : absolute;
    margin-left : 650px;
    color       : Gray;
    min-width   : 300px;
}
/*div.BrowseMode tr {
    text-align      : left;
    vertical-align  : middle;
}*/
div.BrowseMode td,th {
    white-space    : nowrap;
}
div.BrowseMode td {
    padding        : 0px;
    vertical-align : bottom;
    white-space    : nowrap;
}
div.BrowseMode td#title {
    font-size      : small;
}
div.BrowseMode th#loginUser {
    background-image    : url("../img/visitors_image_1.png");
    min-width           : 23px;
    height              : 23px;
    background-repeat   : no-repeat;
}
div.BrowseMode th#browseMode {
    background-image    : url("../img/visitors_image_2.png");
    min-width           : 23px;
    height              : 23px;
    background-repeat   : no-repeat;
}
/************** ログインデータ(右上部表示) [End] **************/

/***********************************************************
    顧客・契約コード入力（閲覧モード切替）
 ***********************************************************/
/* 申請情報お知らせ */
div.requestNotice {
    margin  : 70px 0px 0px 40px;
}
div.requestNotice p {
    line-height : 150%; /* 行間隔 */
}

table.BrowseMode {
    font-size   : 15px;
    margin      : 0px 0px 20px 80px;
}

/* 見出し */
table.BrowseMode tr th {
    background-color    : #DCE6F2;
    height              : 30px;
    text-align          : center;
    width               : 200px;
}

/* 顧客名、契約名の入力欄 */
table.BrowseMode input {
    font-size   : 15px;
    height      : 30px;
    width       : 250px;
    line-height : 30px; /* 上下中央対応 */
}

/* 契約名(リスト)の入力欄 */
table.BrowseMode select {
    font-size   : 15px;
    height      : 30px;
    line-height : 30px; /* 上下中央対応 */
}

p#BrowseMode {
    margin  : 10px 0px 80px 83px;
}

div#browseModeErr {
    margin  : 0px 0px 0px 60px;
}

/***********************************************************
    入館申請履歴
 ***********************************************************/
/* 2010/11/12 Add Start */
div#condWrap{
	background-color:#4682b4;
	margin:10px 0px 20px 80px;
	width:700px;
	height:133px;
	font-size:14px;
}
div#condition{
	padding:3px 3px 5px 3px;
	background-color:#f0ffff;
	height:125px;
}
div#condWrapAPP{
    background-color:#4682b4;
    margin:10px 0px 20px 80px;
    width:700px;
    height:133px;
    font-size:14px;
}
div#conditionAPP{
    padding:3px 3px 5px 3px;
    background-color:#f0ffff;
    height:125px;
}
div#condWrapADM{
    background-color:#4682b4;
    margin:10px 0px 20px 80px;
    width:700px;
    height:104px;
    font-size:14px;
}
div#conditionADM{
    padding:3px 3px 5px 3px;
    background-color:#f0ffff;
    height:96px;
}
div#search{
	background-color:while
	margin:10px 0px 20px 80px;
	width:100%;
	font-size:12px;
}
/* Firefox 3のみ適用 */
div#condition, x:-moz-any-link, x:default {
	border-bottom:#4682b4 thin groove;
}
div#conditionAPP, x:-moz-any-link, x:default {
	border-bottom:#4682b4 thin groove;
}
div#conditionADM, x:-moz-any-link, x:default {
	border-bottom:#4682b4 thin groove;
}
span#condButtonhist{
	margin-left:400px;
}

span#condButtonAdmit{
    margin-left:550px;
}

div#condCheck{
	width:520px;
	margin : 0 0 0 180px;
	padding : 8px 0 0 0;
    padding : 6px 0 0 0\9;/* IE対応 */
}
div#condDate,div#condOther,div#condOther2,div#condOther3{
	padding:5px 5px 0px;
    padding:3px 5px 0px\9;/* IE対応 */
}
div#condOther span,
div#condOther2 span{
	padding-right:5px;
	margin-right:11px;
}
div#condOther2 a#condPurpose{
	margin-left:13px;
}
div#condOther2 a#condComment{
	margin-left:28px;
}
div#condOther3 a#condPurpose{
	margin-left:13px;
}

/*
div#condOther2 span{
	padding:5px 5px 0px;
}
*/
/* 2010/11/12 Add End */

table#search {
     font-size   : 15px;
     margin      : 0px 0px 50px 80px;
     background-color    : rgb(220,255,225);
}

.flexigrid {
    font-size   : 15px;
    margin      : 0px 0px 20px 80px;
}

table.AppHistory {
    font-size   : 15px;
}

table.AppHistory tr th {
    background-color    : lightblue;
    height              : 30px;
    text-align          : center;
    width               : 10%;
}
/*
table.AppHistory td.header {
	background-color    : lightblue;
    height              : 30px;
    text-align          : left;
}

table.AppHistory td.page_center {
    background-color    : lightblue;
    height              : 30px;
    text-align          : center;
}

table.AppHistory td.page_right {
    background-color    : lightblue;
    height              : 30px;
    text-align          : right;
}

table.AppHistory colgroup.col_title {
	background-color    : lightblue;
    height              : 30px;
    text-align          : center;
    width               : 100px;
}

table.AppHistory colgroup.col_center {
    height              : 30px;
    text-align          : center;
    width               : 200px;
}

table.AppHistory colgroup.col_left {
    height              : 30px;
    text-align          : left;
    width               : 200px;
}

table.AppHistory colgroup.col_button {
    height              : 30px;
    text-align          : center;
    width               : 50px;
}
*/
/***********************************************************
    申請情報詳細画面 共通スタイル（履歴・一時パス・承認）
***********************************************************/
div.appTable table, div.appTable th, div.appTable td {
    border  : solid 1px gray;
    border-collapse : collapse;
}

table.entAppExe, table.onetimePass {
	margin	: 10px 20px;
	width	: 840px;
}

/* 承認画面（メール送信先） */
table.entAcptMailDest {
    margin  : 10px 20px;
    width   : 600px;
}

table.entAppExe2 {
	margin	: 10px 20px;
	width	: 700px;
}
table.entAppExe3 {
	margin	: 10px 20px;
	width	: 300px;
}
table.entAppExe th, table.entAppExe2 th, table.entAppExe3 th, table.onetimePass th, table.entAcptMailDest th {
	background-color: #DCE6F2;
	margin	: 5px;
	padding	: 5px;
	text-align : center;
	/* [disabled]font-size: 14px; */
}
table.entAppExe input[type="text"] {
	padding:0 0 0 3px;
}

/*** 申請情報テーブル幅の指定 ***/
th#appApplicant { width   : 20%; } /* 申請者タイトル */
th#appUserTh    { width   : 17%; } /* 利用者コードタイトル */
td#appUserTd    { width   : 20%; } /* 利用者コード */
td#appSep       { width   : 5%;  } /* その他エリアとの区切り */
td#appPostTh    { width   : 18%; } /* 所属部署タイトル */
td#appPostTd    { width   : 5%;  } /* 所属部署 */
td#appNext      { width   : 15%; } /* 翌日にまたぐ */

/* 申請者枠線設定 */
td#appUserTd    { border-width: 1px 0px 1px 1px; } /* 利用者コード */
td#appSep       { border-width: 1px 0px; } /* その他エリアとの区切り */
td#appPostTh    { border-width: 1px 0px; } /* 所属部署タイトル */
td#appPostTd    { border-width: 1px 0px; } /* 所属部署 */
td#appNext      { border-width: 1px 1px 1px 0px; } /* 翌日にまたぐ */

/* 入室場所枠線設定 */
td#areaMain     { border-width: 1px 0px 1px 1px; } /* メインエリア */
td#plus         { border-width: 1px 0px; } /* その他エリアとの区切り */
td#otherTitle   { border-width: 1px 1px 0px 0px; } /* その他タイトル */
td#areaOther    { border-width: 0px 1px 1px 0px; } /* その他エリア */

/*** 受け入れ者情報テーブル幅の指定 ***/
th#userCodeTh   { width   : 15%; } /* 利用者コードタイトル */
td#userCodeTd   { width   : 20%; } /* 利用者コード */
th#nameTh       { width   : 10%; } /* 氏名タイトル */
td#nameTd       { width   : 15%; } /* 氏名 */
th#mailTh       { width   : 10%; } /* Mailタイトル */
td#mailTd       { width   : 30%; } /* Mail */

/*** 受け入れ者情報（確認）テーブル幅の指定 ***/
th#fixNameTh    { width   : 20%; } /* 氏名タイトル */
td#fixNameTd    { width   : 30%; } /* 氏名 */
th#fixMailTh    { width   : 15%; } /* Mailタイトル */
td#fixMailTd    { width   : 35%; } /* Mail */

/*** 入館者情報テーブル幅の指定 ***/
th#visitNo      { width   : 3%;  } /* 入館者番号 */
th#visitUserTh  { width   : 9%;  } /* 利用者コードタイトル */
td#visitUserTd  { width   : 14%; } /* 利用者コード */
th#visitCorpTh  { width   : 12%; } /* 会社名タイトル */
td#visitCorpTd  { width   : 25%; } /* 会社名 */
th#visitNameTh  { width   : 8%;  } /* 氏名タイトル */
td#visitNameSei { width   : 14%; } /* 氏名（姓） */
td#visitNameMei { width   : 15%; } /* 氏名（名） */

table.entAppExe td, table.entAppExe2 td, table.onetimePass td, table.entAcptMailDest td {
    padding : 5px;
}

div.scrollBox {
	overflow: auto;
	border	: 1px black solid;
	margin	: 5px 0px 2px 5px;
	padding : 5px 0px 5px 5px;
}

div.scrollBoxArea {
	/*width	: 260px;*/
	width   : 95%;
	height	: 120px;
}

div.scrollBoxOther {
	/*width	: 235px;*/
    width   : 90%;
	height	: 100px;
}

th#tbTitle {
	background-color:#FFF;
	padding			:5px;
	text-align		:left;
}

p.entAppExeButton, p.onetimePassButton, p.procCompButton {
	width          : 840px;
	text-align     : center;
	word-spacing   : 1em;
}

p.onetimePassChkBox, p.entAppExeChkBox {
	text-align     : center;
	word-spacing   : 1em;
}

td.center {
	text-align     : center;
	vertical-align : middle;
}

td.seimei {
	padding    : 1px;
	font-size  : small;
}

textarea.purpose {
    padding    : 2px;
}

textarea.comment {
    padding    : 2px;
}

/***********************************************************
   新規申請画面
***********************************************************/
/* IE6では下記構文は未対応のため無視される */
input[type="radio"].centerInput {
    padding:0px 2px 0px 10px;
}

input[type="text"]#inputDisable {
	background-color:LightGrey;
}

td#userCode {
	text-align : center;
}

input.id, input.pw, input#acceptor, input#userCodeText/*, input.mailAddr */ {
	ime-mode : disabled; /* IMEを無効にし半角英数字のみ入力可能に(IEでのみ有効) */
}

span#acceptor {
    color       : red;
    padding     : 10px;
    font-weight : bold;
    font-size   : small;
}

#appdial {
	ime-mode: inactive;
}

/***********************************************************
   お知らせ情報編集
***********************************************************/
table.infoEdit {
    margin  : 10px 20px;
    width   : 840px;
}

table.infoEdit th {
    background-color: #DCE6F2;
    margin  : 5px;
    padding : 5px;
    text-align : center;
}

table.infoEdit td {
    padding : 5px;
}

p.infoEditChkBox {
    text-align     : center;
    word-spacing   : 1em;
}
p.infoEditButton {
	width          : 840px;
	text-align     : right;
	word-spacing   : 3em;
}

.infoComment {
	width          : 700px;
}

div.appTable hr {
	margin:20px;
}

/***********************************************************
   同意事項
***********************************************************/

div.agreeTitle {
	position: relative;
	left:43px;
	bottom:5px

}

div.agreement {
	position:relative;
	top:5px;
	overflow:auto;
	width:650px;
	height:200px;
	border:double 4px #454545;
	margin:0 0 0 45px;
	padding: 5px 5px 5px 10px;

	color:#454545;
	background-color:#FBFBF4;
}

div#agreeArea {
	position: relative;
	top: 20px;
	width: 670px;
	margin:0 0 0 30px;
	text-align: center;

}

div#agreeArea p{
	margin-bottom:10px;
}

label span{
	padding:5px;
}


/***********************************************************
   利用者情報情報編集
***********************************************************/
div#form_content{
	position: relative;
	margin  : 10px 80px;
	width   : 840px;
}
div#form_content p.red{
	color:red;
}
dl dt{
	border-left:5px solid #7CADB6;
	border-bottom:1px solid #7CADB6;
	font-size:small;
	margin:0;
	padding:5px;
	width:500px;
}

dl dt span{
	margin-left:10px;
	color:red;
	font-weight:bold;
}

dl dt label{
	color:black;
	font-weight:normal;
	margin-left:10px;
}


dl dd{
	font-size:small;
	margin:0;
	padding:10px;
}

dl dd input{
	position:relative;
	width:200px;
	z-index:2;
}

dl dd.error input{
	background:#FFCCCC;
}

dl dd p.error{
	margin:0;
	color:red;
	font-weight:bold;
	margin-bottom:1em;
}

div#user_issue{
	margin:30px 0;
}

div#user_issue input{
	margin:0;
	padding:3px 5px 3px 5px;
}

input.check{
	vertical-align:middle;
}
/***********************************************************
   CSV取込機能
***********************************************************/

div.blank{
	height:30px;
	width:100%;
	width:350px;
}

div#inputCsv{
	position:relative;
	top:30px;
	left:512px;
	width:350px;
}

#file1{
	position:absolute;
	width:240px;
	height:23px;
}

#upload{
	position:absolute;
	left:250px;
}