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

* {
	margin: 0px;
	padding: 0px;
}

body {
	color: #666666;
}

#container {
	position: relative;
	width: 960px;
	margin: 0px auto 0px auto;
	background:url(../image/universal/dropShadow.gif);
}

#print {
	position: absolute;
	top: 179px;
	right: 16px;
	font-size: 12px;
}

#header {
	width: 950px;
	height: 175px;
	margin: 0px auto 0px auto;
	text-indent: -9999px;
	outline-style: none;
	background: url(../image/universal/sub/header.jpg);
}

#navigation {
	width: 930px;
	height: 50px;
	margin: -65px auto 0px auto;
}

.anchor {
	width: 150px;
	height: 50px;
	display: inline;
	margin-right: 6px;
	float: left;
}

.anchor_terminal {
	width: 150px;
	height: 50px;
	display: inline;
	margin-right: 0px;
	float: left;
}

*html .anchor_terminal {
	width: 150px;
	height: 50px;
	display: inline;
	margin-right: -6px;
	float: left;
}

#contents {
	width: 909px;
	margin: 0px auto 0px auto;
}


/* need to edit open */
#title {
	width: 242px;
	height: 55px;
	text-indent: -9999px;
	background: url(../image/product/product_title.gif);
	background-repeat: no-repeat;
}

#figure {
	width: 340px;
	height: 545px;
	margin: 16px 16px 16px 0px;
	float: left;
}

#captions {
	width: 553px;
	margin-top: 16px;
	float: left;
}

.caption {
	border-left: 5px solid #C7DFF4;
	padding-left: 8px;
	margin-bottom: 16px;
}

.caption h3 {
	cursor: pointer;
}

#borderless {
	border: none
	padding-left: 0px;
	margin-bottom: 16px;
}

.caption h2 {
	font-size: 8px;
	text-indent: -9999px;
	margin-bottom: 8px;
}

.caption h3 {
	font-size: 8px;
	text-indent: -9999px;
	margin: 0px 0px 8px 0px;
}

.caption p {
	font-size: 12px;
	line-height: 1.6em;
}

#borderless h2 {
	font-size: 8px;
	text-indent: -9999px;
	margin-bottom: 8px;
}

#borderless p {
	font-size: 12px;
	line-height: 1.6em;
}

#st1 {
	width: 162px;
	height: 12px;
	background: url(../image/product/product_st1.gif);
}

#st2 {
	width: 161px;
	height: 12px;
	background: url(../image/product/product_st2.gif);
}

#st3 {
	width: 267px;
	height: 12px;
	background: url(../image/product/product_st3.gif);
}

#st4 {
	width: 279px;
	height: 12px;
	background: url(../image/product/product_st4.gif);
}

#st5 {
	width: 137px;
	height: 13px;
	background: url(../image/product/product_st5.gif);
}

#st6 {
	width: 161px;
	height: 12px;
	background: url(../image/product/product_st6.gif);
}

#bound {
	width: 909px;
	margin: 32px auto 16px auto;
}

.anchor_bound {
	margin: 0px 16px 0px 0px;
}

#devider {
	width: 905px;
	height: 1px;
	margin: 0px auto 0px auto;
}
/* need to edit close */

#subNavigation {
	width: 271px;
	height: 12px;	
	margin: 32px 32px 16px auto;
}

.anchor_sub {
	display: inline;
	float: left;
	margin-left: 8px;
}

#bottomLine {
	width: 950px;
	height: 15px;
	text-indent: -9999px;
	background: url(../image/universal/footer_BottomLine.gif);
	margin: 0px auto 0px auto;
	background-repeat: no-repeat;
	font-size: 12px;
}







/* -------------------------- add 200910 ---------------------------- */

.clearfix:after,
.solutionInfoList:after,
.partnerList:after,
.section:after,
.setTxt:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix,
.solutionInfoList,
.partnerList,
.section,
.setTxt
 {
  zoom: 1;
}
#head {
	margin: 0px auto;
	padding:0px;
	width: 950px;
	height: 175px;
	background: url(../image/universal/sub/header.jpg);
}
.pageTop {
  margin: 0;
  padding: 10px 0px 10px 0px;
  text-align:right;
  clear:both;
}
.pageBack {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  font-size:12px;
  text-align:right;
  clear:both;
}
#contents img {
    margin:0px;
	padding:0px;
    border:none;
    vertical-align: bottom;
}
#contents img.outlink {
  margin: 0px;
  padding: 0px;
  vertical-align:middle;
}
#copylight {
  margin: 0px auto;
  padding: 0px;
  width:950px;
}
hr {
  display:none;
}
.dotline{
  /*
  background: url(../image/aboutus/aboutUs_devider.gif) repeat-x 0 0;
  */
  border-bottom: 1px solid #CCCCCC;
  height:1px;
  margin:10px 0px 20px 0px; 
}
.dotline2{
  /*
  background: url(../image/aboutus/aboutUs_devider.gif) repeat-x 0 0;
  */
  border-bottom: 1px solid #CCCCCC;
  height:1px;
  margin:5px 0px 5px 0px; 
}

