@charset "utf-8";

/* *****************************************
/*+  training/index.html  +****************
/***************************************** */
#training div.txtLeft p {
	width: 440px;
	}

/* *****************************************
/*+  training/example.html  +***************
/***************************************** */
div#contents p.tableTitle {
	font-weight:bold;
	margin-bottom:0;
	}
#example div#contents table {
	margin-bottom:5px;
	}
#example table th {
	width: 120px;
	}
#example table td ul li {
	margin-left:30px;
	padding-left:10px;
	background:url(../cmn_img/listicon.gif) no-repeat left 0.7em;
	}
#example table td ol {
	margin:0;
	}
#example table td ol li {
	list-style-type:upper-roman;
	}
* html #example table td ol li {	/* hackForWinIE6 */
	margin-left:40px;
	}

/* *****************************************
/*+  training/qa.html  +***************
/***************************************** */
#qa .localNavigation {
	height:58px;
	position:relative;
	}
#qa .localNavigation li {
	position:absolute;
	top:0;
	left:0;
	}
#qa .localNavigation li.qa2 {
	left:161px;
	}
#qa .localNavigation li.qa3 {
	left:322px;
	}
#qa .localNavigation li.qa4 {
	left:483px;
	}
#qa .localNavigation li a:hover img {
	filter : alpha(opacity = 70);
	-moz-opacity : 0.70;
	opacity : 0.70;
	}
.qaContents dl {
	margin-bottom:20px;
	border:#92B677 1px solid;
	}
.qaContents dt,
.qaContents dd {
	margin-bottom:8px;
	padding:10px 6px 10px 58px;
	}
.qaContents dt {
	font-weight:bold;
	border-bottom:#92B677 1px solid;
	background:url(../img/qa_ico_q.jpg) no-repeat 8px 0 #EEF8DE;
	}
.qaContents dd {
	background:url(../img/qa_ico_a.jpg) no-repeat 8px 0;
	}
div#contents .qaContents span {
	width:0;
	height:0;
	text-indent:-99999px;
	display:block;
	}
* html div#contents .qaContents span {	/* hackForWinIE6 */
	float:left;
	}

/* *****************************************
/*+  training/voice.html  +***************
/***************************************** */
#voice #contents p.notes {
	margin-bottom:30px;
	font-weight:bold;
	}
#case dl {
	margin:0 12px 20px 0;
	padding:1px;
	width:199px;
	border:#FFD0D0 2px solid;
	float:left;
	}
#case dl.lastChild {
	margin-right:0;
	}
#case dt {
	margin-bottom:1px;
	padding:8px 6px;
	color:#FFFFFF;
	font-weight:bold;
	background:url(../img/voice_bg_pink.gif);
	}
#case dd {
	padding:9px;
	background:#FFF5F5;
	}
#case dl.lastElement {
	margin:0 0 20px 0;
	padding:1px;
	width:auto;
	border:#92B677 2px solid;
	float:none;
	}
#case dl.lastElement dt {
	background:url(../img/voice_bg_green.gif);
	}
#case dl.lastElement dd {
	background:#EEF8DE;
	}
#case dl.lastElement dd .graph {
	margin-left:12px;
	}
*+html #case div.clearfix {
	margin-bottom:20px;
	}
div#contents .voiceImages p.largeImage {
	margin-bottom:4px;
	padding:10px;
	text-align:center;
	background:#EEF8DE;
	}
.voiceImages ul {
	margin-bottom:20px;
	}
.voiceImages li {
	margin:0 3px 3px 0;
	float:left;
	}
.voiceImages li a:hover img {
	filter : alpha(opacity = 70);
	-moz-opacity : 0.70;
	opacity : 0.70;
	}

/* *****************************************
/*+  training/flow.html  +***************
/***************************************** */
.step {
	padding-bottom:36px;
	background:url(../cmn_img/arrow_green.gif) no-repeat 66px bottom;
	}
.step.lastChild {
	margin-bottom:20px;
	padding-bottom:0;
	background:none;
	}
.step dl.clearfix {
	padding:2px;
	border:#92B677 2px solid;
	}
.step dl.clearfix dt {
	background:url(../img/flow_bg_step.gif);
	float:left;
	}
.step dl.clearfix dd {
	padding:10px 0;
	width:454px;
	float:right;
	}
.step dl.clearfix dd ul {
	margin: 6px 0;
	}
.step dl.clearfix dd ul li {
	padding-left:10px;
	background:url(../cmn_img/listicon.gif) no-repeat left 0.7em;
	}