@charset "utf-8";



/*			worksTop
=============================================================================*/

#worksList{
	margin-bottom: 30px;
}
#worksList ul{
	margin-right: 10px;
	margin-left: 10px;
}
#worksList ul li{
	float: left;
	text-align: center;
	width: 50%;
}
#worksList ul li a{}
#worksList ul li a img{}
#worksList ul li a:hover img{
   opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}

/*			worksPoint
=============================================================================*/

#worksPoint{
	background-image: url(../../works/images/pointBG.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 20px;
	margin-left: 20px;
	background-color: #DCE5E8;
	padding-top: 15px;
}
#worksPoint #worksPointBottom{
	background-image: url(../../works/images/pointBottom.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 15px;
}

#worksPoint h3{
	background-image: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	color: #2D88B7;
	font-size: 16px;
	display: block;
	text-shadow: 0px 0px 0px #9ab7cb;
}
#worksPoint h3 img{
	margin-right: 6px;
}
#worksPoint h3 span{
	font-size: 12px;
	padding-left: 4px;
}
#worksPoint p.mgnL60{
	margin-left: 60px;
	font-size: 12px;
}
#worksPoint p.point01Hosoku{
	font-size: 10px;
	text-align: right;
	margin-top: -5px;
	margin-bottom: 35px;
	padding-right: 8px;
}
#worksPoint ul{
	margin-left: 60px;
	padding-top: 8px;
}
#worksPoint ul li{
	font-size: 12px;
	line-height: normal;
	background-image: url(../../works/images/pointArrowS.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 0px;
}
#worksPoint p.point01Graf01{
	text-align: right;
}
#worksPoint p.point01Graf01 img{
	margin-right: 12px;
}
#worksPoint p.point02Graf01{
	font-size: 14px;
	text-align: center;
	color: #666;
	padding-bottom: 15px;
}
#worksPoint p.point02Graf02 img{
	display: block;
	margin-bottom: 10px;
	text-align: center;
	margin-right: 3px;
	margin-left: 3px;
}

#worksPoint #pointList{
	margin-right: 60px;
	margin-left: 60px;
	background-color: #F8F6E5;
	background-image: url(../../works/images/pointListBG.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 20px;
}
#worksPoint #pointList ul{
	margin: 0px;
	background-image: url(../../works/images/pointListBottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#worksPoint #pointList ul li{
	background-image: url(../../works/images/pointArrowL.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 28px;
	padding-bottom: 5px;
	padding-top: 0px;
}
#worksPoint #pointList ul li a{

}




/*			worksCompany
=============================================================================*/

#worksCompany{}
#worksCompany h1{
	height: 240px;
	margin: 0px;
	padding: 0px;
}
#worksCompany p{
	margin-bottom: 1.5em;
}
#worksCompany #workCatch{}
#worksCompany #workCatch p{
	font-size: 16px;
	line-height: 1.5;
	color: #025e97;
	font-weight: bold;
	margin-bottom: 1.5em;
}
#worksCompany #workCatch img{
	float: right;
	margin-right: 20px;
}


#worksCompany #workTask{
	margin-right: 20px;
	margin-left: 20px;
	border: 10px solid #dddddd;
	background-color: #DDD;
	margin-bottom: 10px;
}
#worksCompany #workTask img{
	margin: 0px;
	padding: 0px;
	float: left;
}
#worksCompany #workTask p{
	padding-top: 29px;
	padding-bottom: 29px;
	float: left;
	padding-right: 0px;
	padding-left: 10px;
	width: 560px;
	border-left-color: #DDD;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-weight: bold;
	color: #666;
}

#worksCompany #workTask ul{
	float: left;
	width: 560px;
	border-left-color: #DDD;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-weight: bold;
	color: #666;
	display: block;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 8px;
	height: 58px;
}
#worksCompany #workTask ul li{
	background-image: url(../../works/images/icoTask.png);
	background-repeat: no-repeat;
	background-position: 0.3em 0.6em;
	padding-left: 1em;
	font-weight: bold;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}