#sideNavi {
	width: 194px;
	margin: 0px 0px 0px 0px;
	float: left;
}
#sideNavi ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#sideNavi ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
}

#main {
	width: 700px;
	margin: 0px 0px 0px 15px;
	float: right;
}
#main h2{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
#main h3{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	clear:both;
}
#main h4{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
#main h5{
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
}
#main a:link {
	text-decoration: underline;
}
#main a:visited {
	text-decoration: underline;
}
#main a:hover {
	text-decoration: underline;
	color:#ef4223;
}
#main a:active {
	text-decoration: underline;
	color:#ef4223;
}


#main p {
	font-size: 12px;
	line-height: 1.6em;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#main #outlineArea {
	width: 700px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#main #outlineArea #textArea {
	width: 364px;
	margin: 0px 0px 0px 0px;
	float:left;
}
#main #outlineArea #imgArea {
	width: 326px;
	margin: 0px 0px 0px 0px;
	float:right;
}

#main #infoArea,#main #partnerArea{
    margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:700px;
	}
#main #infoArea .solutionInfoList,#main #partnerArea .partnerList{
    margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	width:700px;
	text-align:left;
	clear:both;
	position:relative;
	}
#main #infoArea .solutionInfoList .leftImg,#main #partnerArea .partnerList .leftImg{
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:150px;
	float:left;
	}
#main #infoArea .solutionInfoList .rightTxt,#main #partnerArea .partnerList .rightTxt{
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	width:538px;
	float:left;
	}
/*
#main #infoArea .solutionList{
    margin:0px 15px 0px 0px;
	padding:0px 0px 5px 0px;
	width:150px;
	height:160px;
	text-align:left;
	float:left;
	}
#main #infoArea .solutionList img{
    margin:0px 0px 0px 0px;
	padding:2px;
	width:150px;
	float:left;
	border:1px solid #999999;
	}
#main #infoArea .solutionList p{
    margin:0px 0px 0px 0px;
	padding:0px 3px 0px 3px;
	width:144px;
	background-color:#FFFFFF;
	}

#main #productsArea{
    margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	width:700px;
	}
*/

#main #movieArea{
    margin:0px 0px 0px 0px;
	padding: 0px;
	width:700px;
}
#main #movieArea #movieCont{
    margin:0px 0px 20px 0px;
	padding: 5px 5px 5px 5px;
	width:688px;
	border:1px solid #FECB80;
}
#main #movieArea #leftArea{
    margin:0px;
	padding: 0px;
	width:80px;
	float:left;
}
#main #movieArea #rightArea{
    margin:0px;
	padding: 0px;
	width:590px;
	float:right;
}
#main #movieArea #rightArea .mv {
	 margin: 0px 0px 0px 0px;
	 padding: 5px 0px 5px 20px;
	 line-height: 150%;
	 list-style:none;
	 background: url(../image/universal/icon_movie.gif) no-repeat 0px 5px;
	 }
#main #movieArea #rightArea .mvText {
	 margin: 0px 0px 0px 0px;
	 padding: 2px 0px 5px 20px;
	 line-height: 150%;
	 list-style:none;
	 }

#main #movieArea #rightArea .fb {
	 margin: 0px 0px 0px 0px;
	 padding: 5px 0px 5px 20px;
	 line-height: 150%;
	 list-style:none;
	 background: url(../image/universal/icon_flashbook.gif) no-repeat 0px 5px;
	 }

.close {
	margin: 10px auto 0px;
	padding: 0px 0px 0px 0px;
	width:640px;
	text-align:center;
}
.movieLink{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position:absolute;
	right:0;
	top:0;
}
.movieIcon{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position:absolute;
	left:450px;
	top:0;
}
/*
.fbLink {
	 margin: 0px 0px 0px 0px;
	 padding: 5px 0px 5px 20px;
	 position:absolute;
	 right:10px;
	 top:0;
	 background: url(../image/universal/icon_flashbook.gif) no-repeat 0px 5px;
	 font-size: 12px;
	 line-height: 1.6em;
	 }
*/

/* -------------------------- sub page ------------------------- */
#main .section {
    margin:0px;
	padding: 0px;
	position: relative;
	width:700px;
}
#main .mainContentArea {
	position: relative;
	display: block;
}

#main .section h2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main .section h3{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

