@charset "UTF-8";

/*----------------------------------------
●共通
----------------------------------------*/
body {
/*	font-size:small;*/
	font-size:medium;
	line-height:150%;
	font-family:'メイリオ',Meiryo,sans-serif; /* 文字設定 */
/*	font-family:'Arial';*/ /* 文字設定 */
	min-width: 1200px;
	background: #e9e9e9;
}

a.hover_img{
	background-color:#fff;
	display:block;
}
a:hover.hover_img img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
a.hover_img2{
/*	display:block;*/
}
a:hover.hover_img2 img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.f_left{
	float:left;
}
.f_right{
	float:right;
}
.f_clear {
	clear:both;
}
.text_center{
	text-align:center;
}
.text_left{
	text-align:left;
}
.text_right{
	text-align:right;
}
.v_align_top {
	vertical-align:top;
}
.of_hidden {
	overflow:hidden;
}
.disp_block {
	display:block;
}
.disp_inline {
	vertical-align:top;
	display:inline-block;
}
.disp_table {
	display:table-cell;
}
/*** 文字装飾 ***/
.txt_shad_666 {
	text-shadow: 1px 1px 1px #666;
}
/*** 文字色CSS ***/
.color_f00 {
	color:#f00;
}
/*** 背景色CSS ***/
.bg_color_fff {
	background-color:#fff;
}
.bg_color_fff_05 {
	background-color: rgba(255,255,255,0.5);
}
.bg_color_ADDB7B {
	background-color:#ADDB7B;
}

/*** PCのみ表示 ***/
.disp_pc {
	display:block;
}
/*** SP(スマホ)のみ表示 ***/
.disp_sp {
	display:none;
}

/** 背景画像 **/
.bgimg {
	position: fixed;
	left:0;
	top:0;
	z-index: -1;
	height: 100%;
	width: 100%;
	opacity: 0.6; /* 透過度 */
}
.bgimg img {
	position: absolute;
	min-height: 100%;
	min-width: 800px;
	width: 100%;
	height: auto;
	left:0;
	top:0;
}
/** 余白 **/
.mt_5 {
	margin-top:5px;
}
/*----------------------------------------
●インプット
----------------------------------------*/
.form-item input[type="txt"] {
	background: #fff;
	border: none;
	border: 1px solid #d3d2d2;
/*	color: #666;*/
	transition: border-color 0.3s;
	width: 100%;
	padding:0px 5px;
	height:30px;
	font-size: 1em;
}
.form-item input[type="txt"].bg_color1 {
	background: #fdfad0;
}
.form-item textarea.bg_color1 {
	background: #fdfad0;
}
.input_bg_color1 {
	background: #fdfad0;
}
.form-item input[type="txt"]:focus {
	border: 1px solid #9e9e9e;
	outline: none;
}
.form-checkbox {
	cursor:pointer;
}
.form-item textarea:focus {
	border: 1px solid #9e9e9e;
	outline: none;
}
.form-item2 input {
	background: #fafafa;
	background: #fff;
	border: none;
	border-bottom: 2px solid #e9e9e9;
/*	color: #666;*/
	transition: border-color 0.3s;
	width: 100%;
}
.form-item2 input:focus {
	border-bottom: 2px solid #c0c0c0;
	outline: none;
}
input[type="checkbox"] {
	margin-right:7px; vertical-align:middle;
}
input[type="file"] {
	width:100%;
	font-size: 1.0em;
}
textarea {
	width:100%;
	font-size: 1em;
	border: none;
	border: 1px solid #d3d2d2;
	padding:5px 5px;
	resize: none;
}
textarea:focus {
	border: 1px solid #9e9e9e;
}

