@charset "utf-8";

/* ============================================
 *
 * Last UpDate : 2010/05/20
 *
============================================ */

/* --------------------------------------------
	lNavi active -  bodyのclassがXXXのとき、該当するナビをアクティブ
-------------------------------------------- */
body.flow  #lNavi li.flow a,
body.voice #lNavi li.voice   a {
	background: #f0f0f0 url(/common/img/sub/sub_bg_lnavi.gif) no-repeat left top;
	color: #999999;
}
	body.flow  #lNavi li.flow a span,
	body.voice #lNavi li.voice   a span {
		background-image: url(/common/img/ico/ico_arrowL_02.gif);
	}
	body.cm01 #lNavi li #slideWrap ul li ul li.cm01 a,
	body.cm02 #lNavi li #slideWrap ul li ul li.cm02 a,
	body.cm03 #lNavi li #slideWrap ul li ul li.cm03 a,
	body.cm04 #lNavi li #slideWrap ul li ul li.cm04 a,
	body.cm05 #lNavi li #slideWrap ul li ul li.cm05 a,
	body.cm06 #lNavi li #slideWrap ul li ul li.cm06 a,
	body.cm07 #lNavi li #slideWrap ul li ul li.cm07 a,
	body.cm08 #lNavi li #slideWrap ul li ul li.cm08 a,
	body.cm09 #lNavi li #slideWrap ul li ul li.cm09 a,
	body.cm10 #lNavi li #slideWrap ul li ul li.cm10 a,
	body.cm11 #lNavi li #slideWrap ul li ul li.cm11 a,
	body.cm12 #lNavi li #slideWrap ul li ul li.cm12 a,
	body.cm13 #lNavi li #slideWrap ul li ul li.cm13 a,
	body.cm14 #lNavi li #slideWrap ul li ul li.cm14 a,
	body.cm15 #lNavi li #slideWrap ul li ul li.cm15 a,
	body.cm16 #lNavi li #slideWrap ul li ul li.cm16 a,
	body.cm17 #lNavi li #slideWrap ul li ul li.cm17 a,
	body.cm18 #lNavi li #slideWrap ul li ul li.cm18 a,
	body.cm19 #lNavi li #slideWrap ul li ul li.cm19 a,
	body.cm20 #lNavi li #slideWrap ul li ul li.cm20 a,
	body.cm21 #lNavi li #slideWrap ul li ul li.cm21 a,
	body.cm22 #lNavi li #slideWrap ul li ul li.cm22 a,
	body.cm23 #lNavi li #slideWrap ul li ul li.cm23 a,
	body.cm24 #lNavi li #slideWrap ul li ul li.cm24 a,
	body.cm25 #lNavi li #slideWrap ul li ul li.cm25 a,
	body.cm26 #lNavi li #slideWrap ul li ul li.cm26 a,
	body.cm27 #lNavi li #slideWrap ul li ul li.cm27 a,
	body.cm28 #lNavi li #slideWrap ul li ul li.cm28 a,
	body.cm29 #lNavi li #slideWrap ul li ul li.cm29 a,
	body.cm30 #lNavi li #slideWrap ul li ul li.cm30 a,
	body.cm31 #lNavi li #slideWrap ul li ul li.cm31 a,
	body.cm32 #lNavi li #slideWrap ul li ul li.cm32 a,
	body.cm33 #lNavi li #slideWrap ul li ul li.cm33 a,
	body.cm34 #lNavi li #slideWrap ul li ul li.cm34 a,
	body.cm35 #lNavi li #slideWrap ul li ul li.cm35 a,
	body.cm36 #lNavi li #slideWrap ul li ul li.cm36 a,
	body.cm37 #lNavi li #slideWrap ul li ul li.cm37 a,
	body.cm38 #lNavi li #slideWrap ul li ul li.cm38 a,
	body.cm39 #lNavi li #slideWrap ul li ul li.cm39 a,
	body.cm40 #lNavi li #slideWrap ul li ul li.cm40 a
	{
		background: #f0f0f0 url(/common/img/sub/sub_bg_lnavi.gif) no-repeat left top;
		color: #999999;
	}
		body.cm01 #lNavi li #slideWrap ul li ul li.cm01 a span,
		body.cm02 #lNavi li #slideWrap ul li ul li.cm02 a span,
		body.cm03 #lNavi li #slideWrap ul li ul li.cm03 a span,
		body.cm04 #lNavi li #slideWrap ul li ul li.cm04 a span,
		body.cm05 #lNavi li #slideWrap ul li ul li.cm05 a span,
		body.cm06 #lNavi li #slideWrap ul li ul li.cm06 a span,
		body.cm07 #lNavi li #slideWrap ul li ul li.cm07 a span,
		body.cm08 #lNavi li #slideWrap ul li ul li.cm08 a span,
		body.cm09 #lNavi li #slideWrap ul li ul li.cm09 a span,
		body.cm10 #lNavi li #slideWrap ul li ul li.cm10 a span,
		body.cm11 #lNavi li #slideWrap ul li ul li.cm11 a span,
		body.cm12 #lNavi li #slideWrap ul li ul li.cm12 a span,
		body.cm13 #lNavi li #slideWrap ul li ul li.cm13 a span,
		body.cm14 #lNavi li #slideWrap ul li ul li.cm14 a span,
		body.cm15 #lNavi li #slideWrap ul li ul li.cm15 a span,
		body.cm16 #lNavi li #slideWrap ul li ul li.cm16 a span,
		body.cm17 #lNavi li #slideWrap ul li ul li.cm17 a span,
		body.cm18 #lNavi li #slideWrap ul li ul li.cm18 a span,
		body.cm19 #lNavi li #slideWrap ul li ul li.cm19 a span,
		body.cm20 #lNavi li #slideWrap ul li ul li.cm20 a span,
		body.cm21 #lNavi li #slideWrap ul li ul li.cm21 a span,
		body.cm22 #lNavi li #slideWrap ul li ul li.cm22 a span,
		body.cm23 #lNavi li #slideWrap ul li ul li.cm23 a span,
		body.cm24 #lNavi li #slideWrap ul li ul li.cm24 a span,
		body.cm25 #lNavi li #slideWrap ul li ul li.cm25 a span,
		body.cm26 #lNavi li #slideWrap ul li ul li.cm26 a span,
		body.cm27 #lNavi li #slideWrap ul li ul li.cm27 a span,
		body.cm28 #lNavi li #slideWrap ul li ul li.cm28 a span,
		body.cm29 #lNavi li #slideWrap ul li ul li.cm29 a span,
		body.cm30 #lNavi li #slideWrap ul li ul li.cm30 a span,
		body.cm31 #lNavi li #slideWrap ul li ul li.cm31 a span,
		body.cm32 #lNavi li #slideWrap ul li ul li.cm32 a span,
		body.cm33 #lNavi li #slideWrap ul li ul li.cm33 a span,
		body.cm34 #lNavi li #slideWrap ul li ul li.cm34 a span,
		body.cm35 #lNavi li #slideWrap ul li ul li.cm35 a span,
		body.cm36 #lNavi li #slideWrap ul li ul li.cm36 a span,
		body.cm37 #lNavi li #slideWrap ul li ul li.cm37 a span,
		body.cm38 #lNavi li #slideWrap ul li ul li.cm38 a span,
		body.cm39 #lNavi li #slideWrap ul li ul li.cm39 a span,
		body.cm40 #lNavi li #slideWrap ul li ul li.cm40 a span
		{
			background-image: url(/common/img/ico/ico_arrowL_02.gif);
		}
		#lNavi li ul li ul li a {
			padding-right: 5px !important;
		}
		#lNavi li ul li ul li a:hover span {
			background: url(/common/img/ico/ico_arrowL_02.gif) no-repeat left center !important;
		}