/* pageTit */
#main .section .pageTit {
	margin: 0 0 1em 0;
	padding: 5px 2px 5px 2px;
	font-size: large;
	font-weight: bold;
	border-bottom: 3px solid #999;
}
#main .section .pageTit span.pageTitColor{color:#003399;}

#main .section .pageSubTit {
	padding: 0 2px 1.5em 2px;
	font-size: medium;
	color: #039;
	font-weight: bold;
}
#main .section .pageCap {
	margin: 20px;
	font-size: small;
}
#main .section .pageCap2 {
	margin: 0 20px 20px;
	font-size: small;
}
#main .mainContentArea {
	position: relative;
	display: block;
}
#main .section .backButton {
	position: absolute;
	top: 0;
	right: 40px;
	margin: 0;
	padding: 6px 5px;
	font-size: small;
	line-height: 1;
	background: url(cssimg/back_back.jpg) 0 50% repeat-x;
	border: 1px solid #ccc;
}
#main .section .backButton a {
	margin: 0;
	padding-left: 17px;
	text-decoration: none;
	background: url(cssimg/back_mark.jpg) 0 50% no-repeat;
}
#main .section .productName {
	margin: 20px 10px 10px;
	padding: 0 0 0 10px;
	border-left: 5px solid #039;
}
#main .section .productName .productTit {
	color: #039;
	font-size: medium;
	font-weight: bold;
}
#main .section .productName .productCom {
	margin: 0;
	padding: 0;
	font-size: small;
}

/* indexLink */
#main .section .indexLink {
	margin: 0 10px 10px;
	padding: 0 0 5px 0;
	text-align: right;
	border-bottom: 1px solid #80aaff;
	background: #fff;
}
#main .section .indexLink ul {
	margin: 0;
	padding: 0 3px 0 0;
	border-right: 1px solid #999;
}
#main .section .indexLink li {
	display: inline;
	padding: 0 3px 0 7px;
	font-size: small;
	border-left: 1px solid #999;
}

/* indexLink2 */
#main .section .indexLink2 {
	margin: 0 10px 10px;
	padding: 20px 0 5px 0;
	text-align: right;
	border-bottom: 1px solid #80aaff;
	background: #fff;
}
#main .section .indexLink2 ul {
	margin: 0;
	padding: 0 3px 0 0;
	border-right: 1px solid #999;
}
#main .section .indexLink2 li {
	display: inline;
	padding: 0 3px 0 7px;
	font-size: small;
	border-left: 1px solid #999;
}


/* tit */
#main .section .section .setTit1 {
	margin: 0px 0 10px;
	padding: 7px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
	color: #039;
	background: #fff url(../image/universal/setTit1_bg.gif) 0 0 no-repeat;
	border: 1px solid #ccc;
}
#main .section .section .setTit2 {
	clear: both;/*2008-02-21*/
	margin: 0;
	padding: 3px 0px 3px 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.25;
	color: #039;
	background: #fff;
	border-bottom: 1px solid #ccc;
}

/* setTxt */
#main .section .section .setTxt {
	margin: 10px 0px  10px  0px;
	font-size: small;
	line-height: 1.7;
	width:680px;
}
#main .section .section .setBook {
	padding-bottom: 0.5em;
}
#main .section .section .setBook .bookTit {
	float: right;
	display: inline;
	margin: 0;
	padding: 5px 0 0.5em;
	width: 550px;
	font-weight: bold;
}
#main .section .section .setBook .bookData {
	float: right;
	display: inline;
	margin: 0 0 0.5em;
	width: 550px;
	line-height: 1.4;
}
#main .section .section .setBook2 .bookTit {
	margin: 0;
	padding: 5px 0 0.5em;
	font-weight: bold;
}
#main .section .section .setBook2 .bookData {
	margin: 0 0 0.5em;
	line-height: 1.4;
}
#main .section .section .setTxt li,
#main .section .section .setTxt dt,
#main .section .section .setTxt dd,
#main .section .section .setTxt th,
##main .section .section .setTxt td,
#main .section .section .setTxt p {
	font-size: small;
}
#main .section .section .setTxt ul li {
	list-style: disc outside;
}
#main .section .section .setTxt ol li {
	list-style: decimal outside;
}

/* imgR */
#main.section .section p.imgR {
	clear:both;/*20080219*/
	float: right;
	display: inline;
	margin: 10px 20px;
	text-align: center;
	font-size: x-small;
	line-height: 1.3;
}

#main .section .section .setTxt p.imgR {/*20080221*/
	clear:both;
	float: right;
	display: inline;
	margin: 10px 0 10px 20px;
	text-align: center;
	font-size: x-small;
	line-height: 1.3;
}

