@charset "Shift_JIS";


/*-------------------------------------------------------
	#mainContent and subordinate selector
-------------------------------------------------------*/
div#mainContent {
}

	div#mainContent h1 {
		margin: 0 0 1px 0;
	}

	div#mainContent h2 {
		margin: 0 0 7px 0;
	}

	div#mainContent p.wideRead {
		margin: 0 0 5px 0;
	}

	/*-------------------------------------------------------
		#spBox and subordinate selector
	-------------------------------------------------------*/
	div#mainContent div#spBox {
		margin: 0 0 7px 0;
		background: transparent url(../share/images/spBoxBg.gif) left bottom no-repeat;
	}

		div#mainContent div#spBox div.spBoxInner {
			margin: 0;
			width: 269px;
			height: auto;
		}

			div#mainContent div#spBox div.spBoxInner p.spBoxRead {
				margin: 3px 13px 0 13px;
				padding: 0;
				width: 243px;
				height: auto;
			}

			div#mainContent div#spBox div.spBoxInner p.detail {
				margin: 0 6px 6px 155px;
				padding: 0;
				width: 73px;
				height: auto;
			}

	/*-------------------------------------------------------
		#wrapBox and subordinate selector
	-------------------------------------------------------*/
	div#mainContent div#wrapBox {
		margin: 0 0 7px 0;
		padding: 0 0 15px 0;
		background: transparent url(../share/images/wrapBoxBg.gif) left bottom no-repeat;
	}

		div#mainContent div#wrapBox h3 {
			margin: 0 0 8px 0;
			padding: 0;
		}

		div#mainContent div#wrapBox p#wrapBoxRead {
			margin: 0 13px;
			padding: 0;
			width: 519px;
			height: auto;
			
		}

		div#mainContent div#wrapBox p.detail {
			margin: 0 0 8px 423px;
			padding: 0;
			width: 73px;
			height: 18px;
		}

		div#mainContent div#wrapBox div#wrapBoxInner {
			margin: 0 0 0 13px;
			padding: 0;
			width: 519px;
			height: auto;
		}

			div#mainContent div#wrapBox div#wrapBoxInner h4 {
				margin: 0 0 11px 0;
				padding: 0;
			}

			div#mainContent div#wrapBox div#wrapBoxInner div#wrapBoxInnerLists {
			}

				div#mainContent div#wrapBox div#wrapBoxInner div#wrapBoxInnerLists p {
					margin: 0 0 15px 0;
				}

				div#mainContent div#wrapBoxInner div#wrapBoxInnerLists ul {
					/*width: 255px;*//* Look! */
					width: auto;/* Look! */
					height: auto;
					list-style: none;
				}

					div#mainContent div#wrapBoxInner div#wrapBoxInnerLists ul li {
						margin: 0 0 0.1em 0;
						padding: 0 0 0 17px;
						/*width: 238px;*//* Look! */
						width: auto;/* Look! */
						height: auto;
						font-size: 81%;
					} div#mainContent div#wrapBoxInner div#wrapBoxInnerLists ul li.num1 {
						background: transparent url(../share/images/num1Icon.gif) 0em 0.1em no-repeat;
					} div#mainContent div#wrapBoxInner div#wrapBoxInnerLists ul li.num2 {
						background: transparent url(../share/images/num2Icon.gif) 0em 0.1em no-repeat;
					} div#mainContent div#wrapBoxInner div#wrapBoxInnerLists ul li.num3 {
						background: transparent url(../share/images/num3Icon.gif) 0em 0.1em no-repeat;
					} div#mainContent div#wrapBoxInner div#wrapBoxInnerLists ul li.num4 {
						background: transparent url(../share/images/num4Icon.gif) 0em 0.1em no-repeat;
					} div#mainContent div#wrapBoxInner div#wrapBoxInnerLists ul li.num5 {
						background: transparent url(../share/images/num5Icon.gif) 0em 0.1em no-repeat;
					} div#mainContent div#wrapBoxInner div#wrapBoxInnerLists ul li.num6 {
						background: transparent url(../share/images/num6Icon.gif) 0em 0.1em no-repeat;
					} div#mainContent div#wrapBoxInner div#wrapBoxInnerLists ul li.num7 {
						background: transparent url(../share/images/num7Icon.gif) 0em 0.1em no-repeat;
					} div#mainContent div#wrapBoxInner div#wrapBoxInnerLists ul li.num8 {
						background: transparent url(../share/images/num8Icon.gif) 0em 0.1em no-repeat;
					} div#mainContent div#wrapBoxInner div#wrapBoxInnerLists ul li.num9 {
						background: transparent url(../share/images/num9Icon.gif) 0em 0.1em no-repeat;
					}

	/*-------------------------------------------------------
		#newsTopic and subordinate selector
	-------------------------------------------------------*/
	div#mainContent div#newsTopic {
		margin: 0 0 11px 0;
		padding: 0 0 15px 0;
		background: transparent url(../share/images/wrapBoxBg.gif) left bottom no-repeat;
	}

		div#mainContent div#newsTopic h3,
		div#mainContent div#backnumber h3 {
			margin: 0;
			padding: 0;
			width: 545px;
			height: 25px;
			position: relative;
		}

			div#mainContent div#newsTopic h3 a img,
			div#mainContent div#backnumber h3 a img {
				position: absolute;
				top: 4px;
				left: 462px;
			}

		div#mainContent div#newsTopic dl,
		div#mainContent div#backnumber dl {
			margin: 9px 0 0 13px;
			padding: 0;
			width: 519px;
			height: auto;
		}

			div#mainContent div#newsTopic dl dt,
			div#mainContent div#backnumber dl dt {
				padding: 0 0 0 12px;
				width: 507px;
				display: block;
				background: transparent url(../share/images/topicArrowIcon.gif) left center no-repeat;
			}

				div#mainContent div#newsTopic dl dt span,
				div#mainContent div#backnumber dl dt span.date {
					margin: 0 4px 0 0;
					display: block;
					float: left;
				}

				div#mainContent div#newsTopic dl dt img,
				div#mainContent div#backnumber dl dt img {
					margin: 2px 0 0 0;
					padding: 0;
					display: block;
					float: left;
					line-height: 20px;
				}

			div#mainContent div#newsTopic dl dd,
			div#mainContent div#backnumber dl dd {
				margin: 0 0 10px 0;
				padding: 0 0 0 12px;
				width: 507px;
			} 

				div#mainContent div#backnumber dl dd span.place {
					margin: 0 5px 0 0;
					width: 85px;
					display: block;
					float: left;
				}

				div#mainContent div#backnumber dl dd p {
					width: 405px;
					float: left;
				}


