/* CSS Document */

.setwidth {
	_width:100%;
	margin: 0px 10px 0px 20px;
}

.DemoTable {
	width: 97%;
	background-image: url(../groupware/demo/img/login_bg.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	background-position: 100% 0%;
	border: 1px solid #BFBFBF;
}

.DemoLogo {
	padding-bottom: 5px;
	padding-top: 10px;
}

.DemoLogo thead th {
	text-align: center;
}

.DemoExplain{
	background-color: #D7EBFF;
	border: 1px solid #FFFFFF;
	margin-left: 15px;
	margin-right: 15px;
}

.DemoLogInBg {
	width: 320px;
	height: 164px;
	background-image: url(../groupware/demo/img/field.gif);
	background-repeat: no-repeat;
	background-position: left 0%;
}

.DemoLogIn{
	width: 230px;
	text-align:left;
	margin-left:10px;
}

.DemoTopImg{
	margin-bottom:50px;
}

.DemoCatchImg{
	margin-bottom:10px;
}

.DemoAccountImg{
	margin-top:50px;
	margin-bottom:10px; 
	margin-left:5px;
}

.DemoAttImg{
	margin-left:10px;
}

.DemoAccountTable{
	width: 97%;
	background-color: #999999;
	margin-top: 10px;
	margin-bottom: 10px;
}

.DemoArert{
	width: 435px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 30px;
}

.DemoArert td{
	line-height: 130%;	
}

.DemoAccountArert{
	width: 435px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 30px;
}

.DemoAccountTable thead th{
	color: #FFFFFF;
	background-color: #00277F;
	padding: 5px 5px 5px 8px;
	line-height:140%;
	text-align: left;	
}

.DemoAccountTable tbody td{
	padding-left: 10px;
	padding-top: 5px;	
	padding-bottom: 5px;
	background-color: #ffffff;
	line-height:140%;
}

.DemoExclusive {
	line-height: 180%;
	background-color: #FFFFD9;
	width: 520px;
	border: 1px solid #A7A772;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.LogInButton{
	margin-top: 2px;
	margin-bottom: 2px;
}



#login-form {
	margin: 0px
}
#login-form TH {
	COLOR: #0d5baa
}
#login-form .current TH {
	COLOR: #ffffff
}

.FontRed{
	color: #FF0000;
}

.login_tarouy {
	font-size: 10px;
	background-image:url(../groupware/demo/img/login_tarouy.gif);
	border: 0px;
	font-weight: bold;
	color: #FFFFFF;
	background-repeat: no-repeat;
	height: 17px;
	width: 70px;
	cursor: pointer;	
}

.login_gannko {
	font-size: 10px;
	background-image:url(../groupware/demo/img/login_gannko.gif);
	border: 0px;
	font-weight: bold;
	color: #FFFFFF;
	background-repeat: no-repeat;
	height: 17px;
	width: 70px;
	cursor: pointer;	
}

.login_natsume {
	font-size: 10px;
	background-image:url(../groupware/demo/img/login_natsume.gif);
	border: 0px;
	font-weight: bold;
	color: #FFFFFF;
	background-repeat: no-repeat;
	height: 17px;
	width: 70px;
	cursor: pointer;	
}

.login_shiki {
	font-size: 10px;
	background-image:url(../groupware/demo/img/login_shiki.gif);
	border: 0px;
	font-weight: bold;
	color: #FFFFFF;
	background-repeat: no-repeat;
	height: 17px;
	width: 70px;
	cursor: pointer;	
}

.EasyLogIn {
	font-size: 10px;
	background-image:url(../groupware/demo/img/login.gif);
	border: 0px;
	font-weight: bold;
	color: #FFFFFF;
	background-repeat: no-repeat;
	height: 18px;
	width: 73px;
	cursor: pointer;	
}

.EasyLogInG {
	font-size: 10px;
	background-image:url(../groupware/demo/img/login_g.gif);
	border: 0px;
	font-weight: bold;
	color: #FFFFFF;
	background-repeat: no-repeat;
	height: 18px;
	width: 73px;
	cursor: pointer;	
}