/* ============================================
	Methodology共通
============================================ */
.h3_Methodology {
	margin-bottom: 10px;
	font-size: 130%;
	font-weight: bold;
}
.h4_Methodology {
	margin-bottom: 10px;
	font-size: 115%;
	font-weight: bold;
}
	.h4_Methodology img {
		margin-right: 5px;
		vertical-align: middle;
	}
.sectionMethodology1 {
	margin: 20px 29px;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 19px;
	zoom: 1;
}
.sectionMethodology1.last {
	margin-bottom: 0;
	border-bottom: none;
}
	.imgBoxL .fltImg { margin-right: 15px;}
	.imgBoxR .fltImg { margin-left:  15px;}


/* ============================================
	Methodologyサイドメニュー
============================================ */
#lNavi li #slideWrap {
	position: relative;
	overflow: hidden;
	padding-bottom: 40px;
	width: 249px;
}
	#lNavi li #slideWrap ul {
		position: relative;
		left: 0;
		padding: 0;
		overflow: hidden;
	}
		#lNavi li #slideWrap ul li {
			float: left;

			margin: 0;
			padding-bottom: 10px;
			border: none;
			width: 249px;
		}
			#lNavi li #slideWrap ul li ul {
				zoom: 1;
			}
				#lNavi li #slideWrap ul li ul li {
					float: none;
					margin: 0;
					border-bottom: 1px solid #cfcfcf;
					padding: 0;
					width: auto;
				}
					#lNavi li #slideWrap ul li ul li a {
						padding: 0 0 0 20px;
					}
					#lNavi li #slideWrap ul li ul li a:hover {
						background: #f0f0f0 url(/common/img/sub/sub_bg_lnavi.gif) no-repeat left top;
						color: #999999;
					}
						#lNavi li #slideWrap ul li ul li a span {
							background: url(/common/img/ico/ico_arrowL_01.gif) no-repeat left center;
							padding: 12px 5px 12px 20px;
							zoom: 1;
						}
						#lNavi li #slideWrap ul li ul li a:hover span {
							background-image: url(/common/img/ico/ico_arrowL_02.gif);
						}

		#slideWrap .slideNavi p {
			position: absolute;
			bottom: 10px;
			width: 50%;
		}
		#slideWrap .slideNavi .back {
			left: 10px;
			text-align: left;
		}
		#slideWrap .slideNavi .next {
			right: 10px;
			text-align: right;
		}
			#slideWrap .slideNavi p a {
				display: none;
			}
			#slideWrap .slideNavi p.back a {
				background: url(/common/img/ico/ico_arrowL_01.gif) no-repeat left center;
				padding-left: 15px;
				white-space: nowrap;
			}
				#slideWrap .slideNavi p.back a:hover {
					background: url(/common/img/ico/ico_arrowL_02.gif) no-repeat left center;
				}
			#slideWrap .slideNavi p.next a {
				background: url(/common/img/ico/ico_arrowR_01.gif) no-repeat right center;
				padding-right: 15px;
				white-space: nowrap;
			}
				#slideWrap .slideNavi p.next a:hover {
					background: url(/common/img/ico/ico_arrowR_01_02.gif) no-repeat right center; 
				}
	#slideWrap .circleNavi li,
	#slideWrap .view_all {
		display: none;
	}
		.circleNavi {
			width: 249px;
			color: #999999;
			font-size: 8px;
			text-align: center;
		}
		.circleNavi li {
			padding-bottom: 0 !important;
		}
	#slideWrap .circleNavi .current { display: block;}

