@charset "utf-8";
/* CSS Document */

h2.mainG{
	width:960px;
	margin:0 auto;
}
.mainTxt{
	width:840px;
	margin:0 auto 32px auto;
	text-align:left;
	font-size:134%;
	line-height:1.8;
}
.mainTxt02{
	width:840px;
	height:89px;
	margin:0 auto;
	text-align:left;
	font-size:134%;
	line-height:1.8;
}


/* ----------------------------------------------
	service 
----------------------------------------------*/
/* left */

/* introBox */
#introBox{
	width:635px;
	padding:0 0 20px 0;
}

/* box01
---------------------------------------------------*/
#introBox .box01{
	width:635px;
	margin:0 0 15px 0;
	line-height:1.7;
	background:url(../images/service/service_box01_bg.gif) left top repeat-y;
}
#introBox .box01 .box01Bottom{
	height:100%;
	background:url(../images/service/service_box01_bgB.gif) left bottom no-repeat;
}
#introBox .box01 .box01_bgT {
	width:635px;
	padding:0 0 25px 0;
	color:#333;
	display:inline;
	float:left;
	background:url(../images/service/service_box01_bgT.jpg) left top no-repeat;
}
#introBox .box01 .box01_bgT a{
	width:635px;
	display:block;
	float:left;
	background:url(../images/service/service_box01_bgT.jpg) left top no-repeat;
}
#introBox .box01 .box01_bgT a p{
	width:455px;
	text-decoration:none;
	padding:0 18px 0 15px;
}
#introBox .box01 .box01_bgT a p span{
	margin:0 0 0 15px;
	color:#2db7d0;
	border-bottom:2px solid #caedf3;
}
#introBox .box01 .box01_bgT a:hover p span{
	color:#666;
	border-bottom:none;
}
#introBox .box01 .box01_bgT a:link { color:#333; text-decoration:none; }
#introBox .box01 .box01_bgT a:active { color:#333; text-decoration:none; }
#introBox .box01 .box01_bgT a:visited { color:#333; text-decoration:none; }
#introBox .box01 .box01_bgT a:hover{
	color:#666;
	text-decoration:none;
	background:url(../images/service/service_box01_bgT_on.jpg) left top no-repeat;
}

/* box02
---------------------------------------------------*/
#introBox .box02{
	width:635px;
	margin:0 0 15px 0;
	line-height:1.7;
	background:url(../images/top/box_bg.gif) left top repeat-y;
}
#introBox .box02 .box02Bottom{
	height:100%;
	background:url(../images/top/box_bgBottom.gif) left bottom no-repeat;
}

