@charset "UTF-8";
/*管理工学研究所*/

/* global definitions are prohibited. belows are ruin. */
/*
a:hover { color: #800000; text-decoration: underline }
a:link { color: #696969; text-decoration: none }
a:visited { color: #696969; text-decoration: none }
*/
/*
a:hover { text-decoration: underline }
a:link { text-decoration: none }
a:visited { text-decoration: none }
*/
/*body { font-size: 100%; font-family: "メイリオ", "Meiryo", Osaka-等幅, "ＭＳ Ｐゴシック", "ＭＳ ゴシック", 平成角ゴシック, Osaka, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; }*/
/*body.standard { background-color: #ffffff; color: #000000; margin: 0px; border-collapse: collapse; }*/
/*body, p, tr, td { line-height: 160% }*/
/*p { font-size: 93%; }*/
/*.followP { font-size: 93%; }*/
/*.hilight { font-weight: bold; color: #F00; }*/

html { overflow-y: scroll; }


/* sitemap is blong to em, not rem.*/
/* --sitemap text area-- */
/*
.sitemap {
	display: table;
	table-layout: fixed;
	width: 980px;
	list-style: none;
	line-height: 1.8em;
	background-color: #f5f5f5;
	font-size: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.title_sitemap { 
	font-weight: bold;
	color: #009999; 
}
.sitemap a {
	text-decoration: none;
	color: #424242;
}
.sitemap div.box25percent {
   display: table-cell;
   width: 25%;
}
ul.sitemaplist {
	margin: 0.3em 0px 0px 0px;
}
.sitemaplist > li {
	list-style-position: inside;
	list-style-type: none;
	text-indent: -3em;
}
*/
/* ----MS trademark note-- */
.sitemap_tm {
	width: 860px;
	text-align: right;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	font-size: x-small;
	line-height: 1.5em;
}

/* ----company copyright-- */
.footer_co {
	width: 860px;
	margin-left: auto;
	margin-right: auto;
}


