@charset "utf-8";

/* common 
-------------------------------------*/
/* contetns */
#main {
	padding:0 0 20px 0;
}
/* mainarea */
#main .mainarea{
	width:550px;
	margin:10px 0 0 0;
	position:relative;
}
#main .mainarea p{
	margin:0;
	padding:0 0 5px 0;
	font-size:134%;
}
#main .mainarea h1{
	z-index:1;
}
#main .mainarea ul{
	position:absolute;
	top:2px;
	left:340px;
	z-index:2;
}
#main .mainarea ul li{
	margin:0 0 3px 0;
}
/* intro */
#main  .intro{
	width:100%;
	margin:20px 0 10px 0;
}
#main  .intro h2{
	margin:0 0 10px 0;
}
#main  .intro p{
	margin:20px 0 15px 0;
}
/* section */
#main  .section{
	margin:20px 0 10px 0;
}
#main  .section h3{
	margin:0 0 15px 0;
}
#main  p.pagetop{
	width:100%;
	margin:-10px 0 0 0;
	padding:0;
	text-align:right;
}
/* .attemtion */
#main .section ul.attention{
	width:500px;
	margin:0 0 0 10px;
	font-size:92%;
}
#main .section ul.attention li{
	padding:0 0 0 10px;
	background:url(../software/images/connection/card_auto/common/ico_kome.gif) no-repeat 0 4px;
}
/* .pageBottomBanner */
#main ul.pageBottomBanner{
	width:550px;
	margin:20px 0 0 0;
	background:#E8E8E8;
}
#main ul.pageBottomBanner li{
	width:176px;
	float:left;
	display:inline;
	padding:10px 0 10px 5px;
}
/* adobe */
#main dl.adobeReader{
	width:530px;
	clear:both;
	margin:20px 0 0 10px;
	border:1px solid #ccc;
}
#main dl.adobeReader dt{
	width:120	px;
	float:left;
	padding:10px 10px 5px 10px;
}
#main dl.adobeReader dd{
	padding:5px 0 0 125px;
	color:#666;
	font-size:92%;
}

/* pdfDownload */
#main div.downloadsWrapper{
	width:550px;
	padding:10px 0 0 0;
	border:1px dotted #ccc;
}
#main div.pdfDownload {
	width:530px;
	clear:both;
	margin:0 0 10px 5px;
}
#main div.downloadsWrapper  dl.pdfDownload {
	margin:0 0 8px 10px;
}
#main dl.pdfDownload  dt{
	width:150px;
	float:left;
	display:inline;
	padding:0 0 0 15px;
	font-weight:bold;
	background:url(../software/images/connection/card_auto/common/ico_square.gif) no-repeat 0 3px;
}
#main dl.pdfDownload  dd{
	padding:0 0 0 165px;
}
#main dl.pdfDownload ul li{
	float:left;
	display:inline;
}
#main dl.pdfDownload ul li.name{
	width:250px;
}

/* #capsIndex
/index.html 
-------------------------------------------------------------------------*/
/* .mainarea */
#capsIndex .mainarea ul{
	top:40px;
	left:370px;
}
#capsIndex .mainarea ul li{
	padding-bottom:4px;
}
/* pakage */
#capsIndex .package{
	width:550px;
	margin:15px 0 15px 0;
	clear:both;
	background:#083665;
}
#capsIndex .package h2{
	padding:1px;
}
#capsIndex .package ul {
	width:540px;
	padding:0 5px 0 6px;
	/padding:0 4px 0 6px;
}
#capsIndex .package ul li{
	width:131px;
	float:left;
	display:inline;
	padding:8px 0 8px 4px;
}

#capsIndex ul.bnrlink{
	clear:both;
}
#capsIndex ul.bnrlink li{
	width:270px;
	float:left;
	display:inline;
	margin:0 10px 0 0;
}
#capsIndex ul.bnrlink li.last{
	margin-right:0;
}
#capsIndex .example{
	clear:both;
	padding:15px 0 0 0;
	/padding-top:0;
}
#capsIndex .example .mainLeft{
	width:335px;
	float:left;
	display:inline;
	position:relative;
}
#capsIndex .example .mainLeft .exambtn{
	position:absolute;
	top:7px;
	left:223px;
}
#capsIndex .example .mainLeft .section{
	width:333px;
	clear:both;
	margin:0;
	padding:19px 0 19px 0;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:url(../software/images/connection/card_auto/index/bg_requirements.jpg) repeat-x 0 100%;
	height:50px;
}
#capsIndex .example .mainLeft .section h4{
	width:52px;
	float:left;
	margin:0 0 0 12px;
	display:inline;
}
#capsIndex .example .mainLeft .section p{
	width:245px;
	float:left;
	display:inline;
	color:#1E60A0;
	padding:0 0 0 10px;
}
#capsIndex .example .mainLeft .section ul{
	font-size:92%;
}
*+html #capsIndex .example .mainLeft .section ul{
	width:255px;
	padding-left:5px;
}
#capsIndex .example .mainLeft .section ul li{
	float:right;
	white-space:nowrap;
	padding:2px 3px 0 0;
}
#capsIndex .example .mainLeft .section ul li a{
	padding:0 0 0 8px;
	font-size:92%;
	background:url(../software/images/connection/card_auto/common/ico_link.gif) no-repeat 0 50%;
}
#capsIndex .example .mainRignt {
	width:205px;
	float:right;
}
#capsIndex .example .mainRignt div{
	width:205px;
	background:url(../software/images/connection/card_auto/index/bg_mainRightdiv.gif) repeat-y 0 0;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #ccc;
}
html>/**/body #capsIndex .example .mainRignt div{
	padding-bottom:9px;
	}
