@import url("basic.css");

body{
	font-size		: 13px;
	margin			: 0px;
	color			: #ffffff;
}

A, A:active, A:hover{
	color			: #00A4E2;
}

.error{
	color				: #FF0000;
	font-weight			: bold;
	font-size			: 10pt;
}

.submit{
	margin-top	: 10px;
	text-align	: center;
	width: 400px;
}
}
	.submit INPUT{
		margin	: 0px 15px;
	}

#footer {
	width		: 100%;
	display		: block;
	text-align	: center;
	font-style	: italic;
	font-size	: 14px;
}

#search_list_title{
	padding-top	: 20px;
}

TABLE.list{
	width		: 90%;
	margin-top	: 10px;
}
	TABLE.list TD, TABLE.list TH{
		line-height	: 20px;
	}
	TABLE.list TH{
		background	: #72726E;
		color		: #FEFEFE;
		text-align	: left;
		padding		: 1px 3px;
	}
	TABLE.list TD.hover, TABLE.list TD.hover A{
		background	: #00A4E2 !important;
		color		: #FEFEFE;
	}
	BODY.conference TABLE.list TD.hover, BODY.conference TABLE.list TD.hover A{
		background	: #C4A05A !important;
		color		: #FEFEFE;
	}
	TABLE.list TH.pager{
		padding		: 0px;
		text-align	: center;
	}
		TABLE.list TH.pager STRONG, TABLE.list TH.pager A{
			text-decoration	: none;
			display			: inline-block;
		    color			: #FEFEFE;
		    font-size		: 14px;
		    margin			: 5px;
		    vertical-align	: middle;
		}
		TABLE.list TH.pager STRONG{
			background		: #00A4E2;
			width			: 20px;
			text-align		: center;
		}
	TABLE.list TD{
		cursor	: pointer;
		padding	: 3px;
	}

TABLE.form{
	width		: 790px;
}
	TABLE.form TD, TABLE.form TH{
		padding	: 5px;
		vertical-align: top;
	}

UL.list{
	margin-top	: 10px;
}

	UL.list LI{
		margin-left		: 10px;
		padding			: 5px 0px 1px 5px;
		border-bottom	: 1px solid silver;
	}

		UL.list LI .list_title{
			color		: #333333;
			font-size	: 14px;
			font-weight	: bold;
		}
		UL.list LI .list_title A{
			color		: #00A4E2;
			text-decoration	: none;
		}
		UL.list LI .list_caption{
			background	: #868680;
			color		: #FEFEFE;
			margin		: 5px;
			padding		: 5px;
		}


/* 青色ロングボタン（横120px） */
#btn_blue_long_button {
	background      : url('/static/image/btn_blue_120.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	color           : white;
	display         : inline-block;
	font-size       : 13px;
	font-weight     : bold;
	height          : 28px;
	line-height     : 30px;
	margin          : 0 15px;
	text-align      : center;
	text-decoration : none;
	vertical-align  : middle;
	width           : 120px;
}
/* 赤色ロングボタン（横120px） */
#btn_red_long_button {
	background      : url('/static/image/btn_red_120.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	color           : white;
	display         : inline-block;
	font-size       : 13px;
	font-weight     : bold;
	height          : 28px;
	line-height     : 30px;
	margin          : 0 15px;
	text-align      : center;
	text-decoration : none;
	vertical-align  : middle;
	width           : 120px;
}
/* 灰色ロングボタン（横120px） */
#btn_gray_long_button {
	background      : url('/static/image/btn_gray_120.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	color           : white;
	display         : inline-block;
	font-size       : 13px;
	font-weight     : bold;
	height          : 28px;
	line-height     : 30px;
	margin          : 0 15px;
	text-align      : center;
	text-decoration : none;
	vertical-align  : middle;
	width           : 120px;
}
/* 上付き文字・下付き文字でline-heightがズレるのを防ぐ */
sup,sub {
	height          : 0;
	line-height     : 1;
	vertical-align  : baseline;
	_vertical-align : bottom;
	position        : relative;
}
sup {
	bottom : 1ex;
}
sub {
	top :.5ex;
}










body{
    background: #ffffff;
}
.header{
    background: #63b93c;
    display: inline-block;
    padding: 10px;
    position: fixed;
    justify-content: space-between;
    width: 100%;
	font-size: 18px;
}
.logo{
	height: 20px;
	width: auto;
	float: left;
	margin-right: 20px;
}
.gnav{
	display: inline-block;
	color:#ffffff;
	position: absolute;
	float: left;	
}

.gnav__menu{
	display: flex;
	list-style-type: none;
}
.gnav__menu__item{
	margin-left: 5px;
}
.gnav__menu__item a {
	color: #FFFFFF;
	text-decoration: none;
	border-radius: 4px;
	border: solid 1px #d7d3d3;
	padding: 0 10px;
}
.gnav__menu__item a:hover {
	box-shadow: 0 0 8px gray;
	opacity: 0.8;
}