/* box02_bgT01 */
#introBox .box02 .box02_bgT01{
	width:310px;
	padding:0 0 20px 0;
	color:#333;
	display:inline;
	float:left;
	background:url(../images/service/service_box02_bgT01.jpg) left top no-repeat;
}
#introBox .box02 .box02_bgT01 a{
	width:310px;
	display:block;
	float:left;
	background:url(../images/service/service_box02_bgT01.jpg) left top no-repeat;
}
#introBox .box02 .box02_bgT01 a p{
	text-decoration:none;
	padding:0 18px 0 15px;
}
#introBox .box02 .box02_bgT01 a p span{
	margin:0 0 0 5px;
	color:#2db7d0;
	border-bottom:2px solid #caedf3;
}
#introBox .box02 .box02_bgT01 a:hover p span{
	color:#666;
	border-bottom:none;
}
#introBox .box02 .box02_bgT01 a:link { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT01 a:active { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT01 a:visited { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT01 a:hover{
	color:#666;
	text-decoration:none;
	background:url(../images/service/service_box02_bgT01_on.jpg) left top no-repeat;
}
/* box02_bgT02 */
#introBox .box02 .box02_bgT02 {
	width:310px;
	padding:0 0 20px 0;
	color:#333;
	display:inline;
	float:right;
	background:url(../images/service/service_box02_bgT02.jpg) left top no-repeat;
}
#introBox .box02 .box02_bgT02 a{
	width:310px;
	display:block;
	float:right;
	background:url(../images/service/service_box02_bgT02.jpg) left top no-repeat;
}
#introBox .box02 .box02_bgT02 a p{
	text-decoration:none;
	padding:0 18px 0 15px;
}
#introBox .box02 .box02_bgT02 a p span{
	margin:0 0 0 5px;
	color:#2db7d0;
	border-bottom:2px solid #caedf3;
}
#introBox .box02 .box02_bgT02 a:hover p span{
	color:#666;
	border-bottom:none;
}
#introBox .box02 .box02_bgT02 a:link { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT02 a:active { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT02 a:visited { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT02 a:hover{
	color:#666;
	text-decoration:none;
	background:url(../images/service/service_box02_bgT02_on.jpg) left top no-repeat;
}
/* box02_bgT03 */
#introBox .box02 .box02_bgT03{
	width:310px;
	padding:0 0 20px 0;
	color:#333;
	display:inline;
	float:left;
	background:url(../images/service/service_box02_bgT03.jpg) left top no-repeat;
}
#introBox .box02 .box02_bgT03 a{
	width:310px;
	display:block;
	float:left;
	background:url(../images/service/service_box02_bgT03.jpg) left top no-repeat;
}
#introBox .box02 .box02_bgT03 a p{
	text-decoration:none;
	padding:0 18px 0 15px;
}
#introBox .box02 .box02_bgT03 a p span{
	margin:0 0 0 5px;
	color:#2db7d0;
	border-bottom:2px solid #caedf3;
}
#introBox .box02 .box02_bgT03 a:hover p span{
	color:#666;
	border-bottom:none;
}
#introBox .box02 .box02_bgT03 a:link { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT03 a:active { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT03 a:visited { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT03 a:hover{
	color:#666;
	text-decoration:none;
	background:url(../images/service/service_box02_bgT03_on.jpg) left top no-repeat;
}
/* box02_bgT04 */
#introBox .box02 .box02_bgT04 {
	width:310px;
	padding:0 0 20px 0;
	color:#333;
	display:inline;
	float:right;
	background:url(../images/service/service_box02_bgT04.jpg) left top no-repeat;
}
#introBox .box02 .box02_bgT04 a{
	width:310px;
	display:block;
	float:right;
	background:url(../images/service/service_box02_bgT04.jpg) left top no-repeat;
}
#introBox .box02 .box02_bgT04 a p{
	text-decoration:none;
	padding:0 18px 0 15px;
}
#introBox .box02 .box02_bgT04 a p span{
	margin:0 0 0 5px;
	color:#2db7d0;
	border-bottom:2px solid #caedf3;
}
#introBox .box02 .box02_bgT04 a:hover p span{
	color:#666;
	border-bottom:none;
}
#introBox .box02 .box02_bgT04 a:link { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT04 a:active { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT04 a:visited { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT04 a:hover{
	color:#666;
	text-decoration:none;
	background:url(../images/service/service_box02_bgT04_on.jpg) left top no-repeat;
}
/* box02_bgT05 */
#introBox .box02 .box02_bgT05 {
	width:310px;
	padding:0 0 20px 0;
	color:#333;
	display:inline;
	float:left;
	background:url(../images/service/service_box02_bgT05.jpg) left top no-repeat;
}
#introBox .box02 .box02_bgT05 a{
	width:310px;
	display:block;
	float:left;
	background:url(../images/service/service_box02_bgT05.jpg) left top no-repeat;
}
#introBox .box02 .box02_bgT05 a p{
	text-decoration:none;
	padding:0 18px 0 15px;
}
#introBox .box02 .box02_bgT05 a p span{
	margin:0 0 0 5px;
	color:#2db7d0;
	border-bottom:2px solid #caedf3;
}
#introBox .box02 .box02_bgT05 a:hover p span{
	color:#666;
	border-bottom:none;
}
#introBox .box02 .box02_bgT05 a:link { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT05 a:active { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT05 a:visited { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT05 a:hover{
	color:#666;
	text-decoration:none;
	background:url(../images/service/service_box02_bgT05_on.jpg) left top no-repeat;
}
/* box02_bgT06 */
#introBox .box02 .box02_bgT06 {
	width:310px;
	padding:0 0 20px 0;
	color:#333;
	display:inline;
	float:right;
	background:url(../images/service/service_box02_bgT06.jpg) left top no-repeat;
}
#introBox .box02 .box02_bgT06 a{
	width:310px;
	display:block;
	float:right;
	background:url(../images/service/service_box02_bgT06.jpg) left top no-repeat;
}
#introBox .box02 .box02_bgT06 a p{
	text-decoration:none;
	padding:0 18px 0 15px;
}
#introBox .box02 .box02_bgT06 a p span{
	margin:0 0 0 5px;
	color:#2db7d0;
	border-bottom:2px solid #caedf3;
}
#introBox .box02 .box02_bgT06 a:hover p span{
	color:#666;
	border-bottom:none;
}
#introBox .box02 .box02_bgT06 a:link { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT06 a:active { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT06 a:visited { color:#333; text-decoration:none; }
#introBox .box02 .box02_bgT06 a:hover{
	color:#666;
	text-decoration:none;
	background:url(../images/service/service_box02_bgT06_on.jpg) left top no-repeat;
}
#introBox h3.box_title{
	height:82px;
	display:block;
}
#introBox h3.box_title span{
	display:none;
}


