@charset "utf-8";
a:link {
	color:#16409A;
	text-decoration:underline;
}
a:visited {
	color:#16409A;
	text-decoration:underline;
}
a:active {
	color:#16409A;
	text-decoration:none;
}
a:hover {
	color:#16409A;
	text-decoration:none;
}
h3{
	font-size:19px;
	color:#f60;
	font-weight:800;
	text-align:center;
	}
#h2Develope{
	padding:20px 0 15px 0;
	background:url(../images/tit_h2_develope.jpg) left 20px no-repeat;
	height:87px;
	text-indent:-9999px;
	}	
#h2Lamp{
	padding:20px 0 15px 0;
	background:url(../images/tit_h2_lamp.jpg) left 20px no-repeat;
	height:87px;
	text-indent:-9999px;
	}
#h2Flow{
	padding:20px 0 15px 0;
	background:url(../images/tit_h2Flow.jpg) left 20px no-repeat;
	height:87px;
	text-indent:-9999px;
	}
.websysBox p{
	letter-spacing:0.2em;
	}	
.websysBox p,.websysBox ul{
	margin-left:52px;
	}
/*subNav*/	
.subNav{
	border-spacing:3px;
	border-collapse:separate;
	margin-bottom: 10px;
	}
.subNav td{
	border:1px solid #06f;
	padding:5px 3px 5px 0;
	padding-left:35px;
	background:url(../images/ico_develope.gif) 8px center no-repeat;
	}
.subNav th{
	border:1px solid #06f;
	padding:5px 5px 5px 5px;	
	}		
.subNav td a,.subNav th a{
	color:#f60;
	font-weight:bold;
	display: block;
	 }	
.subNav td:hover{
	border:1px solid #06f;
	background-color:#39f;
	}
.subNav th:hover{
	border:1px solid #06f;
	background-color:#39f;
	}	
.subNav td:hover a,.subNav th:hover a{
	color:#fff;
	}
.subNav + p{
	letter-spacing:0.2em;
	}	
.dlQuality2{
		margin:25px 0 0 30px;
	}
.dlQuality2 dt{
	color:#f60;
	font-size:15px;
	font-weight:bold;
	line-height:2;
	}
.dlQuality2 dd{
	padding-left:40px;
	background:url(../images/ico_ulA.gif) 15px center no-repeat;
	line-height:1.7;
	font-size:14px;
	font-weight:bold;
	}
.titTop{
	margin:20px 0 35px 0;
	}
.h3Box{
	float:left;
	width:192px;
	margin-bottom:10px;
	}
.h3BoxM{
	float:left;
	width:192px;
	margin:0 42px;
	}
.h3Box p,.h3BoxM p{
	letter-spacing:0.2em;
	}
.h3Box img,.h3BoxM img{
	display:block;
	margin-bottom:8px;
	}	
/*.titTopUl img{
	display:block;
	margin-bottom:5px;}	
.titTopUl li{
	float:left;
	width:195px;
	}
.mR42{
	margin-right:42px;
	}*/	
h3[id*="h3Websystem"]{
	height:25px;
	}	
#h3WebsystemA{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_dev1.gif) left 20px no-repeat;
	text-indent:-9999px;
	
	}
#h3WebsystemB{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_dev2.gif) left 20px no-repeat;
	text-indent:-9999px;
	}
#h3WebsystemC{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_dev3.gif) left 20px no-repeat;
	text-indent:-9999px;
	}	
/*h3Websystem end*/	
#h3LampA{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_lamp1.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
#h3LampB{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_lamp2.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}	
.devUl {
	margin-top:10px;}	
.devUl li{
	display:inline;
	background:url(../images/ico_ulA.gif) left center no-repeat;
	padding:0 10px 0 25px;
	
	}	
.devUl a{
	color:#39f;
	text-decoration:underline;
	}
.devUl a:hover{
		text-decoration:none;
	color:#f60;}
/*lamp*/	

.lampUl{
	margin:15px 0;
	}
.lampUl li{
	line-height:1.5;
	}	
.imgLamp{
	margin:40px 0 10px 0;
	}
/*develope*/
#h2Dev{
	padding:20px 0 15px 0;
	background:url(../images/tit_h2_lampDev.jpg) left 20px no-repeat;
	height:87px;
	text-indent:-9999px;
	}
#h3developeA{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_develope1.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
}
#h3developeB{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_develope1.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
}
#h3developeC{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_develope1.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
}
#h3developeD{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_develope1.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
}
/*framework*/	
#h2Framework{
	padding:20px 0 15px 0;
	background:url(../images/tit_h2_framework.jpg) left 20px no-repeat;
	height:87px;
	text-indent:-9999px;
	}
#h3developeA{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_framework1.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
}
#h3developeB{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_framework2.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
}
.imgFramework {
	text-align:center;
	margin:25px 0;
	}
.imgFramework img{
	vertical-align:top;
	}
.imgFramework + p {
	letter-spacing:0.2em;
	}	
/*works*/
.h3Works{
	padding:20px 0 15px 30px;
	background:url(../images/tit_h3_develope1.gif) left 20px no-repeat;
	height:25px;
	text-align:left;
	color:#FFF;
	font-weight:bold;
	line-height: 25px;
	font-size: 15px;
	letter-spacing:normal;
}
table.fir{
	margin-top:0px;
	margin-left: 52px;
	width: 618px;
}	
td.p{
	margin:0;
	padding:5px 20px 5px 5px;
	vertical-align:middle;
	background:url(../images/bg_devP.gif) repeat;
	color: #FF6600;
	letter-spacing: 0.2em;
	}	
.tableM{
	margin:20px 0 0 52px;
	width: 618px;
	}
.tableM th{
	text-align:left;
	vertical-align:top;
	}
.ico{
	background:url(../images/ico_dev.gif) center no-repeat;
	}
/*flow*/
#h3FlowA{
	padding:20px 0 0 0;
	background:url(../images/tit_h3_flow1.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
#h3FlowB{
	padding:20px 0 0 0;
	background:url(../images/tit_h3_flow2.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
#h3FlowC{
	padding:20px 0 0 0;
	background:url(../images/tit_h3_flow3.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
#h3FlowD{
	padding:20px 0 0 0;
	background:url(../images/tit_h3_flow4.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
.ulFlow{
	background:url(../images/bg_flow.gif) 20px bottom no-repeat;
	margin: 0 0 30px 0;
	padding:15px 0 0 110px;
	}
.ulFlow li{
	letter-spacing:0.2em;
	}	
.ulFlow li:first-child{
	margin-bottom:20px;
	}		
		
.ulFlow li.red{
	color:#FF5050;
	text-indent: -1.5em;
	margin-left: 1.5em;
	display: block;
	}	
/*2009年8月18日*/	
#develope h2.storytitle{
	margin:10px 0 5px 0;
	background-color:#0066cc;
padding:5px 5px 5px 10px;
color:#FFFFFF;
font-weight:bold;
font-size:1.2em;
	}
#develope .storytitle a {
color:#FFFFFF;
font-weight:bold;
font-size:16px;
}
.sub_right_centent p{
margin:0;
padding:15px 15px 25px 20px;
font-size:1.2em;
}
.sub_right_centent ul{
margin:0 0 0 15px;
padding:15px 15px 15px 20px;
font-size:1.2em;
}