.gnav__sub{
	display: flex;
	float: right;	
}
.gnav__sub > #user_name{
	margin-right: 20px;
}
.gnav__sub > #logout{
	margin-right: 20px;
}
#logout A {
	border-radius: 4px;
	border: solid 1px #FFF;
	background-color:#A3A3A3;
	color:#fff;
	padding: 0 10px;
	text-decoration: none;
}
#logout A:hover {
	box-shadow: 0 0 8px gray;
	opacity: 0.8;
}

.content{
    line-height: 1.6;
    margin: 0 auto;
    padding-top: 100px;
    width: 100%;
}
.content p{
    margin-bottom: 40px;
}

.footer{
    background: #333;
    padding: 80px 0;
}
.copyright{
    color: #ffffff;
    font-size: 12px;
    text-align: center;
}

#wrapper{
	padding-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	color:#000000;
}

TABLE.form {

	width: 100%;

}
TABLE.form TH {
	min-width: 80px;
}
TABLE.list {
	width: 100%;
	margin-top: 10px;
}

.login_form{
	font-size: 16px;
	line-height: 24px;
	padding: 10px;
	margin: 0 auto;
	width: 400px;
}
.login_btn_area{
	font-size: 16px;
	line-height: 24px;
	padding: 10px;
	margin: 0 auto;
	width: 200px;
}
.btn_login{
	width: 200px;
	text-align:center;
	border-radius: 4px;
	border: solid 1px #FFF;
	background-color:#A3A3A3;
	color:#fff;

	font-size: 16px;
	line-height: 36px;
	height: 36px;
}
.login_form TD{
	font-size: 16px;
	line-height: 24px;
	padding: 10px;
}
.login_form > TH{
	font-size: 16px;
	line-height: 24px;
	padding: 10px;
}

#user_login_id {
	width: 200px;
	font-size: 16px;
	line-height: 24px;
}
#user_login_password {
	width: 200px;
	font-size: 16px;
	line-height: 24px;
}
H2 {
	font-size: 16px;
	line-height: 24px;
}

.btn_seach {
	border-radius: 4px;
	font-size: 16px;
	color: #ffffff;
	border: solid 1px#b7b7b7;
	line-height: 24px;
	padding: 0 10px;
	background-color:#00A4E2;
	text-decoration: none;
	margin-right: 5px;
}
.btn_seach:active, .btn_seach:hover{
	color: #ffffff;
}
.btn_seach:hover{
	box-shadow: 0 0 8px gray;
	opacity: 0.8;
}

.btn_add {
	border-radius: 4px;
	font-size: 16px;
	color: #ffffff;
	border: solid 1px#b7b7b7;
	line-height: 24px;
	padding: 0 10px;
	background-color:#00A4E2;
	text-decoration: none;
	margin-right: 5px;
}
.btn_add:active, .btn_add:hover{
	color: #ffffff;
}
.btn_add:hover{
	box-shadow: 0 0 8px gray;
	opacity: 0.8;
}

.toolbar {
	margin-top: 10px;
	margin-bottom: 10px;
}

.form_search > .submit{
	/*width:200px;*/
}
	.form_search {
		padding: 8px;
		background-color: #f0f0f0;
		border: solid 1px #666666;
		border-radius: 4px;
	}

	.form_search {
		font-size: 14px;
	}

	.form_search TR {
		border-bottom: dashed 1px #666666;
	}

	.form_search TH {
		font-size: 14px;
		width:300px;
	}

	.form_search TD {
		font-size: 14px;
	}


.form_edit > .submit{
	/*width:200px;*/
}
	.form_edit {
		padding: 8px;
		background-color: #f0f0f0;
		border: solid 1px #666666;
		border-radius: 4px;
	}

	.form_edit {
		font-size: 14px;
	}

	.form_edit TR {
		border-bottom: solid 1px #666666;
	}

	.form_edit TH {
		font-size: 14px;
		width:300px;
	}

	.form_edit TD {
		font-size: 14px;
	}


.btn_open_close_form{
	border-radius: 4px;
	font-size: 16px;
	color: #ffffff;
	border: solid 1px#b7b7b7;
	line-height: 24px;
	padding: 0 30px;
	background-color:#00A4E2;
	text-decoration: none;
	margin-right: 5px;
}
.btn_open_close_form:active, .btn_open_close_form:hover{
	color: #ffffff;
}
.btn_open_close_form:hover{
	box-shadow: 0 0 8px gray;
	opacity: 0.8;
}

