@charset "utf-8";

/******* overwrite *******/
#body{ width:854px; padding:0 0 4em 0;}

/******* mainvisual *******/

#mainvisual{
	display:block;
	width:854px;
	height:101px;
	overflow:hidden;
	line-height:1000px;
	margin:22px 0 19px 0;
	background-repeat:no-repeat;
}

	DIV.biz #mainvisual{background:url(/img/business/biz_main.jpg); height:206px;}

	DIV.asp #mainvisual{background:url(/img/business/asp/asp_main.jpg);}
	DIV.asp_lite #mainvisual{background:url(/img/business/asp/lt_main.jpg);}
	DIV.asp_std #mainvisual{background:url(/img/business/asp/std_main.jpg);}
	DIV.asp_dev #mainvisual{background:url(/img/business/asp/dev_main.jpg);}
	
	DIV.naviad #mainvisual{background:url(/img/business/ad_main.jpg);}
	DIV.sys_dev #mainvisual{background:url(/img/business/sy_main.jpg);}
	DIV.inquiry #mainvisual{background:url(/img/business/co_main.jpg);}



/******* sidemenu *******/

DIV.sidemenu{
	width:163px;
	float:right;
}

DIV.sidemenu H3{
	display:block;
	width:163px;
	height:31px;
	overflow:hidden;
	line-height:1000px;
	margin:0;
	background: url(/img/business/biz_menu.gif) no-repeat;
}

DIV.sidemenu UL{
	display:block;
	border-left: 1px solid #507795;
	border-right: 1px solid #507795;
}
	DIV.sidemenu UL LI{
		display:block;
		border-bottom: 1px dashed #507795;
	}
	
	DIV.sidemenu UL LI A{
		display:block;
		padding:1em 5px 1em 20px;
		background: url(/img/common/arrow_blue.gif) no-repeat 7px 1.25em;
		text-decoration:none;
	}
	DIV.sidemenu UL LI A:hover{background-position:10px 1.25em;}


	DIV.sidemenu UL LI UL{ border:none; padding-bottom:1em;}
	DIV.sidemenu UL LI UL LI{ border:none;}
	DIV.sidemenu UL LI UL LI A{
		background:none;
		padding:0.3em 5px 0.3em 20px;
	}

	DIV.sidemenu UL LI UL LI A:hover{
		padding-left:25px;
	}


DIV.sidemenu IMG.menu_btm{ display:block; margin-top:-1px;}


/******* contents *******/
DIV.contents{
	width:663px;
	float:left;
}

/******* contents layout *******/

DIV.contents DIV.container{padding:0 0 3em 12px;}

DIV.contents DIV.txt_area{float:left;}
DIV.contents DIV.img_area{float:right; text-align:center;}


	/*450-210*/
	DIV.biz DIV.txt_area,
	DIV.asp_lite DIV.txt_area,
	DIV.asp_std DIV.txt_area{
		width:420px;
	}
	
	DIV.biz DIV.img_area,
	DIV.asp_lite DIV.img_area,
	DIV.asp_std DIV.img_area{
		width:210px;
	}

	/*530-100*/
	DIV.asp DIV.txt_area{
		width:530px;
	}
	
	DIV.asp DIV.img_area{
		width:100px;
	}

	/*340-290*/
	DIV.naviad DIV.txt_area{
		width:360px;
	}
	
	DIV.naviad DIV.img_area{
		width:280px;
	}

