@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;
}

/* boxW908 */
#boxW908{
	width:908px;
	margin:0 auto 24px auto;
	background:url(../images/service/box908_bg.gif) left top repeat-y;
}
#boxW908 .boxW908T{
	background:url(../images/service/box908_bgT.gif) left top no-repeat;
}
#boxW908 .boxW908T02{
	background:url(../images/service/box908_bgT02.gif) left top no-repeat;
}
#boxW908 .boxW908B{
	padding:18px 0 10px 0;
	background:url(../images/service/box908_bgB.gif) left bottom no-repeat;
}
#boxW908 .boxTitleArea{
	width:450px;
	padding:0 0 0 53px;
	line-height:1.8;
}
#boxW908 .boxTitleArea h3{
	margin:0 0 18px 0;
}
#boxW908 .boxTitleArea h4{
	margin:0 0 15px 0;
}

/* bottomBtnArea */
#bottomBtnArea{
	width:520px;
	margin:10px auto 40px auto;
}


/* ----------------------------------------------
	mobile 
----------------------------------------------*/

/* service */
#serviceBox{
	width:1000px;
	margin:0 0 30px 0;
	line-height:1.8;
	background:url(../images/mobile/service_bg.gif) left top repeat-y;
}
#serviceBox .serviceBoxBgT{
	background:url(../images/mobile/service_bgT.gif) left top no-repeat;
}
#serviceBox .serviceBoxBgB{
	padding:24px 84px;
	background:url(../images/mobile/service_bgB.gif) left bottom no-repeat;
}
#serviceBox .serviceTxt{
	width:600px;
	font-size:117%;
	line-height:1.8;
	color:#fff;
	float:left;
}

/* stady */
#stady{
	width:840px;
	line-height:1.8;
	margin:0 auto 50px auto;
}
#stady .stadyTxt{
	width:566px;
	font-size:117%;
	line-height:1.8;
	float:right;
}
#stady .stadyBox{
	width:840px;
	margin:0 auto 20px auto;
	background:url(../images/mobile/casestudy_ex_bg.gif) left top repeat-y;
}
#stady .stadyBox .stadyBoxT{
	padding:28px 0 0 20px;
	background:url(../images/mobile/casestudy_ex_bgT.gif) left top no-repeat;
}
#stady .stadyBox .stadyBoxT ul {
	width:800px;
}
#stady .stadyBox .stadyBoxT ul li{
	width:185px;
	margin:0 15px 0 0;
	padding:5px 0;
	float:left;
}

/* cms */
#cms{
	padding:18px 0 0 0;
	background:url(../images/mobile/cms_g.jpg) right 15px no-repeat;
}
#cms .cmsbox{
	width:840px;
	margin:0 auto 22px auto;
	background:url(../images/mobile/cms_box_bg.gif) left top repeat-y;
}
#cms .cmsbox .cmsboxT{
	background:url(../images/mobile/cms_box_bgT.gif) left top no-repeat;
}
#cms .cmsbox .cmsboxB{
	padding:17px 20px 0 20px;
	background:url(../images/mobile/cms_box_bgB.gif) left bottom no-repeat;
}
#cms .cmsbox .cmsbox_L{
	width:370px;
	margin:0 60px 0 0;
	float:left;
}
#cms .cmsbox .cmsbox_R{
	width:370px;
	margin:0;
	float:left;
}
#cms .cmsbox ul li{
	width:370px;
	margin:0 0 34px 0;
}
#cms .cmsbox ul li h5{
	margin:0 0 9px 0;
	padding:0;
}

/* appli */
#appli{
	height:215px;
	padding:18px 0 0 0;
	background:url(../images/mobile/appli_g.jpg) right 15px no-repeat;
}

/* tool */
#tool{
	height:206px;
	padding:18px 0 0 0;
	background:url(../images/mobile/tool_g.jpg) right 15px no-repeat;
}