*:first-child+html #capsIndex .example .mainRignt div{
	padding-bottom:8px;
}
*:first-child+html #capsIndex .example .mainRignt div.case{
	padding-bottom:7px;
}
#capsIndex .example .mainRignt div p,
#capsIndex .example .mainRignt div dl,
#capsIndex .example .mainRignt div ul{
	width:186px;
	margin:10px auto 10px auto;
}
#capsIndex .example .mainRignt div h4{
	width:176px;
	background:#F1F1F1 url(../software/images/connection/card_auto/index/line_gray_baige.gif) repeat-x 0 100%;
	margin:10px auto;
	padding:5px;
}
#capsIndex .example .mainRignt div dl dt{
	margin-bottom:10px;
}
#capsIndex .example .mainRignt div p.link,
#capsIndex .example .mainRignt div ul li {
	text-align:right;
	padding:5px 0 0 0;
}
#capsIndex .example .mainRignt div p.link a,
#capsIndex .example .mainRignt div ul li a{
	text-align:right;
	padding:0 0 0 10px;
	background:url(../software/images/connection/card_auto/common/ico_link.gif) no-repeat 0 50%;
}
#capsIndex .example .mainRignt .performance{
	position:relative;
}
#capsIndex .example .mainRignt .performance .btnlink{
	width:65px;
	height:16px;
	position:absolute;
	top:-5px;
	right:5px;
}
#capsIndex .example .mainRignt .performance .text{
	/padding-top:10px;
}

/* #capsSeries
/new_cafis.html /caps_net.html /caps_gp_net.html /caps_pqvic.html
-------------------------------------------------------------------------*/
/* format */
#capsSeries .section.format{
	padding-bottom:15px;
}
#capsSeries .section.format p{
	width:528px;
	padding:0 1px;
	margin:0 0 0 10px;
	border-top:1px solid #ccc;
	background:url(../software/images/connection/card_auto/common/bg_format_section.gif) repeat-y 0 0;
}
#capsSeries .section.format p.incoming{
	margin-top:10px;
}

#capsSeries .section.format p.onlyImg{
	border-bottom:1px solid #ccc;
}
#capsSeries .section.format  ul.attention{
	padding:20px 15px 15px 15px;
	border-bottom:1px solid #ccc;
	background:url(../software/images/connection/card_auto/common/bg_format_section.gif) repeat-y 0 0;
}
#capsSeries .capsForCafis .section.format ul.attention{
	background:none;
	border:none;
	padding:10px 15px 5px 15px;
}

/* function */
#capsSeries .section.function .feature{
	margin:15px 0 30px 0;
}
#capsSeries .section.function .feature h4,
#capsSeries .section.function .feature dl{
	margin-left:10px;
}
#capsSeries .section.function .feature h4{
	margin-bottom:15px;
}
#capsSeries .section.function .feature dl{
	width:530px;
	margin:0 auto 10px auto;
	border:1px solid #CCC;
}
#capsSeries .section.function .feature dl dt,
#capsSeries .section.function .feature dl dd{
	margin:10px 10px 0 10px;
}
#capsSeries .section.function .feature dl dd{
	margin-top:5px;
	margin-bottom:10px;
}
#capsSeries .section.function .feature dl dt{
	padding-left:12px;
	background:url(../software/images/connection/card_auto/common/ico_square.gif) no-repeat 0 3px;
	font-weight:bold;
}

#capsSeries .section.function .feature dl dt.dtonly{
	margin-bottom:10px;
}
	