/*----------------------------------------
●selectボックス
----------------------------------------*/
select {
	font-size: 1.0em;
/*	padding:5px;*/
/*	border: 1px solid #9e9e9e;*/
}
/*----------------------------------------
●テーブル
----------------------------------------*/
.table_title {
  float:left;
  line-height:2em;
  font-size:1.1em;
}
/*20250210　検索条件に問診2の有無を追加、問診票の内容を一覧でエクセル出力*/
.table_title .button{
	background: #4d9ae2;
	border: none;
	color: #fff;
	cursor: pointer;
	text-align: center;
	transition: background 0.3s ease-in-out;
	padding: 2px 10px;
    margin: 0px 0px 5px 5px;
}
.table_sidemess {
	float:right;
	line-height:2.5em;
	font-size:0.9em;
}
table {
  width:100%;
  background-color: #fff;
}
table th {
  background-color: #e5e5e5;
}
table th, table td {
	padding:7px 10px;
	border:1px solid #707070;
	word-break:break-all;
}
/* 一覧ページ用テーブル */
table.List_tableA {

}
/* 新規登録ボタン */
.box_btnnew {
  text-align:right;
}
.box_btnnew .button {
  padding:2px 10px;
  margin:0px 0px 5px 5px;
  float:right;
}

/* 入力・確認ページ用テーブル */
table.EntFin_tableA th {
  text-align:left;
  padding-left:20px;
  vertical-align:middle;
}
table.EntFin_tableA th span {
  color:#f00;
  font-size:0.7em;
  padding-left:7px;
}
/*----------------------------------------
●ボタン
----------------------------------------*/
.button-panel .button ,
.under_title .button {
	background: #4d9ae2;
	border: none;
	color: #fff;
	cursor: pointer;
	text-align: center;
	transition: background 0.3s ease-in-out;
}
.under_title .button {
	float:right;
	margin:0px 2px 2px 0px;
}
.button-panel .btn_disabled {
	background: #e4e4e4;
	cursor: default;
}
.button:hover {
	background: #205ca5;
}
.btn_disabled:hover {
	background: #e4e4e4;
}
/* 一覧画面　「編集」「削除」用 */
.box_editdel .button{
	/*width:45px;*/
	padding:5px;
}
.box_editdel .button2{
	width:auto;
}

/* 各画面　繊維ボタン用 */
.box_transition_top {
	margin:0px 0px 0px;
	text-align:center;
}
.box_transition_bottom {
	margin:15px 0px 0px;
	text-align:center;
}
.box_transition_top .button,
.box_transition_bottom .button {
	padding:5px 10px;
	font-size:0.95em;
}
/*----------------------------------------
●ヘッダー
----------------------------------------*/
header {
}
.outbox_header {
	width:100%;
	background-color:#fff;
	/*border-bottom:2px solid #d4d4d4;*/
	border-top:3px solid #4d9ae2;
	min-width: 1200px;
	height:75px;
	box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.4);
}
.box_header {
	width:1200px;
	margin:0px auto;
}
.box_header_title {
	float:left;
}
.box_header_title img:first-child {
	margin:5px 10px;
	float:left;
	padding-right:15px;
}
.box_header_title img:nth-child(2) {
	margin:20px 5px;
}
.box_head_authorityname {
	display:table-cell;
	font-weight:bold;
	width:220px;
	height:72px;
	vertical-align:middle;
	padding:0px 5px;
	font-size: 1.0em;
}
.box_head_username {
	display:table-cell;
	font-size: 0.9em;
	line-height: 1.2em;
	width:220px;
	height:72px;
	vertical-align:middle;
	padding:0px 10px 0px 5px;
}
.box_head_username div {
	float:right;
}
.box_head_username span {
	font-weight:bold;
}

/* ログアウトボタン */
.box_logout_btn {
	float:right;
	width:100px;
	margin:15px 0 0;
}
.box_logout_btn .button {
	font-size: 0.95em;
	height: 40px;
	letter-spacing: 0.05em;
	padding: 0 10px;
}
/*----------------------------------------
●フッター
----------------------------------------*/
footer {
}
.out_box_footer {
	background-color:#205ca5;
	color:#fff;
	padding:7px 25px 7px 7px;
	border-top:2px solid #fff;
	overflow:hidden;
}
.copyright {
	text-align:right;
	font-size:10pt;
}
/*----------------------------------------
●ページトップアイコン用CSS
----------------------------------------*/
#page-top {
	position: fixed;
	bottom: 40px;
	right: 50px;
}
#page-top img{
	width:55px;
}
/*----------------------------------------
●下層ページ
----------------------------------------*/
/* 外枠1 */
.outbox_Under {
	background: #fafafa;
	background: #fff;
	margin: 20px auto;
	padding: 20px 35px;
	width: 1200px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
}
/* 外枠2 */
.outbox_Under2 {
	background: #fafafa;
	background: #fff;
	margin: 20px auto;
	padding: 20px 35px;
	width: 1600px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
}
/* 外枠3 */
.outbox_Under3 {
	background: #fafafa;
	background: #fff;
	margin: 20px auto;
	padding: 20px 35px;
	width: 1600px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
}
/* 20250131　判定3を判定5に変更、判定3、判定4を追加し眼の自動判定を追加 */
/* 外枠4 */
.outbox_Under4 {
	background: #fafafa;
	background: #fff;
	margin: 20px auto;
	padding: 20px 35px;
	width: 1780px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
}

