/* Reset Default Styles [CSS Huck] */
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1, h2, h3, h4, h5, h6, dt{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:baseline;}
input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select,button{*font-size:100%;}
legend{color:#000;}
/* Common Font Setting Styles [CSS Huck] */
body 
{
	/*  font: 13px/1.231 arial,helvetica,clean,sans-serif;  */
	    font: 13px       arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}
table 
{
	font-size:inherit; font:100%;
}
pre,code,kbd,samp,tt
{
	font-family: Monospace; *font-size:108%; line-height:100%;
}
/**/
body, input, button, textarea{
	background-color: #ffffff;
	color: #161616;
}
h1, h2, h3, h4, h5, h6, dt{
	font-size:16px;
	line-height:1.1;
}
h2{	line-height:1.8;	}
h2 strong{	color:#a10000;	}
/*------------------------------------*/
hr 
{
	height: 1px;
	width: 100%;
	border-top: solid 1px #777;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}
th 
{
	font-weight: bold;
}
/**/
div p.linkPage, div p.linkTop{
	clear:both;
	margin-right:30px; 
	text-indent:12px;
}
.Icon
{
	border: solid 1px #910000;
}
.Icon:hover
{
	border: solid 1px #f0a010;
}
.Line {
	display: block;
	width: 100%;
	vertical-align: middle;
	padding: .5em 0px;
	white-space: normal;
}
.NewLine 
{
	clear: both;
	display: block;
	width: 100%;
	vertical-align: middle;
	padding: .5em 0px;
	white-space: normal;
}
div.Line div.itemLabel, div.LineNR div.itemLabel
{
	color: #ffffff;
	position: relative;
	top: -4px;
	float: left;
	width: 33%;
	text-align: right;
	vertical-align: text-top;
	padding-bottom: 0px;
	height: 30px;
}
div.Line div.itemData, div.LineNR div.itemData {
	float: left;
	width:	66%;
	text-align: left;
}
.LineNR {
	float: left;
	width: 100%;
	vertical-align: middle;
	padding: .5em 0px;
	white-space: nowrap;
}
.Title {
	font-size: 22px;
	font-weight: bold;
	vertical-align: middle;
	}
.Label 
{
	font-weight: normal;
	vertical-align: middle;
	font-size: 13px;
	}
.Desc {
	font-weight: normal;
	vertical-align: middle;
	overflow: hidden;
	font-size: 13px;
}
.DescBlue 
{
	background-color: #6666ff;
	font-weight: normal;
	vertical-align: middle;
	overflow: hidden;
	font-size: 13px;
}

.Button
{
	font-size: 12px;
	margin: 0px 0px;
	font-weight: normal;
	width: 100px;
}
.TextBox {
	margin: 0px 2px;
	width: 256px;
	font-weight: normal;
	overflow: hidden;
}
#prefFrame .TextBox, #adminFrame .TextBox 
{
}
html>/**/.TextBox 
{
}
html:first-child .TextBox  /* for opera */
{
	border: solid 1px #aaaaff;
}
.TextboxML {
	float: left;
	margin: 0px 2px;
	width: 256px;
	height: 5em;
	font-weight: normal;
	}
.DropDown 
{
}
/* -------------------------------
   共通：センタリングコンテナ 
   ------------------------------- */
div.centering
{
	text-align: center;
}
div#container {
	margin: 3px auto;
	text-align: left;
	width: 900px;
	background: url(./images/shared/bg_container.gif) left 5px repeat-y;
}
/* --------------------------------------------------------
	共通：Main枠
   --------------------------------------------------------*/
div#main
{
	float:left;
	padding: 8px 0px 0px 8px;
	height: auto;
	width: 891px;
	min-height:100px;
	background:url(./images/shared/bg_main.gif) left top no-repeat;
}
div#mainLeft{
	display: block;
	float:left;
	padding:8px 0px 0px 8px;
	height: auto;
	width: auto;
	min-height:100px;
	min-width: 250px;
}
div#mainRight{
	display: block;
	padding:8px 0px 0px 8px;
	height: auto;
	width: 550px;
	min-height:100px;
}
/* -------------------------------
   共通：ヘッダ 
   ------------------------------- */
div#header{
	background:url(./images/shared/bg_header.gif) left top repeat-x;
	height: 51px;
}
div#header h1 a {
	background: url(./images/shared/logo_celartem.gif) left top no-repeat;
	display: block;
	width: 160px;
	height: 40px;
	z-index: 2;
}
div#header h1 a span 
{
	display: none;
}
/*	グローバルナビ	*/
div#globalNavi h1{
	position:absolute;
	top:20px;
	margin-left:600px;
	margin-right:20px;
	width:auto;
	height:75px;
	text-align:right;
	z-index:0;
	font-style:italic;
	font-size: 16pt;
	color: White;
}
/* -------------------------------
   共通：メニュー 
   ------------------------------- */