/* introTxt */
#introTxt ul li{
	width:635px;
	padding:25px 0 0 0;
	background:url(../images/service/bg_line.gif) left top repeat-x;
}
#introTxt ul li h4{
	margin:0 0 10px 0;
	padding:0 0 0 5px;
}
#introTxt ul li p{
	margin:0 0 20px 0;
	padding:0 28px 0 30px;
	font-size:117%;
}
#introTxt ul li p.security_Txt{
	margin:0 0 20px 0;
	padding:0 15px 0 30px;
	font-size:117%;
}
#introTxt ul li p.security_Txt span{
	font-weight:bold;
	font-style:italic;
	color:#2db7d0;
}


/*right*/
.develop{
	width:318px;
	margin:0 0 0 11px;
	background:url(../images/service/develop_bg.gif) left top repeat-y;
}
.develop .developT{
	background:url(../images/service/develop_bgT.gif) left top no-repeat;
}
.develop h4{
	padding:20px 20px 0 20px;
}
.develop ul {
	width:318px;
	padding:0 0 30px 0;
	background:url(../images/service/develop_bgB.gif) left bottom no-repeat;
}
.develop ul li{
	width:318px;
	margin:0 0 25px 0;
	padding:25px 0 0 0;
	border:none;
	background:url(../images/service/develop_bgM.gif) left top no-repeat;
}
.develop ul li.listTop{
	width:318px;
	margin:0 0 25px 0;
	padding:20px 0 0 0;
	background:none;
}
.develop ul li .li_contnets01{
	padding:0 0 0 20px;
	background:url(../images/service/develop_bg01.gif) right top no-repeat;
}
.develop ul li .li_contnets02{
	padding:0 0 0 20px;
	background:url(../images/service/develop_bg02.gif) right top no-repeat;
}
.develop ul li .li_contnets03{
	padding:0 0 0 20px;
	background:url(../images/service/develop_bg03.gif) right top no-repeat;
}
.develop ul li .li_contnets04{
	padding:0 0 0 20px;
	background:url(../images/service/develop_bg04.gif) right top no-repeat;
}
.develop ul li .li_contnets05{
	padding:0 0 0 20px;
	background:url(../images/service/develop_bg05.gif) right top no-repeat;
}
.develop ul li .li_contnets06{
	padding:0 0 0 20px;
	background:url(../images/service/develop_bg06.gif) right top no-repeat;
}
.develop ul li .li_contnets07{
	padding:0 0 0 20px;
	background:url(../images/service/develop_bg07.gif) right top no-repeat;
}
.develop ul li .li_txt{
	width:240px;
}
.develop ul li h5{
	margin:0 0 7px 0;
}