/* contents headline */
DIV.contents H2.headline{
	clear:both;
	width:659px;
	height:49px;
	overflow:hidden;
	line-height:1000px;
	background-repeat:no-repeat;	
}
	/* top */
	DIV.biz H2.t1{background-image:url(/img/business/biz_headline_asp.gif);}
	DIV.biz H2.t2{background-image:url(/img/business/biz_headline_ad.gif);}
	DIV.biz H2.t3{background-image:url(/img/business/biz_headline_bnt.gif);}
	
	/* asp */
	DIV.asp H2.t1{background-image:url(/img/business/asp/asp_headline_lite.gif); height:80px;}
	DIV.asp H2.t2{background-image:url(/img/business/asp/asp_headline_std.gif); height:80px;}
	DIV.asp H2.t3{background-image:url(/img/business/asp/asp_headline_dev.gif); height:105px;}

	/* asp_lite */
	DIV.asp_lite H2.t1{background-image:url(/img/business/asp/lt_headline.gif); }

	/* asp_std */
	DIV.asp_std H2.t1{background-image:url(/img/business/asp/std_headline.gif); }

	/* asp_dev */
	DIV.asp_dev H2.t1{background-image:url(/img/business/asp/dev_headline.gif); }

	/* naviad */
	DIV.naviad H2.t1{background-image:url(/img/business/ad_headline1.gif);}
	DIV.naviad H2.t2{background-image:url(/img/business/ad_headline2.gif);}
	DIV.naviad H2.t3{background-image:url(/img/business/ad_headline3.gif);}
	DIV.naviad H2.t4{background-image:url(/img/business/ad_headline4.gif);}
	DIV.naviad H2.t5{background-image:url(/img/business/ad_headline5.gif);}

	/* sys_dev */
	DIV.sys_dev H2.t1{background-image:url(/img/business/sy_headline1.gif);}
	
	/* inquiry */
	DIV.inquiry H2.t1{background-image:url(/img/business/co_headline1.gif);}
	DIV.inquiry H2.t2{background-image:url(/img/business/co_headline2.gif);}
	DIV.inquiry H2.t3{background-image:url(/img/business/co_headline3.gif);}


/******* btn *******/

DIV.container DIV.btn_area{ text-align:center; padding-bottom:1em;}

A.btn{
	display: -moz-inline-box;
	display:inline-block;
	zoom: 1; *display: inline;
	vertical-align:middle;
	overflow:hidden;
	line-height:1000px;
	background-repeat:no-repeat;
}

A.intro_asp,
A.intro_ad,
A.intro_bnt{
	background-image:url(/img/business/btn_pallet1.gif);
	height:29px;
}

	A.intro_ad{width:255px; background-position:0 0;}
	A.intro_ad:hover{background-position:0 -29px;}
	
	A.intro_asp{width:255px; background-position:0 -58px;}
	A.intro_asp:hover{background-position:0 -87px;}
	
	A.intro_bnt{width:340px; background-position:0 -116px;}
	A.intro_bnt:hover{background-position:0 -145px;}

A.intro_lite,
A.intro_std,
A.intro_dev,
A.intro_biz{
	background-image:url(/img/business/btn_pallet2.gif);
	width:155px;
	height:48px;
}

	A.intro_lite{background-position:0 0;}
	A.intro_lite:hover{background-position:0 -48px;}
	
	A.intro_std{background-position:-155px 0;}
	A.intro_std:hover{background-position:-155px -48px;}
	
	A.intro_dev{background-position:-310px 0;}
	A.intro_dev:hover{background-position:-310px -48px;}
	
	A.intro_biz{background-position:-465px 0;}
	A.intro_biz:hover{background-position:-465px -48px;}

A.inq_asp,
A.inq_ad,
A.inq_sys,
A.inq_bnt{
	background-image:url(/img/business/btn_pallet3.gif);
	width:158px;
	height:96px;
}

	A.inq_asp{background-position:0 0;}
	A.inq_asp:hover{background-position:0 -96px;}
	
	A.inq_ad{background-position:-158px 0;}
	A.inq_ad:hover{background-position:-158px -96px;}
	
	A.inq_sys{background-position:-316px 0;}
	A.inq_sys:hover{background-position:-316px -96px;}
	
	A.inq_bnt{background-position:-474px 0;}
	A.inq_bnt:hover{background-position:-474px -96px;}

A.dtl_lite,
A.dtl_std,
A.dtl_dev{
	background-image:url(/img/business/btn_pallet4.gif);
	width:313px;
	height:29px;
}

	A.dtl_lite{background-position:0 0;}
	A.dtl_lite:hover{background-position:0 -29px;}
	
	A.dtl_std{background-position:0 -58px;}
	A.dtl_std:hover{background-position:0 -87px;}
	
	A.dtl_dev{background-position:0 -116px;}
	A.dtl_dev:hover{background-position:0 -145px;}
	
	
