﻿/* ローカルナビゲーション(左サイド)
-------------------------------------------------------------------------------------*/
#localNavigation {
	font-size:10pt;
	float: left;
	/*width:180px;*/
	width:160px;
	/*min-height:640px;*/
}

#localNavigation .menu {
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

#localNavigation .menu li{

	display: block;	

	/*緑バー*/
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;

	font-size:10pt;
	padding: 0px;
	font-weight:bold;
	
	margin-bottom:0px;

}

#localNavigation .menu a {

	display: block;	
	/*width:159px;*/
	/*width:169px;*/

	text-decoration: none;

	color:#000000;

	margin:0px;
	
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 5px;

}

#localNavigation .menu a:hover{
	color:#FF0000;
	background-color:#FFDFD7;
}

#localNavigation .menu a.menuActive {
	color:#FF0000;
	background-color:#FFDFD7;
	font-weight: bold;
}

/*リンクなし用*/
#localNavigation .menu .menuNoLink {
	display: block;	
	/*width:180px;*/
	width:190px;

	/*緑バー*/
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #009A61;
	
	margin: 0px;
	padding:0px;

	/* IE6　で通用しない
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	*/

}

#localNavigation .menuNoLinkTitle{

	display: block;	

	font-size:10pt;

	/*下線*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;

	margin: 0px;

	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 15px;
	
}

/*最後の行用 緑線*/
#localNavigation .menuLastLineGreen {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

/**/
#lead {
	font-size:10pt;
	margin:0px;
}
#lead .column {
	margin-bottom: 20px;
	width:710px;
}
#lead .column .section {
	border: 1px solid #999999;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 20px;
	padding-left: 2px;
}
/*タイトル*/
#lead .column .section h1 {
	font-size:12pt;

	margin: 3px;
	padding: 5px;

	background: #CDE6D6;
	/*background: #009A61;*/
	/*background: #CCCC99;*/
	/*background: #336633;*/
	/*	line-height: 1;*/

	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #336633;
	border-bottom-color: #336633;
}

#lead .column .section h2 {
	font-size:11pt;

	margin: 1em;
	padding-left:10px;
	margin-top:30px;

	background-image: url(../img/h3-head.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #336633;
}
/*サブタイトル*/
#lead .column .section h3 {
	font-size:10pt;
	margin-left:2em;
	margin-bottom:1em;
	padding-left:10px;
	background-image: url(../img/h3-head.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 1em;
	margin-right: 0px;
}

/*内容 序*/
#lead .column .section p {
	line-height:1.6em;
	margin-top: 0px;
	margin-right: 2em;
	margin-bottom: 0px;
	margin-left: 3em;
}

/*内容 序*/
#lead .section p.p1{
	line-height:1.6em;
	margin-top: 1em;
	margin-right: 2em;
	margin-bottom: 0px;
	margin-left: 1em;
}



/*--------------------------------------------------------------------------*/
/*テーブル	デフォルト*/
.tb001{
	width: 100%;
	empty-cells:show;
	font-size:10pt;
	border:none;
}
.tb001 th {
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 9pt;
	background-color: #CCCCCC;
}

.tb001 td {
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	empty-cells:show;
}

/*--------------------------------------------------------------------------*/
/*テーブル	ラジオボタンリスト用*/
.tb002 td {
	width:100px;
}

/*テーブル	トップボーダー表示*/
.tb003{
	border-top:solid 1px #CCCCCC; 
}

/*ページ送り行*/
.pager01{
	border:none;
	background-color:White;
}
.pager01 td {
	border:none;
}

/*最下段のボタン行*/
.btnRow01{
	border-bottom-style: none;
	/*background-color:#CCCCCC;*/
}

/*　グループ編集ページ用*/
.tbTH {
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 9pt;
	background-color: #CCCCCC;
}

.colorSampleBox {
	margin:0px;
	padding-left:16px;
	padding-right:16px;
	padding-top:2px;
	padding-bottom:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 9pt;
}


