
body {

	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	font-family:Meiryo UI;
	}

p.head {
	text-align:left;
	margin-left:10px;
	margin-top:0;
	font-size:0.925em;
	font-family:Meiryo UI;
	font-weight:bold;
	color:#5e8eab;
	margin-bottom:0
	}

p.head img {
	vertical-align:middle;
	margin-right:0em
	}



.menu {
	font-family:Meiryo UI;
	font-size:0.825em;
	margin-left:0;
	margin-right:0;
	margin-bottom:10px;
	margin-top:10px;
	background-color:#B3424A;
	height:2em;
	position:relative;
	top:0;
	left:0;
	}

#menu1 {
	position:absolute;
	left:0;
	top:0;
	}

	#menu11,#menu21,#menu31,#menu41,#menu51 {
	position:absolute;
	left:0;
	top:0;
	}
	#menu12,#menu22,#menu32,#menu42,#menu52 {
	position:absolute;
	left:0;
	top:28px;
	}
	#menu13,#menu23,#menu33,#menu43,#menu53 {
	position:absolute;
	left:0;
	top:56px;
	}
	#menu24,#menu34,#menu44 {
	position:absolute;
	left:0;
	top:84px;
	}
	#menu25,#menu35,#menu45 {
	position:absolute;
	left:0;
	top:112px;
	}
	#menu46 {
	position:absolute;
	left:0;
	top:140px;
	}
	#menu47 {
	position:absolute;
	left:0;
	top:168px;
	}

#menu2 {
	position:absolute;
	left:152px;
	top:0;
	}

#menu3 {
	position: absolute;
	left: 304px;
	top:0;
	}

#menu4 {
	position: absolute;
	left: 456px;
	top:0;
	}

#menu5 {
	position: absolute;
	left: 608px;
	top:0;
	}

#menu6 {
	position: absolute;
	left: 760px;
	top:0;
}



.menu a {
	color:#ffffff;
	background-color:#B3424A;
	text-decoration:none;
	display:block;
	width:150px;
	line-height:0.7em;

	}

a.profile {
	color:#ffffff;
	background-color:#B3424A;
	text-decoration:none;
	display:block;
	width:280px;
	line-height:0.7em;

	}

a.profilesub {
	color:#ffffff;
	background-color:#B3424A;
	text-decoration:none;
	display:block;
	width:280px;
	line-height:0.7em;

	}

.menu a:hover {
	background-color:#CD853F
	}

.menuhead {
	border-right:solid 1px #ffffff
	}

.submenu {
	visibility: hidden;
	position:absolute;
	left:0




	}

.submenu a {
	background-color:#B3424A;
	border-top:solid 1px #ffffff;

	position: absolute;
		z-index: 2;
	}

.menu span {
	color:#c5e1ed;
	display:none
	}

.section {
	margin-left:20px;
	margin-right:20px;
	text-align:left;
	margin-top:2em
	}

.trhover{
	width: 100%;
	border-collapse: collapse;

}
.trhover th{
	text-align: center;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;

	font-family:Meiryo UI;
	font-size:12px;
}
.trhover td{
	padding: 6px;
	border: 1px solid #b9b9b9;

	font-family:Meiryo UI;
	font-size:12px;
}

/* START_テーブルの行毎の色を指定。カーソルONしたときの色も指定 */
table.trhover tbody.bc01 {
	background-color:#FAFAD2;
	hover:expression(
			this.onmouseover=new Function("this.style.backgroundColor='yellow'"),
			this.onmouseout=new Function("this.style.backgroundColor='#FAFAD2'")
		);
}

table.trhover tbody.bc02 {
	background-color:#FFEFD5;
	hover:expression(
			this.onmouseover=new Function("this.style.backgroundColor='yellow'"),
			this.onmouseout=new Function("this.style.backgroundColor='#FFEFD5'")
		);
}

table.trhover tbody.bc03 {
	background-color:#AAAAAA;
	hover:expression(
			this.onmouseover=new Function("this.style.backgroundColor='blue'"),
			this.onmouseout=new Function("this.style.backgroundColor='#AAAAAA'")
		);
}