A.foot_inq{
	background-image:url(/img/business/btn_pallet5.gif);
	width:313px;
	height:29px;
}

A.foot_inq:hover{background-position:0 -29px;}

A.ad_full,
A.ad_lite,
A.ad_one{
	background-image:url(/img/business/btn_pallet6.gif);
	width:211px;
	height:45px;
}

	A.ad_full{background-position:0 0;}
	A.ad_full:hover{background-position:0 -45px;}
	A.ad_lite{background-position:-211px 0;}
	A.ad_lite:hover{background-position:-211px -45px;}
	A.ad_one{background-position:-422px 0;}
	A.ad_one:hover{background-position:-422px -45px;}

A.ad_one_link{
	background-image:url(/img/business/btn_pallet7.gif);
	width:211px;
	height:45px;
}

	A.ad_one_link:hover{background-position:0 -45px;}


/******/

DIV.container H3{ margin-bottom:1em;}
DIV.container P.txt{ margin-bottom:1em; line-height:2em;}
A.ar{ padding-left:10px; background:url(/img/common/arrow_blue.gif) no-repeat 0 3px;}

/*************** unique style ****************/
/* DIV.biz*/
DIV.biz DIV#demand{
	clear:both;
	position:relative;
}

DIV.biz DIV#demand H2,DIV.biz DIV#demand H3{margin-bottom:17px;}


DIV.biz DIV#demand DIV.from_cs{width:326px; float:left;}
DIV.biz DIV#demand DIV.from_cp{width:326px; float:right;}

DIV.biz DIV#demand DIV.case01,
DIV.biz DIV#demand DIV.case02,
DIV.biz DIV#demand DIV.case03{
	margin-bottom:22px;
	background:no-repeat bottom;
	width:326px;
	height:241px;
	position:relative;
}

DIV.biz DIV#demand DIV A.btn{margin:23px 0 0 165px;}

DIV.biz DIV#demand DIV.from_cs DIV.case01{background-image:url(/img/business/biz_demand_1-1b.gif)}
DIV.biz DIV#demand DIV.from_cs DIV.case02{background-image:url(/img/business/biz_demand_1-2b.gif)}

DIV.biz DIV#demand DIV.from_cp DIV.case01{background-image:url(/img/business/biz_demand_2-1b.gif)}
DIV.biz DIV#demand DIV.from_cp DIV.case02{background-image:url(/img/business/biz_demand_2-2b.gif)}
DIV.biz DIV#demand DIV.from_cp DIV.case03{background-image:url(/img/business/biz_demand_2-3b.gif); margin-bottom:0;}


/*
UL.dem_list LI{ position:absolute;}

UL.dem_list LI.pos1{ left:5px; top:455px;}
UL.dem_list LI.pos2{ left:173px; top:455px;}
UL.dem_list LI.pos3{ left:343px; top:455px;}
UL.dem_list LI.pos4{ left:511px; top:455px;}
*/





/* DIV.asp */

DIV.asp DIV#about_asp{
	background:url(/img/business/asp/asp_box.gif) no-repeat;
	width:659px;
	height:269px;
	margin-bottom:3em;
	position:relative;
}

DIV.asp DIV#about_asp P.txt{
	position: absolute;
	left:20px;
	top:100px;
	width:400px;
	line-height:2em;
}

DIV.asp DIV#about_asp DL.annotation{
	position: absolute;
	left:20px;
	top:205px;
	width:600px;
}
DIV.asp DIV.btn_area{ clear:both;}

DIV.asp #asp_case{
	padding-bottom:1em;
	width:664px;
}

DIV.asp #asp_case A{text-decoration:none;}

DIV.asp #asp_case H3{
	display:block;
	height:33px;
	width:663px;
	line-height:1000px;
	overflow:hidden;
	background:url(/img/business/asp/asp_case_title.gif) no-repeat;
	margin-bottom:0.5em;
}

