@charset "utf-8";
/*==structure=================
$nav		nav's style
$menu
$news		new's divsion
----------------------------*/
body {
	color:#666666;
	font-size:12px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
a {
	color:#666;
	text-decoration:none;
}
#wrapper {
	width:1000px;
	margin:0 auto;
	background-color:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
/*headCoding*/	
.headCoding {
	height:107px;
	background:url(../images/bg02_header.jpg) top center no-repeat;
	padding:0 50px 0;
}
.headCoding h1 {
	color:#000;
	padding-left:7px;
	font-size:12px;
	font-weight:normal;
}
.headCoding .pRight {
	padding:25px 0 0 20px;
	float:left;
	width:680px;
}
.headCoding .pLeft {
	padding:16px 0 10px 55px;
	width:141px;
	float:left;
}
#content {
	padding:15px 5px 20px 5px;
	background:#fff;
	clear:both;
	height: 100%;
	overflow: auto;
	width:890px;
	margin:0 auto;
}
#contentLeft {
	float:left;
	width: 670px;
}
/* _nav
---------------------*/	
.navBox li {
	float:left;
}
.navBox li a {
	display:block;
	width:150px;
	height:45px;
	text-indent:-9999px;
}
.nav1 a {
	background:url(../images/bg_nav.jpg) left 0px no-repeat;
}
.nav1 a:hover {
	background:url(../images/bg_nav.jpg) left -85px no-repeat;
}
.nav2 a {
	background:url(../images/bg_nav.jpg) left -170px no-repeat;
}
.nav2 a:hover {
	background:url(../images/bg_nav.jpg) left -260px no-repeat;
}
.nav3 a {
	background:url(../images/bg_nav.jpg) left -340px no-repeat;
}
.nav3 a:hover {
	background:url(../images/bg_nav.jpg) left -420px no-repeat;
}
.nav4 a {
	background:url(../images/bg_nav.jpg) left -500px no-repeat;
}
.nav4 a:hover {
	background:url(../images/bg_nav.jpg) left -580px no-repeat;
}
.nav5 a {
	background:url(../images/bg_nav.jpg) left -660px no-repeat;
}
.nav5 a:hover {
	background:url(../images/bg_nav.jpg) left -740px no-repeat;
}
.nav6 a {
	background:url(../images/bg_nav.jpg) left -820px no-repeat;
}
.nav6 a:hover {
	background:url(../images/bg_nav.jpg) left -900px no-repeat;
}
/*bread*/	
 .bread {
	background:url(../images/bg_right.gif) repeat;
	padding:0 0 0 8px;
	line-height:28px;
}
.bread a {
	color:#009;
	text-decoration:underline;
}
/*p common*/	
.pIntro {
	padding-left:20px;
	letter-spacing: 0.2em;
}
/*contentRight
--------------------*/
#contentRight {
	float: right;
	width: 200px;
}
#contentRight a:hover {
	color:#f60;
}
#contentRight h2 {
	background:#06c url(../images/bg_rightMenu.gif) center no-repeat;
	padding:0;
	height: 28px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	line-height:28px;
	margin-bottom: 8px;
}
/*ulcoding
----------------*/	
#ulCoding li {
	margin-bottom:15px;
}
#ulCoding span {
	color:#f60;
	font-weight: bold;
}
#ulCoding em {
	font-size:15px;
	font-style:normal;
}
#ulCoding p {
	padding-left:1em;
	color: #666;
}
.pLeft {
	float:left;
	padding:20px 0 0 20px;
	width:330px;
}
.pRight {
	display:block;
	padding-top:20px;
	font-weight:bold;
	font-size:18px;
	color:#f60;
	float: left;
}
/*menu
-------------------*/	
.menuBox, .menuBoxContact {
	background:url(../images/bg_right.gif) repeat;
	padding: 10px 8px 10px 8px;
	margin-bottom: 10px;
}
.menuBoxContact img {
	margin-bottom:8px;
	display: block;
}
.menuBoxContact p {
	letter-spacing:0.1em;
}
.info_a {
	background:url(../images/btn_info.jpg) no-repeat;
	width:179px;
	height:43px;
	display: block;
}
.info_a:hover {
	background:url(../images/btn_info.jpg) left -50px no-repeat;
}
/*coding's btn*/	
.infoCoding_a {
	background:url(../images/btn_codings.jpg) no-repeat;
	width:179px;
	height:43px;
	display: block;
	text-indent:-9999px;
}
.infoCoding_a:hover {
	background:url(../images/btn_codings.jpg) left -50px no-repeat;
}
/*websystem's btn*/	
.websys_a {
	background:url(../images/btn_websystem.jpg) no-repeat;
	width:179px;
	height:43px;
	display: block;
	text-indent:-9999px;
}
.websys_a:hover {
	background:url(../images/btn_websystem.jpg) left -50px no-repeat;
}
/*other's btn*/	
.others_a {
	background:url(../images/btn_others.jpg) no-repeat;
	width:179px;
	height:43px;
	display: block;
	text-indent:-9999px;
}
.others_a:hover {
	background:url(../images/btn_others.jpg) left -50px no-repeat;
}
/*=====================*/	
.tablePro th {
	color:#f60;
	font-weight:bold;
}
.tablePro th, .tablePro td {
	padding:3px 0;
}
.tablePro td.pad5 {
	padding-right:5px;
}
.tablePro td {
	letter-spacing:0.2em;
}
/*news*/
.menuBox ul li{
	color:#f60;
	margin-bottom:10px;
	}