/* imgL */
#main .section .section p.imgL {
	float: left;
	display: inline;
	margin: 10px 20px;
	text-align: center;
	font-size: x-small;
	line-height: 1.3;
}
#main .section .section .setBook p.imgL {
	margin: 10px 0;
	width: 100px;
	text-align: center;
}

/* imgC */
#main .section .section p.imgC {
	margin: 10px 0px;
	font-size: x-small;
	line-height: 1.3;
}



/* ---------------- CFMS page ------------------ */

#main #cfmsArea {
	width: 700px;
	margin: 30px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#main #cfmsArea .textLeftArea {
	width: 305px;
	margin: 0px 0px 0px 0px;
	float:left;
}
#main #cfmsArea .textLeftArea .aboutCFMS {
	width: 283px;
	margin: 30px 0px 0px 0px;
	padding: 10px;
	border: solid 1px #CEDBE1;
	background-color:#F7FCFF;
}
#main #cfmsArea .textLeftArea .aboutCFMSTitle {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
}
#main #cfmsArea .imgRightArea {
	width: 380px;
	margin: 0px 0px 0px 0px;
	float:right;
}
#main #cfmsArea .section {
    margin:0px 0px 20px 0px;
	padding: 0px;
	width:700px;
}
#main #cfmsArea .section .setTit0 {
	margin: 0px 0 10px;
	padding: 7px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
	color: #FFFFFF;
	background: #0053A6;
}
#main #cfmsArea .section .setTit1 {
	margin: 0px 0 10px;
	padding: 7px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
	color: #039;
	background: #fff url(../image/universal/setTit1_bg.gif) 0 0 no-repeat;
	border: 1px solid #ccc;
}
#main #cfmsArea .section .setTit2 {
	clear: both;/*2008-02-21*/
	margin: 0px 0px 20px 0px;
	padding: 3px 0px 3px 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.25;
	color: #039;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
#main #cfmsArea .section .Ttitle {
	padding:0px 0px 5px 0px;
	margin:0px;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
} 
#main #cfmsArea .section  ul {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 1.6em;
}
#main #cfmsArea .section  ul li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

table.cfmsSpecT { width:100%; margin:0px 0px 30px 0px; color:#000000; text-align:left; border-collapse:collapse; border-top:1px solid #0053A6;border-left:1px solid #0053A6;}
table.cfmsSpecT th {padding:10px 15px; font-size:12px; background-color:#0053A6; border-left:1px solid #0053A6; border-right:1px solid #FFFFFF; color:#FFFFFF;}
table.cfmsSpecT th.last {padding:10px 15px; font-size:12px; background-color:#0053A6; border-right:1px solid #0053A6;}
table.cfmsSpecT td {padding:8px 15px; font-size:12px; color:#333333; border-right:1px solid #0053A6; border-bottom:1px solid #0053A6;border-left:1px solid #0053A6;}
table.cfmsSpecT tr.blueBack { background-color:#F7FCFF;}
table.cfmsSpecT .title { text-align:left;}


/* ---------------- contents page ------------------ */

#main .section .section .setTxt ul.pdfDl {
	 margin: 10px 5px 0px 10px;
	 padding: 0px 0px 0px 0px;
	 text-align: left;
	 list-style:none;
	 }
#main .section .section .setTxt ul.pdfDl li.pdf {     
	 margin: 0px 0px 0px 0px;
	 padding: 5px 0px 5px 20px;
	 line-height: 150%;
	 list-style:none;
	 background: url(../image/universal/pdf_small.gif) no-repeat 0px 5px;
	 }
#main .section .section .setTxt ul.pdfDl {
	 margin: 10px 5px 0px 10px;
	 padding: 0px 0px 0px 0px;
	 text-align: left;
	 list-style:none;
	 }
#main .section .section .setTxt ul.pdfDl li.mv {     
	 margin: 0px 0px 0px 0px;
	 padding: 5px 0px 5px 20px;
	 line-height: 150%;
	 list-style:none;
	 background: url(../image/universal/icon_movie.gif) no-repeat 0px 5px;
	 }
#main .section .section .setTxt ul.pdfDl li.fb {     
	 margin: 0px 0px 0px 0px;
	 padding: 5px 0px 5px 20px;
	 line-height: 150%;
	 list-style:none;
	 background: url(../image/universal/icon_flashbook.gif) no-repeat 0px 5px;
	 }
/* ---------------- radvision page ------------------ */

#main #radvisionArea {
	width: 700px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#main #radvisionArea .section {
    margin:0px 0px 10px 0px;
	padding: 0px;
	width:700px;
}
#main #radvisionArea .section .setTit0 {
	margin: 0px 0 10px;
	padding: 7px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
	color: #FFFFFF;
	background: #0053A6;
}
#radvisionArea ul.outline {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
#radvisionArea ul.outline li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
#radvisionArea ul.point {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
#radvisionArea ul.point li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}