/*--------------------------------------------------------------------------*/
/*ボタン幅*/
.btnCss01 {
	/*width: 100px;*/
	width: 120px;
}

/*削除後の一覧へ戻るボタン*/
.btnCss02 {
	margin:30px;	
}

.btnCss03 {
	width:150px;
}

/*カレンダー下のグループの色凡例*/
.groupColorLegend {
	margin-right:2px;
	padding-left:6px;
	padding-right:6px;
	font-size:10pt;
	border:solid 1px #CCCCCC;
}

/*文字列中の画像位置調整*/
.imgOnLine {
	vertical-align:middle;
}

/*文字列中の画像位置調整(カレンダー両脇矢印)*/
.imgCalenderarrow 
{
    vertical-align:text-top;
}

/*パスワード強度表示*/

.l1{
	color:#FFFFFF;
	background-color:Red;
}
.l2{
	color:#FFFFFF;
	background-color:Orange;
}
.l3　{
	color:#FFFFFF;
	background-color:Blue;
}
.l4{
	color:#FFFFFF;
	background-color:Green;
}

/*ウォーターマーク*/
.watermark{
	color:#777777;
}


/*--------------------------------------------------------------------------*/
body 
{
		background: #FFFFFF;
		margin: 2px;
		font-size: 10pt;
		font-family :'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		/*overflow-y:scroll;*/
		min-width:720px;
}

#message
{
	color: #FF3300;
	font-size: 9pt;
}
 
#wrapper
{
	width: 100%;
	min-width: 800px;	
}

#header {
	padding:8px;
	border-bottom:solid 4px #CCCCCC;
	/*
	margin-top: 0px;
	margin-left: 3px;
	height: 100px;
	background: #EAEEDF;
	background-image:url(../../images/header_center.gif);
	background-repeat:repeat-x;
	*/
}

.UserLabel
{
	margin-left: 15px;
}

/*
.header
{
	height: 60px;
	background: #EAEEDF;
	background-image:url(../../Images/header_center.gif);
	background-repeat:repeat-x;
}
*/

.header-logo
{
	margin-top:0px;
	padding :0px;
	color: #999999;
	font-size: 32px;
	font-family:'HGP創英角ｺﾞｼｯｸUB',Meiryo,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Meiryo,'ＭＳ Ｐゴシック',sans-serif; 
	}

.version-info
{
	margin-top:0px;
	padding :0px;
	color: #999999;
	font-size: 10px;
	font-family:'HGP創英角ｺﾞｼｯｸUB',Meiryo,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Meiryo,'ＭＳ Ｐゴシック',sans-serif; 
}
	
.header-bar
{
	height: 5px;
	background-image:url('../..//Images/header_bar.gif');
	background-repeat:repeat-x;
}

.CmdButton
{
	width: 100px;
/*	height: 30px;
	font-size: 10px;*/
}

#LogoutImageButton
{
	margin-left: 4px;
	margin-top: -2px;
}

#content
{
	background: white;
	margin: 10px 10px;
	border: solid 0px #ffffff;
}

.MenuCategory
{
	height :490px;
	overflow: auto;
	padding: 3px;
	font-size: 11pt;
	background-color: #F3F3F3;
	border:solid 1px #C0C0C0;
}

#TreeCategory
{
	font-size: 10pt;
}

.MainContent
{
	/*height: 480px;*/
	margin-left: 2px;
	padding: 3px;
	font-size: 11pt;
	background-color: #F3F3F3 ;
	border:solid 1px #C0C0C0;
}

/*
.line {
	height: 15px;
	background-image:url('../../Images/header_bar.gif');
	background-repeat:repeat-x;
}
*/

h1{
	font-weight: bold;
	background-color: #EAEEDF;
	border: 1px solid #999999;
	font-size: 10pt;
	padding: 0.5em;
}

.NewsHeader{
	font-weight: bold;
	background-color: #EAEEDF;
	border: 1px solid #999999;
	font-size: 10pt;
	padding: 0.5em;
}