/* #adoption
/adoption.html 
-------------------------------------------------------------------------*/
/* access */
#adoption .access dl{
	width:530px;
	clear:both;
	margin:10px auto 10px auto;
	padding:0 0 10px 0;
	background:url(../software/images/connection/card_auto/common/line_lightgray_white.gif) repeat-x 0 100%;
}
#adoption .access dl dt{
	width:140px;
	float:left;
	display:inline;
}
#adoption .access dl dd{
	width:390px;
	float:left;
	padding:5px 0 0 0;
	display:inline;
}
#adoption .access .pagetop{
	margin-top:10px;
}
/* choice */
#adoption .choice table{
	width:550px;
	background:#fff;
	font-size:84%;
	border-collapse:collapse;
	margin:15px 0;
}
#adoption .choice table th{
	background:#A7A7A7;
	vertical-align:middle;
	font-weight:normal;
	color:#FFF;
}
#adoption .choice table a{
	color:#FFF;
}
#adoption .choice table th,
#adoption .choice table td{
	padding:5px 0;
	text-align:center;
	vertical-align:middle;
	text-align:center;
}
#adoption .choice table th{
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	text-align:left;
	padding-left:10px;
}
#adoption .choice table td{
	border:1px solid #F0F0F0;
}
#adoption .choice table td.text{
	text-align:left;
	padding:5px;
}
#adoption .choice table .topttl th{
	padding:2px 3px 3px 3px;
	text-align:center;
	font-weight:bold;
}
#adoption .choice table .caps{
	background:#415C9E;
}

/* #problem-index
/example/index.html 
-------------------------------------------------------------------------*/
#problem-contens .pagebottom ul.underContents li{
	float:left;
	display:inline;
}
#problem-index .example .wrapper{
	width:100%;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	background:url(../software/images/connection/card_auto/common/line_col_glaywhite.gif) repeat-x 0 100%;
}
#problem-index .example .wrapper div{
	padding: 0 0 0 100px;
}
#problem-index .example .wrapper div h3{
	margin:0 0 0 0;
}
#problem-index .example .wrapper div ul{
	margin:10px 0 0 0;
}
#problem-index .example .wrapper div ul li{
	padding:0 0 0 10px;
	background:url(../software/images/connection/card_auto/common/ico_dot.gif) no-repeat 0 5px;
}
#problem-index .example .wrapper div ul.links li {
	float:right;
	padding:0 15px 0 0;
	background:none;
}
#problem-index .example .wrapper div ul.underContents li a,
#problem-index .example .wrapper div ul.links li a{
	background:url(../software/images/connection/card_auto/common/ico_link.jpg) no-repeat 0 50%;
	padding:0 0 0 10px;
}
#problem-index .example .pos{
	background:url(../software/images/connection/card_auto/problem/index/bg_pos.gif) no-repeat 0 5px;
}
#problem-index .example .ec{
	background:url(../software/images/connection/card_auto/problem/index/bg_ec.gif) no-repeat 0 5px;
}
#problem-index .example .atm{
	background:url(../software/images/connection/card_auto/problem/index/bg_atm.gif) no-repeat 0 5px;
}
#problem-index .example .fep{
	background:url(../software/images/connection/card_auto/problem/index/bg_fep.gif) no-repeat 0 5px;
}
#problem-index .example .kouza{
	background:url(../software/images/connection/card_auto/problem/index/bg_kouza.gif) no-repeat 0 5px;
}
/* comming soon */
#main .commingsoon{
	width:100%;
	padding:50px 0;
	font-size:117%;
	font-weight:bold;
	text-align:center;
}