DIV.asp #asp_case DL.case_list{
	display:block;
	width:664px;
	height:536px;
	background:url(/img/business/asp/asp_case.gif) no-repeat;
	padding-bottom:1em;
	position:relative;
}

DIV.asp #asp_case DL.case_list DT{
	position:absolute;
	top:12px;
	width:200px;
}

DIV.asp #asp_case DL.case_list DD{
	position:absolute;
	top:448px;
	width:180px;
	padding-left:13px;
	line-height:1.3em;
}

DIV.asp #asp_case DL.case_list .p1{ left:10px;}
DIV.asp #asp_case DL.case_list .p2{ left:232px;}
DIV.asp #asp_case DL.case_list .p3{ left:455px;}

/* DIV.asp_lite */
DIV.asp_lite DIV.img_area IMG{ display:block; margin:0 auto 3em auto; }

DIV.asp_lite #lite_case{ clear:both;}


DIV.asp_lite #lite_case H3{
	display:block;
	height:33px;
	width:663px;
	line-height:1000px;
	overflow:hidden;
	background:url(/img/business/asp/lt_case_title.gif) no-repeat;
	margin-bottom:0.5em;
}

DIV.asp_lite #lite_case DIV.case_dtl{
	width: 653px;
	height:689px;
	background:url(/img/business/asp/lt_case.gif) no-repeat;
	padding-bottom:1em;
	position:relative;
}

DIV.asp_lite #lite_case DIV.case_dtl H4{
	position:absolute;
	left:10px;
	top:13px;
}
DIV.asp_lite #lite_case DIV.case_dtl P.use{
	position:absolute;
	left:205px;
	top:13px;
	padding-left:10px;
	background:url(/img/common/arrow_blue.gif) no-repeat 0px 2px;
}
DIV.asp_lite #lite_case DIV.case_dtl DL{
	position:absolute;
	left:10px;
	top:55px;
	width:400px;
}

DIV.asp_lite #lite_case DIV.case_dtl DL DT{padding-bottom:1.5em;}
DIV.asp_lite #lite_case DIV.case_dtl DL DD{padding-bottom:4em; line-height:2em;}

/* DIV.asp_std */

DIV.asp_std #std_case{ clear:both;}


DIV.asp_std #std_case H3{
	display:block;
	height:33px;
	width:663px;
	line-height:1000px;
	overflow:hidden;
	background:url(/img/business/asp/std_case_title.gif) no-repeat;
	margin-bottom:0.5em;
}

DIV.asp_std #std_case DIV.case_dtl{
	width: 653px;
	height:719px;
	background:url(/img/business/asp/std_case.gif) no-repeat;
	padding-bottom:1em;
	position:relative;
}

DIV.asp_std #std_case DIV.case_dtl H4{
	position:absolute;
	left:10px;
	top:13px;
}
DIV.asp_std #std_case DIV.case_dtl P.use{
	position:absolute;
	left:205px;
	top:13px;
	padding-left:10px;
	background:url(/img/common/arrow_blue.gif) no-repeat 0px 2px;
}
DIV.asp_std #std_case DIV.case_dtl DL{
	position:absolute;
	left:10px;
	top:55px;
	width:400px;
}

DIV.asp_std #std_case DIV.case_dtl DL DT{padding-bottom:1.5em;}
DIV.asp_std #std_case DIV.case_dtl DL DD{padding-bottom:4em; line-height:2em;}


/* DIV.asp_dev */

DIV.asp_dev H4.main_function{ font-weight:bold; line-height:2em;}
DIV.asp_dev DL.main_function{line-height:2em;}
DIV.asp_dev DL.main_function DD{ padding-left:1.5em;}

DIV.asp_dev #dev_case{ clear:both;}

DIV.asp_dev #dev_case H3{
	display:block;
	height:33px;
	width:663px;
	line-height:1000px;
	overflow:hidden;
	background:url(/img/business/asp/dev_case_title.gif) no-repeat;
	margin-bottom:0.5em;
}

DIV.asp_dev #dev_case DIV.case_dtl{
	width: 653px;
	height:681px;
	background:url(/img/business/asp/dev_case.gif) no-repeat;
	padding-bottom:1em;
	position:relative;
}