div#menuBar 
{
	width: 100%;
	min-height: 27px;
	border-top: solid 1px #ba3f3f;
	border-bottom: solid 1px #700000;
	background-color: #910000;
	white-space: nowrap;
}
div.menuLeft {
	width: 68%;
	text-align: left;
	white-space: nowrap;
	float: left;
}
div.menuRight {
	width: 31.8%;
	text-align: right;
	white-space: nowrap;
	float: left;
}
a.naviLink, a.naviCurrent, a.logoutLink
{
	padding-top: 6px;
	float: left;
	height: 20px;
	width: 100px;
	text-align: center;
	vertical-align:middle;
	font-weight: bold;
	text-decoration: none;
	background-color: #a10000;
	border-top: solid 1px #a10000;
	border-left: solid 1px #a10000;
	border-right: dotted 1px #ba3f3f;
	border-bottom: solid 1px #a10000;
}

a.naviCurrent
{
	background-color: #800000;
	border-top: solid 1px #800000;
	border-left: solid 1px #800000;
	border-right: dotted 1px #ba3f3f;
	border-bottom: solid 1px #700000;
}
.naviLink:link, .logoutLink:link {	color: White; }
.naviLink:visited, .logoutLink:visited { color: White; }
.naviLink:active, .logoutLink:active { color: Yellow; }
.naviLink:hover, .logoutLink:hover, .naviCurrent:hover 
{
	border-top: solid 1px #c26666;
	border-left: solid 1px #c26666;
	border-right: solid 1px #c26666;
	border-bottom: solid 1px #c67070;
	color: #ffffff;
	background-color: #c26666;
	text-decoration: none; 
}
.naviCurrent:link { color: #ee0; }
.naviCurrent:visited { color: #ee0; }
.naviCurrent:active { color: Yellow; }
.naviCurrent:hover { color: #eeee00; }

a.logoutLink 
{	
	z-index: 10;
	width: 64px;
}
.Loginuser 
{
	padding-top: 6px;
	padding-left: 0px;
	margin-right: 0px;
	float: left;
	height: 20px;
	width: 190px;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	font-family: 'Arial', 'Verdana', 'Helvetica', sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #f0a010;
}
.RightParts 
{
	float: right;
	text-align: right;
}


/* ------------------------------------------
   共通：ページ・フッター＆コピーライト
   ------------------------------------------*/
div#Footer div#Server 
{
	width: 100%;
	color: #f0a010;
	text-align: right;
	font-family: 'Arial', 'Verdana', 'Helvetica', sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	padding-top: 8px;
	width:900px;
	overflow: inherit;
	background:url(./images/shared/bg_footer.gif) left top no-repeat;
	clear:both;
	padding-top:8px;

}
div#Footer div#Server span#ver 
{
	color: #f0a010;
	font-family: 'Arial', 'Verdana', 'Helvetica', sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	margin-right: 10px;
}
div#Footer div#Copyright {
	clear: left;
	height: 60px;
	background: url(./images/shared/add_copyright.gif) left top no-repeat;
	overflow: auto;
	font-size: 13px;
}
div#Footer div#Copyright span 
{
	font-size: 13px;
	display: none;
}

/* =====================================
   画像一覧ページ
   ===================================== */
#btnCheckAll #btnClearAll 
{
	font-size: 12px;
	width: 110px;
}
/* -------------------------------------
    検索
   ------------------------------------- */
#searchBar 
{
	padding-top: 4px;
	padding-left: 6px;
	display: block;
	width: 883px;
	height: 26px;
	vertical-align: middle;
	background-color: #600000;
	color: #ffffff;
}
#searchBar a 
{
	color: #ffffff;
	text-decoration: underline;
}
#searchBar a:Hover 
{
	color: #ffffff;
	text-decoration: underline;
	background-color: #c26666;
}
/* -------------------------------------
   検索オプション
   ------------------------------------- */
#pnlOptionSearch {
	font-size: 13px;
	display: block;
	border-top: solid 1px #ccc;
	width: 889px;
	height: 80px;
	vertical-align: middle;
	background-color: #eeeedd;
}
.optComboLeftMargin 
{
	float: left;
	width: 29.3%;
	text-align: left;
}
.optCombo {
	float: left;
	width: 40%;
	text-align: left;
}
.dateLeftMargin {
	float: left;
	width: 30%;
	text-align: left;
}
#drpDateField {
	width: 114px;
}
#txtDateFrom {
	width: 116px;
}
#txtDateTo {
	width: 116px;
}
.dateLeft {
	float: left;
	width: 20%;
	text-align: left;
}
.dateRight {
	float: left;
	width: 18%;
	text-align: left;
}
.calLeftMargin {
	float: left;
	width: 30%;
	text-align: left;
}
#calLeft 
{
	position: absolute;
	top: -1000px;
	left: -1000px;
	float: left;
	width: 110px;
	text-align: center;
	background-color: White;
}
#calRight {
	position: absolute;
	top: -1000px;
	left: -1000px;
	float: left;
	width: 110px;
	text-align: center;
	background-color: White;
}
/* -------------------------------------
   検索語句スタック領域と検索結果
   ------------------------------------- */
.search_stack_panel 
{
	width: 889px;
	background-color: #ffffff;
	padding-top: 2px;
	padding-bottom: 4px;
	margin-bottom: 0px;
}
.pnlSearchResult 
{
	width: 877px;
	font-size: 13px;
	padding: 4px 6px 2px 6px;
	color: #ffffff;
	background-color: #910000;
	vertical-align: middle;
	height: 24px;
}
.resultLeft 
{
	float: left;
	width:30%;
	text-align: left;
	color: #ffffff;
	background-color: #910000;
}
.resultCenter 
{
	float: left;
	width: 30%;
	text-align: center;
	color: #ffffff;
	background-color: #910000;
}
.resultRight 
{
	float: right;
	width: 30%;
	text-align: right;
	color: #ffffff;
	background-color: #910000;
}
.resultRight .LabelLayout
{
	position: relative;
	top: -8px;
	font-weight: normal;
	vertical-align: middle;
	font-size: 13px;
}