.NewsList{
	font-size: 9pt;
	padding: 0.5em;
	margin-left :5px;
}


h2{
	color: #5B793C;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #BDDBBE;

	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 30px;
	
	padding-bottom: 0px;
	font-size: 11pt;
}

li{
	margin-bottom: 5px;
}



.SelectBuildingLabel
{
	margin-left: 5px;
	font-size: 11pt;
	font-weight: bold;	
}

.BuildingDropDownList
{
	margin-left: 5px;
	margin-top:  5px;
}

.FloorTreeList
{
	margin-left: 5px;
	margin-top: 15px;
}

.revinfoM
{
	font-size: 9pt;
}

#CalendarHeader
{
	height :30px;
	border:solid 1px #ff0000;
}

#DateContorl
{
	margin: 5px;
	float : left;
}

.Dispdate
{
	vertical-align :bottom ;	
}

#PrevButton
{
	margin-top :5px;
	margin-left:2px;
	margin-right:2px;
}

#NextButton
{
	margin-top :5px;
	margin-left:2px;
	margin-right:2px;
}

#CalendarMonth
{
	clear:both ;
	margin-left: 10px;
	padding: 2px;
	background-color :#dddddd;
	border:solid 1px #C0C0C0;
}

#Navigation
{
	clear:both;
	height:30px;
	border:solid 1px #FFC0C0;
}

#CarenderTitle
{
	margin: 5px;
	float : left;
}

.NavigationLable
{
	margin: 2px;
	text-align: left;
	font-size: 10pt;
	font-weight :bold ;
	background-color :#F3F3F3;
}

#CalenderModeContorl
{
	margin: 5px;	
	float : right;
}


.ScheduleTable
{
	margin: 5px;
	font-size:8pt;
	/*height:	410px;*/
	margin-top :5px;
	overflow:auto ;
	border :solid 1px #C0C0C0;
	background-color :#dddddd;
	
	/*width:100%;*/
	/*border-collapse:collapse;*/
}

.cssScheduleTable {
	width:100%;
}


.SubView {
	margin: 5px;
	font-size:10pt;
}

.SubHeader {
	width:100%;
	margin: 5px;
	font-size:12pt;
}

.SubFooter
{
	margin: 5px;
	float:right;	
}

.Sunday
{
	color : #FF4500;
}

.Saturday
{
	color : #000099;
}

.MonthScheduleClass
{
	cursor:pointer;
    border : solid 1px #808080;
    font-weight :bold ;
    text-align: left;
	vertical-align: top;
	white-space: normal;
}


.WeekScheduleClass
{
	cursor:pointer;
    border : solid 1px #808080;
    font-weight :bold ;
	white-space: normal;
	height :23px;
}

.DayScheduleClass
{
	cursor:pointer;
    border : solid 1px #808080;
	white-space: normal;
}

.SubViewCell
{
    border : solid 1px #49BAD6;
    height:40px;
    background-color :#DFF9FF;
    vertical-align :middle;
}

.PickCalendar
{
}

.hl:link { color: #0066CC; }
.hl:visited { color: #0066CC; }
.hl:hover { color: #ffffff; }
.hl:active { color: #ffffff; }


.myhl:link { color: #FF4500; }
.myhl:visited { color: #FF4500; }
.myhl:hover { color: #ffffff; }
.myhl:active { color: #ffffff; }

.defhl:link { color: #000000; }
.defhl:visited { color: #000000; }
.defhl:hover { color: #FF0000; }
.defhl:active { color: #FF0000; }


#Popupwindow
{
	background-color :#dddddd;
    border : outset 4px #DEDEDE;
    position: absolute;
    width: 360px;
    height: 150px;
    top: 240px;
    left: 360px;
    visibility: hidden;
    padding:3px;
}

.NavigationMenu
{
	margin-left :5px;	
	
}

.necessary
{
	margin-left :5px;
	font-size:8pt;
    font-weight :bold ;
    color:Red ;	
}

.configTitle
{
	width:75px;	
}

.configValue
{
	width:175px;	
}