DIV.asp_dev #dev_case DIV.case_dtl H4{
	position:absolute;
	left:10px;
	top:13px;
}
DIV.asp_dev #dev_case DIV.case_dtl P.use{
	position:absolute;
	left:250px;
	top:13px;

	padding-left:10px;
	background:url(/img/common/arrow_blue.gif) no-repeat 0px 2px;
}
DIV.asp_dev #dev_case DIV.case_dtl DL{
	position:absolute;
	left:13px;
	top:55px;
	width:400px;
}

DIV.asp_dev #dev_case DIV.case_dtl DL DT{padding-bottom:1.5em;}
DIV.asp_dev #dev_case DIV.case_dtl DL DD{padding-bottom:4em; line-height:2em;}

	
/* DIV.naviad */

DIV.naviad P.btmline{border-bottom:1px solid #DDD; padding-bottom:1.5em; margin-bottom:1.5em; line-height:2em;}


DIV.naviad #ad_case{ clear:both;}

DIV.naviad #ad_case H3{
	display:block;
	height:33px;
	width:663px;
	line-height:1000px;
	overflow:hidden;
	background:url(/img/business/ad_case_title.gif) no-repeat;
	margin-bottom:0.5em;
}

DIV.naviad #ad_case DIV.case_dtl{
	width: 658px;
	height:641px;
	background:url(/img/business/ad_case.gif) no-repeat;
	padding-bottom:1em;
	position:relative;
}


DIV.naviad #ad_case DIV.case_dtl DIV.left{
position:absolute;
left:10px;
width:300px;
}

DIV.naviad #ad_case DIV.case_dtl DIV.right{
position:absolute;
left:350px;
width:300px;
}


DIV.naviad #ad_case DIV.case_dtl H4{
position:absolute;
top:10px;
}

DIV.naviad #ad_case DIV.case_dtl P.use{
position:absolute;
top:270px;
padding-left:10px;
background:url(/img/common/arrow_blue.gif) no-repeat 0 8px;
line-height:2em;
}

DIV.naviad #ad_case DIV.case_dtl P.message{
position:absolute;
top:340px;
line-height:2em;
}

DIV.ad_banner{ background-color:#f7f7f7; line-height:1.5em; padding:5px; text-align:center;}


/* DIV.sys_dev */

DIV.sys_dev DL.route_engine{
	line-height:2em;
}

DIV.sys_dev DL.route_engine DT{font-weight:bold;}
DIV.sys_dev DL.route_engine DD{ padding-bottom:2em;}
DIV.sys_dev DL.route_engine DD IMG.route_map{ display:block; margin:1em auto 0 auto;}

/* DIV.inquiry */

DIV.inquiry UL.mail_btn{padding:30px 0;	height:96px;}

DIV.inquiry UL.mail_btn LI{
	float:left;
	width:158px;
	height:96px;
	padding:0 2px;
}

DIV.inquiry UL.contact_list{ padding:1em 0;line-height:2em;}

DIV.inquiry UL.contact_list LI.name{ font-weight:bold;}
DIV.inquiry UL.contact_list LI.tel{ padding-left:20px; background:url(/img/common/ico_tel.gif) no-repeat 0px 3px;}
DIV.inquiry UL.contact_list LI.mail{ padding-left:20px; background:url(/img/common/ico_mail.gif) no-repeat 0px 5px;}

DIV.inquiry UL.introduction{
	display: block;
	width:659px;
	height:584px;
	background:url(/img/business/co_step.gif) no-repeat;
	position:relative;
}

DIV.inquiry UL.introduction LI{position:absolute; line-height:1.5em;}

DIV.inquiry UL.introduction LI.step1{top:38px;left:111px;}
DIV.inquiry UL.introduction LI.step2{top:138px;left:146px;}
DIV.inquiry UL.introduction LI.step3{top:238px;left:164px;}
DIV.inquiry UL.introduction LI.step4{top:338px;left:164px;}
DIV.inquiry UL.introduction LI.step5{top:438px;left:146px;}
DIV.inquiry UL.introduction LI.step6{top:538px;left:118px;}