/* -------------------------------------
   操作ボタン
   ------------------------------------- */
#Operation 
{
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	background-color: #600000;
	height: 22px;
	width: 869px;
}
#Operation #SelectButton 
{
	float: left;
	width: 20%;
	text-align: left;
}
#Operation #OtherButton
{
	float: right;
	width: 79%;
	text-align: right;
}
/* -------------------------------------
   ソート
   ------------------------------------- */
#pnlSort 
{
	display: block;
	padding: 2px 1em 3px 6px;
	width: 870px;
	height: 20px;
	vertical-align: middle;
	text-align: left;
	font-size: 13px;
	background-color: #eef;
	border-bottom: solid 1px #ddddff;
	vertical-align: middle;
}
.DropSort 
{
	background-color: #ffffff;
	width: 60px;
}
/* -------------------------------------
   タイル表示
   ------------------------------------- */
table#dlTile
{
	clear:both;
	width: 889px;
}
table#dlTile td 
{
	width: 177px;
}
table#dlTile td.TDC  {
	text-align: center;
	vertical-align: middle;
}
table#dlTile td.TDL {
	text-align: left;
	vertical-align: middle;
}
table#dlTile td.TDR {
	text-align: center;
	vertical-align: middle;
}
table#dlTile .TABLE_DocElem 
{
	border: solid 0px #dddddd; 
	width: 178px;
	height: 140px; 
	float: left;
	text-align: left;
}
.ibtnDocThumb 
{
	border: dotted 1px #dfdfdf;
    width:96px;
	height: 72px;
	vertical-align: middle;
	display: inline-block;
}
/* -------------------------------------
   グリッド表示
   ------------------------------------- */
#dgList, table.dgList
{
	clear:both;
	border: solid 0px black;
	display: block;
	margin-left: 0px;
	margin-right: 1px;
	width: 889px;
}
#dgList th, #dgList td
{
	border: solid 1px #f0f0f0;
}
table.dgList td.colTitle a, table.dgList th a 
{
	padding: 1px 3px 1px 3px;
} 
table.dgList td.colTitle a:hover, table.dgList th a:hover 
{
	color: #ffffff;
	background-color: #0000ff;
}
.dgListHeader
{
	text-align: center;
}
.dgListHeader a {
	padding: 1px 3px 1px 3px;
}
.dgListHeader a:hover 
{
	color: #ffffff;
	background-color: #0000ff;
}
.dgListAlternateItem
{
	text-align: center;
	height: 72px;
}
.dgListItem
{
	text-align: center;
	height: 72px;
}
.colHeadCheck 
{
	text-align: center;
}
.colHeadID 
{
	text-align: center;
	white-space: nowrap;
}
.colHeadThumbnail 
{
	text-align: center;
	white-space: nowrap;
}
.colHeadTitle
{
	text-align: center;
	white-space: nowrap;
}
.colHeadDescription
{
	text-align: center;
	white-space: nowrap;
}
.colHeadFilename
{
	text-align: center;
	white-space: nowrap;
}
.colHeadOwner
{
	white-space: nowrap;
}
.colHeadPage 
{
	text-align: center;
	white-space: nowrap;
}
.colHeadRegistered
{
	text-align: center;
}
.colHeadUpdated
{
	text-align: center;
}
.colHeadAction
{
	text-align: center;
	white-space: nowrap;
}
.colHeadState
{
	text-align: center;
	white-space: nowrap;
}
/**/
.colID 
{
	text-align: center;
}
.colID, .colHeadID 
{
	width: 50px;
}
.colThumbnail
{
	text-align: center;
	height: 72px;
}
.colThumbnail, .colHeadThumbnail
{
	width: 100px;
	white-space:nowrap;
}
.colTitle
{
	text-align: left;
	padding-left: 3px;
}
.colTitle, colHeadTitle 
{
	width: 300px;
}
.dgStatus .colTitle, .dgStatus .colHeadTitle
{
	width: 300px;
} 
.colDescription
{
	text-align: left;
	padding-left: 6px;
}
.colDescription, .colHeadDescription
{
}
.colFilename
{
	text-align: left;
	padding-left: 3px;
}
.colFilename, .colHeadFilename
{
	width: 300px;
}
.colOwner
{
	text-align: left;
	padding-left: 3px;
}
.colOwner, colHeadOwner 
{
	width: 100px;
}
.colPage 
{
	text-align: right;
	padding-right: 3px;
}
.colPage, colHeadPage 
{
	width: 60px;
}
.colRegistered
{
	text-align: right;
	padding-right: 3px;
}
.colRegistered, colHeadRegistered 
{
	width: 140px;
}
.dgStatus .colRegistered, .dgStatus .colHeadRegistered 
{
	width: 140px;
}
.colUpdated
{
	text-align: right;
	padding-right: 3px;
}
.colUpdated, .colHeadUpdated
{
	width: 140px;
}
.dgStatus .colUpdated, .dgStatus .colHeadUpdated 
{
	width: 140px;
}
.colAction
{
	text-align: left;
	padding-left: 3px;
}
.colAction, .colHeadAction 
{
	width: 170px;
}
.colState
{
	text-align: left;
	padding-left: 3px;
}
.colState, .colHeadState
{
	width: 130px;
}