.menuBox ul li a{
	display:block;
	}
.menuBox ul.intr li{background:url(../images/arr1.gif) no-repeat 5px 2px; padding:0 0 0 25px; margin-bottom:5px;}
.menuBox ul.intr li a{display:inline; color:#0099FF;}
.ulNew span {
	color:#f60;
}
.ulNew li {
	margin-bottom:10px;
}
.pRss {
	text-align:right;
	color:#f60;
}
.pRss img {
	vertical-align:middle;
}
/*----------footer------------*/
#footer{width:900px; margin:0 auto;}
#footer.otherfoot {
	width:800px; 
	margin:0 auto;
	}
#footer.otherfoot #footKeyWord ul {
	width:790px;
}
#footer.otherfoot #copyRight {
	border-top:0px;
	}
#copyRight {
	padding:10px 20px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	line-height:1.7;
}
#copyRight p {
	float:right;
}
#copyRight p img {
	margin-top:5px;
	margin-right: 8px;
}
#copyRight a {
	text-decoration:none;
	font-weight:bold;
	color:#666;
}
#copyRight strong {
	background:url(../images/ico_link.gif) left 0px no-repeat;
	padding:0 15px 0 20px;
}
#footKeyWord {
	padding:12px 0 50px 0;
	font-size: 11px;
}
#footKeyWord ul {
	clear:both;
	overflow:hidden;
	padding:5px 10px 0 0;
	width:880px;
}
#footKeyWord ul li {
	display:inline;
	line-height:1.6;
	padding:0 10px 0 0;
}
/*backTop*/
.linkP {
	margin-top:25px;
	text-align:right;
	padding-right: 20px;
}
.link {
	background:url(../images/ico_back.gif) left 0px no-repeat;
	padding:0 0 0 20px;
	color:#39f;
	text-decoration:underline;
}
.link:hover{
	background:url(../images/ico_back.gif) left -15px no-repeat;
	text-decoration:none;
	color:#f60;
}
.faq_ul span a{
	background:url(../images/ico_back.gif) left 0px no-repeat;
	padding:0 0 0 20px;
	color:#39f;
	text-decoration:underline;
	}
.faq_ul span a:hover{
	background:url(../images/ico_back.gif) left -15px no-repeat;
	text-decoration:none;
	color:#f60;
	}
/*foot button*/
.btnFoot {
	margin-top:45px;
	text-align:center;
	clear: both;
}
.btnFoot img {
	vertical-align:top;
}
/*sitemap*/
.sitemap {
	font-size:13px;
	margin:0px 0 0 20px;
}
.sitemap li {
	margin:0 0 10px 0;
}
.sitemap ul {
	list-style:inside disc;
	margin:10px 0 0 20px;
	font-size:12px;
}

