@charset "UTF-8";
/* CSS Document */

/*======================================

	service

=======================================*/
.btn-dl{
	background:url(../images/dot_border.gif) left top repeat-x;
	width:600px;
	padding:20px 0 10px 0;
	clear:both;
	margin-top:20px;
}
.btn-dl a{
	height:28px;
	margin:0 auto;
	display:block;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
}
#btn-dl01 a{
	width:180px;
	background-image:url(../images/btn_dl01.gif);
}
#btn-dl02 a{
	width:210px;
	background-image:url(../images/btn_dl02.gif);
}
.btn-dl a:hover{
	background-position:left bottom;
}


/*	content-title	*/
.content-title#service01{
	background-image:url(../images/ct_service01.gif);
}
.content-title#service02{
	background-image:url(../images/ct_service02.gif);
}
.content-title#service03{
	background-image:url(../images/ct_service03.gif);
}
.content-title#service04{
	background-image:url(../images/ct_service04.gif);
}
.content-title#service05{
	background-image:url(../images/ct_service05.gif);
}
.content-title#service06{
	background-image:url(../images/ct_service06.gif);
}
.content-title#case01{
	background-image:url(../images/ct_case01.gif);
}
.content-title#case02{
	background-image:url(../images/ct_case02.gif);
}
.content-title#case03{
	background-image:url(../images/ct_case03.gif);
}
.content-title#case04{
	background-image:url(../images/ct_case04.gif);
}
.content-title#case05{
	background-image:url(../images/ct_case05.gif);
}
.content-title#case06{
	background-image:url(../images/ct_case06.gif);
}
.content-title#case07{
	background-image:url(../images/ct_case07.gif);
}
.content-title#case08{
	background-image:url(../images/ct_case08.gif);
}
.content-title#case09{
	background-image:url(../images/ct_case09.gif);
}
.content-title#case10{
	background-image:url(../images/ct_case10.gif);
}
.content-title#case11{
	background-image:url(../images/ct_case11.gif);
}
.content-title#case12{
	background-image:url(../images/ct_case12.gif);
}
.servicelist p{
	padding:0px 15px 40px;
}
.servicedetail{
	position:relative;
	top:-28px;
	left:496px;
}
.servicedetail a{
	display:block;
	width:93px;
	height:18px;
	text-indent:-9999px;
	background:url(../images/btn_detail.gif) left top no-repeat;
}
.servicedetail a:hover{
	background:url(../images/btn_detail.gif) left bottom no-repeat;
}
.box#service-contact{
	width:600px;
	clear:both;
}
.box#service-casestudy{
	width:290px;
	float:right;
}
.box#all-service{
	width:290px;
	float:left;
}
.box#videostreaming{
	width:290px;
	clear:both;
}
.box#all-service .def-list{
	/*list-style-type:disc;
	list-style-position:inside;*/
	width:auto;
	margin:0 auto;
}
.box#service-casestudy .def-list{
	/*list-style-type:disc;
	list-style-position:inside;*/
	width:auto;
	margin:0 auto;
}
.box#all-service .def-list li{
	width:auto;
	clear:both;
}
.box#service-contact .contents-head{
	width:auto;
	background-image:url(../images/ch_contact.gif);
}
.box#service-send .contents-head{
	width:auto;
	background-image:url(../images/ch_send.gif);
}
.box#all-service .contents-head{
	background-image:url(../images/ch_service.gif);
}
.box#service-casestudy .contents-head{
	background-image:url(../images/ch_casestudy.gif);
}
.box#videostreaming .contents-head{
	background-image:url(../images/ch_videosteaming.gif);
}
.box#videostreaming{
	margin-top:20px;
}
.left#anounceservice{
	width:285px;
	margin-left:5px;
}
#anounceservice h3{
	height:41px;
	background:url(../images/anounce_service.gif) left top no-repeat;
	text-indent:-9999px;
}
#hservices h3{
	height:41px;
	background:url(../images/services.gif) left top no-repeat;
	text-indent:-9999px;
	margin-bottom:20px;
}
#hcasestudy h3{
	height:41px;
	background:url(../images/casestudy.gif) left top no-repeat;
	text-indent:-9999px;
	margin-bottom:20px;
}
#anounceservice p{
	padding:10px 5px;
}
#sc-area{
	width:570px;
}
#sc-area:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
#service-contact01,#service-contact02,#service-contact03{
	width:275px;
}
#sc-area .area-head{
	width:275px;
	height:24px;
}

#service-contact01 .area-head{
	background-image:url(../images/area_service01.gif);
}
#service-contact02 .area-head{
	background-image:url(../images/area_service02.gif);
}
#service-contact03 .area-head{
	background-image:url(../images/area_service03.gif);
}
#service-contact03{
	clear:both;
}
#service-contact01{
	margin-bottom:20px;
}
#service-contact01 p,#service-contact02 p,#service-contact03 p{
	padding:0 10px;
}

#caselist{
	width:600px;
	padding-bottom:20px;
}
#caselist:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}