.box_Under {
  margin:10px;
}
.box_bgimgA {
	background-color: #fff;
	background:url('../image/icon_1.png') no-repeat right bottom;
	background-size:25%;
}
/* 下層ページ用 タイトル */
.under_title {
/*  font-size:1.7em;*/
  font-size:1.4em;
  font-weight:normal;
  line-height:1.5em;
  margin:0px auto;
  border-bottom:3px solid #4d9ae2;
  padding-left:10px;
  overflow:hidden;
}
/* 下層ページ用 説明部分 */
.box_under_exp div:first-child {
  display:table-cell;
}
.box_under_exp div:first-child img {
  width:25px;
  vertical-align:top;
}
.box_under_exp div:nth-child(2) {
  display:table-cell;
  vertical-align:top;
  padding:2px 5px 0px 5px;
}

/* 検索ボックス用 */
/* 外枠 */
.outbox_search {
	width:898px;
	border:2px solid #4d9ae2;
	background-color:#f2f9ff;
	margin:10px auto 40px;
}
/* 各条件枠 */
.box_search {
	margin: 10px 50px 0px;
	overflow:hidden;
	border-bottom:1px solid #4d9ae2;
}
.box_search:first-child {
	margin: 20px 50px 0px;
}
.box_search_title {
	font-size:1.0em;
	font-weight:bold;
	/*margin:3px 3px ;*/
}
.box_search_title img {
	width:15px;
	margin:0px;
	padding:0px;
	vertical-align:-2px;
}
.box_search_body {
	margin:3px 0px 15px 20px;
}
.box_search_body2 {
	margin:0px 20px 0px 0px;
	padding:2px 0px;
}

.box_search_mode{
	font-weight:normal;
	margin-left:30px;
}
/* 登録処理ページ用 */
.box_Upd {
	width:600px;
	height:200px;
	margin:20px auto;
	text-align:center;
}
.box_Upd_mess {
	font-size:1.6em;
	height:150px;
	padding-top:60px;
}
.box_Upd_mess img {
	vertical-align:middle;
	padding-bottom:7px;
}
.box_Upd_mess span {
	color:#f00;
	font-weight:bold;
}
/*----------------------------------------
●権限css
----------------------------------------*/
.box_permission {
  color:#fff;
  font-size:0.9em;
  padding:2px 5px;
  margin:2px 0px;
}

.box_permission_all {
  background-color:#ffad3b;
  color:#fff;
  font-size:0.9em;
  padding:2px 5px;
	margin:2px 0px;
}
.box_permission_group {
  background-color:#41b565;
  color:#fff;
  font-size:0.9em;
  padding:2px 5px;
}
.box_permission_equipshare {
  background-color:#4cadeb;
  color:#fff;
  font-size:0.9em;
  padding:2px 5px;
}
.box_permission_equipshare2 {
  background-color:#6a5acd;
  color:#fff;
  font-size:0.9em;
  padding:2px 5px;
}
/*----------------------------------------
●システムcss
----------------------------------------*/
/* 先端物質科学研究ユニット共用システム */
table td.td_sys_bgcolor1 {
	background-color:#edf9ff;
}
/* 水産・環境科学総合研究科共用システム */
table td.td_sys_bgcolor2 {
	background-color:#fff4ed;
}
/*----------------------------------------
●先端物質科学研究ユニット共用システム カテゴリcss
----------------------------------------*/
/* 合成 */
table td.td_cate_bgcolor1 {
	background-color:#ffccff;
}
/* 形態観察 */
table td.td_cate_bgcolor2 {
	background-color:#ffff99;
}
/* 分光機器 */
table td.td_cate_bgcolor3 {
	background-color:#66ffff;
}
/* 構造・組成等分析 */
table td.td_cate_bgcolor4 {
	background-color:#b8cce4;
}
/* 物性測定 */
table td.td_cate_bgcolor5 {
	background-color:#ccff99;
}