#menu li{float:left; list-style-type:none;}
.txt10{font-size:10px; line-height:14px;}
.txt14{font-size:14px; line-height:18px;}
a.link01{color:#09f; text-decoration:none;}
a.link01:hover{color:#f90; text-decoration:underline;}
.navBox{background:url(../images/bg_right.gif); width:620px; margin:0 0 15px 7px; padding:5px 10px 0;}
.navBox table{border-collapse:collapse;}
.navBox table th{padding:0 10px; font-weight:bold; color:#666; height:20px; padding-bottom:5px;}
.navBox table td{padding:0 10px; font-weight:bold; color:#666; height:20px;background:url(../images/dot2.gif) no-repeat 0 2px; vertical-align:top;}
.navBox table td a:hover{color:#f60; text-decoration:underline;}
.navBox table th a:hover{color:#f60; text-decoration:underline;}
.pl15{padding-left:15px;}
.valign{vertical-align:middle;}
.ttl_flow{background:url(/coding/images/ttl01_flow.gif) no-repeat left top; width:653px; height:87px; text-indent:-9999px; margin-bottom:15px;}
.ttl_coding{background:url(/coding/images/ttl01_coding.gif) no-repeat left top; width:653px; height:128px; text-indent:-9999px; margin-bottom:15px;}
.ttl_price{background:url(/coding/images/ttl01_price.gif) no-repeat left top; width:653px; height:87px; text-indent:-9999px; margin-bottom:15px;}
.ttl_price_estimate{background:url(/coding/images/ttl01_price_estimate.gif) no-repeat left top; width:653px; height:87px; text-indent:-9999px; margin-bottom:15px;}
.ttl_quality{background:url(/coding/images/ttl01_web_standard.gif) no-repeat left top; width:653px; height:87px; text-indent:-9999px; margin-bottom:15px;}
.ttl_web_standard{background:url(/coding/images/ttl01_web_standard.gif) no-repeat left top; width:653px; height:87px; text-indent:-9999px; margin-bottom:15px;}
.ttl_coding_works{background:url(/coding/images/ttl01_works.gif) no-repeat left top; width:653px; height:87px; text-indent:-9999px; margin-bottom:15px;}
.ttl_company{background:url(/images/ttl01_company.gif) no-repeat left top; width:653px; height:65px; text-indent:-9999px; margin-bottom:15px;}
.ttl_privacy{background:url(/images/ttl01_privacy.gif) no-repeat left top; width:653px; height:65px; text-indent:-9999px; margin-bottom:15px;}
.ttl_contact{background:url(/contact/images/ttl01_contact.gif) no-repeat left top; width:653px; height:88px; text-indent:-9999px; margin-bottom:15px;}
.ttl_con_coding{background:url(/contact/images/ttl01_coding.gif) no-repeat left top; width:653px; height:88px; text-indent:-9999px; margin-bottom:15px;}
.ttl_con_others{background:url(/contact/images/ttl01_others.gif) no-repeat left top; width:653px; height:88px; text-indent:-9999px; margin-bottom:15px;}
.ttl_con_websystem{background:url(/contact/images/ttl01_websystem.gif) no-repeat left top; width:653px; height:88px; text-indent:-9999px; margin-bottom:15px;}
.ttl_web_flow{background:url(/websystem/images/ttl01_flow.gif) no-repeat left top; width:653px; height:88px; text-indent:-9999px; margin-bottom:15px;}
.ttl_websystem{background:url(/websystem/images/ttl01_websystem.gif) no-repeat left top; width:653px; height:128px; text-indent:-9999px; margin-bottom:15px;}
.ttl_lamp{background:url(/websystem/images/ttl01_lamp.gif) no-repeat left top; width:653px; height:88px; text-indent:-9999px; margin-bottom:15px;}
.ttl_php{background:url(/websystem/images/ttl01_php.gif) no-repeat left top; width:653px; height:88px; text-indent:-9999px; margin-bottom:15px;}
.ttl_web_works{background:url(/websystem/images/ttl01_works.gif) no-repeat left top; width:653px; height:88px; text-indent:-9999px; margin-bottom:15px;}
.ttl_rss01{background:url(/websystem/images/ttl01_rss.gif) no-repeat left top; width:653px; height:88px; text-indent:-9999px; margin-bottom:15px;}
.ttl_php{background:url(/websystem/images/ttl01_php.gif) no-repeat left top; width:653px; height:88px; text-indent:-9999px; margin-bottom:15px;}
.ttl_php{background:url(/websystem/images/ttl01_php.gif) no-repeat left top; width:653px; height:88px; text-indent:-9999px; margin-bottom:15px;}
.ttl_php{background:url(/websystem/images/ttl01_php.gif) no-repeat left top; width:653px; height:88px; text-indent:-9999px; margin-bottom:15px;}