@charset "utf-8";
#coding{
	background:none;
	}		

/*left H2*/	
#h2CodingA{
	padding:20px 0 15px 0;
	background:url(../images/tit_h2Coding.jpg) left 20px no-repeat;
	height:92px;
	text-indent:-9999px;
	}
#h2Price{
	padding:20px 0 15px 0;
	background:url(../images/tit_h2_price.jpg) left 20px no-repeat;
	height:92px;
	text-indent:-9999px;
	}
#h2Flow{
	padding:20px 0 15px 0;
	background:url(../images/tit_h2_flow.jpg) left 20px no-repeat;
	height:92px;
	text-indent:-9999px;
	}	
#h2Webcoding{
	padding:20px 0 15px 0;
	background:url(../images/tit_h2webcoding.jpg) left 20px no-repeat;
	height:92px;
	text-indent:-9999px;
	}
#h2Calc{
	padding:20px 0 15px 0;
	background:url(../images/tit_h2_calc.jpg) left 20px no-repeat;
	height:92px;
	text-indent:-9999px;
	}
#h2Quality{
	padding:20px 0 15px 0;
	background:url(../images/tit_h2_quality.jpg) left 20px no-repeat;
	height:92px;
	text-indent:-9999px;
	}
#h2CodDev{
	padding:20px 0 15px 0;
	background:url(../images/tit_h2_cod_dev.jpg) left 20px no-repeat;
	height:92px;
	text-indent:-9999px;
	}	
/*subNav style*/	
.subNav{
	border-spacing:3px;
	border-collapse:separate;
	margin-bottom: 10px;
	}
.subNav td {
	background:url(../images/ico_coding.gif) 8px center no-repeat;
	border:1px solid #fc3;
	padding:5px 3px 5px 0;
	padding-left:35px;
	}
.subNav th{
	width:90px;
	border:1px solid #fc3;
	padding:5px 5px 5px 5px;
	}	
.subNav td a,.subNav th a{
	color:#f60;
	font-weight:bold;
	display: block;
	 }	
.subNav td:hover,.subNav th:hover{
	background-color:#f90;
	}
.subNav td:hover a,.subNav th:hover a{
	color:#fff;
	}
/*end*/	
.img_price {
	display:block;
	margin:20px 0 15px 30px;
	}	
/*left H3*/
#h3CodingA{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_coding_1.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
#h3CodingB{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_coding_2.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}	
#h3CodingC{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_coding_3.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}	
#h3CodingD{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_coding_4.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}	
/*coding/price*/
.priceH3Box{
	padding:0 0 25px 0;
	}
.priceH3Box p,.priceH3Box img{
	padding-left:20px;
}	
.priceH3Box p{
	padding-bottom:3px;}	
.priceLink {
	color:#009;
	text-decoration:underline;
	padding-left: 20px;
	}	
#h3PriceA{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_price1.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
#h3PriceB{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_price2.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
#h3PriceC{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_price3.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
#h3PriceD{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_price4.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}	
/*coding/webcoding*/
#h3webcodingA{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_webcoding1.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
#h3webcodingB{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_webcoding2.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
#h3webcodingC{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_webcoding3.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
.ulWebcoding {
	 margin:5px 0 0 40px;
	 }	
.ulWebcoding li{
	background:url(../images/ico_ulA.gif) left 1px no-repeat;
	padding:0 0 10px 25px;
	}
.ulWebcoding h4{
	font-size:13px;
	font-weight:bold;
	}	
.ulWebcoding strong {
	font-size:13px;
	}
.ulWebcoding p{
	padding:5px 20px 0 0;
	text-indent:1em;
	letter-spacing: 0.2em;
	}
.qualityLink {
	text-align:center;
	}	
.codingLink {
	margin-top:5px;
	padding-left:60px;
	}
.codingLink a{
	background:url(../images/ico_ulA.gif) 8px center no-repeat;
	padding:0 20px 0 27px;
	color:#09f;
	text-decoration:underline;	
	}	
.qualityLink li,.codingLink li{
	display:inline;
	}	
.qualityLink a{
	background:url(../images/ico_ulA.gif) 8px center no-repeat;
	padding:0 7px 0 27px;
	color:#09f;
	text-decoration:underline;}
.qualityLink a:hover,.codingLink a:hover{
		text-decoration:none;
	color:#f60;
	}