/* =====================================
   アップロードページ
   ===================================== */
#uploadFrame 
{
	text-align: center;
	display: block;
	padding: 1em 20px 0 20px;
	margin: auto;
	width: 90%;
	height: 200px;
	vertical-align: middle;
}
#uploadPanel 
{
	text-align: left;
	margin-top: 40px;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	width: 680px;
	height: 140px;
	background-color: #eed;
}
#uploadPanel .RightParts 
{
	padding-top: 10px;
}
.uploadMessage 
{
	margin-left: 20px;
	float: left;
	width: 90%;
	text-align: left;
}
#uploadFrame #lblFileName, #fuUpload
{	margin-left: 20px;
}
#uploadFrame #fuUpload 
{
	width: 400px;
}
.uploadedFile 
{
	color: #3333ff;
}
#uploadFrame hr
{
	float: left;
	height: 1px;
	width: 100%;
	border-top: 1;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}
/* =====================================
   ステータスページ
   ===================================== */
.statusControl 
{
	clear: both;
	display: block;
	padding: 1px 1px 3px 10px;
	margin-left: 0px;
	margin-right: 1px;
	border-top: solid 1px white;
	border-bottom: solid 1px #ddddff;
	background-color: #eef;
	width: 878px;
	height: 20px;
}
#dgStatus, .dgStatus
{
	border: 0px;
	display: block;
	margin-left: 0px;
	margin-right: 1px;
	width: 889px;
}
#dgStatus th, #dgStatus td
{
	border: solid 1px #E6EFC2;
}
.dgStatusHeader
{
	font-size: 13px;
	text-align: center;
}
.dgStatusAlternateItem
{
	font-size: 13px;
	text-align: center;
}
.dgStatusItem
{
	font-size: 13px;
	text-align: center;
}

#lbtnPagePrv1:hover, #lbtnPageNxt1:hover, #lbtnPagePrv2:hover, #lbtnPageNxt2:hover, #cmdPrevList:hover, #cmdPrevList2:hover, #cmdNextList:hover, #cmdNextList2:hover
{
	color: #ffffff;
	background-color: #6666e2;
	text-decoration: underline;
}
.statusLeft {
	float: left;
	width: 33%;
	text-align: left;
	white-space: nowrap;
}
.statusCenter 
{
	float: left;
	width: 13%;
	text-align: left;
	white-space: nowrap;
}
.statusRight 
{
	float: right;
	width: 33%;
	text-align: right;
	white-space: nowrap;
}


/* =================
   初期設定ページ
   ================= */
#prefTab
{
	text-align: left;
	margin: 0px;
}
#prefFrame 
{
	display: block;
	width: 700px;
	margin: 0px auto;
	text-align: center;
	z-index: 2;
}
#prefFrame hr 
{
	float: left;
	height: 1px;
	width: 100%;
	border-top: 1;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}
#pnlPrefMsg {
	min-height: 40px;
	z-index: 2;
	display: block;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: none;
	width: 100%;
	background: #eed;

	/*border: solid 1px black;*/
}
#pnlSelectedScanTab, #pnlSelectedListTab, #pnlSelectedUserTab, #pnlChangePasswordTab
{
	text-align: center;
	display: block;
	white-space: nowrap;
	width: 100%;
	height: 41px;
	/*border: solid 1px black;*/
}
/*
span.lbtPrefSelectedTopTab {
	position: relative;
	top: 2px;
	left: 20px;
	z-index: 2;
	height: 20px;
	float: left;
	padding: 4px;
	margin: 15px 0px 0px 17%;
	border-top: solid 2px #fc0;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	border-bottom: solid 0px #eed;
	font-weight: bold;
	text-decoration: none;
	color: Black;
	background: #eed;
	}
span.lbtPrefSelectedFollowerTab {
	position: relative;
	top: 2px;
	left: 20px;
	z-index: 2;
	height: 20px;
	float: left;
	padding: 4px;
	margin: 15px 0px 0px 0px;
	padding: 4px;
	border-top: solid 2px #fc0;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	font-weight: bold;
	text-decoration: none;
	color: Black;
	background: #eed;
}
a.lbtPrefNotselectedTopTab {
	position: relative;
	top: 4px;
	left: 20px;
	z-index: 2;
	height: 18px;
	float: left;
	margin: 15px 0px 0px 17%;
	padding: 4px;
	border-top: solid 1px #ccc;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background: #e0e0d0;
	}
a.lbtPrefNotserectedFollowerTab {
	position: relative;
	top: 4px;
	left: 20px;
	z-index: 0;
	height: 18px;
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 4px;
	border-top: solid 1px #ccc;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background: #e0e0d0;
}*/