/*----------------------------------------
●角丸用css
----------------------------------------*/
.radius_5 {
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px;
}
/* 上角のみ */
.radius_top_5 {
	/* firefox */
	-moz-border-radius-topleft: 5px;     /* 左上 */
	-moz-border-radius-topright: 5px;    /* 右上 */
	-moz-border-radius-bottomright: 0px; /* 右下 */
	-moz-border-radius-bottomleft: 0px;  /* 左下 */
	/* safari and chrome */
	-webkit-border-top-left-radius: 5px;     /* 左上 */
	-webkit-border-top-right-radius: 5px;    /* 右上 */
	-webkit-border-bottom-right-radius: 0px; /* 右下 */
	-webkit-border-bottom-left-radius: 0px;  /* 左下 */

	border-top-left-radius: 5px;     /* 左上 */
	border-top-right-radius: 5px;    /* 右上 */
	border-bottom-right-radius: 0px; /* 右下 */
	border-bottom-left-radius: 0px;  /* 左下 */
}
/* 下角のみ */
.radius_bottom_5 {
	/* firefox */
	-moz-border-radius-topleft: 0px;     /* 左上 */
	-moz-border-radius-topright: 0px;    /* 右上 */
	-moz-border-radius-bottomright: 5px; /* 右下 */
	-moz-border-radius-bottomleft: 5px;  /* 左下 */
	/* safari and chrome */
	-webkit-border-top-left-radius: 0px;     /* 左上 */
	-webkit-border-top-right-radius: 0px;    /* 右上 */
	-webkit-border-bottom-right-radius: 5px; /* 右下 */
	-webkit-border-bottom-left-radius: 5px;  /* 左下 */

	border-top-left-radius: 0px;     /* 左上 */
	border-top-right-radius: 0px;    /* 右上 */
	border-bottom-right-radius: 5px; /* 右下 */
	border-bottom-left-radius: 5px;  /* 左下 */
}
/*3点リーダ*/
.box-read{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}



/*----------------------------------------
●ツールチップ
----------------------------------------*/
a.tooltip:hover {
/*     background: #ffffff;*/     /* IE6以下で必要 */
     text-decoration: none;
}
a.tooltip span {
     display: none;
     padding: 8px;
     font-size: 12px;
     margin-left: 0px;
     margin-top: 20px;
     line-height: 1.6;
}
a.tooltip:hover span{
     display: inline;
     position: absolute;
     background-color: #FFF7EE;
     border: 1px solid #cccccc;
     color: #000000;
     /*width: 200px;*/     /* a.tooltip spanに指定すると、IE6以下でspanの領域でマウスが反応してしまう */
     width: 230px;     /* 20250131　判定3を判定5に変更、判定3、判定4を追加し眼の自動判定を追加 */
}
 
/* 20250131　不要のため削除 */
/* IE6以下にのみ適用 */
/*a.tooltip:hover span{
     width: 216px;
}*/


@media screen and (max-width:480px) {
	/*----------------------------------------
	●共通
	----------------------------------------*/
	body {
	}
	.bgslideshow img {
		min-width: 100%;
	}
	/*** PCのみ表示 ***/
	.disp_pc {
		display:none;
	}
	/*** SP(スマホ)のみ表示 ***/
	.disp_sp {
		display:block;
	}

	/*----------------------------------------
	●ヘッダー
	----------------------------------------*/
	.outbox_header {
		min-width: 100%;
	}

}
.contact_info {
    border: 1px solid #000;
    background-color: #fff;
    width: 360px;
    width: 400px;
    margin: 20px auto 20px;
    padding: 10px;
}

/* ボタンカラー */
.button-panel .button2{
    background-color: #57aeff;
}
.button-panel .button2:hover {
	background: #205ca5;
}