#worksCompany #workOutcome{
	margin-right: 20px;
	margin-left: 20px;
	border: 10px solid #f0d2d3;
	background-color: #F0D2D3;
	margin-bottom: 10px;
}
#worksCompany #workOutcome img{
	margin: 0px;
	padding: 0px;
	float: left;
}
#worksCompany #workOutcome ul{
	float: left;
	width: 560px;
	border-left-color: #DDD;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-weight: bold;
	color: #666;
	display: block;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 8px;
}
#worksCompany #workOutcome ul li{
	background-image: url(../../works/images/icoOutcome.png);
	background-repeat: no-repeat;
	background-position: 0.3em 0.6em;
	padding-left: 1em;
	font-weight: bold;
	padding-bottom: 0px;
	line-height: 1.3;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#worksCompany #workPlan{
	margin-right: 20px;
	margin-left: 20px;
	border: 10px solid #dddddd;
	background-color: #DDD;
	margin-bottom: 30px;
}
#worksCompany #workPlan img{
	margin: 0px;
	padding: 0px;
	float: left;
}
#worksCompany #workPlan p{
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	padding-right: 0px;
	padding-left: 10px;
	width: 560px;
	border-left-color: #DDD;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-weight: bold;
	color: #666;
	line-height: 48px;
}



#worksCompany #workVoice{
	margin-right: 20px;
	margin-left: 20px;
	border: 1px solid #2C85B5;
	margin-bottom: 35px;
	padding-bottom: 1.5em;
}
#worksCompany #workVoice h3{
	text-shadow: 0px 0px 0px #9ab7cb;
	font-weight: bold;
	color: #00368c;
	background-image: none;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0.5em;
	margin-left: 15px;
	height: auto;
	line-height: 1.3;
}
#worksCompany #workVoice p{
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00368c;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 1.5em;
}

#worksCompany #workVoice .col02{
	width: 43%;
	margin: 0 auto;
}
#worksCompany #workVoice .col02 img{
	float: left;
}
#worksCompany #workVoice .col02 h4{
	width: 70%;
	display: block;
	padding: 0px;
	float: right;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#worksCompany #workVoice .col02 p{
	float: right;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 70%;
	font-size: 12px;
	line-height: 1.4;
	color: #666;
}




/*			worksCase
=============================================================================*/

#worksCase{
}
#worksCase h1{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	margin: 0px;
	height: 275px;
	text-shadow: 0px 0px 0px #9ab7cb;
}

#worksCase h2{	text-shadow: 0px 0px 0px #9ab7cb;}
#worksCase h3{	text-shadow: 0px 0px 0px #9ab7cb;}

#worksCase h2 span{}
#worksCase h2 span.lineOne{
	display: block;
	margin-top: 0.6em;
}
#worksCase ul.listBlue{
	margin-left: 132px;
}
#worksCase ul.listBlue li{
	font-weight: bold;
}

#worksCase #worksAnchor{
	margin-bottom: 25px;
}
#worksCase #worksAnchor ul{
	background-image: url(../../works/images/worksAnchorBG.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#worksCase #worksAnchor ul li{
	float: left;
	margin-left: 11px;
}
#worksCase #worksAnchor ul li a{}
#worksCase #worksAnchor ul li a img{ }
#worksCase #worksAnchor ul li a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;

}


#worksCase .worksCaseProblem{
	padding-bottom: 20px;
	display: block;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding-top: 25px;
}
#worksCase .worksCaseProblem h2{
	background-image: none;
	padding: 0px;
	width: 720px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}
#worksCase .worksCaseProblem h2 img{
	float: left;
	margin-right: 14px;
}
#worksCase .worksCaseProblem h2 span{
	float: left;
	color: #2D85B6;
	line-height: 1.3;
	font-size: 16px;
	padding-top: 3px;
	display: block;
}