/*-------------------------------------------------------
	#menu and subordinate selector
-------------------------------------------------------*/
div#menu {
}

	div#menu p.banner2 {
		margin: 1px 0;
		padding: 0;
	}

		div#menu p.banner2 img {
			margin: 0;
			padding: 0;
			display: block;
		}

	div#menu p.banner3 {
		margin: 0 0 10px 0;
		padding: 2px 0 10px 0;
		width: 160px;
		border-bottom: dotted 1px #d8d8dd;
	}

/*-------------------------------------------------------
	#contact and subordinate selector
-------------------------------------------------------*/
p.contact {
	margin: 0 0 0 161px;
	padding: 0;
}


/*-------------------------------------------------------
	Clear Fix Module
-------------------------------------------------------*/
/* for modern browser */
.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */


/*-------------------------------------------------------
	Float Module
-------------------------------------------------------*/
div#mainContent .left {
	float: left;
} div#mainContent .right {
	float: right;
}

/*-------------------------------------------------------
	#defaltHead and subordinate selector
-------------------------------------------------------*/

div#defaultHead {
	margin: 0 0 20px 0;
} div#defaultHeadSlim {
	margin: 0 0 10px 0;
}

	div#defaultHead h1,
	div#defaultHeadSlim h1 {
		margin: 0 0 1px 0;
		padding: 0px;
	}

	div#defaultHead p,
	div#defaultHeadSlim p {
		margin: 0;
		padding: 0;
	}

	div#defaultHead p.shoulder,
	div#defaultHeadSlim p.shoulder {
		margin: 5px 0 0 0;
		padding: 0;
	}