/* --------------------- 3pane layout frame for table and div */
.forBodyFrame { width: 100%; border: 0px; border-collapse:collapse; background-color: #ffffff; }	/* abbreviation : forBF. */
.forBF_LM { width: 6%; padding: 0px; vertical-align: top; }		/* left margin, work for td, th and div. */
.forBF_Body { width: 88%; padding: 0px; vertical-align: top; }	/* body itself, work for td, th and div. */
.forBF_RM { width: 6%; padding: 0px; vertical-align: top; }		/* right margin, work for td, th and div. */
div.forBodyFrame { display: table; }
div.forBF_LM { display: table-cell; }
div.forBF_Body { display: table-cell; }
div.forBF_RM { display: table-cell; }


table.nestedTable { width: 100%; border: 0px; border-collapse:collapse; background-color: #ffffff; }	/*width="100%" border="0" cellspacing="0" bgcolor="white"*/
table.nestedTable_5 { width: 100%; border: 5px; border-collapse:separate; background-color: #ffffff; }	/*width="100%" border="0" cellspacing="5" bgcolor="white"*/


#copyright { color: #FFF; font-size: 12px; padding-right: 10px; height: 10px; line-height: 18px; }


/* --------------------- common vertical spacer */
.vsep_05em { height: 0.5em; }
.vsep_07em { height: 0.7em; }
.vsep_1em { height: 1em; }
.vsep_2em { height: 2em; }
.vsep_3em { height: 3em; }
.vsep_4em { height: 4em; }
.vsep_5em { height: 5em; }

.mt_05em { margin-top: 0.5em; }
.mt_07em { margin-top: 0.7em; }
.mt_1em { margin-top: 1em; }
.mt_2em { margin-top: 2em; }
.mt_3em { margin-top: 3em; }
.mt_4em { margin-top: 4em; }
.mt_5em { margin-top: 5em; }
.mt_6em { margin-top: 6em; }
.mt_7em { margin-top: 7em; }
.mt_8em { margin-top: 8em; }
.mt_9em { margin-top: 9em; }
.mt_10em { margin-top: 10em; }
.mt_11em { margin-top: 11em; }
.mt_12em { margin-top: 12em; }
.mt_13em { margin-top: 13em; }
.mt_14em { margin-top: 14em; }
.mt_15em { margin-top: 15em; }
.mt_16em { margin-top: 16em; }

.mb_05em { margin-bottom: 0.5em; }
.mb_07em { margin-bottom: 0.7em; }
.mb_1em { margin-bottom: 1em; }
.mb_2em { margin-bottom: 2em; }
.mb_3em { margin-bottom: 3em; }
.mb_4em { margin-bottom: 4em; }
.mb_5em { margin-bottom: 5em; }
.mb_6em { margin-bottom: 6em; }
.mb_7em { margin-bottom: 7em; }
.mb_8em { margin-bottom: 8em; }
.mb_9em { margin-bottom: 9em; }
.mb_10em { margin-bottom: 10em; }
.mb_11em { margin-bottom: 11em; }
.mb_12em { margin-bottom: 12em; }
.mb_13em { margin-bottom: 13em; }
.mb_14em { margin-bottom: 14em; }
.mb_15em { margin-bottom: 15em; }
.mb_16em { margin-bottom: 16em; }


.vsep_05rem { height: 0.5rem; }
.vsep_07rem { height: 0.7rem; }
.vsep_1rem { height: 1rem; }
.vsep_2rem { height: 2rem; }
.vsep_3rem { height: 3rem; }
.vsep_4rem { height: 4rem; }
.vsep_5rem { height: 5rem; }

.mt_05rem { margin-top: 0.5rem; }
.mt_07rem { margin-top: 0.7rem; }
.mt_1rem { margin-top: 1rem; }
.mt_2rem { margin-top: 2rem; }
.mt_3rem { margin-top: 3rem; }
.mt_4rem { margin-top: 4rem; }
.mt_5rem { margin-top: 5rem; }
.mt_6rem { margin-top: 6rem; }
.mt_7rem { margin-top: 7rem; }
.mt_8rem { margin-top: 8rem; }
.mt_9rem { margin-top: 9rem; }
.mt_10rem { margin-top: 10rem; }
.mt_11rem { margin-top: 11rem; }
.mt_12rem { margin-top: 12rem; }
.mt_13rem { margin-top: 13rem; }
.mt_14rem { margin-top: 14rem; }
.mt_15rem { margin-top: 15rem; }
.mt_16rem { margin-top: 16rem; }

.mb_05rem { margin-bottom: 0.5rem; }
.mb_07rem { margin-bottom: 0.7rem; }
.mb_1rem { margin-bottom: 1rem; }
.mb_2rem { margin-bottom: 2rem; }
.mb_3rem { margin-bottom: 3rem; }
.mb_4rem { margin-bottom: 4rem; }
.mb_5rem { margin-bottom: 5rem; }
.mb_6rem { margin-bottom: 6rem; }
.mb_7rem { margin-bottom: 7rem; }
.mb_8rem { margin-bottom: 8rem; }
.mb_9rem { margin-bottom: 9rem; }
.mb_10rem { margin-bottom: 10rem; }
.mb_11rem { margin-bottom: 11rem; }
.mb_12rem { margin-bottom: 12rem; }
.mb_13rem { margin-bottom: 13rem; }
.mb_14rem { margin-bottom: 14rem; }
.mb_15rem { margin-bottom: 15rem; }
.mb_16rem { margin-bottom: 16rem; }


/* --------------------- table like layout */
.tableDiv { display: table; }
.tableDiv100percent { display: table; width: 100%; }
.tableCell { display: table-cell; }
.tableCellDiv5w { display: table-cell; width: 21%; }
.tableCellDiv5t { display: table-cell; width: 16%; }
.tableCellDiv5 { display: table-cell; width: 20%; }
.tableCellDiv4 { display: table-cell; width: 25%; }
.tableCellDiv3 { display: table-cell; width: 33%; }
.tableCellDiv3l { display: table-cell; width: 34%; }

.tableRow { display: table-row; }


/* --------------------- etc layout properties */
.centerd { vertical-align: middle; text-align: center; }
.linkBox { position: relative; }
.linkBox > a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* --------------------- Anchor and Caption layout, abbreviation : AaC */
.AaC_frame { display: table; width: 100%; margin-top: 0.5em; line-height: 1.2em; border: 0px; border-collapse: collapse; }
.AaC_head { display: table-cell; width: 30%; vertical-align: middle; background-color: #dfdfdf; padding-top: 0.4em; padding-right: 0.5em; padding-bottom: 0.4em; padding-left: 0.5em; }
.AaC_sep { display: table-cell; width: 6%; vertical-align: middle; text-align: center; }
.AaC_body { display: table-cell; width: 64%; vertical-align: middle; padding-top: 0.5em; padding-bottom: 0.5em; color: #333; }

.AaC_head a:hover { color: #666; text-decoration: underline; text-align: left; display: block; font-weight: bold; margin-left: 5px; padding-left: 5px; }
.AaC_head a:link { color: #666; text-decoration: none; text-align: left; display: block; font-weight: bold; padding-left: 5px; margin-left: 5px; }
.AaC_head a:visited { color: #666; text-decoration: none; text-align: left; display: block; font-weight: bold; margin-left: 5px; padding-left: 5px; }


/* --------------------- topmenu, abbreviation : TM, TMenu */
._TMenu_ { position: relative; margin: 0px; padding: 0em; width: 100%; height: 2em; list-style: none; line-height: 2em;
	font-family: "メイリオ", "Meiryo", Osaka-等幅, "ＭＳ Ｐゴシック", "ＭＳ ゴシック", 平成角ゴシック, Osaka, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; font-size: 14px;
}

._TMenu_:before, ._TMenu_:after { content: " "; display: table; }
._TMenu_:after { clear: both; }

._TMenu_ > li { position: absolute; float: right; width: 100%; height: 2em; line-height: 2em; vertical-align: middle; text-indent: 1em; background: #0E72B9/*gray*/; }
._TMenu_ > li:hover { background: #0E72B9/*#072A24*/; -webkit-transition: all .5s; transition: all .5s; }

._TMenu_ > li a { display: block; color: #fff; text-decoration: none; }
._TMenu_ > li a:hover { color: #999; }

._TM-single_ { position: relative; width: 100%; margin: 0px; vertical-align: middle; list-style: none;
	font-family: "メイリオ", "Meiryo", Osaka-等幅, "ＭＳ Ｐゴシック", "ＭＳ ゴシック", 平成角ゴシック, Osaka, Helvetica, Arial, Geneva, Swiss, SunSans-Regular; font-size: 14px;
}
._TM-single_ > a { text-decoration: none; vertical-align: middle; }
._TM-single_ > ._TM_lv2_ { list-style: none; text-align: left; background: #0E72B9/*#072A24*/; transition: all .2s ease; vertical-align: middle; }
._TM-single_:hover > ._TM_lv2_ { top: 0px; visibility: visible; opacity: 1; }

._TM_lv2_ { position: relative; z-index: 10000; margin: 0px; padding: 0.3em 0.0em 0.3em 0.0em; visibility: hidden; opacity: 0; }
._TM_lv2_ li { /*border-top: 1px solid #111;*/ height: 1.6em; line-height: 1.6em; margin-left: 0px; vertical-align: middle; }
._TM_lv2_ li a:hover { background: #0E72B9/*#111*/; }

._TM_lv3_ { margin: 0px; padding: 0px; visibility: hidden; opacity: 0; }
._TM_lv3_ li { /*border-top: 1px solid #111;*/ height: 1.6em; margin-left: 0px; vertical-align: middle; }
._TM_lv3_ li a:hover { background: #0E72B9/*#2a1f1f*/; }

._TM_lv4_ { margin: 0px; padding: 0px; visibility: hidden; opacity: 0; }
._TM_lv4_ li { /*border-top: 1px solid #111;*/ height: 1.6em; margin-left: 0px; vertical-align: middle; }
._TM_lv4_ li a:hover { background: #0E72B9/*#1d0f0f*/; }

.init-bottom:after { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 15px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/* toppage用メニューラベル属性。デフォルト設定のスコアが高いので!importantを使う。 */
a._TM_TopLabelAttr_ { background: white !important; color: black !important; }
a._TM_TopLabelAttr_:hover { background: #0E72B9 !important; color: #999 !important; }


/* --------------------- Image and Caption layout, abbreviation : IaC. you can choose either left or right. */
.IaC_title { display: table; padding-left: 1em; }
.IaC_parts { display: table-cell; border: 0px; }
.IaC_body { display: table; }
.IaC_image_right { align: right; float: right; margin: 1.5em 0.5em 0.5em 2em; }
.IaC_image_left { align: left; float: left; margin: 1.5em 2em 0.5em 0.5em; }
.IaC_text { margin: 1em 0.5em 1em 0.5em; }


/* --------------------- common parts */
ul.comment > li { list-style: none; list-style-image: none; background-image: none !important; font-size: 93%; text-indent: -1.5em; padding-left: 1.5em; }
ul.comment > li:before { content: '※'; padding-right: 0.5em; }
ul.comment-notice  { padding: 0; }
ul.comment-notice > li { list-style: none; list-style-image: none; background-image: none !important; text-indent: -1.5em; padding-left: 1.5em; margin-bottom: 0.5em; }
ul.comment-notice > li:before { content: '※'; padding-right: 0.5em; }

.attentionBox { background: #FFFFCC; padding: 10px; width: auto; border: 1px solid #CC9966; }

.box_red { border: 1px solid #AA0000; padding: 1em; }

.tbd { color: red; font-size: 16px; font-weight: bold; }

.tmp_title { font-size: 28px; color: red; border-bottom:1px dotted #000; }

h2.sec_title { font-size: 16px; border-bottom: 1px dotted #666666; border-left: 6px solid #666666; padding-bottom: 3px; padding-left: 5px; }
h3.sec_title { border-bottom: 1px dotted #666666; border-left: 6px solid #666666; padding-bottom: 3px; padding-left: 5px; }
h4.sec_title { border-bottom: 1px dotted #666666; border-left: 6px solid #666666; padding-bottom: 3px; padding-left: 5px; }
.boldbody { color: #00476C; font-weight: bold; font-size: 110%; padding-bottom: 0px; margin-left: 1em; }

ul.simple-list {
	list-style-type: none;
	list-style-image:none;
}
ul.simple-list > li {
	display: block;
	text-indent: -2em;
}

ul.std-list {
	list-style-type: disc;
	list-style-image: none;
	list-style-position: inside;
}
ul.std-list > li {
	text-indent: 1em;
}

/* --------------------- to cancel bootstrap's print effect that bootstrap css let shows href value when printing. */
@media print {
	a[href]:after {
		content: "" !important;
	}
	abbr[title]:after {
		content: "" !important;
	}
}