span.lbtPrefSelectedTopTab 
{
	text-align: left;
	float: left;
	margin-left: 170px;
	margin-top: 13px;
	z-index: 10;
	height: 19px;
	padding: 4px;
	border-top: solid 2px #fc0;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	border-bottom: solid 0px #eed;
	font-weight: bold;
	text-decoration: none;
	color: Black;
	background: #eed;
	position:relative; /*最後の要素として定義すること*/
}
a.lbtPrefNotserectedFollowerTab {
	text-align: left;
	float: left;
	z-index: 1;
	height: 17px;
	padding: 4px;
	margin: 15px 0px 0px 0px;
	border-top: solid 1px #ccc;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background: #e0e0d0;
	position:relative;
}
span.lbtPrefSelectedFollowerTab {
	text-align: left;
	float: left;
	z-index: 10;
	height: 19px;
	padding: 4px;
	margin: 15px 0px 0px 0px;
	margin-top: 13px;
	padding: 4px;
	border-top: solid 2px #fc0;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	font-weight: bold;
	text-decoration: none;
	color: Black;
	background: #eed;
	position:relative;
}
a.lbtPrefNotselectedTopTab {
	text-align: left;
	float: left;
	z-index: 1;
	height: 17px;
	margin-left: 170px;
	margin-top: 15px;
	padding: 4px;
	border-top: solid 1px #ccc;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background: #e0e0d0;
	position:relative;
}

.lbtPrefNotselectedTopTab:link,  .lbtPrefNotselectedTopTab:visited, .lbtPrefNotselectedTopTab:active {
	color: #666;
	}
.lbtPrefNotserectedFollowerTab:link,  .lbtPrefNotserectedFollowerTab:visited, .lbtPrefNotserectedFollowerTab:active {
	color: #666;
}
.lbtPrefNotselectedTopTab:hover, a.lbtPrefNotserectedFollowerTab:hover {
	color: #fff;
	background: #616161;
}

#pnlPrefConversion {
	border-top: 0;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: none;
	width: 100%;
	height: 360px;
	background: #eed;
}
#pnlPrefConversion .Line {
	padding: .2em;
	}
#pnlPrefList {
	display: block;
	border-top: 0;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: none;
	width: 100%;
	height: 600px;
	}
#pnlPrefList .Line {
	padding: .2em;
	}
#pnlPrefUser {
	display: block;
	border-top: 0;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: 0;
	width: 100%;
	height: 660px;
	background: #eed;
	}
#pnlPrefUser .Line {
	padding: .2em;
	}
#pnlPrefPassword {
	display: block;
	border-top: 0;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: 0;
	width: 100%;
	height: 180px;
	background: #eed;
	}
#pnlPrefPassword .Line {
	padding: .2em;
	}
#pnlPrefBtnHR 
{
	float: left;
	border-top: none;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: none;
	background: #eed;
	width: 700px;
	}
#pnlPrefBtn {
	float: left;
	border-top: none;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	width: 700px;
	height: 1.4em;
	background: #eed;
	padding-bottom: 20px;
	}
#pnlPrefBtn .Line {
	padding: .2em;
	}
.tblPrefListingItem td {
	text-align: center;
}
table#ListingTable {
	float: left;
	width: 100%;
	padding: 0px 15%;
}
.prefItemLabel, .prefItemLabelDesc 
{
	float: left;
	width: 33%;
	text-align: right;
	vertical-align: text-top;
	height: 40px;
	/*border: dotted 1px blue;*/
}
.prefItemLabelDesc 
{
	position: relative;
	top: 20px;
}
.prefItemData {
	float: left;
	width:	66%;
	text-align: left;
	height: 40px;
}
#rdoScanMono, #rdoScanColor, #chkOrphan
{
	background-color: #eed;
}


/* =================
   管理ページ 
   ================= */
#adminTab
{
	height: 40px;
	margin: 0px;
}
#adminFrame 
{
	display: block;
	width: 700px;
	margin: 0px auto;
	text-align: center;
}
#adminFrame hr 
{
	float: left;
	height: 1px;
	width: 100%;
	border-top: 1;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}