/*-------------------------------------------------------
	.textAndCImage and subordinate selector
-------------------------------------------------------*/

div.textAndCImage {
	margin: 0 0 58px 0;
	text-align: center;
}

	div.textAndCImage .head {
		margin: 0;
		padding: 0;
	}

	div.textAndCImage p {
		margin: 13px;
		padding: 0;
		width: 519px;
		height: auto;
		text-align: left;
	}

	div.textAndCImage img.graph {
		margin: 20px auto 0 auto;;
	}

/*-------------------------------------------------------
	.character and subordinate selector
-------------------------------------------------------*/

div.character {
		margin: 0 0 20px 0;
}

	div.character table {
		width: 545px;
		border-top: solid 3px #76a4d1;
		border-collapse: collapse;
	}

		div.character table caption {
			display: none;
		}

		div.character table tr {
		}

			div.character table tr th {
				padding: 8px 0;
				border: solid 1px #d0dced;
				background: #ecf2f9;
				text-align: center;
				vertical-align: middle;
				line-height: 1.7em;
			}

			div.character table tr td {
				padding: 5px 0;
				width: 145px;
				border: solid 1px #d0dced;
				background: #fcfcfe;
				text-align: center;
				color: #555;
				font-weight: bold;
				vertical-align: middle;
				line-height: 1.7em;
			}

/*-------------------------------------------------------
	.aboutProject and subordinate selector
-------------------------------------------------------*/

div.aboutProject,
div.scheduleProject,
div.solutionFlow {
	margin: 0 0 15px 0;
	padding: 0 0 13px 0;
	background: transparent url(../share/images/wrapBoxBg.gif) left bottom no-repeat;
}

	div.aboutProject h2,
	div.scheduleProject h2 {
		margin: 0 0 13px 0 !important;
		padding: 0;
	}

	div.aboutProject h3 {
		margin: 0 0 11px 13px !important;
		padding: 0;
	}

	div.aboutProject table {
		margin: 0 0 13px 11px;
		width: 523px;
		height: auto;
		border-top: solid 3px #d8d8dd;
		border-bottom: solid 3px #d8d8dd;
		border-collapse: collapse;
	}

		div.aboutProject table caption {
			display: none;
		}

		div.aboutProject table tr {
		}

			div.aboutProject table tr th {
				padding: 4px;
				width: 117px;
				_width: 125px;
				height: auto;
				background: #f1f1f1;
				border: solid 1px #fff;
				text-align: left;
				color: #555;
				font-weight: bold;
			}

			div.aboutProject table tr td {
				padding: 4px;
				background: #f5f5f5;
				border: solid 1px #fff;
				color: #333;
			}

	div.aboutProject p.btn {
		margin: 0 0 0 129px;
	}

	div.scheduleProject p#schedule {
		margin: 0 0 0 11px;
	}


		div.solutionFlow p.str {
			margin: 0 0 10px 11px;
		}

		div.solutionFlow p.btn {
			margin: 0 0 0 128px;
		}
		

/*-------------------------------------------------------
	.kmBooth and subordinate selector
-------------------------------------------------------*/

div.kmBooth {
	margin: 0 0 10px 0;
	padding: 0 0 12px 0;
	background: transparent url(../share/images/wrapBoxGrayBg.gif) left bottom no-repeat;
}

	div.kmBooth h2 {
		margin: 0 0 3px 0 !important;
	}

	div.kmBooth h3 {
		margin: 0 0 5px 21px !important;
	}

	div.kmBooth p {
		margin: 0 11px 0 21px !important;
	}


/*-------------------------------------------------------
	.booth and subordinate selector
-------------------------------------------------------*/

div.booth,
div.booth0 {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: transparent url(../share/images/wrapBoxBlueBg.gif) left bottom no-repeat;
}

	div.booth div {
		padding: 40px 0 0 0;
		background: transparent url(../share/images/wrapBoxBlueTopBg.gif) left top no-repeat;
	}

	div.booth0 div {
	}

		div.booth div h3,
		div.booth0 div h3 {
			margin: 5px 12px 7px 12px;
			font-size: 82%;
			font-weight: 600;
			color: #062b76;
		}
			
		div.booth div p,
		div.booth0 div p {
			margin: 0 12px 0 12px;
		}

