@charset "utf-8";
/* css document */


a:link		{ text-decoration: none;}
a:visited		{ text-decoration: none;}


.red12			{ font-size:  12px; color: #990000;   line-height: 150% ;}
.white14		{ font-size:  14px; color: #ffffff;   font-weight: bold;}
.grey11			{ font-size:  11px; color: #333333;   line-height: 150% ;}




img  {
border: 0px;
}

p  {
	line-height: 180%;
}

ul  {
line-height: 150%;
}


div#fstvst {
	width: 680px;
	height:32px;
	text-align: right;
	margin-top: 9px;
}



div#btnfstvst {
	width: 114px;
	height:31px;
	text-align: center;
	font-family: arial, helvetica, sans-serif, "ｍｓ ｐゴシック", "ヒラギノ角ゴ7";
	background-image: url(/education/training/images/btn_fstvst.gif);
	margin-left: 566px;
	margin-top: 10px;
	margin-bottom: 5px;
}
div#btntxt {
	text-align: center;
	position:relative; top:9px;
}
a.btn:link {
	color: #ffffff; text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
a.btn:hover {
	color: #ffff00; text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}
a.btn:visited {
	color: #ffffff; text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

a.btnsml:link {
	color: #ffffff; text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
a.btnsml:hover {
	color: #ffff00; text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}
a.btnsml:visited {
	color: #ffffff; text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}









div#all {
	width: 680px;
}

div#all02 {
	width: 680px;
}


div#left {
	width: 300px;
	background-color: #f2f7fa;
	float:left;
	padding: 15px;
	*padding-top: 15px;
	*padding-right: 0px;
	*padding-left: 15px;
	*padding-bottom: 15px;
	margin-right: 20px;
}


div#right {
	width: 300px;
	background-color: #f2f5fa;
	float:right;
	padding: 15px;
	*padding-top: 15px;
	*padding-right: 0px;
	*padding-left: 15px;
	*padding-bottom: 15px;
}

div#left02 {
	width: 300px;
	background-color: #f2f7fa;
	float:left;
	padding: 15px;
	*padding-top: 15px;
	*padding-right: 15px;
	*padding-left: 15px;
	*padding-bottom: 15px;
	margin-right: 20px;
}


div#right02 {
	width: 300px;
	background-color: #f2f5fa;
	float:right;
	padding: 15px;
	*padding-top: 15px;
	*padding-right: 15px;
	*padding-left: 15px;
	*padding-bottom: 15px;
}





.insth1txt {
	color: #006699;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

.olh1txt {
	color: #004ea2;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}



div#inst_tr {
	width: 264px;
	background-color: #9cc2d8;
	padding: 15px;
	color: #ffffff; text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}


div#online_tr {
	width: 264px;
	background-color: #97b1d8;
	padding: 15px;
	color: #ffffff; text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

div#inst_tr_nb {
	width: 264px;
	background-color: #9cc2d8;
	padding: 15px;
	color: #ffffff; text-decoration: none;
	font-size: 12px;
}


div#online_tr_nb {
	width: 264px;
	background-color: #97b1d8;
	padding: 15px;
	color: #ffffff; text-decoration: none;
	font-size: 12px;
}




div#instbtn {
	width: 294px;
	height:32px;
	text-align: center;
	font-family: arial, helvetica, sans-serif, "ｍｓ ｐゴシック", "ヒラギノ角ゴ7";
	background-image: url(/education/training/images/btn_bg_inst01.gif);
	margin-top: 10px;
}

div#olbtn {
	width: 294px;
	height:32px;
	text-align: center;
	font-family: arial, helvetica, sans-serif, "ｍｓ ｐゴシック", "ヒラギノ角ゴ7";
	background-image: url(/education/training/images/btn_bg_ol01.gif);
	margin-top: 10px;
}






div#darkerleft {
	width: 300px;
	background-color: #e6f0f5;
	padding: 15px;
	margin-left: -15px;
}


div#darkerright {
	width: 300px;
	background-color: #e6ecf5;
	margin-left: -15px;
	padding: 15px;
}






div#insttub01 {
	width: 170px;
	height:34px;
	text-align: center;
	background-image: url(/education/training/images/tub_btn_inst.gif);
	margin-top: 10px;
	float:left;
}
div#insttub01ol {
	width: 170px;
	height:34px;
	text-align: center;
	background-image: url(/education/training/images/tub_btn_ol.gif);
	margin-top: 10px;
	float:left;
}
div#insttub03uk {
	width: 170px;
	height:34px;
	text-align: center;
	background-image: url(/education/training/images/tub_btn_ol_uk.gif);
	margin-top: 10px;
	float:left;
}

div#tubtxt {
	width: 170px;
	text-align: center;
	font-family: arial, helvetica, sans-serif, "ｍｓ ｐゴシック", "ヒラギノ角ゴ7";
	margin-top:10px;
	float:clear;
}



div#insttub02 {
	width: 170px;
	height:34px;
	text-align: center;
	background-image: url(/education/training/images/tub_btn_inst_ud.gif);
	margin-top: 0px;
	float:left;
}
div#insttub02ol {
	width: 170px;
	height:34px;
	text-align: center;
	background-image: url(/education/training/images/tub_btn_ol_ud.gif);
	margin-top: 0px;
	float:left;
}div#insttub02uk {
	width: 170px;
	height:34px;
	text-align: center;
	background-image: url(/education/training/images/tub_btn_ol_uk_ud.gif);
	margin-top: 0px;
	float:left;
}

















