h1, h2, h3 { background: none; border: none; font-family: 'Times New Roman',Century; font-weight: bold; margin: 0; }
p { margin-bottom: 0.5em; }
h1 { font-size: 2em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.2em; }

.twocols { display: flex; justify-content: space-between; align-items: flex-start; column-gap: 20px; }
.catchy { font-family: 'Helvetica Bold'; }

#eproc_main { width: 100%; text-align: center; }
#eproc_content { width: 660px; margin: 1em auto; text-align: left; }
#eproc_main_exp  {padding-top: 20px; }
#eproc_main_exp h2   {
	display: block;
	border-right: #c00 solid 6px;
	padding:  6px 4px 6px 0;
	text-align: right; white-space: nowrap;
	font-family: 'Helvetica Bold'; font-size: 22pt;
	letter-spacing: -1px; line-height: 11pt;
}
#eproc_main_exp h2 span:before { content: '\A'; white-space: pre; }
#eproc_main_exp h2 span { font-size: 14pt; }

#eproc_menu h2 { color: #c59b00; }

#eproc_menu_list { display: flex; flex-wrap: wrap; gap: 20px; }

.eproc_maker { width: 100px; background: #ffc; border: 2px solid #630; border-radius: 10px; text-align: center; font-family: 'Arial Black',Impact; }
.eproc_maker h3 { background: #630; margin: 0; color: #fff; font-size: 1em; font-family: Helvetica, sans-serif; padding: 4px 0; }
.eproc_maker ul { list-style-type: none; padding: 0.5em 0; height: 4.5em; line-height: 1.4em; }
.eproc_maker a:link  { color: #000;  }
.eproc_maker a::visited  { color: #000; }
.eproc_maker a::hover { color: #d00; }

#eproc_engine_outline { width: 100%; }
#eproc_engine_outline_image { float: left; width: 260px; }
#eproc_engine_outline_description { float: right; width: 380px; }
#eproc_engine_outline_description h1 { font-family: 'Arial',Impact,Arial; font-weight: 900; color: #28d; text-shadow : 2px 2px 2px #bbb; }

.eproc_setmenu h2 { width: 660px; margin-top: 2em; }
.eproc_cylinderhead  h2 { background: #960; }
.eproc_cylinderblock h2 { background: #930; }
.eproc_setmenu h2 img { margin-left: 1em; }
.eproc_setmenu .exp { width: 660px; }

.eproc_setmenu_item { float: left; width: 300px; margin-left: 30px; }
.eproc_setmenu_item ul { list-style-type: none; margin-left: 1em; padding: 0; line-height: 1.4em; }

.eproc_setmenu1 { border: solid #990 3px; padding: 1em; margin: 1.5em 0 1em; position: relative; }
.eproc_setmenu1 h4 { padding-left: 1em; position: absolute; top: -12px; }

.eproc_setmenu2 { border: solid #000 2px; padding: 1em; margin: 1em 0; }
.eproc_setmenu2 h4 { margin-top: 0.5em; }
.eproc_cylinderhead  .eproc_setmenu2 { background: #9c9; }
.eproc_cylinderblock .eproc_setmenu2 { background: #9cc; }


/*
 *  ����ʥġ�����åס�
 */


.tinyTip {
	width:325px;
	padding:17px 0 0 0;
	display:block;
	background:url("img/tinytip/tinyTip-top.png") 0 0 no-repeat;
}
.tinyTip .content {
	padding:0 15px;
	text-align:left;
	text-align: justify; text-justify: inter-ideograph;
	line-height: 1.4em;
	font-weight: bold;
	font-size: 1em;
	color:#010101;
	background:url("img/tinytip/tinyTip-content.png") 0 0 repeat-y;
}
.tinyTip .bottom {
	height:47px;
	background:url("img/tinytip/tinyTip-bottom.png") 0 0 no-repeat;
	behavior: url(/iepngfix.htc);
}

.tinyTip .content p { margin: 0; padding: 0.5em 0; }
.tinyTip .content p.ind { text-indent: -1em; padding: 0 0 0 1em; font-size: 1em; }
.tinyTip .content ul { margin-left: 2em; }

.tinyTip .figC { text-align: center; }

span[class^="tip"], .tTip { display: inline-block; border-bottom: 1px dotted #000; line-height: 1;  }