p#go2Index {
	margin: 26px 0 40px 130px;
}

ul#go3Index {
	margin: 35px 0 30px 64px;
	width:419px;
	height:auto;
	list-style: none;
}

	ul#go3Index li#caseGoIndex {
		float: left;
	}

	ul#go3Index li#caseOthers {
		float: right;
	}


/*-------------------------------------------------------
	#points and subordinate selector
-------------------------------------------------------*/

div#points {
	margin: 0 0 15px 0;
	width: 545px;
	height: auto;
	background: transparent url(../casestudy/images/pointsBg.gif) left top no-repeat;
	border-bottom: solid 1px #b5b5b6;
}
	
	div#points dl {
		margin: 0;
		padding: 0 0 0 12px;
		width: 169px;
		_width: 180px;
		height: auto;
		float: left;
	}

		div#points dl dt {
			margin: 0 0 12px 0;
			padding: 6px 0 0 0;
		}

		div#points dl dd {
			margin: 0;
			padding: 0 3px 13px 0;
		}

/*-------------------------------------------------------
	.casesBooth and subordinate selector
-------------------------------------------------------*/
div.casesBooth {
	margin: 0 0 15px 0;
	padding: 0;
	background: transparent url(../share/images/wrapBoxBg.gif) left bottom no-repeat;
}

	div.casesBooth h2 {
		margin: 0 !important;
		padding: 0 !important;
	}

	div.casesBooth p.text {
		padding: 13px !important;
	}	

	div.casesBooth p.btn {
		padding: 0 13px 13px 13px !important;
		text-align: right;
	}	
	

