@charset "utf-8";
/*
	product
*/

/* DRM main */
.drmHeader { width:767px; height:178px; margin-top:-11px; background:url(/images/product/drm_header.jpg) no-repeat; }
.drmHeader p { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.drmDescript { width:767px; height:263px; margin-top:10px; overflow:hidden; }
.drmDescript .descript01 { float:left; width:371px; height:263px; background:url(/images/product/drm_descript01.jpg) no-repeat; }
.drmDescript .descript02 { float:right; width:377px; height:263px; background:url(/images/product/drm_descript02.jpg) no-repeat; }
.drmDescript h3,
.drmDescript dl { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.drmSolution { margin-top:50px; }


/*.product01 {width:767px; position:relative; overflow:hidden; padding:0 0 5px 0; background:url('/images/product/bg_shadow.gif') no-repeat left bottom;}
.product01 dl {width:723px !important; overflow:hidden; border:3px solid #d1dae1; padding:27px 19px 26px 19px;}
.product01 dl dt {width:245px !important; float:left; padding:11px 0 0 0; margin:0;}
.product01 dl dt h3 {width:240px !important;}
.product01 dl dd {width:457px; height:220px; float:right; padding:0 0 22px 20px; border-left:1px solid #ced8df;}
.product01 dl dd div {width:457px; text-align:right; position:static !important; margin:-10px 0 4px; background:url('/images/common/line/line_eng.gif') no-repeat 430px 7px;}
.product01 dl dd div a {margin-left:15px;}
.product01 div {width:215px; position:absolute; left:26px; bottom:41px;}
.product01 div img {margin:5px 0 0 0;}

.product02 { margin:20px 0 0 0; padding:0;}  
.product02 ul {margin:10px 0 0 0;}
.product02 ul li {margin:20px 0 0 0;}
.product02 dl {margin:20px 0 0 0; padding:0 0 0 11px;}
.product02 .etcTxt {margin:50px 0 0 18px;}
.product02 .etcTxt p {margin:5px 0 0 0;}*/


/* sparrow common header */
.sparrowHeader { width:767px; height:225px; margin-bottom:25px; overflow:hidden;  background:url(/images/product/bg_shadow.gif) repeat-x left bottom; }
.sparrowHeader .box { overflow:hidden; padding:20px 0 20px 20px; border:3px solid #d1dae1; }
.sparrowHeader h3 { float:left; margin:0 29px 0 0; }
.sparrowHeader .headerCnt { float:left; padding:0 0 5px 30px; border-left:1px solid #d1dae1; }
.sparrowHeader .headerCnt p { margin:0 0 20px 4px; }
.sparrowHeader .headerCnt p.last-child { margin:0 0 29px 4px; }
.sparrowHeader .headerCnt .btn { height:24px; overflow:hidden; }

/* overview */
.sparrowOverview { margin:44px 0 0 0; }
.sparrowOverview .overviewImg { width:767px; height:434px; margin:0 auto; background:url(/images/product/txt_spOverview01.gif) no-repeat; }
.sparrowOverview .overviewImg p,
.sparrowOverview .overviewImg ul { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.sparrowOverview .overviewCnt01 { width:767px; height:165px; margin:63px 0 0 15px; background:url(/images/product/txt_spOverview02.gif) no-repeat; }
.sparrowOverview .overviewCnt01 h4,
.sparrowOverview .overviewCnt01 p { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.sparrowOverview .overviewCnt02 { width:767px; height:207px; margin:50px 0 0 15px; background:url(/images/product/txt_spOverview03.gif) no-repeat; }
.sparrowOverview .overviewCnt02 h4,
.sparrowOverview .overviewCnt02 p { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }

/* feature */
.sparrowFeature { width:767px; margin-top:26px; }
.sparrowFeature .featureImg { height:434px; margin:25px 0 0 0; overflow:hidden; }
.sparrowFeature .featureImg .feature01 { float:left; width:379px; height:434px; background:url(/images/product/txt_spFeatures02.gif) no-repeat; }
.sparrowFeature .featureImg .feature02 { float:right; width:379px; height:434px; background:url(/images/product/txt_spFeatures03.gif) no-repeat; }
.sparrowFeature .featureImg h4,
.sparrowFeature .featureImg ul { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }

.sparrowFeature .featureEtc { height:420px; margin:42px 0 0 0;overflow:hidden; }
.sparrowFeature .featureEtc .feature01 { float:left; width:495px; height:420px; background:url(/images/product/txt_spFeatures04.gif) no-repeat; }
.sparrowFeature .featureEtc .feature02 { float:right; width:238px; height:420px; background:url(/images/product/txt_spFeatures05.gif) no-repeat; }
.sparrowFeature .featureEtc h4,
.sparrowFeature .featureEtc h5,
.sparrowFeature .featureEtc ul,
.sparrowFeature .featureEtc p { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }

/* how sparrow works */
.sparrowHow {width:767px; margin-top:26px;}
.sparrowHow h4 {margin-top:50px; font-size:0; line-height:0;}
.sparrowHow .how01 {margin-top:12px;}
.sparrowHow .how01 div {padding:50px 0 0 16px;}
.sparrowHow dl.worksDemo {width:725px; margin-top:50px; padding:0; }
.sparrowHow dl.worksDemo dd {width:725px; margin-top:12px; margin-bottom:10px; padding:21px 21px 23px 21px; background:url('../images/product/bg_demo.gif') no-repeat left top;}
.sparrowHow .how02 {margin-top:10px;}
.sparrowHow .how02 div {margin-top:15px; padding-left:14px;}
.sparrowHow .how02 div.txt01 { width:700px; height:100px; margin-left:14px; background:url(/images/product/txt_spHow0302.gif) no-repeat; }
.sparrowHow .how02 div.txt01 ul { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }

.sparrowHow .how02.txt02 { width:767px; height:70px; background:url(/images/product/txt_spHow0401.gif) no-repeat; }
.sparrowHow .how02.txt02 p,
.sparrowHow .how02.txt02 ul { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.sparrowHow .how02.txt03 { width:700px; height:200px; background:url(/images/product/txt_spHow0501.gif) no-repeat; }
.sparrowHow .how02.txt03 p,
.sparrowHow .how02.txt03 ul { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }

/* use cases */
.sparrowUseCase { width:767px; margin-top:26px; }
.sparrowUseCase p { margin-bottom:30px; }
.sparrowUseCase ul { width:767px; margin:0 0 0 8px; padding:0; }
.sparrowUseCase ul li { font-size:0; line-height:0; }
.sparrowUseCase ul li.txt01 { height:84px; padding-bottom:30px; background:url(/images/product/txt_spUse02.gif) no-repeat; }
.sparrowUseCase ul li.txt02 { height:84px; padding-bottom:30px; background:url(/images/product/txt_spUse03.gif) no-repeat; }
.sparrowUseCase ul li.txt03 { height:85px; background:url(/images/product/txt_spUse04.gif) no-repeat; }
.sparrowUseCase ul li p,
.sparrowUseCase ul li span { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }

/* benefits */
.sparrowBenefits { width:767px; margin-top:26px; }
.sparrowBenefits h4 { margin-top:30px; }
.sparrowBenefits div { margin-top:10px; padding-left:20px; }
.sparrowBenefits div div { margin-top:20px; padding:0; }
.sparrowBenefits div ol { margin-top:20px; }
.sparrowBenefits div ol li { margin-bottom:13px; }

/* who needs sparrow */
.sparrowWhoNeeds { width:767px; margin-top:26px; }
.sparrowWhoNeeds .txt01 { width:767px; height:42px; margin-bottom:20px; background:url(/images/product/txt_spWho01.gif) no-repeat; }
.sparrowWhoNeeds .txt02 { width:767px; height:59px; margin-bottom:33px; background:url(/images/product/txt_spWho02.gif) no-repeat; }
.sparrowWhoNeeds span { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.sparrowWhoNeeds .whoneedsImg { width:767px; height:300px; margin:0 auto; background:url(/images/product/img_spWho.gif) no-repeat; }
.sparrowWhoNeeds .whoneedsImg h4,
.sparrowWhoNeeds .whoneedsImg ul { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }

/* sparrow technology */
.sparrowTech { width:767px; margin-top:26px; }
.sparrowTech img { vertical-align:top; }
.sparrowTech .techAnal { width:765px; height:494px; margin:10px 0 50px; background:url(/images/product/bg_tech_anal.gif) no-repeat; }
.sparrowTech .techAnal h4,
.sparrowTech .techAnal ul,
.sparrowTech .techAnal p { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.sparrowTech .txt { margin-top:20px; }
.sparrowTech .techSemantic { width:767px; height:110px; margin:23px 0 50px; background:url(/images/product/bg_tech_semantic.gif) no-repeat; }
.sparrowTech .techSemantic p { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.sparrowTech .techDoc { margin:25px 0 0 0; }
.sparrowTech .techDoc ul li { position:relative; height:47px; padding-left:66px; margin:0 0 30px 0; background:url('../images/customer/bg_pdficon.gif') no-repeat left top;}
.sparrowTech .techDoc ul li dl {  }
.sparrowTech .techDoc ul li dl img { vertical-align:top; }
.sparrowTech .techDoc ul li dl dt { padding-top:5px; }
.sparrowTech .techDoc ul li dl dd { padding:7px 0 0 0;}
.sparrowTech .techDoc ul li p { display:inline; position:absolute; top:24px; margin:0; padding-left:10px; }

.sparrowTech .techDoc .techDocGuide { width:488px; height:33px; margin:0 0 0 68px;}
.sparrowTech .techDoc .techDocGuide span { visibility:hidden; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }

/* brochure download */
#downLoadBro { width:767px; height:768px; margin-top:34px; overflow:hidden; zoom:1; border-bottom:1px solid #e3e3e3; }
#downLoadBro .downDrm { float:left; width:382px;  }
#downLoadBro .downDrm img { vertical-align:top; }
#downLoadBro .downDrm h4 { height:18px; padding-top:7px; text-align:center; background:url(/images/product/bg_h4_down_drm.gif) no-repeat; }
#downLoadBro .downDrm ul { padding:20px 0 20px 57px; background:url(/images/customer/bg_pdficon.gif) no-repeat left center; border-right:1px solid #e3e3e3; }
#downLoadBro .downDrm ul li { position:relative; padding:5px 0; }
#downLoadBro .downDrm ul li a { position:absolute; right:23px; }
#downLoadBro .downDrm ul.menual { border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background-image:url(/images/product/bg_menualicon.gif); }

#downLoadBro .downSparrow { float:left; width:383px;  }
#downLoadBro .downSparrow img { vertical-align:top; }
#downLoadBro .downSparrow h4 { height:18px; padding-top:7px; text-align:center; background:url(/images/product/bg_h4_down_sparrow.gif) no-repeat; }
#downLoadBro .downSparrow ul { padding:20px 0 20px 73px; background:url(/images/customer/bg_pdficon.gif) no-repeat 15px center; }
#downLoadBro .downSparrow ul li { position:relative; padding:5px 0; }
#downLoadBro .downSparrow ul li a { position:absolute; right:8px; }
#downLoadBro .downSparrow ul.menual { padding:91px 0 92px 73px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background-image:url(/images/product/bg_menualicon.gif); }