#adminFrame .Line {
	padding: .2em;
}
#adminFrame .NewLine 
{
	clear: both;
	padding: .2em;
}
.pnlAdminMsg {
	min-height: 40px;
	z-index: 1;
	display: block;
	border: none;
	width: 100%;
	height: 1.4em;
	background-color: #eed;
	vertical-align: middle;
	padding: .5em 0px;
	border-top: solid 1px #ccc;
}
#pnlAdminNewSelectedTab, #pnlAdminExistSelectedTab, #pnlAdminScanSelectedTab
{
	text-align: center;
	display: block;
	white-space: nowrap;
	width: 100%;
	height: 41px;
	/*border: solid 1px black;*/
}
/*
span.lbtAdminTopSelectedTab {
	position: relative;
	top: 2px;
	left: 20px;
	z-index: 2;
	height: 20px;
	float: left;
	padding: 4px;
	margin: 15px 0px 0px 17%;
	background: #eed;
	border-top: solid 2px #fc0;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	font-weight: bold;
	text-decoration: none;
	color: Black;
}
span.lbtAdminFollowerSelectedTab 
{
	position: relative;
	top: 2px;
	left: 20px;
	z-index: 2;
	height: 20px;
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 4px;
	background: #eed;
	border-top: solid 2px #fc0;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	font-weight: bold;
	text-decoration: none;
	color: Black;
}
a.lbtAdminTopNotselectedTab {
	position: relative;
	top: 4px;
	left: 20px;
	z-index: 2;
	height: 18px;
	float: left;
	margin: 15px 0px 0px 17%;
	padding: 4px;
	background: #e0e0d0;
	border-top: solid 1px #ccc;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	text-decoration: none;
	color: #666;
}
a.lbtAdminFollowerNotselectedTab {
	position: relative;
	top: 4px;
	left: 20px;
	z-index: 2;
	height: 18px;
	float: left;
	margin: 15px 0px 0px 0px;
	padding: 4px;
	background: #e0e0d0;
	border-top: solid 1px #ccc;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	text-decoration: none;
	color: #666;
}
*/
span.lbtAdminTopSelectedTab 
{
	text-align: left;
	float: left;
	margin-left: 170px;
	margin-top: 11px;
	z-index: 30;
	height: 20px;
	padding: 4px;
	border-top: solid 2px #fc0;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	border-bottom: solid 0px #000;
	font-weight: bold;
	text-decoration: none;
	color: Black;
	background: #eed;
	position:relative; /*最後の要素として定義すること*/
}
a.lbtAdminFollowerNotselectedTab {
	text-align: left;
	float: left;
	z-index: 10;
	height: 18px;
	padding: 4px;
	margin: 13px 0px 0px 0px;
	border-top: solid 1px #ccc;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background: #e0e0d0;
	position:relative;
}
span.lbtAdminFollowerSelectedTab {
	text-align: left;
	float: left;
	z-index: 2;
	height: 20px;
	padding: 4px;
	margin: 13px 0px 0px 0px;
	margin-top: 11px;
	padding: 4px;
	border-top: solid 2px #fc0;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	font-weight: bold;
	text-decoration: none;
	color: Black;
	background: #eed;
	position:relative;
}
a.lbtAdminTopNotselectedTab {
	text-align: left;
	float: left;
	z-index: 2;
	height: 18px;
	margin-left: 170px;
	margin-top: 13px;
	padding: 4px;
	border-top: solid 1px #ccc;
	border-left: solid 2px #ccc;
	border-right: solid 2px #ccc;
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background: #e0e0d0;
	position:relative;
}
.lbtAdminTopNotselectedTab:link, .lbtAdminTopNotselectedTab:visited, .lbtAdminTopNotselectedTab:active {
	color: #666;
}
.lbtAdminFollowerNotselectedTab:link, .lbtAdminFollowerNotselectedTab:visited, .lbtAdminFollowerNotselectedTab:active {
	color: #666;
}
a.lbtAdminFollowerNotselectedTab:hover, a.lbtAdminTopNotselectedTab:hover {
	color: #fff;
	background: #616161;
}
#pnlAdminNew {
	display: block;
	border-top: none;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: none;
	width: 100%;
	background-color: #eed;
	height: 880px;
}
#pnlAdminExist {
	display: block;
	border-top: none;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: none;
	width: 100%;
	background-color: #eed;
	height: 940px;
}
#pnlAdminScan {
	display: block;
	border-top: none;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: none;
	width: 100%;
	background-color: #eed;
	height: 160px;
}
#pnlAdminBtn {
	display: block;
	border-top: none;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	height: 50px;
	background-color: #eed;
	width: 694px;
}
.adminItemLabel 
{
	position: relative;
	top: -4px;
	float: left;
	width: 33%;
	text-align: right;
	vertical-align: text-top;
	padding-bottom: 0px;
	height: 30px;
}
.adminItemLabelDesc 
{
	position: relative;
	top: 40px;
	float: left;
	width: 33%;
	text-align: right;
	vertical-align: text-top;
	padding-bottom: 0px;
}
.adminItemData {
	float: left;
	width:	66%;
	text-align: left;
}
#optNewAuthority_0, #optNewAuthority_1, #optNewAuthority_2, #chkNewDisabled,
#optUpdateAuthority_0, #optUpdateAuthority_1, #optUpdateAuthority_2, #chkUpdateDisabled, 
#chkEnableIPSec 
{
	background-color: #eed;
}
/* =====================================
   ログインページ
   ===================================== */
div#loginContainer
{
	width: 600px;
	display: block;
	margin-top: 50px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-top: solid 1px #910000;
	border-left: solid 1px #910000;
	border-right: solid 1px #910000;
	border-bottom: solid 1px #910000;
	text-align: left;
	color: White;
	color: #000000;
	background-color: #f0f0f0;
	background-color: #910000;
	background-color: #ffffff;
	height: 400px;
}
div#loginContainer span#lblMessage
{
	width: 100%;
	height: 10px;
	text-align: center;
	color: #000000;
	font-weight: bold;
	background-color: #a10000;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
	z-index: 10;
}
#loginContainer .itemLabel
{
	color: #000000;
}
div#loginTitle
{
	display: block;
	width: 100%;
	color: #ffffff;
	text-align: center;
	background-color: #ff4400;
	background: #a10000;
	height: 29px;
}
div#loginTitle .Title
{
	width: 100%;
	margin: 0px;
	padding: 10px;
	height: 21px;
}
div#loginTitle #lblLogin 
{
}
#chkAutoLogin, #chkEmptyId 
{
	background-color: #910000;
	background-color: #ffffff;
}
#hlNewPassword, #hlNewUser
{
	color: #ffff00;
	color: #0000ff;
	padding: 3px 4px 3px 4px;
}
#hlNewPassword:hover, #hlNewUser:hover
{
	background-color: #c26666;
	background-color: #6666ff;
	color: #ffffff;
}
div.LoginCommandBar 
{
	margin: 0px;
	padding: 3px 0px 2px 0px;
	background-color: #910000;
	background-color: #ffffff;
	width: 100%;
	height: 30px;
	display: block;
	vertical-align: middle;
	text-align: center;
}