/* #capsPerformans
performans.html 
-------------------------------------------------------------------------*/
#capsPerformans .intro{
	border-bottom:0;
}
#capsPerformans .intro p{
	width:550px;
}
#capsPerformans .intro span{
	display:block;
	padding:10px 0 0 0;
}
#capsPerformans .section{
	clear:both;
	margin-top:0;
	padding:0 0 20px 0;
	/* background:url(../software/images/connection/card_auto/common/line_lightgray_white.gif) repeat-x 0 100%; */
}
#capsPerformans .business p{
	margin:15px 0 0 0;
}
#capsPerformans .business p img{
	border:1px solid #CCC;
	margin:0 0 15px 10px;
}
#capsPerformans .business div{
	width:170px;
	float:left;
	display:inline;
	margin:0 0 20px 10px;
}
#capsPerformans .cardnet{
	margin-top:15px;
}
#capsPerformans .business div h4{
	padding:5px;
	text-align:center;
	font-weight:bold;
}
#capsPerformans .business div ul{
	font-size:92%;
	margin:10px 0 0 0;
}
#capsPerformans .business div ul li{
	width:130px;
	margin:0 auto 0 auto;
	padding:0 0 2px 10px;
	background:url(../software/images/connection/card_auto/common/ico_dot.gif) no-repeat 0 5px;
}
#capsPerformans .business .retail h4{
	background:#A0CFEB;
}
#capsPerformans .business .center h4{
	background:#9EDEBE;
}
#capsPerformans .business .finance h4{
	background:#F2EBA8;
}
#capsPerformans .business .connection h4{
	background:#F28492;
}
#capsPerformans .business .public h4{
	background:#E0BAE9;
}
/* #capsPerformans
requirements.html 
-------------------------------------------------------------------------*/
#capsRequirements h4{
	padding:0 0 0 12px;
	font-weight:bold;
	background:url(../software/images/connection/card_auto/common/ico_square.gif) no-repeat left 3px;
}
#capsRequirements p{
	margin:20px 0 20px 0;
}
#capsRequirements table span,
#capsRequirements p span{
	color:#415C9E;
	font-weight:bold;
}
#capsRequirements p.check{
	width:550px;
	text-align:right;
	margin-top:5px;
	font-size:92%;
}
#capsRequirements table{
	width:550px;
	margin:5px 0 0 0;
	border-collapse:collapse;
}
#capsRequirements table th{
	padding:3px 0;
	background:#A7A7A7;
	color:#FFF;
}
#capsRequirements table td{
	padding:3px 0;
	text-align:center;
}
#capsRequirements table th{
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
}
#capsRequirements  table td{
	border:1px solid #F0F0F0;
	
	vertical-align:middle;
}
#capsRequirements p.pagetop{
	padding:20px 0 0 0;
}


/* #problem-contens
/problem-contens/ 
-------------------------------------------------------------------------*/
#problem-contens h3{
	margin:20px 0 0 0;
}
#problem-contens .sectionWrapper{
	width:530px;
	margin:0 0 0 5px;
}
#problem-contens .issue{
	margin-top:15px;
}
#problem-contens .section h4{
	width:510px;
	margin:0 0 10px 0;
	padding:3px 5px 3px 25px; 
	font-weight:bold;
	background:#F3F3F3 url(../software/images/connection/card_auto/problem/common/ico_subttl.gif) no-repeat 10px 7px;
}
#problem-contens .section ul{
	width:500px;
	margin:0 0 0 15px;
}
#problem-contens .section ul li{
	padding:0 0 5px 10px;
	background:url(../software/images/connection/card_auto/common/ico_dot.gif) no-repeat 0 5px;
}
#problem-contens .section .img {
	margin:0 0 40px 5px;
}
#problem-contens .section .img img{
	border:1px solid #CCCCCC;
}
#problem-contens .pagebottom h5{
	padding:4px 0 3px 0;
	text-indent:1em;
	background:url(../software/images/connection/card_auto/problem/common/bg_ttl.jpg) repeat-x 0 0;
	color:#FFF;
	font-weight:bold;
}
#problem-contens .shortlinkAreaWrapper{
	width:530px;
	margin:0 0 15px 10px;
	padding:0 0 0 0;
	background:url(../software/images/connection/card_auto/problem/common/bg_doubleblock.gif) repeat-y 0 0;
}
#problem-contens .shortlinkArea {
	width:100%;
	margin:0;
	padding:0 0 5px 0;
	background:url(../software/images/connection/card_auto/problem/common/bg_doubleblock_bottom.gif) no-repeat 0 100%;
}
#problem-contens .shortlinkArea div h5{
	width:260px;
}
#problem-contens .shortlinkArea div{
	width:260px;
	float:left;
	margin:0 10px 0 0;
}
#problem-contens .shortlinkArea div.example p,
#problem-contens .shortlinkArea div.product ul{
	width:246px;
	margin:10px auto 10px auto;
}	
#problem-contens .shortlinkArea div.product{
	margin-right:0;
}
#problem-contens .pagebottom ul li a{
	padding:0 0 0 10px;
	background:url(../software/images/connection/card_auto/common/ico_link.gif) no-repeat 0 50%;
}

#problem-contens .pagebottom .otherlink{
	width:548px;
	padding:0 0 20px 0;
	background:url(../software/images/connection/card_auto/problem/common/bg_linkarea_long.jpg) repeat-x 0 0;
}
#problem-contens .pagebottom .otherlink h5{
	width:548px;
}
#problem-contens .pagebottom .otherlink ul{
	border:1px solid #CCC;
	padding-bottom:10px;
}
#problem-contens .pagebottom .otherlink li{
	float:left;
	margin:10px 0 0 15px;
	display:inline;
	white-space:nowrap;
}
#problem-contens p.pagetop{
	margin-top:15px;
}


/* #capsDownload
/download.html 
-------------------------------------------------------------------------*/
#capsDownload .pdfDownload{
	margin-bottom:20px;
}