#worksCase .worksCaseProblem .worksProblemSet{
	margin-right: 0px;
	margin-left: 132px;
	margin-bottom: 30px;
}
#worksCase .worksCaseProblem .worksProblemSet h3{
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background-image: none;
	line-height: normal;
	margin: 0px;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1em;
	padding-left: 0px;
}
#worksCase .worksCaseProblem .worksProblemSet p{
	margin: 0px;
	display: block;
	width: 390px;
}
#worksCase .worksCaseProblem .worksProblemSet img{
	float: right;
	margin-right: 5px;
	margin-left: 0em;
	margin-bottom: 0em;
}



#worksCase .worksSolution{
	padding-bottom: 0px;
	display: block;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding-top: 25px;
}

#worksCase .worksSolution h2{
	background-image: none;
	padding: 0px;
	width: 720px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#worksCase .worksSolution h3{
	color: #2C84B6;
	background-image: none;
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	display: block;
	padding: 0px;
	width: 590px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 132px;
	height: auto;
	margin-top: -45px;
}


#worksCase .worksSolution .worksResolution{
	background-image: url(../../works/images/worksResolutionBG.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 492px;
	padding-top: 28px;
	margin-left: 132px;
	margin-bottom: 80px;
}
#worksCase .worksSolution .worksResolutionBottom{
	background-image: url(../../works/images/worksResolutionBottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	padding-bottom: 10px;
}
#worksCase .worksSolution .worksResolution h4{
	background-image: none;
	font-size: 12px;
	line-height: 18px;
	color: #4e7aa7;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	display: block;
	height: auto;
	text-shadow: 0px 0px 0px #333;
	font-weight: bold;
}
#worksCase .worksSolution .worksResolution p{
	font-size: 12px;
	line-height: 1.4;
	margin: 0px;
	padding-bottom: 1em;
	padding-right: 20px;
	padding-left: 20px;
}
#worksCase .worksSolution .worksResolution img{
	float: right;
	margin-right: 20px;
	margin-left: 15px;
	margin-top: 3px;
}

#worksCase .workResult{
	padding-bottom: 20px;
	display: block;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding-top: 25px;
	margin-top: -40px;
}

#worksCase .workResult h2{
	background-image: none;
	padding: 0px;
	width: 720px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}
#worksCase .workResult h2 img{
	float: left;
	margin-right: 14px;
}
#worksCase .workResult h2 span{
	float: left;
	color: #2D85B6;
	line-height: 1.3;
	font-size: 16px;
	padding-top: 3px;
	display: block;
}
#worksCase .workResult p{
	margin-right: 20px;
	margin-left: 132px;
	margin-bottom: 20px;
}
#worksCase .workResult p img{
	float: right;
	margin-left: 15px;
}


#worksCase .workSystem{
	padding-bottom: 35px;
	display: block;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding-top: 25px;
	margin-top: 0px;
}

#worksCase .workSystem h2{
	background-image: none;
	padding: 0px;
	width: 720px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}
#worksCase .workSystem h2 img{
	float: left;
	margin-right: 14px;
}
#worksCase .workSystem h2 span{
	float: left;
	color: #2D85B6;
	line-height: 1.3;
	font-size: 16px;
	padding-top: 3px;
	display: block;
}
#worksCase .workSystem p{
	margin-right: 20px;
	margin-left: 132px;
	padding-bottom: 20px;
}
#worksCase .workSystem p img{
	float: right;
	margin-left: -5px;
	padding: 0px;
}


#worksCase .workSystemList{
	background-image: url(../../works/images/workSystemListBG.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 720px;
	display: block;
	padding-top: 35px;
}
#worksCase .workSystemList ul{
	text-align: center;
}
#worksCase .workSystemList ul li{
	display: inline;

}
#worksCase .workSystemList ul li:first-child{
	line-height: 70px;
padding-right: 10px;

}
#worksCase .workSystemList ul li a{

}
#worksCase .workSystemList ul li a img{	padding-right: 5px;
	padding-left: 5px;}