/*coding/calc*/
#formCalc{
	background:url(../images/bg_quality_top.gif) left top no-repeat;
	width:627px;
	margin:10px auto 0 auto;
	}
#tableCalc{
	width:627px;
/*	min-height:294px;*/
	background:url(../images/bg_quality_bottom.gif) left bottom no-repeat;
	line-height:1.6;
	margin: 0 auto 0 auto;
	}
#tableCalc th{
	font-size:14px;
	text-align:left;
	padding-left:15px;
	padding-top: 10px;
}	
#tableCalc td{
	padding-left:40px;
	padding-top:15px;
	padding-bottom:10px;
	vertical-align:top;
	}
#tableCalc label{
	display:block;
	}
#tableCalc span{
	color:#f60;
	font-size:15px;
	font-weight:bold;
	}	
#tableCalc .price{
	text-decoration:underline;
	font-size:20px;
	}	
.input{
	width:85px;
	height:17px;
	padding:4px 10px 3px 10px;
	background:url(../images/bg_input.gif) left top no-repeat;
	border:none;
	}
#calcIntro td{
padding:0px;
}	
#calcIntro ul{
	padding:15px 0 0 10px;
	float:left;
	display: block;
	}	
#calcIntro h3{
	color:#f60;
	font-size:14px;
	font-weight:bold;
	line-height:2;
	}	
#calcIntro ul{
	list-style:inside disc;
	}	
#calcIntro ul li{
	line-height:1.6;
	padding-left:20px;
	font-size: 13px;
	}
.h3PriceEst{
	margin:25px 0 0 30px;
	}	
.dlQuality2{
	margin:20px 0 0 30px;
	display: block;
	clear: both;
	}
.dlQuality2 dt{
	color:#f60;
	font-size:15px;
	font-weight:bold;
	line-height:2;
	padding-left: 10px;
	padding-bottom: 5px;
	}
.dlQuality2 dd{
	padding-left:40px;
	background:url(../images/ico_ulA.gif) 15px 5px no-repeat;
	line-height:1.7;
	font-size:14px;
	font-weight:bold;
	margin-left: 20px;
	padding-right: 20px;
	}
/*coding/quality*/	
#h3QualityA{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_quality1.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
#h3QualityB{
	padding:20px 0 15px 0;
	background:url(../images/tit_h3_quality2.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
/*coding/develope*/	
.dlDev{
	padding:25px 0 0 0;
	float:left;
	width: 49%;
	}
.dlDev dd{
	padding:15px 0 0 35px;
	background:url(../images/ico_ulA.gif) 12px 22px no-repeat;
	}
.dlDev p {
	letter-spacing:0.2em;
	}	
.dlDev strong{
	font-size:14px;
	line-height:2;
	}
.dlDev span{
	color:#f00;
	font-size:15px;
	font-weight:bold;
	padding-left:15px;
	}	
/*coding/flow*/
#h3FlowA{
	padding:20px 0 0 0;
	background:url(../images/tit_h3_fw1.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
#h3FlowB{
	padding:20px 0 0 0;
	background:url(../images/tit_h3_fw2.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
#h3FlowC{
	padding:20px 0 0 0;
	background:url(../images/tit_h3_fw3.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
#h3FlowD{
	padding:20px 0 0 0;
	background:url(../images/tit_h3_fw4.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}
#h3FlowE{
	padding:20px 0 0 0;
	background:url(../images/tit_h3_fw5.gif) left 20px no-repeat;
	height:25px;
	text-indent:-9999px;
	}	
.ulFlow{
	background:url(../images/ico_flow_h3_ul.gif) 20px bottom no-repeat;
	margin: 0 0 30px 0;
	padding:15px 0 0 110px;
	}
.ulFlow li{
	letter-spacing:0.2em;
	}	
.ulFlow li.red{
	color:#FF5050;
	text-indent: -1.1em;
	margin-left: 1.1em;
	display: block;
	}
.ulFlow li.fir{
	margin-bottom:20px;
	}	
.ulFlow li.ulLink a{
	background:url(../images/ico_ulA.gif) left center no-repeat;
	padding:8px 20px 8px 18px;
	color:#09f;
	text-decoration:underline;
	line-height: 2;
}
.ulFlow li.ulLink a:hover{
	text-decoration:none;
	color:#f60;}
ul.noBg{
	background:none;
	margin: 0 0 30px 0;
	padding:15px 0 0 110px;
	}