/* START_テーブルの行毎の色を指定。カーソルONしたときの色も指定 */
table.trhover tr.bc01{
	background-color:#FAFAD2;
	hover:expression(
			this.onmouseover=new Function("this.style.backgroundColor='yellow'"),
			this.onmouseout=new Function("this.style.backgroundColor='#FAFAD2'")
		);
}

table.trhover tr.bc02{
	background-color:#FFEFD5;
	hover:expression(
			this.onmouseover=new Function("this.style.backgroundColor='yellow'"),
			this.onmouseout=new Function("this.style.backgroundColor='#FFEFD5'")
		);
}

table.trhover tr.bc03{
	background-color:#AAAAAA;
	hover:expression(
			this.onmouseover=new Function("this.style.backgroundColor='blue'"),
			this.onmouseout=new Function("this.style.backgroundColor='#AAAAAA'")
		);
}

table.trhover tr:hover{
	background-color:yellow;
}
/* END_テーブルの行毎の色を指定。カーソルONしたときの色も指定 */


 .hand {
	cursor: pointer;
	text-decoration: underline;
}

 .hand_2 {
	cursor: pointer;
	text-decoration: underline;
	border-right-style:none !important;
}

 .hand_3 {
	cursor: pointer;
	text-decoration: underline;
	border-left-style:none !important;
	text-align:left !important;
	vertical-align:bottom !important;
}

.hand_4_1{
	padding: 6px;
	border-right-width:2px !important;
	border-right-style: dotted !important;
	font-family:Meiryo UI;
	font-size:12px;
}

.hand_4_2{
	cursor: pointer;
	border-right-width:2px !important;
	text-decoration: underline;
	border-right-style: dotted !important;
}

.hand_5_1{
	padding: 6px;
	border-right-width:2px !important;
	border-left-width:2px !important;
	border-right-style: dotted !important;
	border-left-style: dotted !important;
	font-family:Meiryo UI;
	font-size:12px;
}

.hand_5_2{
	cursor: pointer;
	border-right-width:2px !important;
	border-left-width:2px !important;
	text-decoration: underline;
	border-right-style: dotted !important;
	border-left-style: dotted !important;
}

.hand_6_1{
	padding: 6px;
	border-left-width:2px !important;
	border-left-style: dotted !important;

	font-family:Meiryo UI;
	font-size:12px;
}

.hand_6_2{
	cursor: pointer;
	border-left-width:2px !important;
	text-decoration: underline;
	border-left-style: dotted !important;
}

/* グループマスター登録 */
.table02 {
	text-align:left;
	align :left;
}

.popuptable{
	text-align:left;
	align :left;
}

/* 定型文言用*/
.table03 {
	text-align:left;
}
/* 禁止単語用 */
 .table04 {
	table-layout: fixed;
	width:950px;
	border-collapse: collapse;
 }

 .tbale04 th{
 	word-wrap: break-word;
 	padding: 6px;
	font-size:12px;
 }

 .table04 td{
 	white-space: normal;
	padding: 6px;
	border: 1px solid #b9b9b9;
	font-size:12px;
	word-break: break-all;
 }

 /* START_テーブルの行毎の色を指定。カーソルONしたときの色も指定 */
table.table04 tbody.bc01 {
	background-color:#FAFAD2;
	hover:expression(
			this.onmouseover=new Function("this.style.backgroundColor='yellow'"),
			this.onmouseout=new Function("this.style.backgroundColor='#FAFAD2'")
		);
}

table.table04 tbody.bc02 {
	background-color:#FFEFD5;
	hover:expression(
			this.onmouseover=new Function("this.style.backgroundColor='yellow'"),
			this.onmouseout=new Function("this.style.backgroundColor='#FFEFD5'")
		);
}
table.table04 tr:hover{
	background-color:yellow;
}


.vtpoh {
	width:300px;
}

/* 卒業生・退職者申請用デザイン */
div.apply {
	width: 1300px;
	margin: 10px auto;
	text-align: center;
	border: 1px solid #c9171e;
}

div.apply p {
	margin: .7em 0;
}

/* 入力項目ポップアップデザイン */
:is(td, p, div):has(>.fieldpopup) {
	position: relative;
}

.fieldpopup {
	position:absolute;
	bottom:27px;
	left:80px;
	visibility:hidden;
	font-size:1rem;
	background-color:#FFFFFF;
	border-style:ridge;
	padding: 3px .5rem;
}