div#inst {
	width: 650px;
	*width: 640px;
	background-color: #f2f7fa;
	float:left;
	padding: 15px;
}

div#inst_left {
	width: 307px;
	*width: 286px;
	float:left;
	margin-right: 15px;
}

div#inst_right {
	width: 325px;
	background-color: #f2f7fa;
	float: right;
}


div#ol_tr_btn {
	width: 294px;
	float:left;
	margin-top: 5px;
	margin-left: 340px;
	*margin-left: 170px;
	margin-right: 46px;
	*margin-right: 23px;
}



div#online {
	width: 650px;
	*width: 640px;
	background-color: #f2f5fa;
	float:left;
	padding: 15px;
}

div#online_left {
	width: 307px;
	*width: 286px;
	float:left;
	margin-right: 15px;
}

div#online_right {
	width: 325px;
	background-color: #f2f5fa;
	float: right;
}


div#inst_tr_btn {
	width: 294px;
	float:left;
	margin-top: 5px;
	margin-left: 340px;
	*margin-left: 170px;
	margin-right: 46px;
	*margin-right: 23px;
}



div#information {
	width: 650px;
	*width: 640px;
	background-color: #e0f4fb;
	float:left;
	padding: 15px;
	margin-bottom: 25px;
}































/* individual */


.tab_container01 {
	width: 680px;
	background-color:#fff;
	float:left;
}
.tab_container02{
	width: 680px;
	background-color:#f2f7fa;
	margin-top:0px;
}
.tab_container03{
	width: 680px;
	background-color:#f2f7fa;
	margin-top:0px;
}
.tab_container04{
	width: 680px;
	background-color:#f2f5fa;
	margin-top:0px;
}
.tab_container05{
	width: 650px;
	background-color:#f2f5fa;
	margin-top:0px;
}



.btn_container01 {
	width: 294px;
	margin-left: auto;
	margin-right: auto;
	background-color:#fff;
	text-align: center;
}





.tab_inst_title {
	width: 640px;
	padding: 20px;
	float:left;
	background-color:#f2f7fa;
}


.tab_in_dark {
	width: 640px;
	*width: 660px;
	padding: 20px;
	float:left;
	background-color:#eaf2f7;
}
.tab_in_light {
	width: 640px;
	*width: 660px;
	padding: 20px;
	float:left;
	background-color:#f2f7fa;
}
.tab_ol_dark {
	width: 640px;
	*width: 660px;
	padding: 20px;
	float:left;
	background-color:#e6ecf5;
}
.tab_ol_light {
	width: 640px;
	*width: 660px;
	padding: 20px;
	float:left;
	background-color:#f2f5fa;
}

.tab_in_dark02 {
	width: 640px;
	padding: 20px;
	float:left;
	background-color:#eaf2f7;
}
.tab_in_light02 {
	width: 640px;
	padding: 20px;
	float:left;
	background-color:#f2f7fa;
}
.tab_ol_dark02 {
	width: 640px;
	padding: 20px;
	float:left;
	background-color:#e6ecf5;
}
.tab_ol_light02 {
	width: 640px;
	padding: 20px;
	float:left;
	background-color:#f2f5fa;
}




.tab_logobox {
	float:left;
}


.tab_txtbox {
	width: 510px;
	*width: 531px;
	margin-left: 20px;
	float:left;
}
.tab_txtboxol {
	width:450px;
	margin-left: 20px;
	float:left;
}
.tab_txtboxol02 {
	width:450px;
	margin-left: 20px;
}


.instcrstxt {
	color: #006699;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
.olcrstxt {
	color: #004EA2;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

.instcrsline {
	width: 510px;
	height: 1px;
	margin-bottom: 8px;
	background-color: #006699;
}





div#btninstsml {
	width: 47px;
	height:22px;
	text-align: center;
	font-family: arial, helvetica, sans-serif, "ｍｓ ｐゴシック", "ヒラギノ角ゴ7";
	background-image: url(/education/training/images/btn_bg_inst_small.gif);
	margin-left: 30px;
	*margin-left: 22px;
	float:left;
}
div#btnolsml {
	width: 47px;
	height:22px;
	text-align: center;
	font-family: arial, helvetica, sans-serif, "ｍｓ ｐゴシック", "ヒラギノ角ゴ7";
	background-image: url(/education/training/images/btn_bg_ol_small.gif);
	margin-right: 30px;
	*margin-right: 22px;
	float:left;
}

div#btntxtsml {
	text-align: center;
	position:relative; top:4px;
}



div#btntxtsml02 {
	text-align: center;
	position:relative; top:8px;
}









.triangle01 {
	line-height: 50%;
	color: #9cc2d8;
	text-align: center;
	font-size:22px;
}

.triangle02 {
	line-height: 50%;
	color: #97b1d8;
	text-align: center;
	font-size:22px;
}



div#gap {
	width: 650px;
	height: 300px;
	*height: 50px;
}


































/* help pages */



.helpimg {
	margin-bottom: 5px;
}