/* ============================================
	index.html
============================================ */
#method_index {
	background:url(/cm/img/methodology_bg.gif) no-repeat left top;
	padding-left: 190px;
}
	#method_index h3 a {
		text-decoration: underline;
	}
	#method_index h3 a:hover {
		text-decoration: none;
	}
	#method_index .index_btn {
		text-align: right;
		margin-top: 10px;
	}
/* ============================================
	第1回 ワークフロー
============================================ */
.sectionCm01{
	width:270px;
	font-size:10px;
}

/* ============================================
	第11回 ナビゲーションの一元管理
============================================ */
.table_cm1101 {
	line-height:1.5;
	width:99.9%;
}
	.table_cm1101 th, .table_cm1101 td {
		border:#FFFFFF solid 1px;
	}
	.table_cm1101 th {
		background:none repeat scroll 0 0 #000000;
		color:#FFFFFF;
		font-weight:bold;
		padding:5px;
		text-align:center;
	}
	.table_cm1101 td {
		background:none repeat scroll 0 0 #EFEFEF;
		text-align:center;
	}
	.table_cm1101 tr.odd td {
		background:none repeat scroll 0 0 #DBDBDB;
	}
	.table_cm1101 th div, .table_cm1101 td div {
		padding:5px 12px;
	}
	.table_cm1101 .td_cm1101{
		text-align:left;
		padding:5px;
	}
	.th_cm1101{
		width:27%;
	}
	.th_cm1102{
		width:17%;
	}


/* ============================================
	cm/cm36.html
============================================ */
.ul_cm36 {
	margin: 10px 0 0 2.0em;
}
	.ul_cm36 li {
		text-indent: -2.0em;
		margin-top: 5px;
	}


/* ============================================
	cm/cm38.html
============================================ */
.section01Cm38 dl {
	margin-top: 20px;
}
	.section01Cm38 dt {
		font-weight: bold;
	}
.section01Cm38 p {
	margin-top: 20px;
}

.tableCm38 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	margin-top: 20px;
}
	.tableCm38 table {
		line-height:1.5;
		width:100%;
	}
		.tableCm38 th {
			width: 4%;
			color: #036;
		}
			.tableCm38 th,
			.tableCm38 td {
				padding-top: 10px;
				text-align: left;
				vertical-align: top;
			}