@charset "utf-8";
/*------------------------------------------------------ページ名称*/

/* ***************************************************
   用途
   *************************************************** */
/* ----------------------------------------------- 
 *	#id名 .class名
 * ----------------------------------------------- */
 


/* ***************************************************
   レイアウト
   *************************************************** */
/* ----------------------------------------------- 
 *	#contents
 * ----------------------------------------------- */
/* ------------------------------------ 
 *	#contents .contTtl
 * ------------------------------------ */

.contTtl ul{
	position: absolute;
	left: 292px;
	top: 11px;
}
.contTtl ul li{
	float:left;
	margin:0px;
}

.pageBtm .mr11 {
	margin:0 11px 0 0;
}

/* ------------------------------------ 
 *	#contents .contTtl
 * ------------------------------------ */
 
.bgBorderStep {
	background:url(/img/training/howto/bg_border_blu_step_middle.gif) repeat-y 0 0;
	margin:0;
}

.bgBorderStepCrate {
	background:url(/img/training/howto/bg_border_blu_crate_middle.gif) no-repeat 0 0;
	margin:0;
}

.bgBorderStepIndex {
	background:url(/img/training/howto/bg_border_blu_index_middle.gif) no-repeat 0 0;
	margin:0;
}

.bgBorderStepMou {
	background:url(/img/training/howto/bg_border_blu_mou_middle.gif) no-repeat 0 0;
	margin:0;
}


.bgBorderStep .colLeft260,
.bgBorderStepCrate .colLeft260,
.bgBorderStepIndex .colLeft260,
.bgBorderStepMou .colLeft260{
	width:260px;
	margin:0 20px 0 0;
	padding:0;
	float:left;
	
	vertical-align:middle;	
}

.bgBorderStep .colLeft440,
.bgBorderStepCrate .colLeft440,
.bgBorderStepIndex .colLeft440,
.bgBorderStepMou .colLeft440  {
	width:440px;
	margin:0;
	padding:0;
	float:left;
}

,colLeft440 h6 {
	padding:10px 0 10px 0!important;
}

.step .colLeft360 {
	width:360px;
	float:left;
	margin:0;
}

.iconLiBgBlu ul {
	margin:0;
	padding:0 15px 0 15px;
}

.iconLiBgBlu ul li {
	background:url(/img/training/howto/icon_list_bg_blue.gif) no-repeat 0 3px;
	margin:0 0 2px 0;
	padding:0 0 0 15px;
}

.iconLiBgBluHow ul {
	margin:0;
	padding:0 15px 0 0;
}

.iconLiBgBluHow ul li {
	background:url(/img/training/howto/icon_list_how.gif) no-repeat 0 5px;
	margin:0 0 2px 0;
	padding:0 0 0 15px;
}

.colRight360 h6,
.colRight360Sit h6 {
	padding:20px 0 0 15px;
}

.step .colLeft421 {
	width:421px;
	float:left;
	margin:0 9px 0 0;
}

.step .colRight305 {
	width:305px;
	float:left;
	margin:0;
}

/* ------------------------------------ 
 *	BG　How to use
 * ------------------------------------ */

.step .colRight360 {
	background:url(/img/training/howto/img_howto_hb02_03.gif) no-repeat 0 0;
	background-color:#e7f4f8;
	width:360px;
	margin:0;
	position:absolute;
	top:0;
	left:375px;
	/*height:210px;*/
}
.step .colRight360Sit {
	background:url(/img/training/howto/img_howto_sit02_03.gif) no-repeat 0 0;
	background-color:#e7f4f8;
	width:360px;
	margin:0;
	position:absolute;
	top:0;
	left:375px;
	/*height:156px;*/
}

/* ------------------------------------ 
 *	#contents step margin
 * ------------------------------------ */

.stepMt11 {
	margin-top:40px;
}

.stepMt12 {
	margin-top:5px;
}

.stepMt13 {
	margin-top:20px;
}

.stepMt21 {
	margin-top:15px;
}

.stepMt22 {
	margin-top:5px;
}

.stepMt23 {
	margin-top:10px;
}

.stepMt31 {
	margin-top:40px;
}

.stepMt32 {
	margin-top:25px;
}

.stepMt33 {
	margin-top:10px;
}