.btn_form_seach{
	border-radius: 4px;
	font-size: 16px;
	color: #ffffff;
	border: solid 1px#b7b7b7;
	line-height: 24px;
	padding: 0 30px;
	background-color:#00A4E2;
	text-decoration: none;
	margin-right: 5px;
}
.btn_form_seach:active, .btn_form_seach:hover{
	color: #ffffff;
}
.btn_form_seach:hover{
	box-shadow: 0 0 8px gray;
	opacity: 0.8;
}

.btn_form_reset{
	border-radius: 4px;
	font-size: 16px;
	color: #ffffff;
	border: solid 1px#b7b7b7;
	line-height: 24px;
	padding: 0 30px;
	background-color:#00A4E2;
	text-decoration: none;
	margin-right: 5px;
}
.btn_form_reset:active, .btn_form_reset:hover{
	color: #ffffff;
}
.btn_form_reset:hover{
	box-shadow: 0 0 8px gray;
	opacity: 0.8;
}

.btn_form_download{
	border-radius: 4px;
	font-size: 16px;
	color: #ffffff;
	border: solid 1px#b7b7b7;
	line-height: 24px;
	padding: 0 30px;
	background-color:#00A4E2;
	text-decoration: none;
	margin-right: 5px;
}
.btn_form_download:active, .btn_form_download:hover{
	color: #ffffff;
}
.btn_form_download:hover{
	box-shadow: 0 0 8px gray;
	opacity: 0.8;
}

.btn_form_back{
	border-radius: 4px;
	font-size: 16px;
	color: #ffffff;
	border: solid 1px#b7b7b7;
	line-height: 24px;
	padding: 0 30px;
	background-color:#00A4E2;
	text-decoration: none;
	margin-right: 5px;
}
.btn_form_back:active, .btn_form_back:hover{
	color: #ffffff;
}
.btn_form_back:hover{
	box-shadow: 0 0 8px gray;
	opacity: 0.8;
}

.btn_form_delete{
	border-radius: 4px;
	font-size: 16px;
	color: #ffffff;
	border: solid 1px#b7b7b7;
	line-height: 24px;
	padding: 0 30px;
	background-color:#00A4E2;
	text-decoration: none;
	margin-right: 5px;
}
.btn_form_delete:active, .btn_form_delete:hover{
	color: #ffffff;
}
.btn_form_delete:hover{
	box-shadow: 0 0 8px gray;
	opacity: 0.8;
}

.btn_form_revise{
	border-radius: 4px;
	font-size: 16px;
	color: #ffffff;
	border: solid 1px#b7b7b7;
	line-height: 24px;
	padding: 0 30px;
	background-color:#00A4E2;
	text-decoration: none;
	margin-right: 5px;
}
.btn_form_revise:active, .btn_form_revise:hover{
	color: #ffffff;
}
.btn_form_revise:hover{
	box-shadow: 0 0 8px gray;
	opacity: 0.8;
}

.form_edit > TH{
	min-width:160px;
}

.form_edit > .submit{
	width:400px;
}

.btn_form_edit{
	border-radius: 4px;
	font-size: 16px;
	color: #ffffff;
	border: solid 1px#b7b7b7;
	line-height: 24px;
	padding: 0 30px;
	background-color:#00A4E2;
	text-decoration: none;
	margin-right: 5px;
}
.btn_form_edit:active, .btn_form_edit:hover{
	color: #ffffff;
}
.btn_form_edit:hover{
	box-shadow: 0 0 8px gray;
	opacity: 0.8;
}

.btn_form_ok{
	border-radius: 4px;
	font-size: 16px;
	color: #ffffff;
	border: solid 1px#b7b7b7;
	line-height: 24px;
	padding: 0 30px;
	background-color:#00A4E2;
	text-decoration: none;
	margin-right: 5px;
}
.btn_form_ok:active, .btn_form_ok:hover{
	color: #ffffff;
}
.btn_form_ok:hover{
	box-shadow: 0 0 8px gray;
	opacity: 0.8;
}

.line1 {
	border-bottom: solid 1px #666666;
}
.line1:hover {
	background-color: #dce9fd;
}

.line2 {
	border-bottom: solid 1px #666666;
	background-color:#ececec;
}
.line2:hover {
	background-color: #dce9fd;
}


.Evaluation_G {
	background-color: #00ff00;
	display: block;
	text-align: center;
	line-height: 20px;
	color:#000000;
}
.Evaluation_Y {
	background-color: #FFDD00;
	display: block;
	text-align: center;
	line-height: 20px;
	color:#000000;
}
.Evaluation_R {
	background-color: #FF0000;
	display: block;
	text-align: center;
	line-height: 20px;
}

.medicine_table, .ope_date_table, .protocol_detail_table {
    border: solid 1px #666666;
    width: 100%;
}