/*-------------------------------------------------------
	.exp and subordinate selector
-------------------------------------------------------*/
div.exp {
	margin: 0 0 20px 0;
	padding: 11px;
	background: transparent url(../share/images/expBg.gif) 0px 0px repeat-y;
	border-top: solid 1px #d8d8dd;
	border-bottom: solid 1px #d8d8dd;
}

	div.exp h2 {
		margin: 0 0 19px 0 !important;
	}

	div.exp div.solArea {
		margin: 0 0 20px 0 !important;
	}

		div.exp div.solArea h3 {
			margin: 0 0 10px 0;
		}

		div.exp div.solArea p {
			line-height: 1.5em;
		}

		div.exp div.solArea p img {
			margin: 15px 0;
			display: block;
		}

	/*-------------------------------------------------------
		.expInner and subordinate selector
	-------------------------------------------------------*/
	div.exp div.expInner,
	div.exp div.expInner02,
	div.exp div.expInner03,
	div.exp div.expInnerF {
		width: 523px;
		height: auto;
		background: #efefef;
	}

		div.exp div.expInner img {
			margin: 0 !important;
			padding: 0 !important;
			display: block;
		}

		div.exp div.expInner02 {
			padding: 16px 0 1px 0;
		}

			div.exp div.expInner02 h3 {
				margin: 0 0 16px 130px;
			}

			div.exp div.expInner02 div.expBox {
				margin: 0 0 18px 13px;
				padding: 0;
				width: 494px;
				height: auto;
			}

				div.exp div.expInner02 div.expBox div.expItemL,
				div.exp div.expInner02 div.expBox div.expItemR {
					width: 240px;
					height: auto;
				}

				div.exp div.expInner02 div.expBox div.expItemL {
					float: left;
				}

				div.exp div.expInner02 div.expBox div.expItemR {
					float: right;
				}

		div.exp div.expInner03 {
			padding: 16px 0 1px 0;
		}

			div.exp div.expInner03 h3 {
				margin: 0 0 10px 13px;
			}

			div.exp div.expInner03 p.image {
				margin: 0 0 15px 0;
				text-align: center;
			}

			div.exp div.expInner03 p.text {
				margin: 0 0 30px 13px;
				width: 494px;
				height: auto;
			}

			div.exp div.expInner03 div.ent {
				margin: 0 0 25px 15px;
				width: 484px;
				height: auto;
			}

				div.exp div.expInner03 div.ent p {
					margin: 0 0 0 0;
					padding: 0 0 0 5px;
					width: 244px;
					height: auto;
					float: left;
				}

					div.exp div.expInner03 p.plain em,
					div.exp div.expInner03 div.ent p em {
						color: red;
					}
				
				div.exp div.expInner03 div.ent img {
					float: right;
				}
				

			div.exp div.expInner03 p.plain {
				margin: 0 20px 25px 20px;
			}

			div.exp div.expInner03 img.fotoEI3 {
				margin: 0 0 25px 58px;
				display: block;
			}

			div.exp div.expInner03 img.fotoEI3B {
				margin: 0 0 25px 13px;
				display: block;
			}

			div.exp div.expInner03 div.osCompany {
				margin: 0 0 31px 13px;
				padding: 0;
				width: 495px;
				height: auto;
				background: #fff url(../casestudy/case05/images/sol1AreaBg.gif) 0px 0px repeat-y;
				border-top: solid 1px #b5b5b6;
				border-bottom: solid 1px #b5b5b6;
			}

				div.exp div.expInner03 div.osCompany h4 {
					margin: 13px 0 0 12px;
				}

				div.exp div.expInner03 div.osCompany p {
					margin: 13px 12px;
				}

			div.exp div.expInner03 div.step {
				margin: 0 0 0 13px;
				width: 495px;
			}

				div.exp div.expInner03 div.step div.itemL,
				div.exp div.expInner03 div.step div.itemR {
					width: 240px;
					height: auto;
				} div.exp div.expInner03 div.step div.itemL {
					float: left;
				} div.exp div.expInner03 div.step div.itemR {
					float: right;
				}

					div.exp div.expInner03 div.step div.itemL h4,
					div.exp div.expInner03 div.step div.itemR h4 {
						margin: 0 0 12px 0;
					}

					div.exp div.expInner03 div.step div.itemL img.itemImg,
					div.exp div.expInner03 div.step div.itemR img.itemImg {
						margin: 0 0 12px 25px;
					}

					div.exp div.expInner03 div.step div.itemL img.itemTextImg,
					div.exp div.expInner03 div.step div.itemR img.itemTextImg {
						margin: 44px 0 0 27px;
					}

					div.exp div.expInner03 div.step div.itemL p,
					div.exp div.expInner03 div.step div.itemR p {
						margin: 0 0 12px 25px;
						width: 182px;
						height: auto;
					}

	/*-------------------------------------------------------
		.expInnerP and subordinate selector
	-------------------------------------------------------*/
	div.exp div.expInnerP {
		width: 523px;
		height: auto;	
		background: #efefef;
		position: relative;
	}

	div.exp div.mbottom {
		margin: 0 0 20px 0;
	}


/*-------------------------------------------------------
	.inquiryArea and subordinate selector
-------------------------------------------------------*/
div.inquiryArea {
	margin: 0 0 10px 0 !important;
	padding: 0;
}

	div.inquiryArea h2 {
		margin: 0 !important;
		padding: 0 !important;
	}

	div.inquiryArea p {
		margin: 0 !important;
		padding: 10px 0 0 165px !important;
		background: #fff url(../share/images/quiryAreaBg.gif) left bottom no-repeat;
		width: auto;
		height: 50px;
	}

/*-------------------------------------------------------
	.anchorArea and subordinate selector
-------------------------------------------------------*/
div.anchorArea {
	margin: 0 0 20px 0 !important;
	padding: 0;
}

	div.anchorArea h2 {
		margin: 0 !important;
		padding: 0 !important;
	}

	div.anchorArea ul {
		margin: 0 !important;
		padding: 10px 10px 20px 10px !important;
		background: #fff url(../share/images/quiryAreaBg.gif) left bottom no-repeat;
		list-style: none;
	}

		div.anchorArea ul li {
			margin: 0 10px 0 0;
			padding: 0 0 0 10px;
			background: #fff url(../share/images/anchorAreaArrow.gif) 0em 0.5em no-repeat;
			float: left;
		}