/* ============================
   ユーザ登録画面
   ============================ */
div#newuserFrame 
{
	display: block;
	width: 700px;
	margin: 0px auto;
	text-align: center;
}
div#newuserFrame hr 
{
	float: left;
	height: 1px;
	width: 100%;
	border-top: 1;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}
div#newuserFrame
{
	width: 600px;
	display: block;
	margin-top: 50px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-top: solid 1px #910000;
	border-left: solid 1px #910000;
	border-right: solid 1px #910000;
	border-bottom: solid 1px #910000;
	text-align: left;
	color: White;
	color: #000000;
	background-color: #f0f0f0;
	background-color: #910000;
	background-color: #ffffff;
}
div#pnlNewuser
{
	min-height: 583px !important;
	
	*min-height: 100%;
	*height: 100%;
}
html:first-child div#pnlNewuser  /* for opera */
{
	min-height: 583px;
	height: 683px;
}
div#pnlNewuser #lblMessage
{
	width: 100%;
	text-align: center;
	color: #000000;
	font-weight: bold;
	background-color: #a10000;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}
div#pnlNewuser .itemLabel
{
	color: #000000;
}
div#newuserFrame div#newuserTitle
{
	display: block;
	width: 100%;
	color: #ffffff;
	border-top: solid 1px #910000;
	border-bottom: solid 1px #910000;
	text-align: center;
	background-color: #ff4400;
	background: #a10000;
}
div#newuserTitle .Title
{
	width: 100%;
	border-top: solid 1px white;
	border-bottom: solid 1px white;
	margin: 0px;
	padding: 10px;
}
#pnlNewuser #vsRegist 
{
	width: 580px;
	text-align: center;
	color: #ffff00;
	color: #000000;
	font-weight: bold;
	background-color: #a10000;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}
/* ============================
   パスワードリクエスト画面
   ============================ */
#pnlRequest 
{
	height: 100px;
}
#pnlLogin 
{
	height: 200px;
}
div#pwdrequestContainer
{
	width: 600px;
	display: block;
	margin-top: 50px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-top: solid 1px #910000;
	border-left: solid 1px #910000;
	border-right: solid 1px #910000;
	border-bottom: solid 1px #910000;
	text-align: left;
	color: White;
	color: #000000;
	background-color: #f0f0f0;
	background-color: #910000;
	background-color: #ffffff;
}
#pwdrequestContainer #lblMessage 
{
	width: 100%;
	text-align: center;
	color: #000000;
	font-weight: bold;
	background-color: #a10000;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}
#pwdrequestContainer .itemLabel 
{
	color: #000000;
}
div#pwdrequestTitle 
{
	display: block;
	width: 100%;
	color: #ffffff;
	border-top: solid 1px #910000;
	border-bottom: solid 1px #910000;
	text-align: center;
	background-color: #ff4400;
	background: #a10000;
}
div#pwdrequestTitle .Title
{
	width: 100%;
	border-top: solid 1px white;
	border-bottom: solid 1px white;
	margin: 0px;
	padding: 10px;
}
#pwdrequestFrame #vsRegist 
{
	width: 580px;
	text-align: center;
	color: #ffff00;
	color: #000000;
	font-weight: bold;
	background-color: #a10000;
	background-color: #ffffff;
	padding: 0px 0px 10px 0px;
}

/* ============================
   転送画面
   ============================ */
div.forwardDialogFrame1, div.forwardDialogFrame2, div.forwardDialogFrame3, div.forwardDialogFrame4 {
	width: 99.7%;
	height: 650px;
	vertical-align: middle;
	border: solid 1px #fff;
	color: #ffffff;
	background-color: #a10000;
	background-color: #ffffff;
}
div.forwardDialogFrame1 div.dialogBody 
{
	height: 610px;
}
div.forwardDialogFrame2 div.dialogBody 
{
}
div.forwardDialogFrame3 div.dialogBody 
{
	height: 610px;
}
div.forwardDialogFrame4 div.dialogBody 
{
	height: 610px;
}
div.forwardDialogFrame1 #vsMessage 
{
	width: 100%;
	text-align: center;
	color: #ffff00;
	color: #ff0000;
	font-weight: bold;
	background-color: #a10000;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}
div.forwardDialogFrame1 div.itemLabel
{
	position: relative;
	top: 3px;
}
div.forwardDialogFrame2 #calExpire
{
	color: #000000;
	background-color: #ffffff;
}
div.forwardDialogFrame2 #lblExpire 
{
	color: #000000;
}
div.forwardDialogFrame1 .itemLabelDesc, div.forwardDialogFrame2 .itemLabelDesc 
{
	position: relative;
	top: 100px;
	float: left;
	width: 33%;
	text-align: right;
	vertical-align: text-top;
	padding-bottom: 0px;
	height: 30px;
	color: #000000;
}
div.forwardDialogFrame3 div.itemLabelExpire 
{
	float: left; 
	position: relative; 
	top: 100px; 
	left: 100px; 
	color: Black; 
	background-color: White;
}
div.forwardDialogFrame3 div.itemDataExpire 
{
	padding-top: 80px; 
	height: 140px;
}
div.forwardDialogFrame4 table#dlThumb
{
	margin-top: 88px;
	margin-bottom: 88px;
}
div.forwardDialogFrame4 #lblStatus
{
	color: #ffffff;
}
div.forwardDialogFrame2 table.preview
{
	border: solid 1px #dddddd;
	margin: 0px;
	padding: 0px;
	width: 400px;
	height: 443px;
}
div.forwardDialogFrame2 table.preview tr
{
	white-space: nowrap; border: solid 1px #dddddd;
}
div.forwardDialogFrame2 table.preview td 
{
	white-space: nowrap; border: solid 1px #dddddd;
}
div.forwardDialogFrame1 table#dlThumb, 
div.forwardDialogFrame2 table#dlThumb,
div.forwardDialogFrame3 table#dlThumb, 
div.forwardDialogFrame4 table#dlThumb 
{
	text-align: center;
	margin: 0 auto;
}
div.forwardDialogFrame3 table#calExpire 
{
	text-align: center;
	margin: 0 auto;
	border: solid 1px #aaccdd;
}

/* ===========================
   バンドル画面
   =========================== */
.bundleDialogFrame {
	width: 596px;
	vertical-align: middle;
	border: solid 1px #ccc;
	color: #ffffff;
	color: #000000;
	background-color: #a10000;
	background-color: #ffffff;
}
.bundleDialogFrame  div.dialogBody 
{
	height: 382px;
	min-height: 382px;
	height: 100%;
}
.bundleDialogFrame div.bundle_1 
{
	left: 100px;
	display: block;
	width: 100%;
	vertical-align: middle;
	padding: .5em 0px;
	white-space: normal;
	text-align: center;
	padding-top: 30px;
}
div.bundle_1 div.itemLabelFile 
{
	position: relative;
	top: 3px;
	float: left;
	padding-left: 100px;
}
div.bundle_1 div.itemDataFile 
{
	float: left;
}
.bundleDialogFrame div.bundle_2 
{
	display: block;
	width: 100%;
	vertical-align: middle;
	padding: .5em 0px;
	white-space: normal;
	text-align: center;
	padding-top: 30px;
}
div.bundle_2 #lstOrder
{
	width: 239px;
	height: 140px;
}
/* =========================
   転送、バンドル画面共通
   ========================= */
div.dialogBody div.itemLabel 
{
	color: #000000;
}
div.dialogBody div.pnlMessage 
{
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	color: #ffffff;
	background-color: #a10000;
	height: 30px;
}
div.dialogButton 
{
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	color: #ffffff;
	background-color: #a10000;
	height: 22px;
}






/* その他 */
.AccessKeyButton 
{
}
.R20 
{
	float: left;
	width: 20%;
	text-align: right;
}
.C49 
{
	float: left;
	width: 49%;
	text-align: center;
}
.R49 
{
	float: left;
	width: 49%;
	text-align: right;
}
.L50 
{
	float: left;
	width: 50%;
	text-align: left;
}
.L66 
{
	float: left;
	width:	66%;
	text-align: left;
}
.R66 
{
	float: left;
	width:	66%;
	text-align: right;
}
.C66 
{
	float: left;
	width: 66%;
	text-align: center;
}
.L79
{
	float: left;
	width:	79%;
	text-align: left;
}
.R100 
{
	float: left;
	width: 100%;
	text-align: right;
}
.L100
{
	float: left;
	width: 100%;
	text-align: left;
}
.C100 
{
	float: left;
	width: 100%;
	text-align: center;
}


/* ====================
   Copyright
   ====================*/
div.copyrightDialogFrame {
	margin: 3px auto;
	width: 300px;
	text-align: left;
	border: solid 1px #ccc;
	color: #000000;
	background-color: #ffffff;
}
div.copyrightDialogFrame div.dialogBody 
{
	height: 30px;
}
div.copyrightDialogFrame div.dialogBody div.pnlMessage 
{
	padding-left: 10px;
	padding-right: 10px;
	display: block;
	color: #ffffff;
	background-color: #a10000;
	height: 30px;
}
div.copyrightDialogFrame div.dialogButton 
{
	padding-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	color: #ffffff;
	background-color: #a10000;
	height: 22px;
}
a#linkCopyright
{	
	font-family: 'Arial', 'Verdana', 'Helvetica', sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #f0a010;
	background-color: #690000;
	text-decoration: underline;
}
a#linkCopyright:hover
{	
	color: #f0a010;
	color: #efefef;
	background-color: #c26666;
	text-decoration: none;
}
div.copyright 
{
	margin: 10px 10px 10px 10px;
}
div.copyright p
{
	margin: 10px 0px 20px 0px;
}
div.copyright hr 
{
	height: 1px;
	width: 100%;
	border-top: dashed 1px #aaa;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
}

div#Property a#linkCopyright, div.Pageedit a#linkCopyright
{
	color: #ee0;
	background-color: #a10000;
}
div#Property a#linkCopyright:hover, div.Pageedit a#linkCopyright:hover
{
	color: #efefef;
	background-color: #c26666;
	text-decoration: none;
}