@charset "UTF-8";

/* リセット */
html,body,div,h1,h2,h3,h4,h5,h6,th,td{
	margin		: 0;
	padding		: 0;
	font-size	: 1em;
	text-align	: left;
	font-weight	: normal;
}

form{
	display: inline-block;
}
label{
	cursor: pointer;
}
/* 共通スタイル */
.w5em{width: 5em;}
.w6em{width: 6em;}
.w7em{width: 7em;}
.w8em{width: 8em;}
.w9em{width: 9em;}
.w10em{width: 10em;}

.w100p{width: 100%;}

.mgt1em{margin-top: 1em;}
.mgt2em{margin-top: 2em;}
.mgt3em{margin-top: 3em;}
.mgt4em{margin-top: 4em;}
.mgt5em{margin-top: 5em;}

.mgb1em{margin-bottom: 1em;}
.mgb2em{margin-bottom: 2em;}
.mgb3em{margin-bottom: 3em;}
.mgb4em{margin-bottom: 4em;}
.mgb5em{margin-bottom: 5em;}

.txt-c{text-align:center;}
.txt-r{text-align:right;}
.txt-l{text-align:left;}

h1{
	font-size			: 1.5em;
	background-color	: #00e372;
	padding				: 0.3em 1em;
	color				: white;
}
table.cen, form.cen{
	margin-left		: auto;
	margin-right	: auto;
}
table{
	border			: solid 1px black;
	border-collapse	: separate;
	border-spacing	: 0px;
}
th, td{
	padding	: 5px;
	border	: solid 1px black;
}
/* ログイン画面 */
#login table{
	margin: 2em auto 1.5em;
}
.toggle-password{
	position:relative;
	left:-5px;
	top:2px;
	margin-left:-17px;
}

/* エラーメッセージ */
#err_msg{
	border: solid 3px red;
	width: 50%;
	padding: 0.5em;
	margin:1em auto;
	background-color: #ffa8a8;
}

/* ログアウト */
#user_form{
	position: absolute;
	top : 12px;
	right: 410px;
}
#project_list_form{
	position: absolute;
	top : 12px;
	right: 270px;
}
#project_select_form{
	position: absolute;
	top : 12px;
	right: 130px;
}
#logout_form{
	position: absolute;
	top : 12px;
	right: 30px;
}

/* 画面共通 */
#main{
	margin-top: 2em;
}